@charset "utf-8";
/***** base *****/
html{margin:0 auto; padding:0; font-size:87.5%; font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body {margin:0 auto; padding:0; background:url(../images/body_bg.gif); text-align:center; color:#000;}

/***** reset *****/
*{margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:bottom;}
p{line-height:1.6;}
hr{display:none;}
.clear{zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}

/***** links *****/
a{color:#c00; text-decoration:none;}
a:link{color:#c00; text-decoration:none;}
a:visited{color:#900; text-decoration:none;}
a:hover{color:#f66; text-decoration:none;}
a:active{color:#f66; text-decoration:none;}

/***** hover *****/
/*
a{display:block;}
a:hover{background-color:transparent;}
a:hover img{visibility:hidden;}
a:hover img{filter:alpha(style=0,opacity=70); -moz-opacity:0.7; opacity:0.7;}
*/

/***** layout *****/
div#wrap{width:960px; margin:0 auto; padding:0 0 60px;}
div#main{float:left; width:680px;}
div#side{float:right; width:240px;}
.fleft{float:left;}
.fright{float:right;}
.common-tit01{padding:30px 0 25px; background:url(../images/title_bg.gif) repeat-x center top; font-size:0; line-height:0; text-align:center;}
.common-tit02{background:#585858; font-size:0; line-height:0;}
.txt{padding:0 0 10px;}
.txt02{padding:0 0 15px; font-size:16px; line-height:1.8;}
p#bread{width:960px; margin:0 auto 45px; font-size:12px;}
.opa03{opacity:0.3;}

/***** header *****/
div#header{height:170px; background:url(../images/header_bg.gif) repeat-x;}
div#header div.inner{position:relative; width:960px; margin:0 auto;}
div#header div.inner h1{position:absolute; margin:15px 0 0; font-size:14px; font-weight:normal;}
div#header div.inner p#hlogo{position:absolute; margin:38px 0 0; font-size:0; line-height:0;}
div#header div.inner dl#hinquiry dt{position:absolute; margin:43px 0 0 320px; font-size:0; line-height:0;}
div#header div.inner dl#hinquiry dd p#htel{position:absolute; margin:43px 0 0 488px; font-size:0; line-height:0;}
div#header div.inner dl#hinquiry dd p#hbtn{position:absolute; overflow:hidden; width:220px; height:50px; margin:38px 0 0 740px; background:url(../images/h_btn_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner dl#hinquiry dd p#hbtn a{display:block;}
div#header div.inner dl#hinquiry dd p#hbtn a:hover{background-color:transparent;}
div#header div.inner dl#hinquiry dd p#hbtn a:hover img{visibility:hidden;}
div#header div.inner ul#gnavi{list-style:none; position:absolute; width:960px; height:60px; margin:100px 0 0; background:url(../images/gnavi.png) no-repeat 0 20px;}
div#header div.inner ul#gnavi a{display:block;}
div#header div.inner ul#gnavi a:hover{background-color:transparent;}
div#header div.inner ul#gnavi a:hover img{visibility:hidden;}
div#header div.inner ul#gnavi li.parent{position:absolute;}
div#header div.inner ul#gnavi li.parent dl dt{position:absolute; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li.parent dl.genre02 dt{margin:0 0 0 320px;}
div#header div.inner ul#gnavi li.parent dl.genre03 dt{margin:0 0 0 800px;}
div#header div.inner ul#gnavi li.parent dl dd ul.parent{list-style:none; position:absolute;}
div#header div.inner ul#gnavi li.parent dl dd ul li#gnavi01{position:absolute; overflow:hidden; width:158px; height:40px; margin:20px 0 0 1px; background:url(../images/gnavi01_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li.parent dl dd ul li#gnavi02{position:absolute; width:159px; height:40px; margin:20px 0 0 160px; background:url(../images/gnavi02_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li.parent dl dd ul li#gnavi03{position:absolute; overflow:hidden; width:159px; height:40px; margin:20px 0 0 320px; background:url(../images/gnavi03_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li.parent dl dd ul li#gnavi04{position:absolute; width:159px; height:40px; margin:20px 0 0 480px; background:url(../images/gnavi04_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li.parent dl dd ul li#gnavi05{position:absolute; overflow:hidden; width:159px; height:40px; margin:20px 0 0 640px; background:url(../images/gnavi05_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li.parent dl dd ul li#gnavi06{position:absolute; overflow:hidden; width:159px; height:40px; margin:20px 0 0 800px; background:url(../images/gnavi06_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li#gnavi07{position:absolute; overflow:hidden; width:73px; height:14px; margin:-87px 0 0 767px; background:url(../images/gnavi07_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li#gnavi08{position:absolute; overflow:hidden; width:103px; height:14px; margin:-87px 0 0 857px; background:url(../images/gnavi08_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li#gnavi09{position:absolute; overflow:hidden; width:98px; height:14px; margin:-87px 0 0 649px; background:url(../images/gnavi09_ov.png) no-repeat; font-size:0; line-height:0;}
div#header div.inner ul#gnavi li dl dd ul.child{list-style:none; position:relative; z-index:9999; padding:4px 0 0; display:none;}
div#header div.inner ul#gnavi li dl dd ul.child li{border-bottom:1px #c4ad5c solid; font-size:16px; line-height:1;}
div#header div.inner ul#gnavi li dl dd ul.child li a{display:block; padding:20px 15px 15px; color:#fff; background:url(../images/gnavi_bg.png);}
div#header div.inner ul#gnavi li dl dd ul.child li a:hover{background:url(../images/gnavi_bg_ov.png);}

/***** footer *****/
div#footer{background:url(../images/f_bg.png) repeat-x;}
div#footer div#gotop{position:relative; height:40px;}
div#footer div#gotop p{position:absolute; right:3.333%; overflow:hidden; width:40px; height:40px; background:url(../images/gotop_btn_ov.png) no-repeat; font-size:0; line-height:0;}
div#footer div#gotop p a{display:block;}
div#footer div#gotop p a:hover{background-color:transparent;}
div#footer div#gotop p a:hover img{visibility:hidden;}
div#footer div.inner{background:#edebe4;}
div#footer div.inner div#footer-top{width:960px; margin:0 auto; padding:0 0 60px;}
div#footer div.inner div#footer-top dl.fleft{width:315px; padding:10px 0 0;}
div#footer div.inner div#footer-top dl.fleft dt{padding:0 0 15px;}
div#footer div.inner div#footer-top div.fright{width:640px; padding:40px 0 0;}
div#footer div.inner div#footer-top div.fright ul.clear{lost-style:none; padding:0 0 10px;}
div#footer div.inner div#footer-top div.fright ul.clear li{display:inline-block; float:left; margin:0 1.5em 0 0;}
div#footer div.inner div#footer-top div.fright ul.none{padding:0 0 20px;}
div#footer div.inner div#footer-top div.fright dl.clear dt{float:left; width:160px; margin:0 8px 0 0; padding:5px 0 0; font-size:0; line-height:0;}
div#footer div.inner div#footer-top div.fright dl.clear dd{float:left; width:472px;}
div#footer div.inner div#footer-top div.fright dl.clear dd p{float:left; width:235px; padding:5px 0 0; font-size:0; line-height:0;}
div#footer div.inner div#footer-top div.fright dl.clear dd p.none{float:right; overflow:hidden; width:220px; height:50px; padding:0; background:url(../images/f_btn_ov.png) no-repeat; font-size:0; line-height:0;}
div#footer div.inner div#footer-top div.fright dl.clear dd p.none a{display:block;}
div#footer div.inner div#footer-top div.fright dl.clear dd p.none a:hover{background-color:transparent;}
div#footer div.inner div#footer-top div.fright dl.clear dd p.none a:hover img{visibility:hidden;}
div#footer div.inner dl#flink{width:960px; margin:0 auto; padding:0 0 40px; font-size:12px;}
div#footer div.inner dl#flink dd ul{list-style:none;}
div#footer div.inner dl#flink dd ul li{display:inline-block; margin:0 2em 0 0; line-height:2;}
div#footer div.inner dl#flink dd ul li a{color:#666;}
div#footer div.inner dl#flink dd ul li a:hover{color:#f66;}
div#footer div.inner address{width:960px; margin:0 auto; padding:0 0 35px; font-size:12px; font-style:normal;}

/***** article list *****/
ul.article-list{list-style:none; padding:0 10px 35px;}
ul.article-list li{float:left; width:150px; margin:0 20px 0 0;}
ul.article-list li.none{margin:0;}
ul.article-list li p.ph{display:table-cell; width:140px; height:140px; border:5px #edebe4 solid; background:#fff; text-align:center; vertical-align:middle;}
ul.article-list li p.ph img{vertical-align:top;}
ul.article-list li dl{padding:10px 0 0;}
ul.article-list li dl dt{padding:0 0 5px;}
ul.article-list li dl dd span.cat{display:inline-block; margin:0 0 5px; padding:2px 5px; background:#c4ad5c; color:#fff;}

/***** side inquiry *****/
div#side-inquiry{padding:0 0 30px;}
div#side-inquiry dl dd{padding:12px 10px 15px; background:#edebe4;}
div#side-inquiry dl dd p{margin:0 0 11px; font-size:0; line-height:0;}
div#side-inquiry dl dd p.none{overflow:hidden; width:220px; height:50px; margin:0; background:url(../images/side_inquiry_btn_ov.png) no-repeat;}
div#side-inquiry dl dd p.none a{display:block;}
div#side-inquiry dl dd p.none a:hover{background-color:transparent;}
div#side-inquiry dl dd p.none a:hover img{visibility:hidden;}

/***** side navi *****/
div#side-navi{padding:0 0 30px;}
div#side-navi dl dt{padding:30px 0; background:#000; font-size:0; line-height:0; text-align:center;}
div#side-navi dl dd ul{list-style:none;}
div#side-navi dl dd ul li{border-bottom:1px #000 solid;}
div#side-navi dl dd ul li.active,div#side-navi dl dd ul li:hover{background:#f3eacc;}
div#side-navi dl dd ul li a{display:block; padding:23px 10px 22px 35px; background:url(../images/lm01.png) no-repeat 10px center; color:#000;}

/***** side sns *****/
div#side-sns{padding:0 0 30px;}
div#side-sns dl dd{padding:15px 15px 18px; background:#edebe4;}
div#side-sns dl dd p{padding:0 0 16px; font-size:0; line-height:0;}
div#side-sns dl dd div{vertical-align:bottom;}
div#side-sns dl dd div#fb{float:left; width:69px; margin:0 10px 0 0;}
div#side-sns dl dd div#fb iframe{height:61px !important;}
div#side-sns dl dd div#twi{float:left; width:71px; margin:0 10px 0 0;}
div#side-sns dl dd div#gplus{float:left; width:50px;}