@charset "Shift_JIS";

/* ===================================================================
　CSS information

　file name  :top.css
　style info :トップページレイアウト
=================================================================== */

dt.arrow{
	background-position:0 0.8em!important;
}
li.arrow{
	background-position:0 0.8em!important;
}
a.arrow{
	background-position:0 0.3em!important;
}

/*==================== 左メニュー ====================*/

#leftMenu{
	position:relative;
	z-index:2;
	width:200px;
	float:left;
	text-align:left;
	margin-top:21px;
	display:inline;
	padding-bottom:40px;
}

* html #leftMenu li.arrow{
	width:160px;
}

#leftMenu #emergencyArea{
	border-right:1px solid #FE0000;
	border-left:1px solid #FE0000;
	border-bottom:1px solid #FE0000;
	padding:20px 10px;
}

#leftMenu h2 img{
	display:block!important;
}

#leftMenu .leftLinkArea{
	margin:10px 0 0 0;
}

#leftMenu .leftLinkArea img{
	display:block;
}

#leftMenu .leftLinkArea ul{
	background-color:#FAFFF9;
	border-right:1px solid #E4F3D4;
	border-left:1px solid #E4F3D4;
	border-bottom:1px solid #E4F3D4;
	padding:10px;
}

#leftMenu #bannerArea{
	padding:10px 0 0 0;
}

#leftMenu #bannerArea li{
	margin:10px 0 0 0;
}

#leftMenu #bannerArea li img{
	display:inline;
}

/*==================== コンテンツ ====================*/
#contentArea{
	width:100%;
	float:right;
	margin-left:-200px;
	text-align:left;
	margin-top:21px;
	padding-bottom:40px;
	display:inline;
}
#mainArea{
	width:100%;
	float:left;
	display:inline;
	margin-right:-200px;
	text-align:left;
}
#mainArea #mainAreaInner{
	margin-right: 200px;
	margin-left: 210px;
}

#mainvisual{
	width:100%;
	height:190px;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}

#mainvisual img{
	margin-left:210px;
}

#mainArea #lifeArea h3{
	border:1px solid #9CBE8B;
	background:url(/content/000000124.gif);
}

#mainArea #lifeArea h3 img{
	display:block;
}

#mainArea #lifeArea #lifeAreaInner{
	border-right:1px solid #9CBE8B;
	border-left:1px solid #9CBE8B;
	border-bottom:1px solid #9CBE8B;
	padding:1px 1px 20px 1px;
}

#mainArea #lifeArea #lifeAreaInner ul{
	background:url(/content/000000120.gif) left top repeat-x;
	padding:10px 0 0 20px;
}

#mainArea #lifeArea #lifeAreaInner ul li{
	float:left;
	display:inline;
	margin:10px 10px 0 0;
}

#mainArea #lifeArea #lifeAreaInner ul li img{
	margin:0;
	display:block;
}

#mainArea #infoArea{
	margin:15px 0 0 0;
	background:#267206 url(/content/000000121.gif);
}

#mainArea #infoArea h3{
}

#mainArea #infoArea h3 img{
	display:block;
}

#mainArea #infoArea #infoAreaInner{
	background-color:#ffffff;
	border-right:1px solid #9CBE8B;
	border-left:1px solid #9CBE8B;
	border-bottom:1px solid #9CBE8B;
	padding:1px 1px 20px 1px;
}

#mainArea #infoArea #infoAreaInner ul{
	background:url(/content/000000120.gif) left top repeat-x;
	padding:20px 20px 0 20px;
}

#mainArea #newInfoArea{
	margin:15px 0 0 0;
	background:#267206 url(/content/000000121.gif);
}

#mainArea #newInfoArea h3{
}

#mainArea #newInfoArea h3.rss  img{
	float:left;
	display:block;
}

#mainArea #newInfoArea h3.rss a{
	float:right;
	display:inline;
	margin:9px 10px 0 0;
}

#mainArea #newInfoArea #newInfoAreaInner{
	background-color:#ffffff;
	border-right:1px solid #9CBE8B;
	border-left:1px solid #9CBE8B;
	border-bottom:1px solid #9CBE8B;
	padding:1px 1px 20px 1px;
}

#mainArea #newInfoArea #newInfoAreaInner ul{
	background:url(/content/000000120.gif) left top repeat-x;
	padding:20px 20px 0 20px;
}

#mainArea #newInfoArea .archives{
	float:right;
	padding:0 20px 0 0;
}

* html #mainArea #newInfoArea .archives a.arrow{
	background-position:0 0.8em!important;
}

#mainArea #eventArea{
	margin:15px 0 0 0;
	background:#267206 url(/content/000000121.gif);
}

#mainArea #eventAreaTitle{
}

#mainArea #eventArea h3{
	float:left;
}

#mainArea #eventArea .date{
	float:right;
	display:inline;
	margin:9px 10px 0 0;
	color:#ffffff;
}

#mainArea #eventArea h3 img{
	display:block;
}

#mainArea #eventArea #eventAreaInner{
	background-color:#ffffff;
	border-right:1px solid #9CBE8B;
	border-left:1px solid #9CBE8B;
	border-bottom:1px solid #9CBE8B;
	padding:1px 1px 20px 1px;
}

#mainArea #eventArea #eventAreaInner ul{
	background:url(/content/000000120.gif) left top repeat-x;
	padding:20px 20px 0 20px;
}

#mainArea #eventArea .archives{
	float:right;
	padding:0 20px 0 0;
}

* html #mainArea #eventArea .archives a.arrow{
	background-position:0 0.8em!important;
}

/*==================== 右メニュー ====================*/

#rightMenu{
	width:190px;
	float:right;
	display:inline;
}

#rightMenu h4 img{
	vertical-align:baseline;
	display:block;
}

#rightMenu #photoNewsArea{
	border-right:1px solid #9ABE8E;
	border-left:1px solid #9ABE8E;
	border-bottom:1px solid #9ABE8E;
	background:url(/content/000000138.gif);
	padding:8px 7px 10px 11px;
	line-height:1.5;
	text-align:center;
}

#rightMenu #photoNewsArea img{
	border:3px solid #E9E9E7;
}

#rightMenu #photoNewsArea p{
	padding:5px 0 0 0;
}

#rightMenu #aboutArea{
	margin:15px 0 0 0;
	border:1px solid #C7C7C7;
	background:url(/content/000000135.gif);
	padding:4px 4px 3px 3px;
}

#rightMenu #aboutArea #aboutAreaInner{
	border:1px solid #A8A8A8;
}

#rightMenu #aboutArea #kutyo img{
	display:block;
}

#rightMenu #aboutArea #kugikai img{
	vertical-align:bottom;
}

#rightMenu #profileArea{
	padding:10px;
	background-color:#ffffff;
}

#rightMenu #profileArea ul{
	padding:10px 0 0 5px;
}

#rightMenu .otherInfoArea{
	padding:15px 10px 0 10px;
	background-color:#ffffff;
}

#rightMenu .otherInfoArea ul{
	padding:10px 0 0 5px;
}

#leftMenu .leftLinkArea h2 span{
	background:url(/content/000016128.gif) left top no-repeat;
	display:block;
	line-height:1;
	font-size:0.6em;
	padding:8px 0 3px 35px;
}

#rightMenu .mobileArea{
	padding:10px 0 0 5px;
	text-align:center;
}

#rightMenu .verisignArea{
	text-align:center;
}

}