@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,big,small{font-size:100%;}
select,input,textarea{font-size:100%;}
a:link { color: #000; text-decoration: underline;}
a:visited { color: #000; text-decoration: underline;}
a:hover { color: #CCC; text-decoration: none;}
a:active { color: #000; text-decoration: none;}
strong, .important { font-weight: bold;}
.center { text-align: center;}
.right { text-align: right;}
.clear { clear: both;}
.fl { float: left; padding: 0 10px 10px 0;}


/*LAYOUT*/
/*******************************************************************/
body{ background: #FFF; border-top: #064600 solid 5px; width: 100%; color: #000;}
body,input,textarea,select { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; word-break: break-all;}
#container { font-size: 14px; line-height: 1.5;}


/*HEADER*/
/*******************************************************************/
#header { text-align: center;}
#header h1 { padding: 4% 6%; border-bottom: #064600 solid 2px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #fff), color-stop(0.00, #E5E5E5));
background: -webkit-linear-gradient(top, #E5E5E5 0%, #fff 50%);
background: -moz-linear-gradient(top, #E5E5E5 0%, #fff 50%);
background: -o-linear-gradient(top, #E5E5E5 0%, #fff 50%);
background: -ms-linear-gradient(top, #E5E5E5 0%, #fff 50%);
background: linear-gradient(to bottom, #E5E5E5 0%, #fff 50%);}
#header ul { width: 100%; background: #403F20;}
#header ul:after { content: ''; display: block; clear: both;}
#header li { float: left; width: 50%;}
#header li a { display: block; padding: 8% 0; text-decoration: none; font-weight: bold; font-size: 14px; color: #FFF; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #474723), color-stop(0.00, #65662A));
background: -webkit-linear-gradient(#65662A, #474723);
background: -moz-linear-gradient(#65662A, #474723);
background: -o-linear-gradient(#65662A, #474723);
background: -ms-linear-gradient(#65662A, #474723);
background: linear-gradient(#65662A, #474723);
text-shadow: 1px 1px 2px rgba(60, 60, 27, 1);
box-shadow: inset 1px 0 0 rgba(105, 105, 44, 1), inset 2px -2px 2px rgba(64, 63, 32, 1), inset 0 2px 0 rgba(255, 255, 255, 0.4);
}


/*FOOTER*/
/*******************************************************************/
.footbanner { padding-top: 20px;}
#footer { clear: both; padding-bottom: 20px; text-align: center; background: #143001; border-top: #555 solid 1px; font-size: 12px; color: #FFF;}
#footer ul { margin: 20px; padding: 5px 0; border-top: #284718 solid 1px; border-bottom: #284718 solid 1px;}
#footer li a { display: block; font-size: 14px;}
#footer a { text-decoration: none; color: #FFF!important;}
#footer ol { margin: 0 20px;}
#footer ol li { padding-bottom: 10px;} 
#copyright { font-size: 9px;}


/*CONTENTS*/
/*******************************************************************/
#title { background: url(../images/common/pagetitle.jpg) center top no-repeat; background-size: cover;}
#title h2 { padding: 8% 5%; font-size: 28px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; text-shadow: 2px 2px 2px #FFF; color: #064600;}
#title li { float: left; width: 50%; background: url(../images/common/deco.gif) 0 0 repeat;}
#title li a { display: block; padding: 10px 10px 10px 20px; background: url(../images/common/arr.png) 10px center no-repeat; border: #8C7919 solid 1px; border-bottom: none; font-size: 16px; font-weight: bold; text-decoration: none;}
#title li:first-child a { border-right: none;}
#title li a.on { background: #9E8B37 url(../images/common/arr.png) 10px center no-repeat; color: #FFF;}
#title .three li { width: 33%;}
#title .three li:first-child { width: 34%;}

#main { clear: both; padding: 7% 5%; background: url(../images/common/header_bg.jpg) 0 0 repeat-x; border-top: #CCC solid 1px;}
#main h3 { margin-bottom: 15px; padding: 6px 12px; border: #CCC solid 1px; border-left: #4E4F25 solid 6px; font-size: 22px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-weight: bold; color: #474723; text-shadow: 2px 2px #FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F6F4E7), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #F6F4E7);
background: -moz-linear-gradient(#fff, #F6F4E7);
background: -o-linear-gradient(#fff, #F6F4E7);
background: -ms-linear-gradient(#fff, #F6F4E7);
background: linear-gradient(#fff, #F6F4E7);
}
#main h3 a { color: #474723;}
#main h4 { margin-bottom: 15px; padding-left: 22px; background: url(../images/common/st.png) 0 center no-repeat; line-height: 1; font-size: 18px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-weight: bold;}
#main p { padding-bottom: 20px;}

.catch { font-size: 16px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; text-shadow: 1px 1px #FFF;}

table { width: 100%; margin-bottom: 20px; border-bottom: solid 1px #CCC;}
th { display: block; padding: 1% 2%; background: url(../images/common/deco.gif) 0 0 repeat; border: solid 1px #CCC; border-bottom: none; font-size: 16px; font-weight: bold;}
td { display: block; padding: 1% 2% 1% 6%; border: solid 1px #CCC; border-bottom: none;}
form td { padding: 3%;}
label { display: block; padding: 5px 0;}
input[type="text"], select, textarea, input[type="submit"] { width: 100%; padding: 2%;}
input[type="submit"] { font-size: 20px; font-weight: bold;}
input.short { width: 30%;}
input.vshort { width: 20%;}
.abs {  color: #ff3300;}

.ul, .ol { margin: 0 0 20px 30px;}
.ul li { list-style: disc;}
.ol li { list-style: decimal;}

#slide { background: #064600;}
.sp-caption-container { margin: 0; padding: 20px 0; background: #064600; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-size: 18px; font-weight: bold; color: #FFF;}

.spimg { width: 100%; height: auto;}
.mb { margin-bottom: 30px;}
.tel { font-size: 24px; font-weight: bold;}

#faq { background-color: #F1EFE8; border: #D6CFC5 1px solid; padding: 10px; margin-bottom: 20px;}
#faq .q { margin-bottom: 15px; border-bottom: dotted 1px #999999; font-weight:bold;}
#faq .q img { float: left; margin: 0 10px 0 0;}
#faq .a img{ float: left;margin:0 10px 0 0;}

.flow { padding: 5%; background: #EDEBE2; border: #C89C5F solid 1px;}
.flow .st { padding-bottom: 10px; text-align: center; font-weight: bold; color: #7E5B2C;}
.box { margin: 10px 0; padding: 6% 2% 0; background: #FFF; border: #CCC dotted 1px;}

.fs18{
	font-size:120%;
	font-weight:bold;
}
div#top-info {
	margin-bottom: 20px;
	padding: 10px 0px 10px 0px;
font-size: 18px;
	width: 100%;
	text-align: center;
	background: #fff;
}

/*HACK*/
/*******************************************************************/
/*clear*/
.cf { display: inline-block;}
.cf:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html .cf {height:1%;}
.cf { display:block;}
/*End hide from IE-mac*/