/********************************

スタイル提案トップ


**********************************/
.produce_read{
	padding:50px 0;
	text-align:left;
	line-height:1.8em;
}
.produce_read strong{
	font-size:121%;
	display:block;
	margin-bottom:15px;
	color:#666;
}

#producelist{
	margin-bottom:30px;
}

#producelist li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#producelist li{ display: inline-block; }
/*\*/

* html #producelist li{height:1%;}

#producelist li{display:block;
}

#producelist li{
	margin-bottom:5px;
}

#producelist li .lside{
	float:left;
	display:inline;
}

#producelist li .rside{
	float:right;
	display:inline;
}







@media screen and (max-width: 767px) {
.produce_read{
	padding:50px 0;
	text-align:left;
	line-height:1.8em;
}
.produce_read strong{
	font-size:121%;
	display:block;
	margin-bottom:15px;
	color:#666;
}

#producelist{
	margin-bottom:30px;
}

#producelist li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#producelist li{ display: inline-block; }
/*\*/
* html #producelist li{height:1%;}
#producelist li{display:block;
}

#producelist li{
	margin-bottom:15px;
}

#producelist li .lside{
	width:100%;
	height:auto;
	float:none;
	display:block;
}

#producelist li .rside{
	width:100%;
	height:auto;
	float:none;
	display:block;
}

}










#produceflist:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#produceflist { display: inline-block; }
/*\*/
* html #produceflist{height:1%;}
#produceflist{display:block;
	padding-left:2px;
}


#produceflist li{
	float:left;
	display:inline;
	margin-bottom:50px;
}


#produce01{
	position:relative;
	background:url(../produce/produce_interior/images/produce01_main2.jpg) no-repeat;
	width:960px;
	height:530px;
}

#produce01 p{
	position:absolute;
	width:310px;
	top:266px;
	left:44px;
	font-size:92%;
	line-height:1.8em;
	color:#fff;
}

#produce01_bg{
	background:url(../produce/produce_interior/images/produce01_contbg.png) no-repeat bottom right;
	margin-bottom:10px;
}

.protitle{
	font-size:170%;
	color:#666;
	padding:60px 0 35px;
}

.proread{
	width:600px;
	margin-bottom:40px;
}

.prophoto{
	float:left;
	display:inline;
	width:250px;
	margin-right:10px;
	margin-bottom:20px;
	border:3px solid #fff;
	box-shadow: 1px 1px 3px #888;
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
}

.plus{
	margin-top:235px;
	float:left;
	display:inline;
	background:url(../images/plus.gif) no-repeat 0 3px;
	padding-left:20px;
	margin-bottom:20px;
}

.plus a{
	font-size:92%;
	color:#333;
}

.plus a:hover{
	color:#9e0c14;
}

.prodetail{
	clear:both;
}
.prodetail th{
	padding:3px;
}
.prodetail td{
	padding:3px;
}


#produce02{
	position:relative;
	background:url(../produce/produce_modan/images/produce02_main2.jpg) no-repeat;
	width:960px;
	height:530px;
}

#produce02 p{
	position:absolute;
	width:310px;
	top:360px;
	left:622px;
	font-size:92%;
	line-height:1.8em;
	color:#fff;
}


#produce02_bg{
	background:url(../produce/produce_modan/images/produce02_contbg.png) no-repeat bottom right;
	margin-bottom:10px;
}



#produce03{
	position:relative;
	background:url(../produce/produce_personal/images/produce03_main2.jpg) no-repeat;
	width:960px;
	height:530px;
}

#produce03 p{
	position:absolute;
	width:310px;
	top:360px;
	left:622px;
	font-size:92%;
	line-height:1.8em;
	color:#fff;
}


#produce03_bg{
	background:url(../produce/produce_personal/images/produce03_contbg.png) no-repeat bottom right;
	margin-bottom:10px;
}


#produce04{
	position:relative;
	background:url(../produce/produce_old/images/produce04_main2.jpg) no-repeat;
	width:960px;
	height:530px;
}

#produce04 p{
	position:absolute;
	width:310px;
	top:57px;
	left:538px;
	font-size:92%;
	line-height:1.8em;
	color:#fff;
}


#produce04_bg{
	background:url(../produce/produce_old/images/produce04_contbg.png) no-repeat bottom right;
	margin-bottom:10px;
}