.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End from IE-mac \*/
#frame {
	width: 760px;
	margin: 25px 20px 30px 20px;
	text-align:center;
}

#purin_mottirinko h3{
	margin:0 0 20px 0;
	}

div.concept{
	width:720px;
	text-align:left;
	margin:0 auto 40px auto;
	background-color: #FFFFFF;
	color:#333;
	}

div.concept .concept_L{
	width:510px;
	float:left;
}
div.concept .concept_L span.red{ color: #E41A1A; }
div.concept .concept_R{
	width:210px;
	float:right;
}
div.prBox{
	width:720px;
	margin:0 auto;
	}
div.prBox h3{
	text-align:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	}
div.prBox table.detail_box{
	width:263px;
	margin-top: 0;
	margin-bottom: 10px;
	float: left;
	margin-left: 20px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #005eb8;
	border-left-color: #005eb8;
	}
div.prBox table.detail_box th,
div.prBox table.detail_box td{
	text-align:left;
	padding:5px;
	color:#666666;
	font-size:12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #005eb8;
	border-bottom-color: #005eb8;
	}

div.prBox table.detail_box th{
	width:79px;
	background-color: #eff3ff;
	}
div.prBox table.detail_box th.first{ padding: 15px 5px 13px;}
div.prBox table.detail_box td{
	text-align:center;
	}

div.prBox table.detail_box td.single{
	}
div.prBox div.prPhoto{
	width:493px;
	padding: 0;
	margin:0 80px 10px 140px;
	}

div.prBox div.prPhotoL{
	width: 150px;
	float:left;
	text-align: left;
	}
div.prBox div.prPhotoL .text {
	color: #000333;
	font-size: 12px;
	line-height: 18.4px;
}
div.prBox div.prPhotoR{
	float:right;
	}
.aronia_h3 { margin-bottom: 10px!important; }
div.prBox #aronia_R{
	width: 570px;
	float:right;
	}
div.prBox #aronia_R #aronia_box{
	position: relative;
	margin: 10px 0 24px 20px;
	padding: 13px 18px;
	background-color: #fdeae6;
}
div.prBox #aronia_R #aronia_box h4{ margin-bottom: 14px; }
div.prBox #aronia_R #aronia_box .text{
	width: 295px;
	color: #000333;
	font-size: 12px;
	line-height:18.4px;
}
div.prBox #aronia_R #aronia_box .text span{ color: #E41A1A;}
div.prBox #aronia_R #aronia_box .photo{
	position: absolute;
	top: 19px;
	right: 21px;
}
div.clear{
	clear:both;
	}
	
	
	
	
	



div.conceptTop,
div.conceptBottom{
	width:700px;
	padding:0 0 0 20px;
	}

div.conceptBottom{
	clear:both;
	padding-top:20px;
	}

div.conceptBoxL,
div.conceptBoxR{
	background:#FFF;
	font-size:12px;
	color:#333;
	width:330px;
	height:175px;
	}

div.conceptTop div.conceptBoxL,
div.conceptTop div.conceptBoxR,
div.conceptBottom div.conceptBoxL,
div.conceptBottom div.conceptBoxR{
	height:160px;
	}

div.conceptBoxL{
	float:left;
	}

div.conceptBoxR{
	float:left;
	margin:0 0 0 20px;
	}

div.conceptBoxL h5,
div.conceptBoxR h5{
	margin:0;
	padding:0;
	width:330px;
	height:41px;
	}

div.conceptBoxL div.conceptPh,
div.conceptBoxR div.conceptPh{
	float:left;
	width:61px;
	padding:3px 7px 0 5px;
	}

div.conceptBoxL p,
div.conceptBoxR p{
	margin:0;
	padding:3px 0;
	vertical-align:top;
	float:left;
	width:250px;
	line-height:1.5;
	}
div.conceptBoxL p span,
div.conceptBoxR p span{
	font-size:10px;
	}
	
#catalog	{
	padding: 15px 0 7px;
	text-align:left;
}
#catalog li {
	width: 351px;
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	padding: 285px 30px 0;
	vertical-align: bottom;
	color: #000333;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#catalog li.kurogoma {
	height: 399px;
	margin-right: 14px;
	background: url(img/purin_mottirinko/bg_01.jpg) no-repeat 0 0;
}
#catalog li.kinako {
	height: 396px;
	background: url(img/purin_mottirinko/bg_02.jpg) no-repeat 0 0;
}
#catalog li span.bold { font-weight: bold; }
#catalog li span.red { color: #E60012; }
#catalog li span.orange,
#catalog li a { color: #EC6C3D; }
#catalog li a:hover { text-decoration: none; }

#seihun {
	margin-bottom: 20px;
	text-align:right;
}
#seihun a:hover { opacity: 0.5; }