@import "base.css";




/*=== ヘッダー設定 =============================================================*/
#main_leftbox h2{
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	}

#main_leftbox p{
	width: auto;
	height: auto;
	margin: 0 10px 10px 10px;
	font-size: 85%;
	line-height: 180%;
	}

#leather-info{
	background: url(../images/detail-text_bg.png) repeat-y;
}

#leather-info h3{
	padding:8px 5px 2px 5px;
	font-size:90%;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	color:#dccda0;
}

#leather-info img{
	float:left;
	margin:5px 10px 5px 15px;

}
#leather-info p{
	margin: 0 0 10px 0;
	padding: 0 15px 10px 10px;
	color: #fff;
	font-size: 80%;
	line-height: 160%;

}


/*=== リスト設定 =============================================================*/

#color-list_box{
	width: 480px;
	height: auto;
	background: url(../images/color-list_middle.jpg) repeat-y;
	}

#color-list_box dl{
	width: auto;
	height: auto;
	padding: 0 0 50px 0;
	background: url(../images/color-list_bottom.jpg) no-repeat left bottom;
	}

#color-list_box dl dt{
	width: auto;
	height: auto;
	}

#color-list_box dl dd{
	width: 470px;
	height: auto;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	background: url(../images/color-list_ddborder.gif) no-repeat left bottom;
	}

#color-list_box dl dd:after{display: block; content: "."; height: 0; visibility: hidden;clear: both;}

#color-list_box dl dd div{
	width: 290px;
	height: auto;
	float: right;
	padding: 10px 20px 0 0;
	}

#color-list_box dl dd div h3{
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 90%;
	color: #380e0f;
	clear: both;
	}

#color-list_box dl dd div p{
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	font-size: 80%;
	clear: both;
	}

#color-list_box dl dd div span{
	width: auto;
	height: auto;
	float: right;
	margin: 0 0 5px auto;
	padding: 0 50px 0 0;
	display: block;
	font-size: 80%;
	font-weight: bold;
	color: #9b2025;
	clear: both;
	}

#color-list_box dl dd div span a{
	width: 120px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../images/go-detail.gif) no-repeat;
	}

#color-list_box dl dd div #sold-out{
	width: 120px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../images/sold-out.gif) no-repeat;
	}

#color-list_box dl dd div span a:hover{
	background: url(../images/go-detail_ho.gif) no-repeat;
	}

#color-list_box dl dd div img{
	float: none;
	margin: 0 0 0 auto;
	}

#color-list_box dd img{
	float: left;
	}