@charset "utf-8";

/* sideNavi
---------------------------*/
body.healthFoodCosmetic #sideNavi li.healthFoodCosmetic a,
body.cosmetic #sideNavi li.cosmetic a,
body.healthFood #sideNavi li.healthFood a,
body.food #sideNavi li.food a,
body.others #sideNavi li.others a {
	background-position:-160px 50%;
}

/* section
---------------------------*/
#contents  .section {
	margin-top:15px;
}

/* clientsVoice
---------------------------*/
#clientsVoice h3 {
	padding:0;
	border:none;
	background:none;
}
#clientsVoice .content {
	background:url(../img/bg_clientsVoice.jpg) no-repeat 100% 100%;
}
#clientsVoice img.client {
	float:left;
	width:162px;
}
#clientsVoice p.voice {
	margin:0;
	padding:28px 14px 18px 28px;
	float:right;
	width:294px;
	background:url(../img/bg_voice.jpg) no-repeat;
}

/* solution
---------------------------*/
.solution th.category {
	padding:5px;
	border:1px solid #030;
	width:1em;
	vertical-align:middle;
	font-weight:bold;
}
.solution .issue th.category {
	background:#DAECD2;
}
.solution .improvement th.category {
	color:#fff;
	background:#0C480C;
}
#contents .content .solution ol.orderedDescription {
	margin:0 0 0 10px;
}
.solution ol.orderedDescription th {
	font-size:14px;
}
.solution .issue ol.orderedDescription th {
	color:#060;
}
.solution .issue ol.orderedDescription th.num {
	background:#fff url(../img/bg_orderedDescription_num.jpg) no-repeat 0 50%;
}
.solution .issue ol.orderedDescription th.title {
	padding:3px 5px 2px 8px;
	background:#fff;
}
#contents .content .solution ol.orderedDescription .list1 {
	margin-top:0;
}
#contents .content .solution ol.orderedDescription td li {
	margin:3px 0 0;
}
div.arw {
	margin-top:15px;
	text-align:center;
}
p.result {
	padding:10px;
	border:3px double #030;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/* otherExamples
---------------------------*/
.otherExamples {
	margin-top:40px;
}
.otherExamples dt {
	padding:3px 0 3px 12px;
	border-bottom:1px solid #030;
	background:url(../../common/img/bg_dt.jpg) no-repeat 0 50%;
	font-size:14px;
	font-weight:bold;
}
.otherExamples dd {
	padding-top:5px;
}
.otherExamples li {
	margin:8px 0 0 15px;
	font-size:14px;
	font-weight:bold;
}
body.healthFoodCosmetic .otherExamples li.healthFoodCosmetic,
body.cosmetic .otherExamples li.cosmetic,
body.healthFood .otherExamples li.healthFood,
body.food .otherExamples li.food,
body.others .otherExamples li.others {
	display:none;
}

/* siteFig
---------------------------*/
img.siteFig {
	margin:0 13px 13px 0;
	float:left;
}

/* #contents .description .top 
---------------------------*/
#contents .description .top {
	margin-top:15px;
	width:499px;
}
#contents .description .top .right {
	float:right;
	width:276px;
}
#contents .description p.lead {
	margin:0;
}

/* #contents .description ul
---------------------------*/
#contents .description ul.normal {
	margin-top:8px;
}
#contents .description ul.normal li {
	margin-top:5px;
}

/* #contents .description ol
---------------------------*/
#contents .description ol.nums li {
	margin:18px 0 10px;
}
#contents .description ol.nums li span {
	font-weight:bold;
}
#contents .description ol.nums li .title {
	border-bottom:1px solid #053C05;
}
#contents .description ol.nums li .title .num {
	padding:5px 8px 4px;
	color:#fff;
	background:url(../../common/img/bg_num.jpg) no-repeat 0 50%;
	text-align:center;
}
#contents .description ol.nums li .title .text {
	padding:0 8px;
}
#contents .description ol.nums li p {
	margin-top:8px;
}

/* #contentsList
---------------------------*/
#contents #contentsList.content li {
	margin-top:9px;
	padding-bottom:10px;
	background:url(../../common/img/bd_1px_dotted_485C3A.gif) repeat-x 0 100%;
}
#contentsList li a.thumb {
	display:block;
	float:left;
	border:none;
	width:100px;
}
#contents #contentsList li .description {
	float:right;
	width:389px;
}
#contents #contentsList li p {
	margin:6px 0 0;
	font-size:14px;
}
#contents #contentsList li p.siteName {
	margin:0;
	padding:3px;
	background:#EBF5E7;
	font-weight:bold;
}
#contents #contentsList li p.siteName img {
	margin-right:3px;
}
html* #contents #contentsList li p.siteName img {
	vertical-align:middle;
}
#contents #contentsList li p.siteName span {
	padding:0 0.5em 0 7px;
}
#contentsList li p.title {
	font-weight:bold;
}
#contents #contentsList li p.corpName {
	margin-top:3px;
}

/* #kyowa
---------------------------*/
#kyowa .fig {
	text-align:center;
}
#kyowa .fig img {
	margin:0 8px 0;
}