@charset "utf-8";

	
/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
.index #contents .wrap{
	float:left;
	width:682px;
	}

.index #contents #main{
	float:right;
	width:435px;
	}
.index #contents #recommend{
	float:left;
	width:230px;
	}
.index #contents #sub{
	float:right;
	width:230px;
	}
.section{
	margin-bottom:20px;
	}

.index #sub-footer {
	margin-top:30px;
	}

/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
	
.index #contents h2{
	height:31px;
	padding-left:0;
	margin-bottom:0;
	background:transparent none top left no-repeat;
	font-size:15px;
	line-height:31px;
	}
.index #contents #main h3{
	}
.index #contents #sub h3{
	}


/*-----	 メイン -----*/
#flash{
	margin-bottom:20px;
	}

#main div.news h2{
	margin-bottom:5px;
	}
#main div.news ul{
	margin-bottom:10px;
	}
#main div.news ul li{
	padding:10px 0;
	background:transparent url(../common/img/dotline.gif) bottom left repeat-x;
	}
#main div.news ul li .meta{
	margin-bottom:6px;
	}
#main div.news ul li .meta img{
	margin-right:10px;
	}
#main div.news ul li .meta span{
	font-size:10px;
	line-height:12px;
	color:#999;
	}
#main div.news .view-list{
	text-align:right;
	font-size:11px;
	}

/*-----	 オススメ商品 -----*/
#recommend ul.item{
	padding-bottom:15px;
	border:1px solid #ccc;
	border-top:0px solid #fff;
	margin:0px 0px 30px 0px;
	}
#recommend ul.item li{
	padding:15px 0 12PX;
	margin:0 10px;
	background:transparent url(../common/img/dotline.gif) bottom left repeat-x;
	}
#recommend ul.item li .item-img{
	float:left;
	text-align:center;
	width:70px;
	margin-right:15px;
	}
#recommend ul.item li .item-img div{
	padding:5px;
	margin:0 0 2px;
	border:1px solid #ccc;
	width:60px;
	}
#recommend ul.item li .item-img div img{
		max-width:60px;
		width:expression(document.body.clientWidth > 60? "60px" : "auto" );
	}
#recommend ul.item li .item-img p{
	font-size:10px;
	color:#666;
	}
#recommend ul.item li .item-txt{
	float:left;
	width:110px;
	}
#recommend ul.item li .item-txt p{font-size:11px;}
#recommend ul.item li .item-txt p.ttl{font-size:12px;margin-bottom:4px;}
#recommend ul.item li .item-txt p.price{color:#f00;margin-top:2px;}
#recommend ul.l_bnr li{
	margin:0 0 10px 0;
	}

/*-----	 サブ -----*/
#sub .search div{
	text-align:center;
	padding:6px;
	background-color:#fc0;
	border:1px solid #FFB12A;
	border-top:0px solid #fc0;
	}
#sub .search div p{background-color:#FFF;}

#sub .beauty div ul li {
	padding-bottom: 7px;
}

#sub .beauty div{
	text-align:center;
	padding:10px 5px 3px;
	border:1px solid #FFB0B2;
	border-top:0px solid #fc0;
	}

#sub .banner{
	padding:7px 7px 0;
	background-color:#e4e4e4;
	}
#sub .banner ul li{
	padding-bottom:7px;
	}

/*-----	 バナーフッター -----*/
.index #bnr-footer{
	padding-top:10px;
	border-top:1px solid #ccc;
	}
.index #bnr-footer ul li{
	float:left;
	display:inline;
	width:145px;
	margin-left:12px;
	}
.index #bnr-footer ul li.firstChild{
	margin-left:0;
	}

/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
.wrap:after,
ul.item li:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
	}
.wrap,
ul.item li{
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .wrap,
* html ul.item li{height:1%;}

.wrap,
ul.item li{display:block;}
/* End hide from IE-mac */