/*  INDEX
--------------------
1.基本設定(初期化)
2.基本レイアウト
3.テキスト基本
4.スペース
5.写真関連
6.トップページ
7.中ページ
--------------------
*/


/* 1. 基本設定(初期化)
----------------------------------------------- */
*{
	font-size: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',Arial,sans-serif;
}
*:first-child+html *{
	font-family:'メイリオ',Meiryo;
}
html{
	height:100%;
}
body{
	height:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background: #FFF;
	font-size:14px;
	line-height:1.5;
	letter-spacing:1px;
	color:#333;
}

a:link, a:visited{
	color:#027ABB;
	text-decoration:none;
}
a:hover{
	color:#027ABB;
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6, p, pre,form,
blockquote, ul, ol, dl, dd, dt{
	margin: 0;
	padding: 0;
}
li {list-style-type:none;}
img {border:none;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0;font-size:inherit;font:100%; }
address{
	font-style: normal;
	font-weight: normal;
}
.clear {clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* 2. 基本レイアウト
----------------------------------------------- */
#header {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width:900px;
	text-align:center;
	background: #305615 url(../gifs/header_bg.jpg) top center no-repeat;
}
	#header .main {
		margin: auto;
		width:900px;
		height:300px;
		text-align: left;
		position:relative;
	}
	#header .main #flashcontent {
		text-align: center;
	}
	#header .main .title {
		width:900px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#header .main .title li {
		float:right;
		margin: 0 0 0 1px;
	}
	#header .main .title li.logo {
		float:left;
		margin:20px 0 0 0;
	}
	#header .main .title li a#hrollover01 {width:151px;height:38px;display:block;}
	#header .main .title li a#hrollover01:link {background:url(../gifs/header_contact.png);}
	#header .main .title li a#hrollover01:visited {background:url(../gifs/header_contact.png);}
	#header .main .title li a#hrollover01:hover {background:url(../gifs/header_contact_on.png);}
	#header .main .title li a#hrollover01:active {background:url(../gifs/header_contact_on.png);}

	#header .main .title li a#hrollover02 {width:178px;height:38px;display:block;}
	#header .main .title li a#hrollover02:link {background:url(../gifs/header_access.png);}
	#header .main .title li a#hrollover02:visited {background:url(../gifs/header_access.png);}
	#header .main .title li a#hrollover02:hover {background:url(../gifs/header_access_on.png);}
	#header .main .title li a#hrollover02:active {background:url(../gifs/header_access_on.png);}

	#header .main .navi {
		position: absolute;
		top: 219px;
		left: 0;
	}
	#header .main .navi li {
		float:left;
		margin: 0;
	}
	#header .main .navi li span {
		margin:0;
		padding:0;
		position:absolute;
		z-index:2;
		top: -25px;
		left:80px;
	}



#container {
	margin: auto;
	margin: 0;
	padding:10px 0 0 0;
	width: 100%;
	background: #FFF url(../gifs/container_bg.jpg) top center repeat-x;
}
	#container .main {
		width:900px;
		margin:0 auto;
	}
	#container .main #print_head { 
		display:none;
	}	/* 印刷用ページタイトル */

	#container .main #contents {
		width:650px;
		float:left;
		text-align:left;
	}

	#container .main .column {
		margin-bottom:50px;
	}


#topicpath {
	margin: 0 0 20px 0;
	font-size: 10px;
}
	#topicpath li {
		float:left;
	}
	#topicpath li a {
		padding:0 8px 0 0;
		margin: 0 8px 0 0;
		float:left;
		background: url(../gifs/topicpath.gif) right no-repeat;
	}



#container #sidenavi {
	width:200px;
	float:right;
	text-align:left;
}
	#container #sidenavi img {
		vertical-align:top;
	}
	#container #sidenavi .navi {
		width:200px;
		margin:0;
		font-size:12px;
		line-height:14px;
		letter-spacing:1px;
	}

	#container #sidenavi .btn li{
		float:left;
	}

	#container #sidenavi .navi li {
		margin:0;
		padding:0;
		border-bottom:solid 1px #FFF;
	}
	#container #sidenavi .navi li.head {
		border:none;
	}
	#container #sidenavi .navi li.banner {
		margin:6px 0 0 0;
		border:none;
	}
	#container #sidenavi .navi li a {
		padding: 12px 8px 14px 25px;
		background: #EFEFEF url(../gifs/linkdot.gif) 10px 14px no-repeat;
		display:block;
		text-decoration:none;
	}
	#container #sidenavi .navi li a:link,
	#container #sidenavi .navi li a:visited{
		color:#333;
	}
	#container #sidenavi .navi li a:hover{
		color:#FFF;
		background: #CCC url(../gifs/linkdot.gif) 10px 14px no-repeat;
	}
	#container #sidenavi .navi li.head a,
	#container #sidenavi .navi li.banner a {
		padding: 0;
		display:inline;
		background:none;
	}
	#container #sidenavi .navi li.head a:hover,
	#container #sidenavi .navi li.banner a:hover{
		background:none;
	}


#plugin {
	margin-top:30px;
	border-top:1px solid #CCC;
	padding:10px 0;
	font-size:10px;
	line-height:14px;
	text-align: left;
}
#plugin img {
	float:left;
	padding: 0 10px 0 0;
}




#footer {
	margin: 40px auto 0;
	padding: 0 0 20px 0;
	width: 100%;
	text-align:center;
	background: #EBF4ED;
	font-size:10px;
}
	#footer .main {
		margin: 0 auto;
		padding: 15px 0 0 0;
		width:900px;
		text-align: left;
	}
	#footer .main address {
		width: 500px;
		margin: 30px 0 0 0;
		float:left;
	}
	#footer .main address p {
		margin: 5px 0 0 0;
	}
	#footer .main .sitemap {
		width: 400px;
		float:right;
	}
	#footer .main .sitemap ul {
		width: 140px;
		margin: 0 0 0 20px;
		float:right;
	}
	#footer .main .sitemap li a {
		background: url(../gifs/footer_linkdot.gif) 0 2px no-repeat;
		padding:0 0 0 12px;
	}
	#footer .main .sitemap li a:link,
	#footer .main .sitemap a:visited{
		color:#333;
		text-decoration:none;
	}
	#footer .main .sitemap li a:hover{
		color:#333;
		text-decoration:underline;
	}

	#footer .navi {
		margin: 10px 0 0 0;
		background: #2E5739;
	}
	#footer .navi img {
		vertical-align:top;
	}
	#footer .navi ul {
		margin: auto;
		width:900px;
		text-align: left;
	}
	#footer .navi li {
		margin: 0 0 0 20px;
		float:left;
	}
	#footer .navi li.edge {
		margin: 0;
	}
	#footer .navi li.back,
	#footer .navi li.gotop {
		margin: 0 0 0 20px;
		float:right;
	}
	#footer #copylight {
		margin: 5px 0 0 0;
	}
	#footer #copylight ul {
		margin: auto;
		width:900px;
		text-align: left;
	}
	#footer #copylight li {
		font-family:Verdana, Geneva, sans-serif;
		letter-spacing:0;
		color: #2E5739;
	}





/* 3.テキスト基本
----------------------------------------------- */
.fsl18{font-size:18px; line-height:18px}						/* 見出し */
.fsl14{font-size:14px; line-height:20px; letter-spacing:1px}		/* 本文 */
.fsl12{font-size:12px; line-height:18px; letter-spacing:1px}		/* 注釈 */
.fsl10{font-size:10px; line-height:14px}						/* キャプション */
.fsl10gray{font-size:10px; line-height:14px; color:#666;}			/* キャプション灰色 */

.fsle20{font-size:20px; line-height:25px}						/* 英見出し */
.fsle14{font-size:14px; line-height:18px; letter-spacing:1px}		/* 英本文 */
.fsle13{font-size:13px; line-height:14px}						/* 英注釈 */
.fsle12{font-size:12px; line-height:14px}						/* 英キャプション */




h2 {
	margin-bottom:30px;
}

h3 {
	padding: 4px 10px;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	text-align: left;
	color:#FFF;
	background: #2E4A2B url(../gifs/lead_bg.gif) top left repeat-x;
}

h4 {
	padding: 0 0 0 8px;
	line-height:1;
	border-left:solid 3px #693;
	margin-bottom:10px;
}





.linkdot {
	background-image: url(../gifs/linkdot.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 16px;
	margin: 0;
}
.note {
	font-size:10px;
	line-height:14px;
	margin-top:5px;
}

sup {
	font-size:10px;
	line-height:14px;
}




/* 4. スペース
----------------------------------------------- */
.vsp-bottom10 {	margin-bottom:10px;}
.vsp-bottom20 {	margin-bottom:20px;}



/* 5.写真関連
----------------------------------------------- */
.alpha a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* 7.中ページ
----------------------------------------------- */
/* ---contact--- */
#contact #form-container{
	background-color:#fff;
}

#contact #form-container form fieldset{
	margin:20px 0;
	padding:10px;
	border:#BDD4A6 1px solid;
}

#contact #form-container form fieldset legend{
	font-weight:bold;
	color:#2E5739;
}

#contact #form-container form fieldset div{
	padding:0.25em 0;
}

#contact #form-container form fieldset div label{
	margin-right:10px;
	padding-right:10px;
	width:150px;
	display:block;
	float:left;
	text-align:right;
	position:relative;
	background:#fff;
}

#contact #form-container form fieldset div label em{
	position:absolute;
	right:0;
	font-size:120%;
	font-style:normal;
	color:#ff5c00;
}

#contact #form-container form #buttonrow{
	text-align:center;
}

#contact #form-container form fieldset div span input,
#contact #form-container form fieldset div span select,
#contact #form-container form fieldset div span textarea{
	background:#fff;
	border:1px solid #BDD4A6;
}

#contact #form-container form fieldset div span input:hover,
#contact #form-container form fieldset div span select:hover,
#contact #form-container form fieldset div span textarea:hover{
	background:#F4FBDC;
}


/* ---news--- */
#container #contents #news{
	overflow:hidden;
}

#container #contents #news dl {
	margin: 0;
	font-size:14px;
}
#container #contents #news dt {
	width:6em;
	float:left;
	clear:both;
	background: url(../gifs/linkdot.gif) 0px 8px no-repeat;
	padding: 2px 0 4px 15px;
	color:#75808D;
}
#container #contents #news dd {
	margin-left:9em;
	padding: 2px 0 4px 0;
	_height:1%; /* IE用 */
}

#container #contents #news dd a:link,
#container #contents #news dd a:visited{
	color:#333;
	text-decoration:none;
}

#container #contents #news dd a:hover{
	color:#027ABB;
	text-decoration:underline;
}

#container #contents #news h3 {
	padding: 4px 10px;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	text-align: left;
	color:#FFF;
	background: #2E4A2B url(../gifs/lead_bg.gif) top left repeat-x;
	margin-bottom:3px;
}

#container #contents #news .date{
	text-align:right;
	font-weight:bold;
	color:#2E5739;
}

#container #contents #news .column p{
	margin-bottom:10px;
}

#container #contents #news .column ul{
	margin-bottom:10px;
	margin-left:20px;
}
#container #contents #news .column ol{
	margin-bottom:10px;
	margin-left:30px;
}

#container #contents #news .column ul li{
	list-style-type:disc;
	list-style-position:outside;
}
#container #contents #news .column ol li{
	list-style-type:decimal;
	list-style-position:outside;
}


/* ---blog--- */
#container #contents #blog{
	overflow:hidden;
}

#container #contents #blog h3 {
	padding: 4px 10px;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	text-align: left;
	color:#FFF;
	background: #2E4A2B url(../gifs/lead_bg.gif) top left repeat-x;
	margin-bottom:3px;
}

#container #contents #blog .date{
	text-align:right;
	font-weight:bold;
	color:#2E5739;
}

#container #contents #blog .column p{
	margin-bottom:10px;
}

#container #contents #blog .column ul{
	margin-bottom:10px;
	margin-left:20px;
}
#container #contents #blog .column ol{
	margin-bottom:10px;
	margin-left:30px;
}

#container #contents #blog .column ul li{
	list-style-type:disc;
	list-style-position:outside;
}
#container #contents #blog .column ol li{
	list-style-type:decimal;
	list-style-position:outside;
}

#container #sidenavi .navi li #wp-calendar{
	width:200px;
	margin:0px auto;
	border-collapse:separate;
}

#container #sidenavi .navi li #wp-calendar th{
	font-size:10px;
	vertical-align:bottom;
	text-align:center;
	padding:1px;
	white-space:nowrap;
	font-weight:normal;
	background:#F1FAE8;
	color:#2D5F3A;
}

#container #sidenavi .navi li #wp-calendar td{
	font-size:12px;
	vertical-align:bottom;
	text-align:center;
	white-space:nowrap;
	padding:5px;
	background:#F1FAE8;
	color:#2D5F3A;
}

#container #sidenavi .navi li #wp-calendar .pad{
	background:#F1FAE8;
}

#container #sidenavi .navi li #wp-calendar-caption{
	width:200px;
	margin:0px auto;
	border-collapse:collapse;
}

#container #sidenavi .navi li #wp-calendar-caption th{
	font-size:12px;
	vertical-align:bottom;
	text-align:left;
	white-space:nowrap;
	background:#2E4A2B url(../gifs/lead_bg.gif) top left repeat-x;
	padding:5px 15px;
	color:#fff;
}

#container #sidenavi .navi li #wp-calendar-caption th span{
	display:inline;
	padding:0px;
	margin:0px;
}

#container #sidenavi .navi li #wp-calendar #today{
	background:#2D5F3A;
	color:#fff;
}

#container #sidenavi .navi li #wp-calendar #today a.repo{
	display:block;
	background:#2D5F3A;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:0px;
	display:block;
	text-decoration:none;
}

#container #sidenavi .navi li #wp-calendar a.repo{
	display:block;
	background:#F1FAE8;
	color:#693;
	text-decoration:none;
	font-weight:normal;
	padding:0px;
	display:block;
	text-decoration:none;
}

#container #sidenavi .navi li .blog_menutitle{
	font-size:12px;
	text-align:left;
	background:#2E4A2B url(../gifs/lead_bg.gif) top left repeat-x;
	padding:3px 15px;
	color:#fff;
	font-weight:bold;
}


/* 6.トップページ
----------------------------------------------- */
/* ---レイアウト--- */
#top #header {
	width:100%;
	background-image: none;
	z-index:0;
}
	#top #header .main {
		width:100%;
		height:550px;
		text-align: left;
	}
	#top #header #titlebox {
		margin: -550px auto 0;
		width:900px;
		height:550px;
		text-align: left;
		position:relative;
	}


#top #container {
	padding:0;
}
	#top #container .main {
		position:relative;
	}
	#top #container .main #contents {
		width:435px;
	}
	#top #container #sidenavi {
		width:435px;
	}
	#top #container #sidenavi .btn li {
		margin:4px 0 0 0px;
	}
	#top #container #sidenavi .btn li.head {
		margin:0 0 0 0px;
	}
	#top #container #sidenavi .btn li.cal {
		margin:0;
		float:right;
	}

	#top #container #sidenavi .topics ul {
		margin:15px 0 0 0;
	}
	#top #container #sidenavi .topics li {
		float:left;
		margin:0 0 0 7px;
	}
	#top #container #sidenavi .topics li.edge {
		margin:0;
	}

#top #container .main .navi {
	z-index:1;
	position: absolute;
	top: -100px;
	left: 0;
}
	#top .main .navi li {
		float:left;
		margin: 0 0 0 27px;
	}
	#top .main .navi li.edge {
		margin: 0;
	}
	#top .main .navi li a#rollover01 {width:158px;height:137px;display:block;}
	#top .main .navi li a#rollover01:link {background:url(../gifs/top_navi01.png);}
	#top .main .navi li a#rollover01:visited {background:url(../gifs/top_navi01.png);}
	#top .main .navi li a#rollover01:hover {background:url(../gifs/top_navi01_on.png);}
	#top .main .navi li a#rollover01:active {background:url(../gifs/top_navi01_on.png);}

	#top .main .navi li a#rollover02 {width:158px;height:137px;display:block;}
	#top .main .navi li a#rollover02:link {background:url(../gifs/top_navi02.png);}
	#top .main .navi li a#rollover02:visited {background:url(../gifs/top_navi02.png);}
	#top .main .navi li a#rollover02:hover {background:url(../gifs/top_navi02_on.png);}
	#top .main .navi li a#rollover02:active {background:url(./gifs/top_navi02_on.png);}

	#top .main .navi li a#rollover03 {width:158px;height:137px;display:block;}
	#top .main .navi li a#rollover03:link {background:url(../gifs/top_navi03.png);}
	#top .main .navi li a#rollover03:visited {background:url(../gifs/top_navi03.png);}
	#top .main .navi li a#rollover03:hover {background:url(../gifs/top_navi03_on.png);}
	#top .main .navi li a#rollover03:active {background:url(../gifs/top_navi03_on.png);}

	#top .main .navi li a#rollover04 {width:158px;height:137px;display:block;}
	#top .main .navi li a#rollover04:link {background:url(../gifs/top_navi04.png);}
	#top .main .navi li a#rollover04:visited {background:url(../gifs/top_navi04.png);}
	#top .main .navi li a#rollover04:hover {background:url(../gifs/top_navi04_on.png);}
	#top .main .navi li a#rollover04:active {background:url(../gifs/top_navi04_on.png);}

	#top .main .navi li a#rollover05 {width:158px;height:137px;display:block;}
	#top .main .navi li a#rollover05:link {background:url(../gifs/top_navi05.png);}
	#top .main .navi li a#rollover05:visited {background:url(../gifs/top_navi05.png);}
	#top .main .navi li a#rollover05:hover {background:url(../gifs/top_navi05_on.png);}
	#top .main .navi li a#rollover05:active {background:url(../gifs/top_navi05_on.png);}

	#top .main .navi li span {
		margin:0;
		padding:0;
		position:absolute;
		z-index:2;
		top: -15px;
		left:0;
	}

	#top .main #box {
		padding:50px 0 0 0;
	}

#top h2 {
	font-size:10px; 
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom:solid 1px #CCCC99;
}


#top #latest a:link,
#top #latest a:visited{
	color:#333;
	text-decoration:none;
}
#top #latest a:hover{
	color:#027ABB;
	text-decoration:underline;
}

#top #latest #news dl {
	margin: 0;
	font-size:12px;
}
#top #latest #news dt {
	width:6em;
	float:left;
	clear:both;
	background: url(../gifs/linkdot.gif) 0px 7px no-repeat;
	padding: 2px 0 4px 15px;
	color:#75808D;
	font-size:12px;
}
#top #latest #news dd {
	margin-left: 9em;
	padding: 2px 0 4px 0;
	_height:1%; /* IE用 */
}

#top #latest #news dd a:link,
#top #latest #news dd a:visited{
	color:#333;
	text-decoration:none;
	font-size:12px;
}

#top #latest #news dd a:hover{
	color:#027ABB;
	text-decoration:underline;
	font-size:12px;
}