@charset "utf-8";
/* CSS Document */

html{border:none;}
body{margin:0;}

/*
.f10{color: #0066BB; font-size: 10px; line-height: 200%;}
.f12rd{color: #C00; font-size: 12px; line-height: 120%;}
a:visited.sc{color: #09F; font-size: 10px; text-decoration: none;}
a:link.sc{color: #09F; font-size: 10px; text-decoration: none;}
a:hover.sc{color: #F00; font-size: 10px;}
*/

/* form chrome用 hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#serchbtn {margin-bottom: 2px;}
#textarea {width: 120px!important;}
}
/* form edge用 hack */
@supports (-ms-accelerator:true) {
#textarea {height: 17px!important;} 
}

/* レフトナビ検索エリア */
form {padding: 0; margin: 0;}
#textarea {padding: 0; margin: 0; width: 122px;}
#serchbtn {padding: 0; margin: 0; vertical-align: bottom;}



.leftnavi{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; padding: 0 20px 40px 0; width: 150px;}
.leftnavi img{vertical-align: bottom;}
.leftnavi a{display: block;}
.leftnavi .margin7{margin: 10px 0;}
.leftnavi .margin-b7{margin-bottom: 10px;}

.rollover{width:150px;}
.rollover a{margin-bottom: 10px;}
.rollover a:hover img{opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha( opacity=60 )"; background:#fff;}

.ln_menu h2{font-size: 22px; font-weight: bold; padding: 30px 0 0 0; margin: 0;}
.ln_menu ul{border-bottom: 1px solid #ccc; padding: 0; list-style: none; margin: 10px 0 40px 0; width: 150px;}

ul.category li{border-top: 1px solid #ccc; height: 55px; padding: 0; margin: 0; width: 150px;}
ul.category li a{background: url(images/ln_bg.png) top right no-repeat #fff; color: #666; display: block; font-size: 12px; height: 55px; line-height: 55px; padding-left: 5px; text-decoration: none; width: 145px;}
ul.category li a:hover{background: url(images/ln_bg.png) top right no-repeat #eee;}

.brand h3{border-bottom: 1px solid #ccc; font-size: 16px; padding: 30px 0 7px 2px; margin: 0;}
.brand p{border-bottom: 1px solid #ccc; height: 55px; width: 150px; padding: 0; margin: 0;}
.brand p a{background: url(images/ln_bg.png) top right no-repeat #fff; color: #000; display: block; font-size: 11px; line-height: 14px; padding-left: 5px; text-decoration: none; width: 145px;}
.brand p a:hover{background: url(images/ln_bg.png) top right no-repeat #eee;}
.brand p a span{display: block;}
.brand p a span.left{float: left;}
.brand p a span.mini{float: left; font-size: 9px; line-height: 13px; padding-bottom: 1px;}
.brand p a span.mini02{font-size: 9px; line-height: 13px; padding-bottom: 1px;}
.brand p a span.gray{clear: both; color: #999; font-size: 10px; line-height: 13px;}
.brand .line1 a{height: 35px; padding-top: 20px;}
.brand .line2 a{height: 42px; padding-top: 13px;}
.brand .line3 a{height: 48px; padding-top: 7px;}