@charset "utf-8";


/* =============================== */
div.itembnr { background: url(../img/home/back_item.png) no-repeat left top; width:100%; padding:3% 0; text-align: center; overflow: hidden; }
div.itembnr ul { margin:0; padding:0; list-style:none; }
div.itembnr li { width:47%; float:left; margin-left:3%; }
.roomtit { border-bottom:solid 1px #663300; margin-bottom:2px; padding-bottom:3px;}
.room { width:100%; background:#EFEFE9;}
.roombox { border-right: solid 2px #fff; overflow: hidden; }
.roombox p { padding:0 6%; margin:6% 0; text-align:left; font-size:85%; }

.box500l { width: 71.42%; float: left; margin-right: 4.58%; }
.box170r { width: 24%; float: right; }
.box250l { width: 50%; float: left; border-right: dotted 1px #999; }
.box250r { width: 50%; float: right; }
dl.point7 { border-bottom: dotted 1px #999; padding-bottom: 10px; }
dl.point7 dd { margin: 0 5px; font-size: 12px; color: #666; padding-top: 10px; }
.ranktit { border-bottom:solid 1px #3f3121; padding-bottom:3px; margin:5% 5% 2% 5%;}
.rankco {  margin:0 5% 8% 5%; padding-left:5%; font-size:0.75em; color:#660000;}
dl.rank1 { width:90%; margin:0 5% 15% 5%;}
dl.rank1 dt { float:left;}
dl.rank1 dd { margin-left:24.675%; font-size: 11px; text-align: left;}
dl.rank1 dd img { border:solid 2px #FFF; }
dl.rank2 { width:90%; margin:0 5% 15% 5%;}
dl.rank2 dt { float:left;}
dl.rank2 dd { margin-left:24.675%; font-size: 11px; text-align: left;}
dl.rank2 dd img { border:solid 2px #FFF; }
dl.rank3 { width:90%; margin:0 5% 15% 5%;}
dl.rank3 dt { float:left;}
dl.rank3 dd { margin-left:24.675%; font-size: 11px; text-align: left;}
dl.rank3 dd img { border:solid 2px #FFF; }
dl.rank4 { width:90%; margin:0 5% 15% 5%;}
dl.rank4 dt { float:left;}
dl.rank4 dd { margin-left:24.675%; font-size: 11px; text-align: left;}
dl.rank4 dd img { border:solid 2px #FFF; }
dl.rank5 { width:90%; margin:0 5% 15% 5%;}
dl.rank5 dt { float:left;}
dl.rank5 dd { margin-left:24.675%; font-size: 11px; text-align: left;}
dl.rank5 dd img { border:solid 2px #FFF; }
ul.bnr { margin: 30px 0 20px 18px; padding: 0; list-style: none; }
ul.bnr li { float: left; font-size: 11px; text-align: left; margin-right: 18px; width: 222px; }
.new_f { background:url(www.styledart-store.com/img/back_st.gif); padding:8px; }
.new_fw { background:#FFF; padding:10px 0; overflow: hidden; }
.new_fwL { width:36.365%; margin-left:1.5%; float:left; text-align:right; }
.new_fwR { width:62.135%; float:right;}
ul.newsbnr { margin:0; padding:0; list-style:none; }
ul.newsbnr li { width:43.427%; float:left; margin:0 0 16px 4.5%; }
.sokubnr { margin-left:18px; }
.newsf { border:2px #BBA791 solid; padding:15px 20px 15px 20px; background:#FFF; margin:10px 0 0 0; font-size:85%; }
.newsf dl { margin:0; padding:0; width:100%; }
.newsf dt { float:left; padding-top:4px; padding-bottom:4px;}
.newsf dd { padding-left:16.406%; padding-top:4px; padding-bottom:4px; margin:0; border-bottom:dotted 1px #999999;}

div.co { border:solid 4px #FF9900; }
.slider img{  border:0px;  margin:5px;}
.top_field { clear:both; background:url(../img/home/back_home.jpg) repeat-x bottom left; }
.img_field { width: 100%; margin: 0 auto;}
.topcom{ color:#666; line-height:150%;}
.itemcate { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 1px #B1A78F; overflow: hidden; }
.itemcate ul li { margin-bottom:0.6em; }
.cate_l { width:21.428%; float:left; margin-left:2.428%; }
.cate_l2 { width:30%; float:left; margin-left:2.5%; }
.topfaq { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 2px #7A6D50; background:#F5F5F1;margin-left:0; margin-right:0; }
.topfaqL1 { width:27.5%; float:left; text-align:center;}
.topfaqR1 { width:70%; padding-left:2.5%; float:right; overflow: hidden; }
.topfaqL2 { width:47.5% ;padding-right:2.5%; float:left; overflow: hidden;}
.topfaqR2 { width:50%; float:right;}
.topfaq ul { margin:0 0 0 2.343%; padding:0; list-style:none; clear:both;}
.topfaq ul li { width:30%; margin:3.2% 3.2% 5% 0; float:left; }
.topkabe {border: solid 2px #C0B094; padding:2.428%; overflow: hidden;}
.topkabe p { font-size:88%; line-height:1.4;}
.textgray { color:#666; }
.tilebox{ width:100%; overflow:hidden; }
.tileboxL { float:left; width:40%; }
.tileboxR { float:right; width:60%; padding-top:2.857%; padding-bottom:2.857%; background:url(../img/home/img_tile_bg.jpg) no-repeat; overflow:hidden; }
.tileboxR ul { padding:0; margin:0; list-style:none; }
.tileboxR ul li { float:left; width:46.5%; margin-right:2.614%;}

.banner ul { margin:0; padding:0; list-style:none;}
.banner ul li { float:left; width:23.14%; margin-left:1.42%;}

.carpetbox { width:100%; overflow:hidden; }
.carpetboxL { float:left; width:63.4%;}
.carpetboxR { float:right; width:35%;}

.rugbox { width:100%; overflow:hidden; }
.rugboxL { float:left; width:35%;}
.rugboxR { float:right; width:63.4%;}

/* wideslider */
.wideslider { width: 100%; text-align: left; position: relative; overflow: hidden; }
.wideslider ul, .wideslider ul li { float: left; display: inline; overflow: hidden;}
.wideslider ul li img { width: 100%; display: none; }
.wideslider_base { top: 0; position: absolute; }
.wideslider_wrap { top: 0; position: absolute; overflow: hidden; }
.slider_prev, .slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer; }
.slider_prev { background: #fff url(../img/prev.jpg) no-repeat right center; }
.slider_next { background: #fff url(../img/next.jpg) no-repeat left center; }
.pagination { bottom: 10px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 200; }
.pagination a { margin: 0 5px; width: 10px; height: 10px; display: inline-block; overflow: hidden; background: #333; }
.pagination a.active { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }
.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.wideslider ul { display: inline-block; overflow: hidden; padding:0; margin:0; }

/* event banner */
.event_bn_wrap { margin: 3% auto; background-color: #fbf6ee; width: 100%; padding: 1.5% 0;}
.event_bn { float: left; width: 32%; margin-right: 2%; list-style: none; }
.bn_last { margin-right: 0; }


/* =============================== */
@media screen and (max-width: 769px) {
.cate_l { width:21.428%; float:left; margin-left:2.428%; font-size:85%; }
.cate_l2 { width:30%; float:left; margin-left:2.5%; font-size:85%; }
.newsf dd { padding-left:23%; padding-top:4px; padding-bottom:4px; margin:0; border-bottom:dotted 1px #999999;}
}

/* =============================== */
@media screen and (max-width: 481px) {
.box500l { width: 90%; margin:0 5%;}
.box170r { width: 96%; padding:0 4% 4% 0;}
.ranktit { border-bottom:solid 1px #3f3121; padding-bottom:3px; margin:2% 0 1% 2%;}
.rankco {  margin:0 2% 5% 2%; padding-left:2%; font-size:0.75em; color:#660000;}
dl.rank1 { width:30%; margin:0 0 0 3%; padding:0; float:left;}
dl.rank1 dt { float:left; width:20%;}
dl.rank1 dd { margin-left:24.675%; font-size: 63%; text-align: left;}
dl.rank2 { width:30%; margin:0 0 0 3%; padding:0; float:left;}
dl.rank2 dt { float:left; width:20%}
dl.rank2 dd { margin-left:24.675%; font-size: 63%; text-align: left;}
dl.rank3 { width:30%; margin:0 0 0 3%; padding:0; float:left;}
dl.rank3 dt { float:left; width:20%}
dl.rank3 dd { margin-left:24.675%; font-size: 63%; text-align: left;}
dl.rank4 { display: none;}
dl.rank5 { display: none;}
.itemcate { display: none; }
.topfaq { margin-left:2%; margin-right:2%;}
.topfaqL1 { width:100%; text-align:center;}
.topfaqR1 { width:96%; overflow: hidden; }
.topfaqL2 { width:92%; margin:0 4%; }
.topfaqR2 { width:92%; margin:0 4%; }
.new_fwL { width:96%; text-align:center; margin:0 2%;}
.new_fwR { width:100%;}
ul.newsbnr { margin:0; padding:0; list-style:none; }
ul.newsbnr li { width:43.427%; float:left; margin:0 0 16px 4.5%; }
.sokubnr { margin-left: 4.5%; margin-right: 4.5%; }
.newsf { border:2px #BBA791 solid; padding:15px 20px 15px 20px; background:#FFF; margin:10px 0 0 0; font-size:85%; }
.newsf dt { float:left; padding-top:4px; padding-bottom:4px;}
.newsf dd { padding-left:40%; padding-top:4px; padding-bottom:4px; margin:0; border-bottom:dotted 1px #999999;}
.rugboxL { float:left; width:100%;}
.rugboxR { float:right; width:100%;}
.carpetboxL { float:left; width:100%;}
.carpetboxR { float:right; width:100%;}
.banner ul li { float:left; width:48.58%; margin-left:1.42%;}
	
/* event banner */
.event_bn_wrap { margin: 3% auto; background-color: #fbf6ee; width: 100%; padding: 3% 0 1%;}
.event_bn { width: 94%; margin: 0 3% 3%; }
}