@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#541909;
}
a:visited{
	color:#541909;
}
a:hover{
	color:#832;
}
a:active{
	color:#541909;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background:url(../img/common/bg_repeat.jpg) #473122 top center repeat-y;
}

#backgradation {
	background:url(../img/common/bg_common.jpg) no-repeat top center;
}

#container{
	width:950px;
	margin:0 auto;
	position:relative;
}

/* 第二階層 */

#container{
	background:url(../img/common/container_bg.jpg) #FFF left top repeat-x;
}

#main-area.lv2{
	float:right;
	width:621px;
	padding:30px 30px 0 0;
}

#main-area .gallery{

	width:900px;
	padding:30px 30px 0 0;
}

#submenu-area.lv2{
	width:264px;
	float:left;
}

/* 第三階層 */

#main-area_lv3{
	float:right;
	width:680px;
	padding:30px 30px 0 0;
}

#submenu-area_lv3{
	width:205px;
	float:left;
	background-color:#;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	position:relative;
	background:url(../img/common/headerback.jpg) #FFF right top no-repeat;
}

#identity{
	padding:16px 0px 12px 15px;
}

#header-area .header-utility{
	position:absolute;
	top:24px;
	left:255px;
}

#header-area .header-utility p{
	font-size:77%;
	color:#666;
	line-height:1.5;
}

#header-area .header-utility li{
	float:left;
	margin:0 0 0 20px;
}

.globalmenu li{
	float:left;
	line-height:1;
	text-align:center;
}

.globalmenu li img {
	display:block;
}


/* ------------------------------------------------------------ */
/* パン屑リスト指定 */
/* ------------------------------------------------------------ */

#footstamp-area{
	background:url(../img/common/footstamp-area_bg.gif) #C4B6A6 left top repeat-x;
	height:30px;
	padding:0 10px;
	line-height:30px;
	font-size:77%;
}

#footstamp-area a{
	background-color:#F0EFD0;
	padding:3px;
}

#footstamp-area a:hover{
	background-color:#541909;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px;
}

#footstamp-area .arrow{
	padding:0 5px;
	color:#888;
	font-weight:bold;
}

/* ------------------------------------------------------------ */
/* コンテンツ指定 */
/* ------------------------------------------------------------ */

#contents-area_lv2{
	background:url(../img/common/contents-area_bg_lv2.gif) left top repeat-y;
}

#contents-area_lv3{
	background:url(../img/common/contents-area_bg_lv3.gif) left top repeat-y;
}

/* ------------------------------------------------------------ */
/* 見出し指定 */
/* ------------------------------------------------------------ */

#contents-area_lv2 h1{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:136%;
	margin:0 0 15px 0;
}

#contents-area_lv2 h2{
	border-left:solid 4px #541909;
	margin:0 0 10px 0;
	padding:0 0 0 7px;
}

#contents-area_lv3 h1{
	font-size:122%;
	margin:0 0 20px 0;
	padding-bottom:10px;
	border-bottom:solid 4px #DDD1CE;
}

#contents-area_lv3 h1 .underline{
	border-bottom:solid 4px #541909;
	padding-bottom:12px;
}
	
#contents-area_lv3 h2{
	background:url(../img/common/h2back.gif) no-repeat;
	margin:0 0 0px 0;
	padding:2px 5px 2px 3px;
	float:left;
	width:680px;
}

.h2border {
	clear:both;
	margin-bottom:10px;
}

/* ------------------------------------------------------------ */
/* メイン指定 border-bottom:solid 1px #DDD1CE;*/
/* ------------------------------------------------------------ */
#main-area,
#main-area_lv3{
	margin:0 0 30px 0;
}

#main-area hr,
#main-area_lv3 hr{
	height:1px;
	color:#DDD1CE;
	margin:0 0 10px 0;
}

/* ページトップ */
#main-area .pagetop a,
#main-area_lv3 .pagetop a {
	display		: block;
	margin		: 20px 0 10px 0;
	padding		: 3px 20px;
	text-align	: right;
	font-size	: 77%;
	background	: url(../img/common/point_pagetop.gif) center right no-repeat;
	background-color: #DEDCDB;
	color		: #555;
	text-decoration:none;
}

#main-area .pagetop a:hover,
#main-area_lv3 .pagetop a:hover {
	background	: url(../img/common/point_pagetop_on.gif) center right no-repeat;
	background-color: #EFEEED;
	color		: #999;
}

#main-area_lv3{
	
}

/* ------------------------------------------------------------ */
/* サブメニュー指定 */
/* ------------------------------------------------------------ */

#submenu-area_lv3 .submenu-title{
	margin:0px;
}

#submenu-area_lv3 .submenu li a{
	border-bottom:dotted 1px #94836F;
	padding:5px 5px 5px 20px;
	background:url(../img/common/submenu_li_point.gif) 10px center no-repeat;
	display:block;
}

#submenu-area_lv3 .submenu ul .second a{
	border-bottom:dotted 1px #94836F;
	padding:5px 5px 5px 40px;
	background:url(../img/common/submenu_li_point_lv2.gif) 20px center no-repeat;
	display:block;
}

#submenu-area_lv3 .submenu li a:hover{
	background-color:#E8E2D9;
	text-decoration:none;
}

#submenu-area_lv3 .submenu li.active a{
	background-color:#FFF;
	text-decoration:none;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area {
	background:url(../img/common/fooderback.jpg) repeat-x ;
	height:56px;
	padding:15px 0px 0px 15px;
	clear:both;
}

#footer-area a:link{
	color:#fff;
}

#footer-area a:visited{
	color:#fff;
}

#footer-area a:hover{
	color:#EC8989;
}

#footer-area a:active{
	color:#CC2A39;
}

#footer-area ul{
	margin-right:-3px;
	overflow:auto;
}

#footer-area .prohibition {
	color:#bdb8b3;
	font-size:77%;
	margin:0px;
}

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

.section{
	margin:0 0 15px 0;
}

.section table{
	border-collapse: collapse;
}

.section table th,
.section table td{
	padding:5px;
	border:2px solid #FFF;
	vertical-align:top;
}

.section table th{
	text-align:left;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 0 12px;
}


.must{
	color:#CC0000;
}

.healthpage {
	text-align:right;
	margin:0px;
	padding:0px;
}

.isotext {
	float:right;
	color:#333;
	padding:16px 40px 0px 0px;
	margin:0px;
	width:255px;
}

tr td .iso {
	padding:0px;
	margin:0px;
}

tr td .isobox {
	width:400px;
	overflow:auto;
	padding:4px 0px 4px 0px;
}

/**/
	* html .isobox{overflow: visible;}
/**/

.number {
	color:#000000;
	font-size:77%;
	width:100px;
	text-align:center;
	padding:2px 0px 0px 0px;
}

.number p {
	padding:0px;
	margin:0px;
}

.isobox img {
	display:block;
}

.vision {
	text-align:right;
}

.subh2 {
	padding:0px 0px 0px 10px;
	font-weight:bold;
	border-bottom:1px solid #DDD1CE;
	background:url(../img/common/arrow.gif) no-repeat 0px 5px;
}


/* ------------------------------------------------------------ */
/* ギャラリーページ */
/* ------------------------------------------------------------ */
#container .gallery {
	padding:0px 0px 0px 16px;
	margin-top:25px;
	margin-bottom:0px;
	
}

	#container .gallery a:hover img {
	opacity		: 0.7;
	filter		: alpha(opacity=70);
	}

#container .gallery h1{
	margin-bottom:10px;
}

.housing ul {
	margin-right:-18px;
	zoom: 1;
	margin-bottom:0px;
}

.housing ul li {
	width:449px;
	float:left;
	padding:0px 18px 12px 0px;
}

.housing ul li a .image {
	float:left;
	padding:0px 15px 0px 0px;
	width:150px;
	height:100px;
}

#container .gallery .housing ul li a h2 {
	margin:0px;
	padding:1px 0px 0px 174px;
	display:block;
	font-size:92%;
	background:url(../img/gallery/h2_border.gif) no-repeat 164px 0px;
	text-decoration:underline;
	clear:none;
}

#container .gallery .housing ul li a {
	display:block;
	padding:7px 10px;
	text-decoration:none;
	border:1px solid #dfdfdf;
	background-color:#f3f3f3;
	display: inline-block;
}

#container .gallery .housing ul li a:hover {
	background-color:#fafafa;
	border:1px solid #f5f5f5;
}

#container .gallery .housing ul li a span {
	display:block;
	font-size:77%;
	line-height:1.4;
	padding:4px 0px 0px 0px;
	letter-spacing:0.3px;
	margin:0px;
	color:#333;
	}
	#container .gallery .housing ul li a:hover span {
		color:#777;
		}






#container .gallery .part {
overflow:auto;
}

/**/
	* html #container .gallery .part{overflow: visible;}
/**/

#container .gallery .part {
	clear:both;
}

#container .gallery .part ul li {
	width:218px;
	float:left;
	padding-right:15px;
	padding-bottom:10px;
	margin:0px;
}

#container .gallery .part ul li a {
	background:url(../img/gallery/t-p-bk.gif) repeat-x;
	height:55px;
	display:block;
	padding:0px;
	margin:0px;
}

#container .gallery .part ul li a:hover {
	background:url(../img/gallery/t-p-bk_on.gif) repeat-x;
}

#container .gallery .part ul {
overflow:auto;
}

/**/
	* html #container .gallery .part ul{overflow: visible;}
/**/

#container .gallery .part ul li span {
	display:block;
	padding:19px 0px 0px 16px;
	font-weight:bold;
	font-size:92%;
}

#container .gallery .part ul li .pimage {
	float:right;
	display:block;
	margin:0px;
	padding:1px 1px 0px 0px;
}

#container .gallery h2{
	font-size:92%;
	margin:0px 0px 0px 0px;
	padding:5px 0px 6px 13px;
	background:url(../img/gallery/h2_border.gif) no-repeat 0px 4px;
	clear:both;
}

#contents-area .galleryback_box a {
	display		: block;
	padding		: 10px 0px;
	text-align	: center;
	font-size	: 92%;
	background-color: #ddd;
	text-decoration:underline;
}

#contents-area .galleryback_box a:hover {
	background-color: #fff;
}

.br {
	clear:both;
}


.eventimg {
	margin-bottom:15px;
}

a.hover:hover img{
	filter:alpha(opacity=70);
	opacity:0.7
}