@charset "utf-8";

/*************************************************
			module
*************************************************/

/*= sec-def
======================================*/
#main .sec-def {
	padding: 0 10px;
	margin-bottom: 30px;
	position: relative;
}
#main .sec-def h2 {
	margin: 0 -10px 20px;
}
#main .sec-def .more {
	position: absolute;
	top: 0;
	right: 0;
}
#main .sec-def .more a {
	display:block;
	background: url(/img/cmn/ico_arrow_red.gif) no-repeat 0 4px;
	padding-left: 10px;
	font-weight: bold;
}

/*= sec-pickup
======================================*/
#main .sec-pickup {
	background: #f1f3fa url(/img/home/bg_sec-pickup.gif) no-repeat center bottom;
	padding: 0 10px 10px;
	margin-bottom: 30px;
}
#main .sec-pickup h4 {
	margin: 0 -10px 10px;
}
#main .sec-pickup li {
	display: inline-block;
	display: -moz-inline-box;
	margin: 0 10px 3px 0;
	*display: inline; /*forIE6,7*/
	*zoom: 1; /*forIE6,7*/
}
#main .sec-pickup .tag-1 {font-size: 90%;}
#main .sec-pickup .tag-2 {font-size: 110%;}
#main .sec-pickup .tag-3 {font-size: 130%;}
#main .sec-pickup li a {
	color: #b876af;
}

/*************************************************
			parts
*************************************************/

/*= document
======================================*/
#document {
	background-image: none;
}

/*= urgent-notice
======================================*/
#container #urgent-notice {
	margin-bottom: 10px;
}

/*= campaign
======================================*/
#container #campaign {
	display: inline-block;
	width: 710px;
	margin-bottom: 14px;
}
#campaign:after {
	content: "";
	display: block;
	clear: both;
}
#campaign li {
	float: left;
}
#campaign li img {
	display: block;
	background: url(/img/home/bg_block_black.gif) repeat;
	padding: 2px;
	margin: 0 6px 6px 0;
}

#campaign li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80)";
	/* background: #fff; */
	_background: url(/img/home/bg_block_black.gif) repeat;
}

/*= side
======================================*/
#side {
	width: 192px;
	float: left;
}

/*= main
======================================*/
#main {
	width: 488px;
	float: right;
	overflow: hidden;
}

/*= side-nav
======================================*/
#side-nav form {
	background-color: #f0f0f0;
	padding: 9px 9px 19px;
	margin: -10px -10px 0;
}
#side-nav .search input {
	width: 170px;
	border: 1px solid #cecece;
	padding: 5px 0;
	margin-bottom: 10px;
}
#side-nav ul {
	border-top: 1px solid #e2e2e2;
	margin: -10px -10px 0;
}
#side-nav ul li {
	border-bottom: 1px solid #e2e2e2;
}
#side-nav .number-order {
	padding: 5px 0;
	margin: 0 -10px;
	text-align: center;
}

/*= recommend-video
======================================*/
#recommend-video .video {
	background: url(/img/home/bg_recommend-video_b.gif) no-repeat center bottom;
	margin-bottom: 10px;
}
#recommend-video .video .inner {
	background: url(/img/home/bg_recommend-video_t.gif) no-repeat center top;
	padding: 18px 1px;
}
#recommend-video .video p {
	margin-bottom: 5px;
}
#recommend-video .video .link {
	background-image: url(/img/home/ico_arrow_white.gif);
	margin: 0 6px;
	color: #ffffff;
	font-size: 85%;
}

/*= fun-contents
======================================*/
#fun-contents .item {
	display: inline-block;
	width: 170px;
	padding-bottom: 10px;
}
#fun-contents .item:after {
	content: "";
	display: block;
	clear: both;
}
#fun-contents .img {
	width: 60px;
	margin-right: 10px;
	float: left;
}
#fun-contents .img img {
	border: 1px solid #e2e2e2;
}
#fun-contents .txt {
	width: 100px;
	float: right;
}
#fun-contents .txt a {
	margin-bottom: 5px;
}

/*= corporate-info
======================================*/
#corporate-info li {
	/* font-size: 90%; */
}
#corporate-info .bnr li {
	margin-bottom: 10px;
}
#corporate-info .bnr li img {
	border: 1px solid #e2e2e2;
}

/*= mobile-info
======================================*/
#mobile-info p {
	margin-bottom: 10px;
	/* font-size: 90%; */
}

/*= special-site
======================================*/
#special-site li {
	margin-top: 5px;
}

/*= today-ranking
======================================*/
#today-ranking {
	border: 2px solid #debf6d;
	margin-bottom: 30px;
	position: relative;
}
#today-ranking .updated-daily {
	position: absolute;
	top: 13px;
	right: 13px;
}
#today-ranking ol {
	display: inline-block;
	width: 460px;
	padding: 0 0 10px 17px;
	margin-top: -4px;
}
#today-ranking ol:after {
	content: "";
	display: block;
	clear: both;
}
#today-ranking li {
	width: 82px;
	background: no-repeat left top;
	padding-top: 32px;
	margin-right: 10px;
	float: left;
}
#today-ranking .no1 {background-image: url(/img/home/ico_today-ranking_1.gif);}
#today-ranking .no2 {background-image: url(/img/home/ico_today-ranking_2.gif);}
#today-ranking .no3 {background-image: url(/img/home/ico_today-ranking_3.gif);}
#today-ranking .no4 {background-image: url(/img/home/ico_today-ranking_4.gif);}
#today-ranking .no5 {background-image: url(/img/home/ico_today-ranking_5.gif);}
#today-ranking li img {
	border: 1px solid #e2e2e2;
	margin-bottom: 3px;
}
#today-ranking li a {
	color: #c5a346;
	/* font-size: 90%; */
}

/*= popular-feature
======================================*/
#popular-feature .slide {
	width: 448px;
	padding: 0 20px;
	margin: 0 -10px;
	position: relative;
}
#popular-feature .slide .bnr {
	width: 448px;
	overflow: hidden;
}
#popular-feature .slide ul {
	width: 9999px;
	overflow: hidden;
}
#popular-feature .slide li {
	width: 220px;
	margin-right: 8px;
	float: left;
}
#popular-feature .slide li img {
	background: url(/img/home/bg_block_black.gif) repeat;
	padding: 2px;
	margin-bottom: 5px;
}
#popular-feature .slide .back {
	position: absolute;
	top: 26px;
	left: 0;
	cursor: pointer;
}
#popular-feature .slide .next {
	position: absolute;
	top: 26px;
	right: 0;
	cursor: pointer;
}

/*= announce
======================================*/
#announce .outer {
	display: inline-block;
	width: 468px;
	position: relative;
}
#announce .news {
	width: 308px;
	float: left;
}
#announce .news dl {
	width: 308px;
	margin-bottom: 20px;
	position: relative;
}
#announce .news dt {
	width: 6em;
	margin-bottom: 10px;
	position: absolute;
	left: 0;
	font-size: 90%;
	font-weight: bold;
}
#announce .news dd {
	margin: 0 0 10px 7em;
	/* font-size: 90%; */
}
#announce .shop {
	width: 130px;
	background: url(/img/home/bg_recommend-shop.gif) no-repeat center bottom;
	padding: 0 10px 10px;
	float: right;
}
#announce .shop h3 {
	margin: 0 -10px 10px;
}
#announce .shop p {
	margin-bottom: 10px;
}

/*= introduce
======================================*/
#introduce .outer {
	display: inline-block;
	width: 478px;
	position: relative;
}
#introduce .outer:after {
	content: "";
	display: block;
	clear: both;
}
#introduce .item {
	width: 229px;
	margin-right: 10px;
	float: left;
	position: relative;
}
#introduce .item img {
	border: 1px solid #e2e2e2;
}
#introduce .item .txt {
	width: 93px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 85%;
}

/*= reviews
======================================*/
#reviews {
	border: 2px solid #a56abb;
	padding: 0 18px 18px;
	margin-bottom: 30px;
	position: relative;
}
#reviews h2 {
	margin: 0 -18px 20px;
}
#reviews .more {
	position: absolute;
	top: 10px;
	right: 10px;
}
#reviews .more a {
	display:block;
	background: url(/img/home/ico_arrow_purple.gif) no-repeat 0 4px;
	padding-left: 10px;
	color: #a56abb;
	font-weight: bold;
}
#reviews .item {
	display: inline-block;
	width: 448px;
	margin-bottom: 15px;
}
#reviews .item:after {
	content: "";
	display: block;
	clear: both;
}
#reviews .img {
	width: 82px;
	float: left;
}
#reviews .img img {
	border: 1px solid #e2e2e2;
}
#reviews .txt {
	width: 356px;
	float: right;
}
#reviews .txt p {
	margin-bottom: 5px;
}
#reviews .txt a {
	color: #a56abb;
}

/*= product-search
======================================*/
#product-search h3 {
	margin-bottom: 10px;
}
#product-search .border {
	background: url(/img/home/bg_border_purple.gif) repeat-x center top;
	padding-top: 10px;
}
#product-search .trouble-list {
	display: inline-block;
	width: 478px;
	margin-bottom: 20px;
}
#product-search .trouble-list:after {
	content: "";
	display: block;
	clear: both;
}
#product-search .trouble-list li {
	margin-right: 9px;
	float: left;
}
#product-search .item-list {
	display: inline-block;
	width: 478px;
	margin-bottom: 20px;
}
#product-search .item-list:after {
	content: "";
	display: block;
	clear: both;
}
#product-search .item-list li {
	width: 150px;
	background: url(/img/home/bg_search-item.gif) no-repeat center bottom;
	margin: 0 9px 9px 0;
	float: left;
}
#product-search .item-list ul {
	width: 130px;
	padding: 10px;
}
#product-search .item-list ul li {
	width: 130px;
	background-image: none;
	margin: 0 0 0.3em 0;
	float: none;
}
#product-search .item-list ul li a {
	display: block;
	background: url(/img/home/ico_arrow_purple.gif) no-repeat 0 4px;
	padding-left: 12px;
	color: #a56abb;
	/* font-size: 90%; */
}

/*= real-time
======================================*/
#real-time {
	padding: 18px;
}
#real-time h2 {
	margin: 0 -18px;
}
#real-time .outer {
	display: inline-block;
	width: 476px;
}
#real-time .item {
	width: 82px;
	padding: 0 6px 0 7px;
	margin-right: 24px;
	_margin-right: 12px;
	float: left;
}
#real-time .item p {
	margin-bottom: 5px;
}
#real-time .item .time {
	width: 95px;
	background: #feeff6 url(/img/home/bg_realtime_b.gif) no-repeat center bottom;
	margin: 0 -6px 5px -7px;
}
#real-time .item .time strong {
	display: block;
	background: url(/img/home/bg_realtime_t.gif) no-repeat center top;
	padding: 5px 0 10px;
	text-align: center;
}
#real-time .item img {
	border: 1px solid #e2e2e2;
}