.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;
	clear: both;
	}

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

div.concept .concept_L{
	width:480px;
	float:left;
}
div.concept .concept_R{
	width:210px;
	float:right;
}
div.prBox2{
	width:360px;
	margin:0 auto;
	}
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: #55762e;
	border-left-color: #55762e;
	}
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: #55762e;
	border-bottom-color: #55762e;
	}

div.prBox table.detail_box th{
	width:79px;
	background-color: #f6fff5;
	}
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{
	float:left;
	}

div.prBox div.prPhotoR{
	float:right;
	}


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;
	overflow: hidden;
}
#catalog li {
	width: 351px;
	float: left;
}
#catalog li > div {
	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.anko > div {
	height: 395px;
	background: url(img/purin_mottirinko/bg_04.jpg) no-repeat 0 0;
}
#catalog li.kurogoma > div {
	height: 395px;
	background: url(img/purin_mottirinko/bg_03.jpg) no-repeat 0 0;
}
#catalog li.kinako > div {
	height: 395px;
	background: url(img/purin_mottirinko/bg_02.jpg) no-repeat 0 0;
}

#catalog li.right {
	float: right;
}

#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; }

#catalog li > p {
	width: 337px;
	margin-bottom: 20px;
	text-align:right;
}
#catalog li > p a:hover { opacity: 0.5; }

.pt10 {
	padding-top: 10px;
}