@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 { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
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: bottom;}
li { list-style: none;}
a { color: #0C2780; text-decoration: underline;}
a:hover { color: #26C9FF; text-decoration: none;}
.center { text-align: center;}
.fr { float: right; margin: 0 0 10px 20px;}
.fl { float: left; margin: 0 20px 10px 0;}
.fr p { padding-top: 5px; text-align: center; font-size: 11px;}
.clear { clear: both;}
.right { text-align: right;}


/*LAYOUT*/
/*******************************************************************/
body { font-size: 81.25%; background: #FFF;}
body,input,textarea,select,h1,h2,h3,h4,h5,h6 { font-family: Arial, "Hiragino Kaku Gothic ProN", Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #222;}
#container { min-width: 940px; text-align: left; font-size: 12px; line-height: 1.4; word-break: break-all;}
#main, .in { position: relative; width: 940px; margin: 0 auto;}


/*HEADER*/
/*******************************************************************/
#header { position: relative; height: 119px; background: url(../images/common/back.jpg) 0 0 repeat-x; line-height: 1;}
#header h1 { padding: 5px 0; text-align: right; font-size: 11px; font-weight: normal;}
#header #logo { float: left;}
#header p { float: right; padding-top: 5px;}
#header ul { position: absolute; top: 85px; left: 0;}
#header li { float: left;}
#header li a { display: block; width: 134px; height: 34px; background-image: url(../images/common/btn.png); text-indent: 101%; white-space: nowrap; overflow: hidden;}
li#b01 a { width: 135px; background-position: 0 0;}
li#b02 a { background-position: -135px 0;}
li#b03 a { background-position: -269px 0;}
li#b04 a { background-position: -403px 0;}
li#b05 a { background-position: -537px 0;}
li#b06 a { background-position: -671px 0;}
li#b07 a { width: 135px; background-position: -805px 0;}
li#b01 a:hover, li#b01 a.on { background-position: 0 -34px;}
li#b02 a:hover, li#b02 a.on { background-position: -135px -34px;}
li#b03 a:hover, li#b03 a.on { background-position: -269px -34px;}
li#b04 a:hover, li#b04 a.on { background-position: -403px -34px;}
li#b05 a:hover, li#b05 a.on { background-position: -537px -34px;}
li#b06 a:hover, li#b06 a.on { background-position: -671px -34px;}
li#b07 a:hover, li#b07 a.on { background-position: -805px -34px;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; text-align: center; background: #F3F3F3; border-top: #DDDDDD solid 1px; line-height: 1;}
#footer .in { padding: 30px 0;}
#footer .pagetop { position: absolute; top: -30px; right: 0;}
#footer ul { width: 100%;}
#footer li { display: inline-block; margin-left: 20px; padding-left: 20px; border-left: #A8A8A8 dotted 1px;}
#footer li:first-child { margin: 0; padding: 0; border: none;}
#footer li a { display: block; padding-left: 15px; background: url(../images/common/arr.png) 0 center no-repeat; text-decoration: none; font-size: 93%; color: #222;}
address { padding: 30px 0; background: #EAEAEA; font-size: 11px;}


/*aside*/
/*******************************************************************/
#aside { float: right; width: 280px;}
#aside h4 { clear: both; padding: 10px 0; text-align: center; background: #0C2780; font-size: 108%; color: #FFF; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
#aside h4 a { text-decoration: none; color: #FFF;}
#aside p { padding-bottom: 20px;}
#aside ul { margin-bottom: 20px;}
#aside li { border: #D2D2D2 solid 1px; border-top: none; line-height: 1;}
#aside li a { display: block; padding: 10px 0 10px 15px; background: #FFF url(../images/common/vline.png) 0 0 repeat-y; border: #FFF solid 5px; text-decoration: none;}
#aside li a:hover, #aside li a.on { background-color: #EEE;}


/*CONTENTS*/
/*******************************************************************/
#main { padding-bottom: 30px;}
#main p { padding-bottom: 15px;}
#main .pb { padding-bottom: 30px;}

/*PAGE*/
#mainimg { height: 352px; margin-bottom: 20px; background: url(../images/top/mainimg.jpg) 0 0 repeat-x;}
#mainimg .in { padding-top: 15px;}
#mainimg .in p { position: absolute; right: 0; bottom: 0;}

.list { clear: both; margin-bottom: 20px;}
.list li { float: left; width: 290px; margin-left: 35px;}
.list li:first-child { margin-left: 0;}
.list li.long { width: 615px;}
.list h3 { padding-bottom: 10px;}
#main .list p { padding-bottom: 10px; line-height: 1.6;}

.list2 { clear: both; display: table; table-layout: fixed; width: 100%; border-bottom: #CCC dotted 1px;}
.list2.line { border-top: #CCC dotted 1px;}
.list2 li { display: table-cell; padding: 30px 5px; text-align: center; border-left: #CCC dotted 1px;}
.list2 li:first-child { border: none;}
#main .list2 p { padding: 10px 0 0; line-height: 1.6;}

.news { height: 160px; overflow: auto;}
.news dt { display: inline-block; padding: 1px 10px; background: #999; color: #FFF;}
.news dd { padding: 5px 0; border-bottom: #999 dotted 1px;}

#title { margin-bottom: 30px; padding: 50px 0; background: #18376E url(../images/common/title.jpg) center no-repeat; line-height: 1; color: #FFF;}
#title h2 { padding-bottom: 10px; font-size: 24px; letter-spacing: 0.2em; color: #FFF; text-shadow: 0 0 5px rgba(0,0,0,1.00);}
#bread { font-size: 11px;}
#bread a { text-decoration: none; color: #FFf;}

.st { margin-bottom: 15px; padding: 5px 0 5px 10px; border: #EDEDED solid 1px; border-left: #18376E solid 3px; font-size: 16px; color: #18376E;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E4E4E4), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #E4E4E4);
background: -moz-linear-gradient(#fff, #E4E4E4);
background: -o-linear-gradient(#fff, #E4E4E4);
background: -ms-linear-gradient(#fff, #E4E4E4);
background: linear-gradient(#fff, #E4E4E4);}
.st a { text-decoration: none; color: #18376E;}
.st span { float: right; margin: 0 5px;}
.sub { clear: both; margin-bottom: 10px!important; border-bottom: #CCC dotted 1px; font-size: 14px; letter-spacing: 0.1em; color: #18376E;}
.sub2 { margin-bottom: 10px; padding: 3px 10px; background: #18376E; color: #FFF;}
.mb { margin-bottom: 30px!important;}

.ul, .ol { margin: 0 0 15px 30px;}
.ol li { padding-bottom: 10px; list-style: decimal;}
.ul li { padding-bottom: 10px; list-style: disc;}

.ts { width: 100%; margin-bottom: 30px; background: #FFF;}
.ts th, .ts td { padding: 10px; border: #CCC solid 1px; vertical-align: top;}
.ts th { width: 160px; background: url(../images/common/th.png) 0 0 repeat;}
.ts th span { float: right;}
.ts .min { font-size: 85%; color: #666;}
input, textarea { margin: 2px; padding: 2px;}
.ts p { padding-bottom: 10px!important;}
.facilities th { width: auto;}
.facilities td { width: 100px; text-align: right;}
.sep { width: 600px;}

.map { margin-bottom: 30px;}

.flow { margin-bottom: 30px;}
.flow li { padding: 5px; border: #D6D6D6 solid 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.flow li.arr { padding: 10px; text-align: center; border: none;}
.flow li .fr { margin: 0;}
.flow li dl { float: left; width: 730px;}
.flow li dt { display: inline-block; vertical-align: middle;}
.flow li dd { display: inline-block; vertical-align: middle;}

.boxwrap { margin-bottom: 30px; padding: 10px; background: url(../images/common/box.png) 0 0 repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.box { padding: 15px; background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.box h4 { padding: 15px 0; text-align: center; font-size: 123.1%;}
.tel { margin-bottom: 30px; padding: 20px; text-align: center; background: #FFF; border: #DDD solid 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.tel span { vertical-align: middle; font-size: 200%; font-weight: bold;}
.tel img { margin-right: 5px; vertical-align: middle;}

#main:after, .in:after, .list:after, .flow li:after { content: ""; clear: both; display: block;}