@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: #032047 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 { padding: 3px 0 5px; text-align: center; background: url(../images/common/back.jpg) 0 0 repeat;}
#header h1 { width: 100%;}
#header h1 img { float: left;}
#header ul { width: 100%;}
#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, #9E8B37), color-stop(0.00, #C0AB49));
background: -webkit-linear-gradient(#C0AB49, #9E8B37);
background: -moz-linear-gradient(#C0AB49, #9E8B37);
background: -o-linear-gradient(#C0AB49, #9E8B37);
background: -ms-linear-gradient(#C0AB49, #9E8B37);
background: linear-gradient(#C0AB49, #9E8B37);
text-shadow: 1px 1px 6px rgba(4, 4, 44, 1);
box-shadow: inset 1px 0 0 rgba(179, 164, 98, 1), inset 2px -2px 2px rgba(116, 102, 42, 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: url(../images/common/back.jpg) 0 0 repeat; border-top: #555 solid 1px; font-size: 12px; color: #FFF;}
#footer ul { margin: 20px; padding: 5px 0; border-top: #555 solid 1px; border-bottom: #555 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 6px #BFAC58; color: #8C7919;}
#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/back2.jpg) 0 0 repeat; border-top: #BEA447 solid 1px;}
#main h3 { margin-bottom: 15px; border-bottom: #8C7919 solid 3px; font-size: 22px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-weight: bold; color: #8C7919; text-shadow: 1px 1px #FFF;}
#main h3 a { color: #FFF;}
#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;}
.nav { margin-bottom: 30px; padding: 15px; background: #f3edd3; border: #BEA447 solid 1px; font-weight: bold;}

table { width: 100%; margin-bottom: 20px; border-bottom: solid 1px #BEA447;}
th { display: block; padding: 1% 2%; background: url(../images/common/deco.gif) 0 0 repeat; border: solid 1px #BEA447; border-bottom: none; font-size: 16px; font-weight: bold;}
td { display: block; padding: 1% 2% 1% 6%; background: #FFF; border: solid 1px #BEA447; 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;}

.type li { margin-bottom: 40px; padding-bottom: 10px; border-bottom: #000 dotted 2px;}
.price { width: 100%; margin-bottom: 30px; border-top: #BEA447 solid 1px; border-left: #BEA447 solid 1px;}
.price th, .price td { text-align: center; background: #FFF; border-right: #BEA447 solid 1px; border-bottom: #BEA447 solid 1px; font-size: 93%; font-weight: bold; color: #94761D;}
.price th { padding: 8px 0; background: #BEA447; color: #FFF;}
.price td { padding: 8px 10px;}
.price td p { margin-bottom: 10px; padding-bottom: 10px!important; border-bottom: #94761D dotted 1px;}
.price td span { display: block; text-align: left; font-size: 85%; font-weight: normal; line-height: 1.3; color: #333;}

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

#slide { background: #031F46;}
.sp-caption-container { margin: 0; padding: 20px 0; background: #031F46; 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 dt { margin-bottom: 3px; padding: 8px 0 8px 55px; background: url(../../images/faq/que.png) 0 0 no-repeat; border-bottom: #B18E23 solid 1px; font-size: 116%; font-weight: bold; color: #8C7919;}
.faq dd { padding: 8px 0 50px 55px; background: url(../../images/faq/ans.png) 0 0 no-repeat;}

.curriculumBox { margin-bottom: 30px; border-top: 1px solid #BEA447;}
.curriculumBox li { position: relative; padding: 15px; background: #FFF; border-bottom: 1px solid #BEA447;}
.curriculumBox h4 { padding: 0!important; background: none!important; color: #8C7919;}
.curriculumBox p { padding-bottom: 0!important;}
dt.number { display: table; float: left; width: 50px; height: 50px; text-align: center; background-color: #8C7919; line-height: 130%; font-size: 15px; font-weight: bold; color: #FFF;}
dt.number span { display: table-cell; width: 50px; height: 50px; vertical-align: middle;}
.curriculumBox dd { padding-left: 60px;}
.add { background: #F7F7F7!important;}

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*/