@charset "UTF-8";

/*
/////////// マルティナについて //////////

	(1)__base
 	(2)__マルティナのはじまり、品質のあかし
 	(3)__認証

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


/*====================
	(1)__base
  ==================== */

#main #contents #conceptArea {
	padding: 0 0 50px;
	width: 654px;
	background: url(../img/concept/line01.jpg) no-repeat center bottom;
}
#main #contents #conceptArea h3 {
	padding: 50px 0 0 15px;
	width: 639px; 
	background: url(../img/concept/line01.jpg) no-repeat center top;
}
#main #contents #conceptArea h4 {
	margin-bottom: 10px;
}
.photoArea {
	padding: 0 0 15px 15px;
	float: right;
}
.photoArea li{
	padding: 0 0 15px;
}
/* ナビ */
#main #contents #conceptArea #btnConceptNavi {
	margin-top: 20px;
	display: block;
	clear: both;
	text-align: center;
}
#main #contents #conceptArea #btnConceptNavi li {
	padding: 0 10px;
	display: inline;
}

/*====================
	(2)__マルティナのはじまり、品質のあかし
  ==================== */
#main #contents #conceptArea .explanation {
	margin: 15px;
	padding: 0;
	line-height: 150%;
}
#main #contents #conceptArea .explanation strong {
	color: #CC6600;
	font-size: 11px;
}
#main #contents #conceptArea .explanation .headLine {
	margin-top: 50px;
	margin-bottom: 40px;
	width: 620px;
}
#main #contents #conceptArea .explanation .section01 {
	margin-bottom: 30px;
	padding-bottom: 22px;
	background: url(../img/concept/bg_section01.jpg) no-repeat center bottom;
}
#main #contents #conceptArea .explanation .section01 li {
	padding: 0 0 5px 13px;
	line-height: 120%;
	background: url(../img/concept/bg_concept_list01.jpg) no-repeat left 0.2em;
}
#main #contents #conceptArea .explanation .section02 {
	margin-bottom: 30px;
}
#main #contents #conceptArea .explanation th {
	color: #333333;
	border-bottom: 2px solid #999999;
}
#main #contents #conceptArea .explanation td {
	padding: 7px 0 2px;
	border-bottom: 1px dotted #cccccc;
	vertical-align: top;
}
#main #contents #conceptArea .explanation .history {
	margin: 50px 0 30px;
	padding: 15px 20px;
	border: 1px solid #66CC99;
	background-color: #F5FFF5;
}

/*====================
	(3)__認証
  ==================== */
 
#main #contents #conceptArea .attestation {
	padding: 15px 0 0 15px;
	overflow: hidden;
}
#main #contents #conceptArea .attestation dl {
	padding: 0 15px 20px 0;
	width: 301px;
	float: left;
}
#main #contents #conceptArea .attestation dl.markEmas {
	float: right;
}
#main #contents #conceptArea .attestation dt {
	padding: 15px 7px 0 0; 
	float: right;
}
#main #contents #conceptArea .attestation dd {
	padding: 0 110px 5px 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 190px;
}
#main #contents #conceptArea .attestation dl.demeter dd {
	height: 185px;
}
#main #contents #conceptArea .attestation dl.ihtk dd {
	height: 115px;
}
#main #contents #conceptArea .attestation dl.markEmas dd {
	height: 325px;
}
#main #contents #conceptArea .attestation dd h4 {
	margin-bottom: 5px;
	color: #339933;
	font-size: 130%;
}
#main #contents #conceptArea .attestation dd p {
	margin: 0 0 5px;
	line-height: 120%;
}
#main #contents #conceptArea .explanation ul.mdList li {
	padding: 0 0 5px 13px;
	line-height: 120%;
	background: url(../img/concept/bg_concept_list01.jpg) no-repeat left 0.2em;
}