@charset "utf-8";
/* CSS Document */

::selection{
	background:#007300;
	color:#FFF;
}
::-moz-selection{
	background:#007300;
	color:#FFF;
}
*{
	margin:0;
	padding:0;
	list-style:none;
	zoom:1;
}
html{
	font-size:62.5%;
}
@media screen and (max-width:640px) { /*スマホ用*/
	html{
		-webkit-text-size-adjust:100%;
	}
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0em;
	color:#000;
	background:#F7F6EF;
}
img{
	vertical-align:bottom;
	border:none;
	-ms-interpolation-mode:bicubic;
}
@media screen and (max-width:640px) { /*スマホ用*/
	img{
		width:100%;
	}
}
h1, h2, h3, h4, h5, h6{
	font-size:1.5em;
	line-height:1.8em;
}
p{
	font-size:1.5em;
	line-height:1.8em;
}
li{
	font-size:1.5em;
	line-height:1.8em;
}
li li{
	font-size:1.0em;
	line-height:1.0em;
}
dt, dd{
	font-size:1.5em;
	line-height:1.8em;
}
table, th, td{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}
th{
	text-align:center;
}
th, td{
	font-size:1.5em;
	line-height:1.8em;
}
@media screen and (max-width:640px) { /*スマホ用*/
	table{
		width:100%;
	}
}
address{
	font-size:1.5em;
	line-height:1.8em;
	font-style:normal;
}
figcaption{
	font-size:1.5em;
	line-height:1.8em;
}
em{
	font-style:normal;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#005000;
}
/************************************************************/
/* 基本枠領域                                               */
/************************************************************/
#container{
	border:solid #5D7222;
	border-width:10px 0 0 0;
	padding:30px 0 0 0;
	min-width:960px;
	text-align:center;
}
* html #container{ /*IE6*/
	width:expression(document.body.clientWidth < 962? "960px" : "auto");
}
#container #primewrapper{
	margin:0 auto;
	width:960px;
	text-align:left;
}
#container #primewrapper #header,
#container #primewrapper #subheader{
	float:left;
	width:200px;
}
#container #secondwrapper #footer #footerbelt{
	padding:25px 0 20px 0;
	background:#003300;
}
#container #secondwrapper #footer #footerbelt #footline,
#container #secondwrapper #footer #footertoon #copyright{
	margin:0 auto;
	width:960px;
	text-align:left;
}
#container #primewrapper #contents,
#container #primewrapper #outsider{
	width:720px;
	float:right;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#container{
		padding:5% 0 0 0;
		min-width:320px;
	}
	#container #primewrapper{
		width:auto;
	}
	#container #primewrapper #header,
	#container #primewrapper #subheader{
		float:none;
		width:auto;
	}
	#container #secondwrapper #footer #footerbelt{
		padding:5.5% 0 0 0;
	}
	#container #secondwrapper #footer #footerbelt #footline,
	#container #secondwrapper #footer #footertoon #copyright{
		width:auto;
	}
	#container #primewrapper #contents{
		padding:0 2.5%;
		width:auto;
		float:none;
	}
	#container #primewrapper #outsider{
		width:auto;
		float:none;
	}
}
/************************************************************/
/* サイド                                                   */
/************************************************************/
#header #headline h1{
	margin:0 0 50px 0;
	text-align:center;
}
#header .navigate{
	margin:0 0 25px 0;
}
#header .navigate ul li{
	background:url(../images/border-sidenavi.gif) no-repeat left bottom;
}
#header .navigate ul li a{
	padding:11px 0;
	display:block;
}
#header .navigate ul li.navi1 a{
	background:url(../images/navi1.gif) no-repeat left center;
}
#header .navigate ul li.navi2 a{
	background:url(../images/navi2.gif) no-repeat left center;
}
#header .navigate ul li.navi3 a{
	background:url(../images/navi3.gif) no-repeat left center;
}
#header .navigate ul li.navi4 a{
	background:url(../images/navi4.gif) no-repeat left center;
}
#header .navigate ul li.navi1 a:hover{
	background:url(../images/navi1o.gif) no-repeat left center;
}
#header .navigate ul li.navi2 a:hover{
	background:url(../images/navi2o.gif) no-repeat left center;
}
#header .navigate ul li.navi3 a:hover{
	background:url(../images/navi3o.gif) no-repeat left center;
}
#header .navigate ul li.navi4 a:hover{
	background:url(../images/navi4o.gif) no-repeat left center;
}
#header .navigate ul li.navi1 a img{
	width:103px;
	height:28px;
}
#header .navigate ul li.navi2 a img{
	width:103px;
	height:28px;
}
#header .navigate ul li.navi3 a img{
	width:86px;
	height:28px;
}
#header .navigate ul li.navi4 a img{
	width:170px;
	height:28px;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#header #headline h1{
		margin:0 0 7.5% 1.5%;
		width:72.6%;
		text-align:center;
	}
	#header .navigate{
		margin:0 0 4% 0;
	}
	#header .navigate ul li{
		margin:0 1% 2.5% 1%;
		width:48.0%;
		float:left;
		background:none;
	}
	#header .navigate ul li a{
		padding:0;
		background:none !important;
		box-shadow:1px 1px 5px 0 rgba(0,0,0,0.5);
	}
	#header .navigate ul li a img{
		width:100% !important;
		height:auto !important;
	}
}
#subheader .bonbai{
	margin:0 0 35px 0;
}
#subheader .bonbai p{
	padding:0 0 10px 0;
}
#subheader .chashitsu{
	margin:25px 0 0 0;
}
#subheader .chashitsu p{
	padding:0 0 10px 0;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#subheader #forguest{
		margin:0 5%;
		border:solid #005000;
		border-width:1px;
	}
	#subheader .bonbai{
		margin:0;
		padding:16% 1.4% 3.5% 1.4%;
	}
	#subheader .bonbai p{
		padding:0 0 2.5% 0;
	}
	#subheader .chashitsu{
		display:none;
	}
	#subheader .chashitsu p{
		padding:0 0 2.5% 0;
	}
}
/************************************************************/
/* コンテンツ                                               */
/************************************************************/
#outsider{
	padding:55px 0 25px 0;
}
#outsider ul{
	padding:15px 0 0 0;
	border:solid #B5B5B5;
	border-width:1px 0 0 0;
}
#outsider ul li{
	margin:0 0 0 20px;
	padding:0 0 20px 0;
	display:inline-block;
}
* html #outsider ul li{ /*IE6*/
	display:inline;
}
*:first-child+html #outsider ul li{ /*IE7*/
	display:inline;
}
#outsider ul li.list1{
	margin:0;
}
#outsider ul li a img{
	width:auto;
	height:55px;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#outsider{
		padding:15% 0 7.5% 0;
	}
	#outsider ul{
		padding:2.5% 0 0 0;
		text-align:center;
	}
	#outsider ul li{
		margin:0 10px !important;
		padding:0 0 3.5% 0;
	}
	#outsider ul li a img{
		height:60px;
	}
}
@media screen and (max-width:480px) { /*スマホ用*/
	#outsider ul li a img{
		height:45px;
	}
}
@media screen and (max-width:320px) { /*スマホ用*/
	#outsider ul li a img{
		height:40px;
	}
}
/************************************************************/
/* フッタ                                                   */
/************************************************************/
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{
	font-weight:normal;
}
#footer #footerbelt #footline{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#FFF;
}
#footer #footerbelt #footline #footerinfo,
#footer #footerbelt #footline #footeraccess,
#footer #footerbelt #footline #footerpager,
#footer #footerbelt #footline #footerimage1,
#footer #footerbelt #footline #footerimage2{
	float:left;
}
#footer #footerbelt #footline #footerinfo{
	width:252px;
}
#footer #footerbelt #footline #footerinfo .logo{
	margin:0 0 15px 0;
	text-align:center;
}
#footer #footerbelt #footline #footerinfo .logo img{
	width:135px;
}
#footer #footerbelt #footline #footerinfo address{
	font-size:1.3em;
	line-height:1.8em;
}
#footer #footerbelt #footline #footeraccess{
	width:245px;
}
#footer #footerbelt #footline #footeraccess p{
	padding:0 0 1.0em 1.0em;
}
#footer #footerbelt #footline #footeraccess ul li{
	padding:0 0 0 0.75em;
	font-size:1.2em;
	line-height:1.8em;
}
#footer #footerbelt #footline #footerpager{
	padding:110px 0 0 0;
}
#footer #footerbelt #footline #footeraccess h2{
	background:url(../images/list1.gif) no-repeat left center;
	padding:0 0 0 1.0em;
}
#footer #footerbelt #footline #footerimage1{
	width:223px;
}
#footer #footerbelt #footline #footerimage2{
	width:190px;
}
#footer #footerbelt #footline #footerpager{
	width:41px;
}
#footer #footertoon #copyright .navigate{
	padding:5px 0 5px 1.0em;
	width:480px;
	float:left;
}
#footer #footertoon #copyright .navigate ul li{
	margin:0 2.0em 0 0;
	display:inline;
	font-size:1.2em;
	line-height:1.8em;
}
#footer #footertoon #copyright p{
	padding:5px 0;
	width:350px;
	font-size:1.2em;
	line-height:1.8em;
	text-align:right;
	float:right;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#footer #footerbelt #footline #footerinfo,
	#footer #footerbelt #footline #footeraccess,
	#footer #footerbelt #footline #footerpager,
	#footer #footerbelt #footline #footerimage1,
	#footer #footerbelt #footline #footerimage2{
		float:none;
	}
	#footer #footerbelt #footline #footerinfo address,
	#footer #footerbelt #footline #footeraccess,
	#footer #footerbelt #footline #footerpager,
	#footer #footerbelt #footline #footerimage1,
	#footer #footerbelt #footline #footerimage2{
		display:none;
	}
	#footer #footerbelt #footline #footerinfo{
		width:auto;
	}
	#footer #footerbelt #footline #footerinfo .logo{
		margin:0 auto 11.5% auto;
		width:32.8%;
	}
	#footer #footerbelt #footline #footerinfo .logo img{
		width:100%;
	}
	#footer #footertoon #copyright .navigate{
		padding:0;
		width:auto;
		float:none;
	}
	#footer #footertoon #copyright .navigate ul{
		border:solid #FFF;
		border-width:1px 0 0 0;
	}
	#footer #footertoon #copyright .navigate ul li{
		margin:0;
		width:50%;
		display:block;
		text-align:center;
		float:left;
		background:#003300;
	}
	#footer #footertoon #copyright .navigate ul li a{
		border:solid #FFF;
		border-width:0 0 1px 0;
		padding:15px 0;
		color:#FFF;
		display:block;
	}
	#footer #footertoon #copyright .navigate ul li:nth-child(2n+1) a{
		border-width:0 1px 1px 0;
	}
	#footer #footertoon #copyright p{
		display:none;
	}
}
/************************************************************/
/* 共通設定項目                                             */
/************************************************************/
span.green{
	color:#005000;
}
a.here{ /* リンククラス */
	color:#005000;
	text-decoration:underline;
}
a.mail{
	font-size:0.9em;
}
p.zooming{
	float:none;
	clear:both;
	text-align:center;
	width:auto;
	font-size:1.3em;
	line-height:1.8em;
}
.framebox{
	background:#FFF;
}
.framebox .frame-lefttopbox{
	/*background:url(../images/frame-lefttop.gif) no-repeat left top;*/
}
.framebox .frame-righttopbox{
	/*background:url(../images/frame-righttop.gif) no-repeat right top;*/
}
.framebox .frame-leftbottombox{
	/*background:url(../images/frame-leftbottom.gif) no-repeat left bottom;*/
}
.framebox .frame-rightbottombox{
	/*background:url(../images/frame-rightbottom.gif) no-repeat right bottom;*/
}
.framebox .inframebox{
	/* 最も基本的な設定　変更の場合、祖先ボックス要素からのセレクタで変える */
	padding:21px 0 21px 20px;
}
* html .framebox .inframebox{ /*IE6*/
	width:700px;
	height:auto;
	overflow:hidden;
}
@media screen and (max-width:640px) { /*スマホ用*/
	.framebox .inframebox{
		/* 最も基本的な設定　変更の場合、祖先ボックス要素からのセレクタで変える */
		padding:3% 0 3% 3%;
	}
}