/*-- 専用スタイルシート --*/

@import url(../../common/css/base.css);
@import url(../../common/css/layout.css);


/*-- このページのみ使用するスタイルシートを以下に記載 --*/

#contents_dress div.recommended h2 {
	margin : 25px 15px ;
	width : 770px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_dress.gif) ;
	background-position : left center ;
	background-repeat : no-repeat ;
}

#contents_dress div.recommended div.left_column {
	width : 137px ;
	float : left ;
}

#contents_dress div.recommended div.left_column ul {
	margin : 0 ;
	padding : 0 ;
}

#contents_dress div.recommended div.left_column ul li {
	margin : 0 ;
	padding : 0 0 9px 0 ;
	list-style : none ;
}

#contents_dress div.recommended div.left_column ul li a.recommended {
	width : 137px ;
	height : 72px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_recommended.gif) ;
	background-position : 0 -80px ;
	background-repeat : no-repeat ;
	display : block ;
}

#contents_dress div.recommended div.left_column ul li a.silk {
	width : 137px ;
	height : 72px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_silk.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#contents_dress div.recommended div.left_column ul li a.uno {
	width : 137px ;
	height : 72px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_uno.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#contents_dress div.recommended div.left_column ul li a.maker {
	width : 137px ;
	height : 72px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_maker.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#contents_dress div.recommended div.left_column ul li a.second {
	width : 137px ;
	height : 72px ;
	text-indent : -9999px ;
	background-image : url(../img/button_menu_second.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#contents_dress div.recommended div.left_column ul li a:hover {
	background-position : 0 -80px ;
}

#contents_dress div.recommended div.right_column {
	width : 635px ;
	float : right ;
}

#contents_dress div.recommended div.right_column h3 {
	padding-bottom : 15px ;
	width : 587px ;
	height : 17px ;
	text-indent : -9999px ;
	background-image : url(../img/h3_recommended_001.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
}

#contents_dress div.recommended div.right_column div.box {
	margin-top : 15px ;
	margin-right : 15px ;
	width : 298px ;
	height : 196px ;
	background-image : url(../img/background_recommended.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	float : left ;
}

#contents_dress div.recommended div.right_column div.box a {
	color : #ffffff ;
	text-decoration : none ;
}

#contents_dress div.recommended div.right_column div.box div.left {
	width : 132px ;
	height : 176px ;
}

#contents_dress div.recommended div.right_column div.box div.right {
	width : 154px ;
	height : 176px ;
	color : #ffffff ;
}

#contents_dress div.recommended div.right_column div.box div.right h4 a {
	line-height : 28px ;
}

#contents_dress div.recommended div.right_column div.box div.right p {
	margin : 0 ;
	padding : 15px 0 0 0 ;
	width : 142px ;
	height : 126px ;
}

#contents_dress div.recommended div.right_column div.box h5,
#contents_dress div.recommended div.picture h4 {
	text-align : center ;
}

#contents_dress div.recommended div.right_column div.box h5 a,
#contents_dress div.recommended div.picture h4 {
	line-height : 20px ;
}

#contents_dress div.recommended div.right_column div.box div.shop_001 {
	width : 298px ;
	height : 20px ;
	background-color : #ba79b1 ;
}

#contents_dress div.recommended div.picture div.shop_001 {
	width : 611px ;
	height : 20px ;
	color : #ffffff ;
	background-color : #ba79b1 ;
}

#contents_dress div.recommended div.right_column div.box div.shop_002 {
	width : 298px ;
	height : 20px ;
	background-color : #5d63ab ;
}

#contents_dress div.recommended div.picture div.shop_002 {
	width : 611px ;
	height : 20px ;
	color : #ffffff ;
	background-color : #5d63ab ;
}

#contents_dress div.recommended div.right_column div.box div.shop_003 {
	width : 298px ;
	height : 20px ;
	background-color : #509d69 ;
}

#contents_dress div.recommended div.picture div.shop_003 {
	width : 611px ;
	height : 20px ;
	color : #ffffff ;
	background-color : #509d69 ;
}

#contents_dress div.recommended div.picture div.text h5 {
	margin-top : 10px ;
	font-size : 14px ;
	line-height : 21px ;
}

#contents_dress div.recommended div.picture div.text p {
	margin : 10px 0 10px 0 ;
	padding : 0 ;
}

#contents_dress div.recommended div.navi {
	padding-top : 30px ;
	padding-bottom : 15px ;
	width : 611px ;
	border-bottom : solid 1px #666666 ;
}

#contents_dress div.recommended div.navi p {
	margin : 0 ;
	padding : 0 ;
}

#contents_dress div.recommended div.picture {
	margin-top : 15px ;
	width : 611px ;
}

#contents_dress div.recommended div.picture div.left {
	padding-bottom : 25px ;
	width : 407px ;
	text-align : right ;
}

#contents_dress div.recommended div.picture div.right {
	width : 179px ;
}

#contents_dress div.recommended div.picture div.right p.picture_001,
#contents_dress div.recommended div.picture div.right p.picture_002 {
	margin : 0 ;
	padding : 0 0 4px 0 ;
	width : 111px ;
	height : 148px ;
}

#contents_dress div.recommended div.picture div.right p.picture_003 {
	margin : 0 ;
	padding : 0 ;
	width : 111px ;
	height : 148px ;
}

#contents_dress div.recommended div.shopinfo {
	padding : 20px 0 30px 560px ;
}

#contents_dress div.recommended div.shopinfo a {
	width : 224px ;
	height : 30px ;
	text-indent : -9999px ;
	background-image : url(../../common/img/button_shopinfo.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#contents_dress div.recommended div.shopinfo a:hover {
	background-position : 0 -30px ;
}