@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img { border: 0; vertical-align: bottom;}
ol, ul { margin: 0;}
li { list-style: none;}
a:link { color: #000; text-decoration: underline;}
a:visited { color: #000; text-decoration: underline;}
a:hover { color: #8C7919; text-decoration: none;}
a:active { color: #000;}
.center { text-align: center;}
.fr { float: right; padding-left: 15px;}
.fl { float: left; padding-right: 15px;}
.clear { clear: both;}
.right { text-align: right;}


/*LAYOUT*/
/*******************************************************************/
body { background: url(../images/back.jpg) 0 0 repeat; text-align: center; font-size: 81.25%; font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #000;}
#container { font-size: 116%; line-height: 1.7;}
#wrap { clear: both; background: url(../images/back2.jpg) 0 0 repeat;}
h1, .in, #footer { width: 980px; margin: 0 auto; text-align: left;}


/*HEADER*/
/*******************************************************************/
h1 { padding: 5px 0; font-size: 77%; color: #FFF;}
#header { max-width: 1400px; min-width: 980px; height: 250px; margin: 0 auto 20px; background: url(../images/header.jpg) center bottom no-repeat; color: #FFF;}
#header h2, #logo { float: left; margin-top: 40px;}
#header ul { float: right; margin-top: 40px;}
#header li { float: right; padding-right: 15px;}
#header li.sb { padding-top: 30px; padding-right: 0;}

#fontSize { position: absolute; top: 2px; left: 50%; width: 470px; text-align: right;}
#fontSize li { display: inline-block; padding-left: 5px; font-size: 11px; color: #FFF; vertical-align: middle; line-height: 1;}

#bread { float: right; width: 780px; padding: 20px 0; font-size: 77%;}


/*FOOTER*/
/*******************************************************************/
#facebook { width: 500px; margin: 0 auto; padding: 30px 0 60px;}
.banner { padding-bottom: 30px;}
#footer { clear: both; padding: 30px 0; font-size: 77%; color: #FFF;}
#footer ul { padding-bottom: 20px;}
#footer li { display: inline-block; padding: 0 2px;}
#footer li img { float: left;}
#footer li a { color: #FFF;}
#footer p { text-align: right;}


/*CONTENTS*/
/*******************************************************************/
#title { float: left; width: 140px; margin: 20px 0; padding-top: 70px; text-align: center; background: url(../images/mark.png) center top no-repeat;}
#contents { float: right; width: 780px; padding-bottom: 30px;}
.long { float: none!important; width: 100%!important; padding: 20px 0;}
#contents h3 { padding-bottom: 30px;}
#contents h4 { padding-bottom: 15px;}
#contents h5 { padding-bottom: 15px; font-size: 108%; font-weight: bold;}
#contents p { padding-bottom: 40px;}
.sec { clear: both; padding-top: 10px; background: url(../images/mark.png) 0 0 no-repeat;}
.pr { background-position: right 0;}
.box { padding: 5px; background: #f3edd3; border: #BEA447 solid 1px; font-size: 93%;}
.nav { margin-bottom: 30px; padding: 15px; background: #f3edd3; border: #BEA447 solid 1px; font-weight: bold;}
.mb { margin-bottom: 30px;}

.ul { margin: 0 0 30px 30px;}
.ul li { list-style: disc;}

.ts { width: 100%; margin-bottom: 50px; border-top: #BEA447 solid 1px; border-left: #BEA447 solid 1px;}
.ts th, .ts td { padding: 8px 10px; background: #FFF; border-right: #BEA447 solid 1px; border-bottom: #BEA447 solid 1px; font-size: 85%;}
.ts th { background: url(../images/th.gif) 0 0 repeat;}
.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 { width: 90px; 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;}
	

/*top*/
.top { position: relative; height: 600px!important; background: none!important;}
.top .in { position: absolute; top: 0; left: 0; width: 50%; background: url(../images/top/mask.png) 0 0 repeat; height: 600px; z-index: 50;}
.top h2 { position: absolute; top: 15px; right: 84px; float: none!important; margin: 0!important;}
.top ul { position: absolute; top: 415px; right: 20px; float: none!important; margin: 0!important;}

#gallery { clear: both; max-width: 1400px; min-width: 980px; height: 600px; margin: 0 auto; text-align: center; overflow: hidden; z-index: 10;}
.items div { display: none; position: absolute; top: 0; left: 0;}
.tabs { position: absolute; top: 603px; left: 0;}
.tabs a { display: block; float: left; width: 12px; height: 11px; margin-left: 6px; background: url(../images/top/off.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;}
.tabs a:hover, .tabs a.current { background-image: url(../images/top/on.png);}
.forward, .backward { position: absolute; top: 280px; display:block; width: 23px; height: 38px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; text-indent: -9999em; overflow: hidden; z-index: 100;}
.forward { right: 30px; background-image: url(../images/top/next.png);}
.backward { left: 30px; background-image: url(../images/top/prev.png);}

.list { margin-bottom: 30px;}
.list li { position: relative; float: left; padding: 0 3px 20px;}
.list li span { display: block; position: absolute; top: 380px; left: 30px;}

.news h3 { padding-bottom: 10px!important;}
.news dl { margin-bottom: 30px; font-size: 93%;}
.news dt { float: left; clear: left; width: 90px; padding: 12px 5px 8px 18px; background: url(../images/arr.png) 0 16px no-repeat; font-size: 12px; color: #878787;}
.news dd { padding: 8px 0 8px 100px; border-bottom: #A8A8A8 dotted 1px;}

div#top-info {
	margin: 10px auto;
	padding: 10px 0px 10px 0px;
font-size: 18px;
	width: 980px;
	text-align: center;
	background: #fff;
}


/*pages*/
.w1 { float: right; width: 280px;}
.w2 { float: left; width: 480px;}
.w3 { float: left; width: 400px;}
.w4 { float: right; width: 350px;}

.photo td { padding: 0 12px 5px 0; font-size: 77%;}

.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 { font-size: 116%; font-weight: bold; color: #8C7919;}
.curriculumBox p { padding-bottom: 0!important;}
dt.number { width: 70px; display: inline; float: left;}
dt.number .square { position: absolute; top: 50%; display: block; width: 70px; height: 70px; min-height: 70px; margin: 0; padding: 0; margin-top: -35px; background-color: #8C7919; line-height: 130%; font-size: 15px;}
dt.number .square span { display: block; position: absolute; top: 50%; margin-top: -9px; width: 70px; text-align: center; font-weight: bold; color: #FFF;}
.curriculumBox dd { display: inline; float: right; width: 640px;}
.add { background: #F7F7F7!important;}

.traffic { width: 675px; margin: 0 auto 30px; font-size: 85%;}


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