@charset "utf-8";

/* 健康生活トップ
----------------------------------------------------------------------------------------------------*/

#hltTop {
	float: right;
	width: 700px;
}

#hltTop h2 {
	margin: 0 0 15px;
}

#hltTop h3 {
	margin: 0 0 15px;
}

#hltTop h3 {
	margin: 0 0 15px;
}

#hltTop table {
	margin: 0 0 15px;
	width: 100%;
}

#hltTop td {
	padding: 5px;
	vertical-align: top;
}

#hltTop .title {
	width: 270px;
	background: url(../../../common/cmm_img001.gif) no-repeat;
	background-position: left 0.2em;
	padding: 0 0 0 16px;
}

#hltTop h4 {
	margin: 0 0 10px;
}

#hltTop .box3 .left {
	float: left;
	width: 340px;
	background: #FFE5DD;
}

#hltTop .maruT {
	width: 340px;
	height: 10px;
	overflow: hidden;
	background: url(../images/hll_back01.gif) no-repeat;
}
	
#hltTop .box3 .left .box4 {
	margin: 0 10px;
}

#hltTop .box3 .left .box4 .left2 {
	float: left;
	width: 100px;
}

#hltTop .box3 .left .box4 .right2 {
	float: right;
	width: 210px;
	margin: 20px 0;
}

#hltTop .maruB {
	float: left;
	width: 340px;
	height: 10px;
	overflow: hidden;
	background: url(../images/hll_back02.gif) no-repeat;
}

#hltTop .box3 .right {
	float: right;
	width: 340px;
}

#hltTop .box3 .right h5 {
	margin: 0 0 10px;
}

#hltTop .box3 .right .box5 {
	margin: 0 0 3px;
}

#hltTop .box3 .right .box5 h6 {
	margin: 0 0 3px;
	font-weight: bold;
}

#hltTop .box3 .right .box5 p {
	background: url(../../../common/cmm_img001.gif) no-repeat;
	background-position: left;
	padding: 3px 0 4px 16px;
}
	
/* 健康生活内容
----------------------------------------------------------------------------------------------------*/

#hltCont {
	float: right;
	width: 700px;
}

#hltCont h2 {
	margin: 0 0 15px;
}

#hltCont h3 {
	margin: 0 0 15px;
}

#hltCont p {
	margin: 0 0 1em;
}

#hltCont .maru1 {
	width: 700px;
	height: 10px;
	overflow: hidden;
	background: url(../images/hll_back03.gif) no-repeat;
}

#hltCont .maru2 {
	width: 700px;
	height: 10px;
	margin: 0 0 10px;
	overflow: hidden;
	background: url(../images/hll_back04.gif) no-repeat;
}

#hltCont h4 {
	padding: 0 10px;
	background: #EFEFE7;
}

#hltCont h4 img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

#hltCont h5 {
	color: #009D3B;
	border-bottom: solid 1px #DFDFDF;
	margin: 0 0 10px;
}

#hltCont h6 {
	color: #009D3B;
	margin: 0 0 10px;
}

#hltCont ul, #hltCont ol {
	margin: 1em 0 1em;
}

#hltCont ul li {
	margin: 0 0 0 2em;
	list-style-type: disc;
}

#hltCont ol li {
	margin: 0 0 0 3em;
	list-style-type: decimal;
}


