﻿@charset "UTF-8";
/* COMMON
------------------------------ */
#yrHere {
padding-bottom:8px;
background:url(../../img/common/bg_yrhere.jpg) no-repeat 0 100%;
}
/* text-style */
.price {color:#ff0000;font-weight:bold;}
.attention {color:#ff0000;}
.txt-orange {color:#F30;}
.mini {font-size:10px;}
em {font-style:normal;color:#ff0000;}

/* SIDE:COMMON
------------------------------ */
/* Banner Top */
#sideBanTop a {
display:block;
margin-bottom:10px;
}
/* Category Menu */
#lNavBox {
position:relative;
width:100%;
margin-bottom:10px;
padding:0;
background:#E8E8E8;
line-height:1;
}
#lNavBox ul {margin:0;padding:0;list-style:none;}
#lNavBox ul li {margin:0;padding:0;}

#lNavBox ul.level2 li {margin:0;background:url(../../img/side/bg_lnav_li.gif) no-repeat 0 100%;}
#lNavBox ul.level2 a {
padding:7px 10px 7px 20px;
background:url(../../img/side/ico_lnav_li.gif) no-repeat 9px 50%;
color:#333;
text-decoration:none;
}
#lNavBox ul.level2 li a.current {
background-image:url(../../img/side/ico_lnav_li_on.gif);
color:#C30;
}

#lNavBox ul.level3,
#lNavBox ul.level4 {display:none;}
#lNavBox ul.level3 {
background:url(../../img/side/bg_lnav_li.gif) no-repeat 0 0;
padding:4px 0 10px 20px;
}
#lNavBox ul.level4 {padding:4px 0;}
/*
#lNavBox ul.first {padding-top:4px;background:url(../../img/side/bg_lnav_li.gif) no-repeat 0 0;}
#lNavBox ul.level2 li.current ul.level3,
#lNavBox ul.level2 li.current ul.level4,
#lNavBox ul.level2 li.open ul.level3,
#lNavBox ul.level2 li.open ul.level4,
#lNavBox ul.level2 li ul.current {display:block;}
*/
#lNavBox ul li span {display:none;}
#lNavBox ul.open .current ul,
#lNavBox ul.open {display:block !important;}
#lNavBox ul.level3 li,
#lNavBox ul.level4 li {background:none;}
#lNavBox ul.level3 li a,
#lNavBox ul.level4 li a {
padding:0;
background:none;
color:#069;
text-decoration:underline;
line-height:1.5;
}
#lNavBox ul.level3 li a.current,
#lNavBox ul.level4 li a.current {
background:none;
color:#C30;
}

#lNavBox ul li a.imgBtn {width:210px;height:34px;}
#lNavBox ul li a#lCat1,
#lNavBox ul li a#cat1 {background:url(../../img/side/stit_lnav_size.gif) no-repeat 0 0;}
#lNavBox ul li a#lCat2,
#lNavBox ul li a#cat2 {background:url(../../img/side/stit_lnav_category.gif) no-repeat 0 0;}
#lNavBox ul li a#lCat3,
#lNavBox ul li a#cat6 {background:url(../../img/side/stit_lnav_brand.gif) no-repeat 0 0;}
#lNavBox ul li#allList a {background:url(../../img/side/stit_lnav_all.gif) no-repeat 0 0;}
#lNavBox ul li a#cat81 {background:url(../../img/side/stit_lnav_outlet.gif) no-repeat 0 0;}

/* Banner Bottom*/
#sideBanBottom p {margin-bottom:10px;}




/* SIDE:SEARCH,CART,LOGIN
------------------------------ */
.sideBox {
position:relative;
margin-bottom:10px;
padding:0 0 6px;
background:url(../../img/side/bg_sidebox_b.gif) no-repeat 0 100%;
}
.sideBox h2 {margin-bottom:0 !important;}
.sideBox .btn {text-align:center;}
.price {color:#F00;}
.mini {font-size:10px;}
#searcharea .searchbox,
#loginarea input.loginbox {padding:5px 2px;background:#FFF;border:1px solid #CCC;}
/* SIDE:SEARCH
------------------------------ */
#searcharea h2 {
width:210px;
height:28px;
}
#searcharea p.btn {
position:absolute;
top:7px;
right:5px;
}
#searcharea form {padding:7px;}
#searcharea .searchbox {width:190px;}
/* SIDE:CART
------------------------------ */
#cartarea h2 {
width:210px;
height:28px;
}
#cartarea #cartbloc {padding:8px 8px 0;}
/* SIDE:LOGIN AREA
------------------------------ */
#loginarea h2 {
width:210px;
height:28px;
}
#loginarea h2 span {position:absolute;top:10px;right:9px;font-size:10px;}
#loginarea #login {padding:12px 12px 0;}
#loginarea input.loginbox {width:180px;margin-bottom:.5em;}
#loginarea .mini {margin-bottom:5px;text-align:center;}
#loginarea .mini a {color:#333;}

/* SIDE:recomendarea
----------------------------------------------- */
div#recomendarea {
position:relative;
width:100%;
margin-bottom:10px;
background:#DBB487 url(../../img/side/bg_recomendarea.gif) repeat-y 0 0;
font-size:10px;
}
div#recomendarea ol {
margin:0;
padding:9px 4px;
list-style:none;
}
div#recomendarea ol li {
position:relative;
padding:8px 0 6px;
background-position:12px 0;
background-repeat:no-repeat;
}
div#recomendarea ol li.rank1 {background-image:url(../../img/side/ico_no1.gif);}
div#recomendarea ol li.rank2 {background-image:url(../../img/side/ico_no2.gif);}
div#recomendarea ol li.rank3 {background-image:url(../../img/side/ico_no3.gif);}
div#recomendarea ol li.rank4 {background-image:url(../../img/side/ico_no4.gif);}
div#recomendarea ol li.rank5 {background-image:url(../../img/side/ico_no5.gif);}

div#recomendarea a.thumb {
float:left;
display:block;
margin:0 5px 0 0;
width:45px;
height:45px;
background:#FFF;
}
div#recomendarea ol li div {float:left;width:145px;}
div#recomendarea ol li p {}
div#recomendarea ol li h3 {font-size: 100%;}
div#recomendarea ol li h3 a {color:#333;}

/*  */
td.required {
background:#FFDBDB;
color:#C00;
text-align:center;
}


/* recomenBlock
----------------------------------------------- */
#recomenBlock {
position:relative;
width:100%;
font-size:10px;
}
#recomenBlock ul {margin-top:10px;}
#recomenBlock ul li {width:100px;margin-right:33px;}
#recomenBlock ul li a {display:inline;float:none;color:#333;}
#recomenBlock ul li .thumb {border:1px solid #999;height:100px;margin-bottom:5px;}
#recomenBlock ul li.last {margin:0;}

/* news.php
------------------------------ */
#newsBody form {margin:1em 0 0;}
#newsBody ul {margin-bottom:0;}
.newsBox {
padding:1em 0 2em;
border-bottom:1px dotted #CBCBCB;
}
.newsBox h3,
.newsBox p {padding:0 0 .5em;}
#newsBody .last {border:none;}

/* guide.php
------------------------------ */
#shoppingGuide {}
#shoppingGuide h3 {
margin:1em 0 0;
color:#086FA1;
}
