@charset "utf-8";

/*メインビジュアル
---------------------------------*/
#pic_main{
	margin: 0 auto;
	width: 884px;
	padding: 10px 10px 0 10px;
}

/*コンテンツレイアウト
---------------------------------*/

#t_container {
	margin: 0 auto;
	width: 884px;
	padding: 20px 10px;
	overflow: hidden;
}

/*アップコンテンツ*/

#u_contents{
	padding-bottom: 20px;
	overflow: hidden;
}

#product_info{
	float: left;
	width: 576px;
	padding-right: 10px;
	overflow: hidden;
}

#l_product{
	float: left;	
	width: 278px;
	padding: 20px 10px 0 0;
	overflow: hidden;
}

#r_product{
	float: right;
	width: 278px;
	padding: 10px 0 0 10px;
	overflow: hidden;
}

#com_h3{
	padding-bottom: 5px;
}

#moonlight{
	float: right;
	width: 288px;
	padding-left: 10px;
	overflow: hidden;
}

#moonlight p{
	padding-bottom: 5px;
}

.banner{
	padding-top: 10px;
}

/*ダウンコンテンツ*/

#d_contents{
	clear: both;
	overflow: hidden;
}

#newinfo_wrap{
	float: left;
	width: 288px;
	padding-right: 10px;
	overflow: hidden;
}

#newinfo_wrap dt{
	padding: 5px 0 0 5px;
	font-size:  0.9em;
}

#newinfo_wrap dd{
	padding:  5px 5px 0 17px;
	background: url(../images/icon_arrow_01.gif) no-repeat 6px 0.65em;
}

#acce_wrap{
	float: right;
	width: 576px;
	padding-left: 10px;
	overflow: hidden;
}

/*新着アクセサリレイアウト
-----------------------------------------*/
.l_acce{
	float: left;
	width: 135px;
	height: 170px;
	padding-right: 12px;
}

.r_acce{
	float: right;
	width: 135px;
	height: 170px;
}

div#acce_wrap ul{
	padding-top: 5px;
}

div#acce_wrap ul li{
	font-size: 90%;
	text-align: center;
	line-height: 120%;
}

div#acce_wrap ul li a img{
	margin-bottom: 5px;
	border: #CCC solid 1px;
}