@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%;}
img { border: 0; vertical-align: middle;}
li { list-style: none;}
a:link { color: #C30D22; text-decoration: underline;}
a:visited { color: #C30D22; text-decoration: underline;}
a:hover { color: #F12C44; text-decoration: none;}
a:active { color: #C30D22; text-decoration: none;}
strong { color: #C30D22;}
.center { text-align: center;}
.clear { clear: both;}
.fr { float: right; padding: 0 0 30px 30px;}
.fl { float: left; padding: 0 30px 30px 0;}
.fr img, .fl img { padding: 4px; border: #CCC solid 1px;}
.lag { font-size: 138.5%; font-weight: bold;}
.lag span { font-size: 167%;}
.attention { color: #F30;}
.min { font-size: 85%; line-height: 1.3;}


/*LAYOUT*/
/*******************************************************************/
body { text-align: center; background: #F5F5F5 url(../images/back.jpg) 0 0 repeat-x; font: 81.25% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #000;}
#container { line-height: 1.7; font-size: 108%;}
#header, #wrap, .in { position: relative; width: 980px; margin: 0 auto; text-align: left;}
#wrap { margin: 20px auto 30px; background: url(../images/in.jpg) right 0 repeat-y;}


/*HEADER*/
/*******************************************************************/
#header { position: relative; height: 155px;}
#header h1 { font-size: 77%; line-height: 1.2; color: #FFF;}
#header h2 { position: absolute; top: 20px; left: 0;}
#header p { position: absolute; top: 28px; right: 0;}
#header p img { vertical-align: bottom;}
#header ul { position: absolute; top: 105px; left: 0;}
#header li { float: left;}

#bread { padding-bottom: 15px; font-size: 77%; color: #999;}
#bread a { text-decoration: none; color: #999;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; background: #FF7800 url(../images/footer.jpg) 0 0 repeat-x; font-size: 77%; color: #FFF;}
#footer ul { padding-top: 20px;}
#footer li { float: left; padding-right: 20px;}
#footer li a { padding: 6px 5px 6px 10px; background: url(../images/arrw.png) 0 center no-repeat; text-decoration: none; color: #FFF;}
#footer li a:hover { color: #FFC;}
#footer p { float: right;}
#footer address { clear: both; padding: 20px 0;}


/*ASIDE*/
/*******************************************************************/
#aside { float: left; width: 250px;}
#aside p { padding-bottom: 20px;}
#aside ul { padding-bottom: 20px;}
#aside li { padding-bottom: 20px;}
.area { padding: 10px; background: #402000; font-size: 85%; line-height: 1.4; color: #FFF;}


/*CONTENTS*/
/*******************************************************************/
#main { clear: both; background: url(../images/top.jpg) right 0 no-repeat;}
#contents { float: right; width: 660px; min-height: 1180px; padding: 25px; background: url(../images/bottom.jpg) right bottom no-repeat;}
#contents p { padding-bottom: 30px;}
.title { margin-bottom: 20px;}
.st { clear: both; height: 47px; margin-bottom: 20px; padding-left: 65px; background: url(../images/st.png) 0 0 no-repeat; font-size: 19px; line-height: 2.6; color: #FF681A;}
.sub { margin-bottom: 10px; padding: 3px 0 3px 10px; border-bottom: #3D2003 solid 1px; border-left: #3D2003 solid 10px; font-size: 123.1%; font-weight: bold; color: #3D2003;}

.contact { clear: both; position: relative;}
.contact a { display: block; position: absolute; top: 135px; right: 10px;}
#aside .contact a { top: 200px;}

.ts { width: 100%; margin-bottom: 30px; background: #FFF; border-top: #CCC solid 1px; border-left: #CCC solid 1px;}
.ts th, .ts td { padding: 10px; vertical-align: middle; border-right: #CCC solid 1px; border-bottom: #CCC solid 1px;}
.ts th { width: 150px; background: #EEE;}
.price { margin-bottom: 10px; text-align: center;}
.price th, .price td { padding: 10px 0; font-size: 85%; line-height: 1.3;}
.price th { width: auto; font-weight: normal;}
.price td { font-weight: bold; color: #F60;}
.form th, .form td { padding: 15px;}


/*TOP*/
.topimg { min-width: 980px; height: 405px; margin-bottom: 20px; background: url(../images/top/main.jpg) center 0 no-repeat;}
.topimg h2 { position: absolute; top: 50px; left: 0;}
.check { margin-bottom: 30px;}
.check li { float: left; padding: 0 5px 10px;}
.fb { height: 400px; margin-bottom: 30px;}
.news { margin-bottom: 30px; font-size: 93%; line-height: 1.4;}
.news dt { float: left; clear: left; width: 90px; padding: 6px 5px 6px 15px; background: url(../images/arr.gif) 0 center no-repeat; color: #FF681A;}
.news dd { padding: 6px 0 6px 115px; border-bottom: #006686 dotted 1px;}
.news dd a { text-decoration: none; color: #000;}


/*PAGE*/
.flow { margin-bottom: 50px;}
.flow li { clear: both; margin-bottom: 5px; padding-bottom: 5px; border-bottom: #333 dotted 1px;}
.flow li .fr { padding-bottom: 10px!important;}
.flow li .img { float: left; padding-right: 20px;}
.flow li p { padding: 10px 0 0!important;}

.features { margin: 0 0 30px 30px;}
.features li { clear: both; padding-bottom: 40px; list-style: decimal; color: #3D2003;}
.features li strong { font-size: 116%; font-weight: bold; color: #3D2003;}

.faq { margin-bottom: 50px;}
.faq dt { padding: 12px 0 10px 60px; background: url(../images/faq/que.png) 0 0 no-repeat; font-size: 118%; font-weight: bold; color: #3D2003;}
.faq dd { margin-bottom: 20px; padding: 12px 0 20px 60px; background: url(../images/faq/ans.png) 0 0 no-repeat; border-bottom: #3D2003 dotted 1px;}

.ex { margin-bottom: 50px; padding: 10px; background: #FFE; border: #CCC solid 1px;}
.ex ul { margin-left: 30px;}
.ex li { list-style: disc; 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*/