@charset "utf-8";

/***********************************
  HOKKAISOKEN
  www/gallery/style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Main Layout
==================================*/

div#contents p.lm01 {background:url(/common/images/lm01.gif) left no-repeat; padding-left:12px;}
div#contents div#contents-box {margin:30px 20px 0;}
div#contents div#contents-box div#navi-box {border:1px solid #ccc; padding:10px; margin-bottom:20px;}
div#contents div#contents-box div#navi-box dl#navi-box-left {width:260px; float:left;}
div#contents div#contents-box div#navi-box dl#navi-box-right {float:left;}
div#contents div#contents-box div#navi-box ul {list-style:none; padding-left:15px;}
div#contents div#contents-box div#navi-box ul li {float:left; margin-right:10px;}

div#contents div#contents-box h3 {font-size:14px; color:#666; background:url(./images/line.gif) bottom no-repeat; padding:5px; margin-bottom:10px;}
div#contents div#contents-box ul.gallery-list {list-style:none; margin-bottom:10px;}
div#contents div#contents-box ul.gallery-list li {width:300px; float:left;}
div#contents div#contents-box ul.gallery-list li.none {width:300px; float:right;}
div#contents div#contents-box ul.gallery-list li div {border:1px solid #ccc; padding:5px;}
div#contents div#contents-box ul.gallery-list li div table {background:#eee; width:120px; height:120px; float:left;}
div#contents div#contents-box ul.gallery-list li div table td {vertical-align:middle; text-align:center; width:120px; height:120px;}
div#contents div#contents-box ul.gallery-list li div table td img {max-width:120px; overflow:hidden;}
div#contents div#contents-box ul.gallery-list li div dl {width:150px; float:right; padding-top:15px;}
div#contents div#contents-box ul.gallery-list li div dl dt {font-weight:bold; margin-bottom:8px;}
div#contents div#contents-box ul.gallery-list li div dl dd p {width:110px; height:22px; margin:15px 0 0 35px; background:url(./images/btn_detail_ov.gif);}
div#contents div#contents-box ul.gallery-list li div dl dd p a {display:block;}
div#contents div#contents-box ul.gallery-list li div dl dd p a:hover {background-color:transparent;}
div#contents div#contents-box ul.gallery-list li div dl dd p a:hover img {visibility:hidden;}

div#contents h2#gallery-title {background:url(./images/title02.png) top no-repeat; font-size:14px; padding:28px 0 28px 275px;}
div#contents div#contents-box dl.detail-spec dt {text-align:center; margin-bottom:10px;}
div#contents div#contents-box dl.detail-spec dd {color:#666;}
div#contents div#contents-box dl.detail-spec dd p {margin-top:20px; color:#333;}

div#contents div#contents-box div.inquiry-box {margin-top:30px; border:1px solid #ccc; padding:15px 0 15px 105px;}
div#contents div#contents-box div.inquiry-box dt {width:200px; float:left;}
div#contents div#contents-box div.inquiry-box dd {padding-left:217px;}
div#contents div#contents-box div.inquiry-box dd p a {display:block;}
div#contents div#contents-box div.inquiry-box dd p a:hover {background:transparent;}
div#contents div#contents-box div.inquiry-box dd p a:hover img{visibility:hidden;}
div#contents div#contents-box div.inquiry-box dd p {width:170px; height:35px; overflow:hidden; background:url(./images/btn_inquiry_ov.gif);}

div#contents div#contents-box p.text-navi {padding:20px 0; text-align:center;}

div.side-box00 {margin-top:20px;}
div.side-box00 ul {list-style:none;}
div.side-box00 ul li {background:url(./images/back_link.gif) top left no-repeat; padding:10px 0 10px 30px;}
div.side-box {margin-top:20px;}
div.side-box h3 {font-size:14px; color:#fff; background:url(./images/back_side.gif) top left no-repeat; padding:11px 0 11px 33px; line-height:1;}
div.side-box ul {list-style:none; padding:10px 0 0 5px;}
div.side-box ul li {margin-bottom:10px; background:url(./images/lm.gif) left 3px no-repeat; padding-left:16px;}

div#side-voice {margin-top:20px;}