@charset 'utf-8';

body {
margin:0;
padding:0;
background:#f3f6ef url(bg.jpg);
font-size:small;
font-family:'Arial', sans-serif;
color:#333333;
}
a:link {color:#56371b; text-decoration:underline;}
a:visited {color:#56371b; text-decoration:underline;}
a:hover {color:#ffffff; text-decoration:none; background:#56371b;}
a:active {color:#ffffff; text-decoration:none; background:#56371b;}

#util_navi, #main_navi, #content, #page_top {
margin:0 auto;
width:950px;
}
#util_navi ul, #main_navi ul, #foot_navi ul, .paginate ul {
margin:0;
padding:0;
list-style-type:none;
}

#container {}
#header {}
#util_navi {}
#main_navi {}
#content {
padding:50px 0 0;
}
#column_main {
  background:rgba(255,255,255,1);
  border-width:5px 3px 3px 1px;
  -webkit-border-image:url(bg_box_01.png) 5 3 3 1 stretch;
  -moz-border-image:url(bg_box_01.png) 5 3 3 1 stretch;
  border-image:url(bg_box_01.png) 5 3 3 1 stretch;
}
#column_sub_a {
float:right;
width:224px;
}
#page_top {clear:both;}
#footer {
background:#332d22;
}

/*header*/

#head_title {
border-bottom:1px solid #cccccc;
}

h1 {
position:relative;
margin:0;
padding:0;
margin:0 auto;
width:950px;
height:100px;
}
h1 a {
display:block;
position:absolute;
left:10px;
top:53px;
width:151px;
height:24px;
background:url(head_logo.png) no-repeat;
text-indent:-9999px;
font-size:0;
}
h1 a:hover {background:url(head_logo.png) no-repeat;}

/*nav*/

#util_navi, #main_navi {
position:relative;
}
#util_navi ul, #main_navi ul {
position:absolute;
top:-50px;
}
#util_navi ul {right:0;}
#main_navi ul {left:200px;}
#util_navi li, #main_navi li {
display:inline;
}
#util_navi a, #main_navi a {
float:left;
height:27px;
line-height:27px;
}
#util_navi a {
margin:0 0 0 5px;
padding:0 10px;
background:#bebfbd;
font-size:13px;
border-radius:5px;
-moz-border-radius:5px;
text-decoration:none;
}
#util_navi a:link {color:#56371b;}
#util_navi a:visited {color:#56371b;}
#util_navi a:hover {color:#ffffff; background:#56371b;}
#util_navi a:active {color:#ffffff; background:#56371b;}
#main_navi a {
margin:0 20px 0 0;
text-indent:-9999px;
font-size:0;
}
/* #mn_HOME a {width:47px; background:url(mn_HOME.png) center no-repeat;} */
#mn_MEN a {width:38px; background:url(mn_MEN.png) center no-repeat;}
#mn_WOMEN a {width:65px; background:url(mn_WOMEN.png) center no-repeat;}
#mn_KIDS a {width:38px; background:url(mn_KIDS.png) center no-repeat;}
#mn_GOODS a {width:55px; background:url(mn_GOODS.png) center no-repeat;}

/*content*/

#path {
position:relative;
left:0;
top:0;
}
#path p {
position:absolute;
left:0;
bottom:0;
margin:0;
padding:0;
font-weight:bold;
font-size:23px;
line-hieght:1;
}

#content_title {}
#content_title h2 {
margin:1em 10px;
font-size:23px;
line-hieght:1;
}

div.body {
margin:0 30px;
}
div.body h3 {clear:both;}
div.body h4 {
clear:both;
font-size:120%;
line-height:1.2;
color:#488897;
}
div.body p {
margin:1em 0;
line-height:1.7;
}
div.body p img.left {float:left; margin:0 1em 1.2em 0;}
div.body p img.right {float:right; margin:0 0 1.2em 1em;}
div.body img.center {display:block;}
div.body img.block {display:block; margin:1em 0;}
div.body table {
margin:1em 0;
width:100%;
border-collapse:collapse;
}
div.body th, div.body td {
padding:5px;
border-bottom:1px solid #dddddd;
text-align:left;
}

div.item {
position:relative;
float:left;
margin:0 0 10px 10px;
width:162px;
height:240px;
overflow:hidden;
}
div.item a.itemImg_M img {
width:160px;
height:160px;
border:1px dashed #bebfbd;
}
div.item a.itemImg_M img:hover {
border:1px solid #498997;
}
div.item h4 {
margin:5px 0;
}
div.item p {
margin:0;
}
div.item img.soldout_M {
position:absolute;
right:5px;
top:5px;
}
div.item a.itemImg_M {background:none;}
span.soldout {color:red;}
span.price_sale {
  color:red;
}
div.item span.price_sale {
  color:red;
}
div.item s.price_defult_S {
  font-size:10px;
}

.paginate {
clear:both;
margin:0 10px;
}
.paginate p {}
.paginate ul {
margin:1em 0;
text-align:right;
}
.paginate li {
display:inline;
}

/*sidebar*/

#column_main #mod_feat, #mod_pick, #mod_newAvail {
  background:rgba(255,255,255,1);
  border-width:5px 3px 3px 1px;
  -webkit-border-image:url(bg_box_01.png) 5 3 3 1 stretch;
  -moz-border-image:url(bg_box_01.png) 5 3 3 1 stretch;
  border-image:url(bg_box_01.png) 5 3 3 1 stretch;
}
#mod_csCenter, #mod_orderInfo, #column_sub_a #mod_feat {
  background:rgba(239,241,235,1);
  border-width:6px 3px 3px 1px;
  -webkit-border-image:url(bg_box_02.png) 6 3 3 1 stretch;
  -moz-border-image:url(bg_box_02.png) 6 3 3 1 stretch;
  border-image:url(bg_box_02.png) 6 3 3 1 stretch;
}
#mod_camper, #mod_blog, #mod_twitter, #mod_friends, #mod_mobile {
  background:url(bg_box_03_tex.png);
  border-width:6px 3px 3px 1px;
  -webkit-border-image:url(bg_box_03.png) 6 3 3 1 stretch;
  -moz-border-image:url(bg_box_03.png) 6 3 3 1 stretch;
  border-image:url(bg_box_03.png) 6 3 3 1 stretch;
}
.mod {
margin:0 0 1em;
}
#column_sub_a .mod {
width:220px;
font-size:90%;
}
.mod h3 {
margin:10px;
}
.mod p {
margin:10px;
}
.mod ul {
margin:10px;
padding:0;
list-style-type:none;
}
.mod li {
margin:0.5em 0;
line-height:1.1;
}

.mod h3 {
height:21px;
text-indent:-9999px;
font-size:0;
}
#mod_camper h3 {background:url(h3_camper.png) no-repeat;}
#mod_blog h3 {background:url(h3_blog.png) no-repeat;}
#mod_twitter h3 {background:url(h3_twitter.png) no-repeat;}
#mod_friends h3 {background:url(h3_friends.png) no-repeat;}
#mod_mobile h3 {background:url(h3_mobile.png) no-repeat;}
#mod_csCenter h3 {background:url(h3_csCenter.png) no-repeat;}
#mod_orderInfo h3 {background:url(h3_order.png) no-repeat;}
#mod_feat h3 {background:url(h3_feat.png) no-repeat;}
#column_sub_a #mod_feat h3 {background:url(h3_feat_side.png) no-repeat;}

#mod_twitter {
margin:0 0 1em 1px;
}

#mod_feat li {
line-height:1;
}
#mod_feat img {}
.mod a.buttonA, .mod a.buttonB  {
margin:0 0 5px;
width:180px;
text-align:center;
}
/*page_top*/

#page_top {}
#page_top p {
margin:0;
padding:10px 0;
text-align:right;
}
#page_top a {
display:inline-block;
padding:0 10px;
height:27px;
line-height:27px;
background:#332d22;
border-radius:5px;
-moz-border-radius:5px;
font-size:13px;
}
#page_top a:link {color:#ffffff; text-decoration:none;}
#page_top a:visited {color:#ffffff; text-decoration:none;}
#page_top a:hover {color:#333333; text-decoration:none; background:#bebfbd;}
#page_top a:active {color:#33333; text-decoration:none; background:#bebfbd;}

/*footer*/

#foot_navi {
margin:0 auto;
padding:2em 0;
width:950px;
}
#foot_navi ul {
float:left;
margin:0 10px;
}
#foot_navi li {
margin:0.5em 0;
line-height:1.1;
font-size:90%;
}
#foot_navi a:link {color:#ffffff; text-decoration:none;}
#foot_navi a:visited {color:#ffffff; text-decoration:none;}
#foot_navi a:hover {color:#333333; text-decoration:none; background:#f3f6ef;}
#foot_navi a:active {color:#33333; text-decoration:none; background:#f3f6ef;}
#copyright {
clear:both;
padding:2em 0;
text-align:center;
font-size:90%;
color:#ffffff;
}

/*common style*/

.button {text-align:center;}

a.buttonA, a.buttonB, a.buttonC,
a.addCart, a.wishList {
display:inline-block;
padding:0 10px;
height:27px;
line-height:27px;
border-radius:5px;
-moz-border-radius:5px;
text-decoration:none;
}
a.buttonA {background:#332d22;}
a.buttonA:hover {background:#bebfbd;}
a.buttonB {background:#bebfbd;}
a.buttonB:hover {background:#332d22;}
a.buttonC {background:#70d0e6; color:#ffffff;}
a.buttonC:hover {background:#332d22;}
a.addCart {background:#70d0e6 url(ic_addCart.png) no-repeat; color:#ffffff; padding-left:24px;}
a.addCart:hover {background:#332d22 url(ic_addCart.png) no-repeat;}
a.wishList {background:#bebfbd url(ic_wishList.png) no-repeat; padding-left:24px;}
a.wishList:hover {background:#332d22 url(ic_wishList.png) 0px -27px no-repeat;}

button.buttonC {
display:inline-block;
padding:0 10px;
height:27px;
line-height:27px;
border-width:0;
border-radius:5px;
-moz-border-radius:5px;
cursor:pointer;
font-size:small;
}
button.buttonC {background:#70d0e6; color:#ffffff;}
button.buttonC:hover {background:#332d22;}

.textC {text-align:center;}
.textR {text-align:right;}
.fontS {font-size:85%;}

input.text_SS {width:4em;}
span.error {color:red;}

/*item detail*/

#item_images, #item_info {
display:inline;
float:left;
margin:22px 0;
}
#item_info {
width:480px;
}
#item_images {
width:444px;
text-align:center;
}
#item_recommends {
clear:both;
overflow:hidden;
}
#item_subs {}
#item_subs a:hover {background:none;}
#item_subs img {margin:10px 3px;}
#item_info dl {
margin:0;
padding:0;
}
#item_info dt {display:none;}
#item_info dd {
margin:0 0 5px;
padding:0;
}
#item_info p {
line-height:1.5;
}
#item_info table {
width:99%;
border-collapse:collapse;
}
#item_info th, #item_info td {
padding:5px;
border-bottom:1px solid #dddddd;
text-align:center;
}
#item_info dd.item_name h2 {margin:0; font-weight:normal; font-size:24px;}
#item_info dd.item_code {font-size:13px;}
#item_info dd.item_price {font-size:24px;}
#item_info strong.price_sale {
  position:relative;
  display:block;
  color:red;
}
#item_info span.sale_rate {}
#item_info span.sale_rate_num {}
#item_info s.price_defult_S {
  font-size:13px;
}
#item_info strong.price_defult {}
#item_info dd.item_point {font-size:13px;}
#item_info {position:relative;}
p#item_tweet {
position:absolute;
right:0;
top:0;
margin:0;
}
#item_recommends h3 {
margin:1em 20px;
}
#item_recommends div.item {
margin:0 0 10px 22px;
}
span.favorite {}

#itemReviews {
margin:1em 20px;
}
#itemReviews h3 {}
div.review {
margin:1em 20px;
padding:1em;
border:3px solid #BEBFBD;
border-radius:5px;
}
div.review h4 {
margin:0 0 1em;
}
div.review p {
margin:0;
line-height:1.3;
font-size:90%;
}
div.review span.star {color:#498997;}

/*mainIndex*/

#mainImg ul, #mod_feat ul {
margin:0;
padding:0;
list-style-type:none;
}

#mainImg {
height:270px;
overflow:hidden;
}
#mainImg p {
float:right;
margin:0;
width:700px;
height:250px;
overflow:hidden;
}
#mainImg ul {
float:left;
margin:0;
width:220px;
font-size:0;
}
#mainImg li {display:inline;}
#mainImg li img {
margin:0 0 20px;
width:220px;
height:70px;
}

#mod_feat {
float:left;
width:340px;
}
#mod_pick {
float:right;
width:340px;
}
#mod_newAvail {
clear:both;
overflow:hidden;
/* height:560px; */
}
#mod_csCenter {
clear:both;
float:left;
width:460px;
}
#mod_orderInfo {
float:right;
width:220px;
}
#mod_feat h3 {background:url(h3_feat.png) no-repeat;}
#mod_pick h3 {background:url(h3_pick.png) no-repeat;}
#mod_newAvail h3 {background:url(h3_newAvail.png) no-repeat;}
#mod_feat ul {
text-align:center;
}
#mod_feat li {
margin:0 0 10px;
line-height:0;
}
#mod_feat a:hover {background:none;}
p#itemInfo {
float:left;
margin:0 10px 10px;
width:180px;
}
p#itemDesc {
float:left;
margin:0 10px 10px;
width:110px;
}
p#itemInfo a.pickImg:hover {background:none;}
p#itemInfo img {
width:180px;
height:180px;
}
p#itemInfo span.name {display:block;}
p#itemInfo span.price {}
p#itemDesc span.month {display:block; font-size:30px;}
p#itemDesc span.day {display:block; font-size:30px;}
p#itemDesc span.body {display:block; margin:5px 0; font-size:90%; line-height:1.8;}
p#itemDesc span.reco {display:block; margin:5px 0; font-size:85%;}

/**/

#quantity_level {
display:inline
margin:0;
padding:0;
list-style-type:none;
}
#quantity_level li {
display:inline
}

.buyStep ol {
margin:1em 0;
padding:0;
height:34px;
}
.buyStep li {
float:left;
margin:5px;
padding:10px;
width:188px;
line-height:1;
border:1px solid #cccccc;
border-radius:5px;
-moz-border-radius:5px;
list-style-position:inside;
font-size:12px;
}
.buyStep li.current {background:#dfdfdf;}

.howPay {
margin:1em 0;
padding:0;
list-style-type:none;
}
.howPay li {
display:inline-block;
margin:0 2em;
}
.howPay label {}

/**/

#column_main {}
#mypage_menu {
position:relative;
}
#mypage_menu p {
position:absolute;
left:20px;
top:0;
margin:0;
width:220px;
line-height:1.8;
}
#mypage_menu ul {
position:absolute;
left:20px;
top:100px;
margin:0;
padding:0;
width:220px;
list-style-type:none;
}
#mypage_menu li {display:inline;}
#mypage_menu li a {
display:inline-block;
margin:0 0 5px;
padding:0 10px;
width:200px;
height:27px;
line-height:27px;
background:#bebfbd;
border-radius:5px;
-moz-border-radius:5px;
text-decoration:none;
}
#mypage_menu li a:hover {background:#56371b;}
#mypage_content {
padding:0 20px 0 260px;
width:670px;
height:auto !important;
height:300px;
min-height:300px;
}

/**/

input.text{}
input.textL {width:350px;}
textarea.textarea {
width:500px;
height:10em;
}

/**/

#site_404 #content_title,
#site_privacy #content_title {
display:none;
}
img {border:none;}
a.imgBtn:hover {background:none;}
a:imgBtn:active {background:none;}

/**/

#twtr-widget-1 .twtr-doc {
  height:180px;
}
.twtr-bd {padding:0 !important;}
.twtr-hd {display:none;}
#twtr-widget-1 .twtr-timeline {}
.twtr-tweets {}
.twtr-tweet-wrap {}
.twtr-tweet {}
.twtr-join-conv {display:none !important;}
.twtr-ft div {
padding:5px !important;
border-top:1px solid #ccc;
}