@charset "utf-8";

/*----------------------------------------------------*/ 
/* structure
------------------------------------------------------*/ 

#container {
	margin-top:35px;
	background:none;
	width:auto;
}

#contents {
	width:auto;
	float:none;
}


/*----------------------------------------------------*/ 
/* attention
------------------------------------------------------*/ 
#attention {
	background:url(/lib/img/top/attention_bg_02.gif) left bottom no-repeat;
	margin:0 auto 30px auto;
	padding-bottom:20px;
	width:894px;
}

#attention div {
	background:url(/lib/img/top/attention_bg_01.gif) left top no-repeat;
	padding:25px 30px 0 30px;
}

#attention p {
	color:#AC264C;
	font-weight:bold;
	margin-bottom:5px;
}

/*----------------------------------------------------*/ 
/* top_lead
------------------------------------------------------*/ 

#top_lead {
	width:894px;
	margin:0 auto;
}

#top_lead > ul {
	overflow:hidden;
	margin-left:-14px;
}

#top_lead > ul > li {
	float:left;
	margin:0 0 10px 14px;
}

#top_lead .first {
	width:346px;
	height:320px;
	background:url(/lib/img/top/first_bg_01.png) no-repeat;
	position:relative;
}

#top_lead .first:before {
	content:"";
	position:absolute;
	left:2px;
	top:87px;
	width:40px;
	height:37px;
	background:url(/lib/img/top/first_bg_02.png) no-repeat;
	z-index:10;
}

#top_lead .first:after {
	content:"";
	position:absolute;
	right:-15px;
	bottom:-9px;
	width:57px;
	height:64px;
	background:url(/lib/img/top/first_bg_03.png) no-repeat;
	z-index:10;
}

#top_lead .first h2 {
	margin:30px 0 20px 19px;
}

#top_lead .first ul {
	overflow:hidden;
	margin:0 0 22px 19px;
}

#top_lead .first li {
	float:left;
	width:101px;
	margin-left:1px;
	font-size:85%;
}

#top_lead .first li p {
	margin-top:10px;
	line-height:1.3;
}

#top_lead .first li p strong {
	display:block;
	color:#ac264c;
	font-size:110%;
}

#top_lead .first .guide {
	font-size:93%;
	width:306px;
	margin:0 auto;
}

#top_lead .first .guide a {
	display:block;
	background:#ce9931 url(/lib/img/common/icon_link_03.gif) no-repeat 280px center;
	color:#FFF;
	padding:5px 10px;
	text-decoration:none;
}

#top_lead .first .guide a:hover {
	background-color:#d9ab52;
}

#top_lead .item01,
#top_lead .item02 {
	margin-bottom:14px;
}

#top_lead .bnr_note {
	font-size:77%;
	/*margin:-20px auto 35px auto;*/
	margin:-30px 0 35px 0;
	text-align:left;
	position:relative;
	/*width:894px;*/
	width:346px;
}

/*----------------------------------------------------*/ 
/* top_campaign
------------------------------------------------------*/ 

#top_campaign {
	width:894px;
	margin:0 auto 30px;
}

#top_campaign h2 {
	margin-bottom:15px;
}

#top_campaign .carousel_wrap {
	position:relative;
	height:162px;
	overflow:hidden;
}

#top_campaign .caroufredsel_wrapper {
	width:894px !important;
}

#top_campaign .carousel {
	overflow:hidden;
}

#top_campaign .carousel li {
	float:left;
	margin-right:19px;
	width:209px;
}

#top_campaign .carousel li p {
	margin-top:5px;
	font-size:85%;
	text-indent:-22px;
	padding-left:22px;
}

#top_campaign .carousel li p img {
	vertical-align:middle;
	margin-right:5px;
	position:relative;
	top:-2px;
}

#top_campaign .carousel li p a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#top_campaign .carousel li p .subtxt {
	font-size:83%;
}

#top_campaign .carousel li p.new {
	background:url(/lib/img/common/icon_new_01.gif) no-repeat right 2px;
	padding-right:26px;
}

#top_campaign .prev,
#top_campaign .next {
	display:none;
	position:absolute;
	width:27px;
	height:27px;
	top:47px;
	cursor:pointer;
}

#top_campaign .prev.disabled,
#top_campaign .next.disabled {
	display:none !important;
}

#top_campaign .prev {
	background:url(/lib/img/common/btn_crousel_prev.gif) no-repeat;
	left:-49px;
}

#top_campaign .next {
	background:url(/lib/img/common/btn_crousel_next.gif) no-repeat;
	right:-49px;
}


/*----------------------------------------------------*/ 
/* top_column
------------------------------------------------------*/ 

#top_column {
	width:894px;
	margin:0 auto 30px;
}

#top_column h2 {
	margin-bottom:15px;
}

#top_column ul {
	overflow:hidden;
	width:913px;
	margin-right:-18px;
}

#top_column li {
	float:left;
	margin-right:18px;
}

#top_column ul li:first-child {
	margin-right:19px;
}

/*----------------------------------------------------*/ 
/* top_brand
------------------------------------------------------*/ 

#top_brand {
	width:894px;
	margin:0 auto 30px;
}

#top_brand h2 {
	margin-bottom:15px;
}

#top_brand .brand {
	letter-spacing:-0.40em;
	margin-left:-14px;
}

#top_brand .brand dl {
	letter-spacing:normal;
	display:inline-block;
	width:213px;
	margin:0 0 15px 14px;
	vertical-align:top;
}

#top_brand dt {
	margin-bottom:10px;
}

#top_brand dt a,
#top_brand dt span {
	background:#433c3c;
	display:block;
	padding:6px 10px;
	color:#FFF;
	font-size:93%;
	text-decoration:none;
}

#top_brand dt a:hover {
	background-color:#696363;
}

#top_brand dd a {
	display:block;
	width:211px;
	height:43px;
	border:solid 1px #EBEBE0;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	position:relative;
	margin-bottom:10px;
}

#top_brand dd a:hover {
	background:#f9f9f3;
}

#top_brand dd a img {
	position:absolute;
	left:0;
	bottom:-1px;
}

#top_brand dd a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/*----------------------------------------------------*/ 
/* top_ranking
------------------------------------------------------*/ 

#top_ranking {
	margin-bottom:50px;
	background:#F9F9F3;
	border-top:solid 1px #EBEBE0;
	border-bottom:solid 1px #EBEBE0;
	padding:60px 0 25px 0;
}

#top_ranking h2 {
	text-align:center;
	margin-bottom:40px;
}

#top_ranking ol {
	text-align:center;
	letter-spacing:-0.40em;
}

#top_ranking li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin:0 10px 0 11px;
	position:relative;
	width:162px;
}

#top_ranking li .image a:before {
	content:"";
	position:absolute;
	width:22px;
	height:16px;
	top:-8px;
	left:50%;
	margin-left:-11px;
	z-index:10;
}

#top_ranking li.rank1 .image a:before {	background:url(/lib/img/top/ranking_icon_01.png) no-repeat;}
#top_ranking li.rank2 .image a:before {	background:url(/lib/img/top/ranking_icon_02.png) no-repeat;}
#top_ranking li.rank3 .image a:before {	background:url(/lib/img/top/ranking_icon_03.png) no-repeat;}
#top_ranking li.rank4 .image a:before {	background:url(/lib/img/top/ranking_icon_04.png) no-repeat;}
#top_ranking li.rank5 .image a:before {	background:url(/lib/img/top/ranking_icon_05.png) no-repeat;}

#top_ranking li .image a {
	display:block;
	width:160px;
	height:133px;
	border:solid 1px #EBEBE0;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background:#FFF;
	position:relative;
	z-index:5;
}

#top_ranking li .image a span {
	position:absolute;
	bottom:0;
	width:100%;
	display:block;
	text-align:center;
}

#top_ranking li .image a img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#top_ranking li p.name {
	padding:9px 0 0 0;
	min-height:43px;
	font-size:85%;
	text-align:left;
}

#top_ranking li p.name a {
	padding-left:11px;
	background:url(/lib/img/common/icon_arrow_01.png) no-repeat 0 .5em;
	text-decoration:underline;
	display:inline-block;
	letter-spacing:-.05em\9;
}

#top_ranking li p.category {
	font-size:85%;
	padding:4px 0 3px;
	color:#FFF;
}

#top_ranking li p.category.color01 {	background:#d87ea0;}
#top_ranking li p.category.color02 {	background:#91a079;}
#top_ranking li p.category.color03 {	background:#4892dd;}
#top_ranking li p.category.color04 {	background:#7cc597;}
#top_ranking li p.category.color05 {	background:#9e77a2;}
#top_ranking li p.category.color05 {	background:#9e77a2;}
#top_ranking li p.category.color06 {	background:#4295bb;}

#top_ranking li p.price {
	text-align:left;
	color:#ac264c;
	font-weight:bold;
	margin-top:8px;
}

#top_ranking li p.price span {
	font-size:85%;
}

/*----------------------------------------------------*/ 
/* othersearch
------------------------------------------------------*/ 

.othersearch {
	overflow:hidden;
	width:894px;
	margin:0 auto 50px;
}

.othersearch ul {
	display:inline-block;
	vertical-align:top;
	margin-left:8px;
	min-width:130px;
	width:130px;
}

.othersearch li {
	margin-bottom:3px;
	font-size:93%;
}

.othersearch li a {
	padding-left:10px;
	display:inline-block;
	background:url(/lib/img/common/icon_dot_02.png) no-repeat 0 .5em;
}

/*----------------------------------------------------*/ 
/* top_category
------------------------------------------------------*/ 

#top_category {
	float:left;
	width:464px;
}

#top_category h2 {
	margin-bottom:25px;
}


/*----------------------------------------------------*/ 
/* top_trouble
------------------------------------------------------*/ 

#top_trouble {
	float:right;
	width:430px;
}

#top_trouble h2 {
	margin-bottom:20px;
}

#top_trouble h3 {
	margin-bottom:15px;
	background:#EBEBE0;
	padding:5px 10px;
	font-size:93%;
	font-weight:bold;
}

/*----------------------------------------------------*/ 
/* top_news
------------------------------------------------------*/ 

#top_news {
	width:894px;
	margin:0 auto 30px;
}

#top_news h2 {
	margin-bottom:30px;
}

#top_news li {
	margin-bottom:12px;
}

#top_news li span {
	font-size:85%;
}

#top_news li img {
	vertical-align:middle;
	position:relative;
	margin:0 10px;
}

#top_news li a {
	font-size:93%;
	text-decoration:underline;
}