@charset "UTF-8";

/*-------------------------------------------------------------------------------*
 *	hoiku
 *-------------------------------------------------------------------------------*/

body.hoiku div#main div#contents div.center_list_box {
	margin: 1em 0;
	padding: 0 0 15px 0;
	background: transparent url('../hoiku/images/center_list_box_bg.gif') no-repeat left bottom;
}

body.hoiku div#main div#contents div.center_list_box div.details {
	margin: 0 0 0 0;
	padding: 0 25px;
	background: transparent url('../hoiku/images/center_list_box_h4.gif') no-repeat left top;
	zoom: 100%;
}

body.hoiku div#main div#contents div.center_list_box div.details:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

body.hoiku div#main div#contents div.center_list_box div.details h4 {
	margin: 0;
	padding-top: 25px;
}

body.hoiku div#main div#contents div.center_list_box div.details p.center_appearance {
	width: 300px;
	float: right;
	margin: 1em 0 10px 10px;
	text-align: center;
}

body.hoiku div#main div#contents div.center_list_box div.details div {
	width: 390px;
	float: left;
}

body.hoiku div#main div#contents div.center_list_box div.details dl {
	margin: 1em 0 0 0;
	zoom: 100%;
}

body.hoiku div#main div#contents div.center_list_box div.details dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

body.hoiku div#main div#contents div.center_list_box div.details dl dt {
	float: left;
	clear: both;
	width: 4em;
	margin: 0 -5em 0 0;
	padding: 0.5em 0 0 0;
}

body.hoiku div#main div#contents div.center_list_box div.details dl dd {
	margin: 0 0 0 0;
	padding: 0.5em 0 0.5em 5em;
	background: transparent url('../images/horizontal_dotted_line.gif') repeat-x left bottom;
}

body.hoiku div#main div#contents div.center_list_box div.details ul.mark {
	margin: 0;
	list-style-type: none;
	zoom: 100%;
}

body.hoiku div#main div#contents div.center_list_box div.details ul.mark:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

body.hoiku div#main div#contents div.center_list_box div.details ul.mark li {
	width: 20px;
	float: left;
	margin-right: 5px;
	vertical-align: top;
}


/*-------------------------------------------------------------------------------*
 *	office
 *-------------------------------------------------------------------------------*/

body.center div#main div#contents div.center_list {
	margin: 0;
	padding: 0 0 0 0;
	background: transparent url('../images/horizontal_dotted_line.gif') repeat-x left bottom;
	zoom: 100%;
}

body.center div#main div#contents div.center_list:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

body.center div#main div#contents div.center_list h4 {
	width: 250px;
	float: left;
	margin: 1em 10px 1em 0;
	padding: 0;
	background-image: none;
}

body.center div#main div#contents div.center_list p.center_address {
	width: 360px;
	float: left;
	margin-right: 10px;
}

body.center div#main div#contents div.center_list p.center_map {
	width: 120px;
	float: right;
}


/*-------------------------------------------------------------------------------*
 *	value
 *-------------------------------------------------------------------------------*/


body.value div#main div#contents div.healthy_stomach {
	width: 310px;
	padding: 0;
	float: left;
	background-color: #fffaec;
	margin: 0 15px 0 0;
}

body.value div#main div#contents div.healthy_stomach p.title {
	margin: 0;
}

body.value div#main div#contents div.healthy_stomach div.healthy_stomach_body {
	padding: 0 8px;
}

body.value div#main div#contents div#bad_influence {
	padding: 0 10px;
	background-color: #fffaec;
}

body.value div#main div#contents div#bad_influence div.bad_influence_result {
	width: 190px;
	padding: 0 35px 0 0;
	float: left;
	margin: 0 10px 0 0;
	background: transparent url('../value/images/healthy_02.gif') no-repeat right 40px;
}

body.value div#main div#contents div#bad_influence div.last {
	background-image: none;
}


/*-------------------------------------------------------------------------------*
 *	product
 *-------------------------------------------------------------------------------*/

body.product div#main div#contents div#product_list dl {
	width: 346px;
	float: left;
	margin: 5px 10px 5px 0;
	padding: 10px;
	border: 1px solid #dedede;
	display: inline; 
}

body.product div#main div#contents  div#product_list dl.even {
	margin-right: 0;
}

body.product div#main div#contents  div#product_list dl dt {
	margin: 0;
	color: #D90431;
	font-weight: bold;
}

body.product div#main div#contents  div#product_list dl dt img.delivery_mark {
	float: right;
	margin: 0 0 0 5px;
}

body.product div#main div#contents  div#product_list dl dd {
	margin: 0;
}

body.product div#main div#contents div#product_list dl dd p.product_image {
	width: 100px;
	float: left;
	margin: 1em 10px 0 0;
}

body.product div#main div#contents div#product_list dl dd p.product_text {
	width: 236px;
	float: right;
}

body.product div#main div#contents div#product_list dl dd p.product_details {
	width: 236px;
	float: right;
	margin: 0;
}


/*-------------------------------------------------------------------------------*
 *	recruit
 *-------------------------------------------------------------------------------*/

body.recruit div#main div#contents ul.index_list {
	margin: 0;
	list-style-type: none;
	zoom: 100%;
}

body.recruit div#main div#contents ul.index_list:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

body.recruit div#main div#contents ul.index_list li {
	width: 243px;
	float: left;
	margin-right: 10px;
	vertical-align: top;
}

body.recruit div#main div#contents ul.index_list li h3 {
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
}

body.recruit div#main div#contents ul.index_list li p {
	margin: 0.5em 5px;
	font-size: 93%;
}

body.recruit div#main div#contents ul.index_list li.last {
	margin-right: 0;
}


/*-------------------------------------------------------------------------------*
 *	sitemap
 *-------------------------------------------------------------------------------*/

body.sitemap div#main div#contents div.sitemap_area {
	margin: 1em 0;
	padding: 1em 0 1.5em 0;
	background: transparent url('../images/sitemap_area_bg.gif') no-repeat left bottom;
	zoom: 100%;
}

body.sitemap div#main div#contents div.sitemap_area:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

body.sitemap div#main div#contents div.sitemap_area div.sitemap_block_left {
	width: 150px;
	float: left;
	margin: 0 30px 0 0;
}

body.sitemap div#main div#contents div.sitemap_area div.sitemap_block_left h3 {
	margin: 0 10px 0 10px;
	padding: 0;
	border: none;
	background-image: none;
	font-size: 100%;
	font-weight: bold;
}

body.sitemap div#main div#contents div.sitemap_area div.sitemap_block_right {
	width: 570px;
	float: right;
	margin: 0 0 0 0;
}

body.sitemap div#main div#contents div.sitemap_area div.sitemap_block_right ul {
	list-style-type: none;
	margin: 0 0 0 0;
}

body.sitemap div#main div#contents div.sitemap_area div.sitemap_block_right ul li {
	width: 250px;
	float: left;
	margin: 0 0 0.5em 0;
	padding: 0 20px 0 15px;
	background: transparent url('../images/arrow_02.gif') no-repeat left 0.4em;
}

/*------------------------------------------ hyperlink */

body.sitemap div#main div#contents div.sitemap_area a:link, 
body.sitemap div#main div#contents div.sitemap_area a:visited {
	text-decoration: none;
}

body.sitemap div#main div#contents div.sitemap_area a:hover,
body.sitemap div#main div#contents div.sitemap_area a:active {
	text-decoration: underline;
}


/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

body.product div#main div#contents div#product_list dl {
	zoom: 100%;
}

body.product div#main div#contents div#product_list dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
