@charset "UTF-8";
@import url('common.css');

/* トップ共通 */
#keyVisual {
	width:880px;
	height:310px;
	margin:0 auto;
}
#top {
	width:100%;
	background:url(/images/common/contentsBg.png) center top repeat-x;
	text-align:center;
	padding:30px 0 0 0;
}

/* 商品スタイルで探す */
#style {
	width:840px;
	float:left;
	margin:0 20px 0 0;
	padding:10px 5px;
	background:url(/images/common/paper.jpg);
	text-align:center;
}
#style dl {
	clear:both;
	width:820px;
	background-color:#FFF;
	margin:0 auto;
	padding:10px 0;
	overflow:auto;
}
*+html #style dl {
	margin:0 auto -3px auto;
}
#style dl dt {
	width:145px;
	float:left;
	margin:0 10px 0 0;
	padding:5px 0 0 15px;
	text-align:left;
}
#style dl dd {
	width:600px;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}
#style dl dd strong {
	display:block;
	width:100%;
	color:#824c13;
	border-bottom:#824c13 1px dotted;
	padding:0 0 0 0;
	margin:0 0 5px 0;
}
#style dl dd strong a:link {
	color:#824c13;
	text-decoration:none;
}
#style dl dd strong a:visited {
	color:#824c13;
	text-decoration:none;
}
#style dl dd strong a:hover {
	color:#824c13;
	text-decoration:underline;
}
#style dl dd strong a:active {
	color:#824c13;
	text-decoration:underline;
}



#style p {
	clear:both;
	float:left;
	FONT-SIZE: 12px;
	margin:0 0px 0 0;
	padding:0px 0px 5px 10px;
	text-align:left;
}

.topix {
	clear:both;
	width:820px;
	background-color:#FFF;
	margin:0 auto;
	padding:10px 0;
	overflow:auto;
}

.topix_news {
	clear:both;
	width:800px;
	background-color:#FFF;
	margin:0 auto;
	padding:10px 0;
	overflow:auto;
}



.top_tit{
	width:800px;
	margin:0 0px 0 0;
	padding:10px 0px 10px 0px;
	overflow:auto;
}

.newstxt {
	float:left;
	clear:both;
	color: #337c50;
	FONT-SIZE: 14px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	text-align:left;

}



/* 新着事例・トピックス */
#news {
	width:400px;
	float:left;
	margin:0;
	text-align:left;
}
#news strong {
	display:block;
	width:100%;
	color:#348e0f;
	border-bottom:#348e0f 1px dotted;
	padding:0 0 0 0;
	margin:8px 0;
}
#news p {
	margin:0;
}
#news p img {
	margin:5px 0;
}
#news p.button {
	text-align:right;
	margin:0 0 20px 0;
}
#news p.banner {
	margin:-20px 0 5px 0;
}
#news dl {
	clear:both;
	width:400px;
	margin:0;
}
#news dl dt {
	width:200px;
	float:left;
	margin:8px 10px 8px 0;
}
#news dl dd {
	width:185px;
	float:left;
	margin:8px 0;
}
#news dl dd strong {
	margin:0 0 8px 0;
}
#news #sale {
	margin:20px 0;
}
#news #sale p {
	margin:5px 0;
	padding:0 0 0 5px;
}

/* その他 */
.flash {
	padding:130px 0;
	text-align:center;
	font-weight:bold;
}
.campaign {
	padding:0 0 0 10px;
}
.banner {
	margin:0 0 20px 0;
}