@charset "utf-8";

/*******************************************
  http://www.recruit-hokkaido-jalan.jp/
  style.css
*******************************************/

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

/*==================================
  common parts
==================================*/
.clearfix {zoom: 100%;}
.clearfix:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
hr.none {display:none;}

/*--main--*/
div#main-contents {width:553px; float:left; padding-bottom:30px; font-size:80%;}
div#main-contents h3 {margin:0 20px 10px 0; border-bottom:2px solid #f26928; padding-bottom:2px;}
div#main-contents h4 {margin:0 1px 10px; padding:0 0 0 5px; border-left:6px solid #333;}

div#diary-box {padding:0 20px 20px 0;}
div#diary-box p {width:180px; float:left;}
div#diary-box ol {width:330px; float:right; list-style:none;}
div#diary-box ol li {margin-bottom:5px;}
div#diary-box ol li dl dt {background:url(./images/lm01.gif) left 2px no-repeat; padding-left:12px;}
div#diary-box ol li dl dd {padding:2px 0 0 2px; line-height:1.4;}

ol#blog-list {padding:0 2px 10px; list-style:none;}
ol#blog-list li {margin-bottom:8px;}
ol#blog-list li dl dt {width:8em; float:left;}
ol#blog-list li dl dt span {background:url(./images/lm01.gif) left 2px no-repeat; padding-left:12px;}
ol#blog-list li dl dd {padding:0 0 0 8em;}

div#bnr-area {text-align:center; padding-bottom:20px; margin-right:20px;}

ol#new-box {padding:0 20px 20px 0; list-style:none;}
ol#new-box li {width:254px; float:left;}
ol#new-box li.none {float:right;}
ol#new-box li dl {background:#eee; padding:15px 10px;}
ol#new-box li dl dt {text-align:center;}
ol#new-box li dl dt img {margin-bottom:5px;}
ol#new-box li dl dd ul {list-style:none; padding-top:10px;}
ol#new-box li dl dd ul li a {display:block;}
ol#new-box li dl dd ul li a:hover {background-color:transparent;}
ol#new-box li dl dd ul li a:hover img {visibility:hidden;}
ol#new-box li dl dd ul li {width:112px; height:20px; overflow:hidden; float:left;}
ol#new-box li dl dd ul li.special {background:url(./images/btn_special_ov.gif);}
ol#new-box li dl dd ul li.cart {background:url(./images/btn_cart_ov.gif); float:right;}

ol#mook-list {list-style:none;}
ol#mook-list li {width:90px; float:left; margin-right:20px; line-height:1.25;}
ol#mook-list li img {margin-bottom:3px;}
ol#mook-list li p a {display:block;}
ol#mook-list li p a:hover {background-color:transparent;}
ol#mook-list li p a:hover img {visibility:hidden;}
ol#mook-list li p {width:84px; height:15px; overflow:hidden; margin:5px 0 0 3px; background:url(./images/btn_cart02_ov.gif);}
ol#mook-list li p img {margin:0;}


/*--side--*/
div#sidebar h3 {margin:0; border:none; text-indent:0;}
div#sidebar p#qr-code {margin-bottom:11px;}
div#sidebar p#btn-rss {position:absolute; margin:-18px 0 0 110px; width:46px; height:13px; overflow:hidden; background:url(./images/btn_rss_ov.gif);}
div#sidebar p#btn-rss a {display:block;}
div#sidebar p#btn-rss a:hover {background-color:transparent;}
div#sidebar p#btn-rss a:hover img {visibility:hidden;}
div#sidebar ol#news-list {list-style:none; background:#f3f3fc; padding:10px 8px 0; margin:0 0 20px;}
div#sidebar ol#news-list li {margin-bottom:10px;}
div#sidebar ol#news-list li.none {margin-bottom:0;}
div#sidebar ol#news-list li dl {margin:0; border:none;}
div#sidebar ol#news-list li dl dt {background:url(./images/lm02.gif) left 3px no-repeat; border-right:none; padding:0 0 0 12px; _height:14px; height:14px !important;}
div#sidebar ol#news-list li dl dd {border:none; padding:2px 0 0 10px; background:none; line-height:1.4;}
div#sidebar ol#news-list li dl dd a {display:inline; width: auto; color:#03c;}
div#sidebar ol#news-list li dl dd a:hover {color:#00f; text-decoration:underline; background:none;}
div#sidebar ol#news-list li p {padding-bottom:10px; font-size:80%; text-align:right;}