@charset "utf-8";
/* ******************************

	住友商事 FashionPress
	column.css
	
	* main-visual
	* main-text
	* layout
	* content
	
******************************** */


#containts-in{
	background-color: #f8f7f4;
	}
#containts-in2{
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;
	text-align: left;
	}
p.pagetop a{
	color: #000cff;
	}

/* main-visual
-------------------------------------------------------------- */
/* 01 */
h2.mainv-01{
	width: 960px;
	height: 311px;
	background: url(/img/column/01/main.jpg) left top no-repeat;
	text-indent: -9999px;
	}
h2.mainv-02{
	width: 960px;
	height: 288px;
	background: url(/img/column/02/main.jpg) left top no-repeat;
	text-indent: -9999px;
	}
	
	
/* main-text
-------------------------------------------------------------- */
/* 01 */
div.maint-01{
	width: 960px;
	min-height: 103px;
	height: auto !important;
	height: 103px;
	background: url(/img/column/01/main2.jpg) left top no-repeat;
	color:#333;
	}
div.maint-02{
	width: 960px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	background: url(/img/column/02/main2.jpg) left top no-repeat;
	color:#333;
	}
div.maint-01 p.prof,div.maint-02 p.prof{
	width: 537px;
	border: solid 1px #959595;
	margin: 0 19px 0 386px;
	padding: 8px 8px;
	font-size: 90%;
	line-height: 1.2em;
	}


/* layout
-------------------------------------------------------------- */

#container .con01{
	width: 842px;
	margin-right: 78px;
	}
	#container .con01 p{
		width: 440px;
		float: left;
		line-height: 0;
		}
	#container .con01 dl{
		width:400px;
		float:right;
		margin-top: 40px;
		}
	#container .con01 dl dd{
		margin-top: 10px;
		margin-left: 20px;
		line-height: 1.5;
		color: #303030;
		/*color: #666;*/
		}
#container .con02{
	width: 842px;
	margin-left: 78px;
	}
	#container .con02 p{
		width: 440px;
		float: right;
		line-height: 0;
		}
	#container .con02 dl{
		width: 400px;
		float:left;
		margin-top: 40px;
		}
	#container .con02 dl dd{
		margin-top: 10px;
		margin-right: 20px;
		line-height: 1.5;
		color: #303030;
		}

/* recommend
-------------------------------------------------------------- */

#recommend{
	width: 920px;
	background: url(/img/column/01/bg-recommend.png) left top repeat-y;
	margin-top: 25px;
	margin-left: 20px;
	padding-top: 10px;
	}
#recommend2{
	width: 920px;
	background: url(/img/column/bg-recommend.gif) left top repeat-y;
	margin-top: 25px;
	margin-left: 20px;
	padding-top: 10px;
	}

#recommend div,#recommend2 div{float: left; color: #FFF; }
#recommend div.clr,#recommend2 div.clr{ float: none; }

/*  01  */
#recommend div.rec01{
	width: 313px;
	padding: 0 15px 25px 10px;
	}
#recommend div.rec02{
	width: 292px;
	padding: 0 10px 25px 10px;
	}
#recommend div.rec03{
	width: 248px;
	padding: 0 11px 25px 11px;
	}

/*  02～  */
#recommend2 div.rec01{
	width: 344px;
	padding: 0 11px 25px 10px;
	}
#recommend2 div.rec02{
	width: 257px;
	padding: 0 11px 25px 10px;
	}
#recommend2 div.rec03{
	width: 257px;
	padding: 0 10px 25px 10px;
	}
	

	
/* afterword
-------------------------------------------------------------- */
	
#afterword{
	width: 920px;
	background: url(/img/column/01/bg-stripe.gif) left top repeat;
	margin-top: 25px;
	padding: 10px 0;
	}
#afterword-in{
	width: 920px;
	border: solid 4px #FFF;
	border-width: 4px 0;
	} 
#afterword p{
	width: 485px;
	float: left;
	padding: 35px 0 25px 23px;
	}
#afterword img{
	width: 400px;
	float: right;
	}
#afterword img.cap{
	width: auto;
	float: none;
	margin-bottom: 5px;
	}
	

/* print
-------------------------------------------------------------- */
@media print{
	
	#recommend{
		width: 940px;
		margin-left: 20px;
		}

}