@charset "ISO-8859-1";
/*==============================================================================================
 init module
==============================================================================================*/
*{
	font-family:verdana, Arial, sans-serif;
}
html{
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center; /* center on ie */
	color: #4C4C4C;
	background: #FFFFFF;
}

form,
input{
	margin:0;
	padding:0;
}

a{
	color:#4C4C4C;
	text-decoration:underline;
}
a:hover{
	color:#4C4C4C;
	text-decoration:none;
}
a img{
	border:0;
}

img{
	display:block;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, dl, dt, dd{
	margin:0;
	padding:0;
}

ul,
ul li{
	margin:0;
	padding:0;
	list-style:none!important;
}
ol {
	list-style: decimal inside;
}

fieldset{
	padding:0;
	margin:0 0 0 10px;
	border:none;
	font-size:12px;
	scrollbar-3dlight-color:white;
	scrollbar-face-color:white;
	scrollbar-arrow-color:silver;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-track-color:white;
}
legend{
	margin:0;
	padding:0;
}

table,
th,
td{
	text-align:left;
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
}

strong{
	
}
em{
	font-style:normal;
}

address{
	font-style:normal;
}

hr {
	display:none;
}

/*==============================================================================================
 layout module
==============================================================================================*/

#container {
	margin: 0 auto; /* center on everything else */
	width: 758px;
	text-align: left;
	padding: 0px;
}

#header {
	background: url(../img/healthcare_bg_header.jpg) no-repeat left top;
	width: 758px;
	height: 80px;
}

#mainblock {
	width: 960px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: #000000 url(../../../helth/shared/img/back_mainblock.jpg) no-repeat left top;
}
#mainarea {
	width: 620px;
	float: left;
}
#subarea {
	width: 120px;
	float: right;
/*	display: block;*/
}
#extraarea {
	float: right;
	width: 160px;
	padding-top: 10px;
}
#main {
	float: left;
	width: 560px;
	padding: 10px 20px 0px 20px;
}
#headerimg {
/*	height: 240px; */
	width: 760px;
}


#main h3 {
	margin-bottom: 10px;
	background: #000000 url(../../../helth/shared/img/border_subttl.gif) no-repeat left bottom;
	width: 548px;
	color: #E3123C;
	vertical-align: bottom;
	padding: 6px 0px 7px 12px;
	font: italic bold 130% Arial, Helvetica, sans-serif;
}
#main h3 img {
	display: inline;
	vertical-align: middle;
}

#main h4 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}

#column2 #main {
	width:720px;
/*	width:760px;
	padding: 0px;*/
}

#column2 #main .cnttitle {
	background: url(../../../helth/shared/img/title_l.jpg) no-repeat left top;
}
#container #maincontents .catalog {
	clear:both;
	width: 700px;
	text-align: center;
	margin: 20px 19px 0px;
}
#container #maincontents .catalog li {
	display: inline;
	float: left;
}
#container #maincontents .catalog li.mid {
	margin-left: 20px;
	margin-right: 20px;
}
#container #maincontents .catalog li.leftitem {
	margin-right: 20px;
}



/*----------------------------------------------------------------------------------------------
 HEADER AREA
 #header
----------------------------------------------------------------------------------------------*/
#header a {
	color:#4C4C4C;
	text-decoration:underline;
}
#header a:hover{
	text-decoration:none;
}
#header .navi {
	float:right;
	width: 400px;
	text-align: right;
}
#header .sitelocation {
	float:right;
	width: 250px;
	text-align: left;
	margin-top:13px;
	font-size:12px;
}
#header .sitelocation li.us {
	color:#999999;
	background: url(../img/healthcare_icon_us.gif) no-repeat left 2px;
	padding-left: 20px;
}
#header .sitelocation li.jp {
	color:#999999;
	background: url(../img/healthcare_icon_jp.gif) no-repeat left 25px;
	padding-top: 23px;
	padding-left: 20px;
}
#header .sitelocation img{
	display:inline;
	vertical-align:text-bottom;
}


#topicpath {
	padding: 10px 15px;
	border-top: 1px solid #FFFFFF;
	width: 728px;
	line-height:100%;
	clear: both;

}
#header h1.logo {
	width:174px;
	height:49px;
	float: left;
	margin-top: 22px;
	margin-left: 9px;
}
#mainimg {
	text-align:center;
}
#mainimg .msg img{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

/*----------------------------------------------------------------------------------------------
 MENU AREA
 #dvSideMenu
----------------------------------------------------------------------------------------------*/

/* TOP CATEGORY MENU
--------------------------------------------------------------------------*/
#contents_navi{
	margin-top:40px;
}
#contents_navi a.paipo{
	display:block;
	width:138px;
	height:26px;
	background:url(../img/btn_navi_paipo.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-left:620px;
}
#contents_navi a.paipo:hover {
	background:url(../img/btn_navi_paipo.gif) no-repeat 0 -26px;
	overflow:hidden;
}
#contents_navi a.supplement{
	display:block;
	width:138px;
	height:26px;
	background:url(../img/btn_navi_supplement.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-left:620px;
}
#contents_navi a.supplement:hover {
	background:url(../img/btn_navi_supplement.gif) no-repeat 0 -26px;
	overflow:hidden;
}


/* SUB MENU
--------------------------------------------------------------------------*/
#subarea h3,#subarea li{
	position:relative;
	line-height:0;
	margin:0;
	vertical-align:bottom;
	display:block;
	padding:0px;
	height:30px;
}
#subarea h3 a,#subarea li a{
	display:block;
	width:120px;
	height:30px;
	text-indent:-9999px;
	line-height:normal;
	/* \*/ overflow: hidden; /* */
	text-decoration: none;
}


/* supplement */
#subarea .supplement a{
	background:url(../img/submenu_supplement.gif) no-repeat 0 0;
}
#subarea .supplement a:hover {
	background:url(../img/submenu_supplement.gif) no-repeat -120px 0px;
}
/* drink_type */
#subarea .drink_type a{
	background:url(../img/submenu_drink_type.gif) no-repeat 0 0;
}
#subarea .drink_type a:hover {
	background:url(../img/submenu_drink_type.gif) no-repeat -120px 0px;
}
/* beauty_related */
#subarea .beauty_related a{
	background:url(../img/submenu_beauty_related.gif) no-repeat 0 0;
}
#subarea .beauty_related a:hover {
	background:url(../img/submenu_beauty_related.gif) no-repeat -120px 0px;
}
/* diet */
#subarea .diet a{
	background:url(../img/submenu_diet.gif) no-repeat 0 0;
}
#subarea .diet a:hover {
	background:url(../img/submenu_diet.gif) no-repeat -120px 0px;
}
/* for_men */
#subarea .for_men a{
	background:url(../img/submenu_for_men.gif) no-repeat 0 0;
}
#subarea .for_men a:hover {
	background:url(../img/submenu_for_men.gif) no-repeat -120px 0px;
}
/* vision_support */
#subarea .vision_support a{
	background:url(../img/submenu_vision_support.gif) no-repeat 0 0;
}
#subarea .vision_support a:hover {
	background:url(../img/submenu_vision_support.gif) no-repeat -120px 0px;
}
/* bone_and_joint */
#subarea .bone_and_joint a{
	background:url(../img/submenu_bone_and_joint.gif) no-repeat 0 0;
}
#subarea .bone_and_joint a:hover {
	background:url(../img/submenu_bone_and_joint.gif) no-repeat -120px 0px;
}
/* health_concern */
#subarea .health_concern a{
	background:url(../img/submenu_health_concern.gif) no-repeat 0 0;
}
#subarea .health_concern a:hover {
	background:url(../img/submenu_health_concern.gif) no-repeat -120px 0px;
}
/* brain_support */
#subarea .brain_support a{
	background:url(../img/submenu_brain_support.gif) no-repeat 0 0;
}
#subarea .brain_support a:hover {
	background:url(../img/submenu_brain_support.gif) no-repeat -120px 0px;
}
/* others */
#subarea .others a{
	background:url(../img/submenu_others.gif) no-repeat 0 0;
}
#subarea .others a:hover {
	background:url(../img/submenu_others.gif) no-repeat -120px 0px;
}

/* paipo */
#subarea .paipo a{
	background:url(../img/submenu_paipo.gif) no-repeat 0 0;
}
#subarea .paipo a:hover {
	background:url(../img/submenu_paipo.gif) no-repeat -120px 0px;
}

#subarea .current a{
	background-position :-240px 0 !important;
}


/*----------------------------------------------------------------------------------------------
 FOOTER AREA
 #footer
----------------------------------------------------------------------------------------------*/
#footer{
	width: 758px;
	height: 64px;
	border-top: 1px solid #4C4C4C;
	text-align: center;
	padding-top: 15px;
	clear: both;
}
#footer a {
	color:#4C4C4C;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}
#footer .copyright {
	float:left;
	padding-left: 15px;
}
#footer .navi {
	float:right;
	padding-right: 15px;
	text-align: right;
}


/*==============================================================================================
 Contents
==============================================================================================*/
/*----------------------------------------------------------------------------------------------
 content
----------------------------------------------------------------------------------------------*/
#maincontents {
	padding: 10px 9px;
	background: url(../img/bg_contents.jpg) repeat-x left top;
	min-height:684px;
	width: 740px;
}

/*cnttitle*/
#main .cnttitle {
	background: url(../../../helth/shared/img/title_s.jpg) no-repeat left top;
	color: #333333;
	padding: 10px;
	font: bold 130% Arial, verdana, sans-serif;
	margin-bottom: 10px;
}
#main .cnttitle a {
	color: #333333;
}
#main p {
	margin-bottom: 10px;
	line-height: 140%;
}

/*extraarea*/
#extraarea dl {
	margin-bottom: 15px;
}
#extraarea dd {
	background: url(../../../helth/shared/img/bullet_red.gif) no-repeat 0px 4px;
	padding-left: 14px;
	margin-bottom: 3px;
	font-size: 80%;
}
#extraarea dt {
	margin-bottom: 5px;
}
#container #maincontents #mainarea {
	text-align: center;
}
#container #maincontents #mainarea h2 {
	margin-bottom: 20px;
}

#container #maincontents #mainarea .items {
	width: 588px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: 1px solid #c4c4c4;
	padding: 0px;
	background: #FFFFFF;
	margin-bottom: 20px;
}
#container #maincontents #mainarea .items .img_thumb {
	width: 240px;
	float: left;
}
#container #maincontents #mainarea .items .img_thumb img {
	margin: 30px 20px 0px;
}

#container #maincontents #mainarea .items .spec {
	width: 303px;
	float: right;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
}
html>/**/body #container #maincontents #mainarea .items .spec {
	margin-right: 45px; /* for firefox */
}
#container #maincontents #mainarea .items .spec .item_title {
	font-size: 20px;
	color: #4c4c4c;
	margin-bottom: 10px;
/*	border-left: 5px solid #35AACD;
	padding-left: 10px;*/
}
#container #maincontents #mainarea .items .spec .desc {
	font-size: 14px;
	margin-bottom: 20px;
}

#container #maincontents #mainarea .items .spec .desc2 {
	font-size: 14px;
	margin-bottom: 10px;
}


#container #maincontents #mainarea .items .spec table.spec_data {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	width: 303px;
	table-layout:fixed;
}
#container #maincontents #mainarea .items .spec table.spec_data th {
/*	white-space: nowrap;*/
	font-weight:normal;
	border: 1px solid #CCCCCC;
	padding:2px;
}
#container #maincontents #mainarea .items .spec table.spec_data td {
	border: 1px solid #CCCCCC;
	padding:2px;
}

#container #maincontents #mainarea .items .spec .spec_title {
	font-size: 11px;
	color: #FFFFFF;
	background: #666666;
	padding-left: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
#container #maincontents #mainarea .items .spec .item_icons img {
	float:left;
	margin-right: 12px;
	margin-bottom: 12px;
}







/*----------------------------------------------------------------------------------------------
special
----------------------------------------------------------------------------------------------*/
/*===== box clear =====*/
.boxclear{
	clear:both;
}

/*===== Float Clearing =====*/
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
* html .clearfix{
	display:inline-block;
}
/* no ie mac \*/
* html .clearfix{
	height:1%;
}
.clearfix{
	clear:both;
	display:block;
}
/* */
/*===== Float Clearing =====*/

.pagetop:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	margin:0 0 20px 0;
	height:13px;
}
* html .pagetop{
	display:inline-block;
	margin:0 0 20px 0;
	height:13px;
}
/* no ie mac \*/
* html .pagetop{
	height:1%;
}
.pagetop{
	clear:both;
	display:block;
}
/* */
.pagetop a {
	background: url(../img/healthcare_btn.gif) no-repeat 0px 0px;
	display: block;
	height: 13px;
	width: 66px;
	text-indent: -9999px;
	text-decoration: none;
	overflow:hidden
}
.pagetop p {
	float:right;
	height: 13px;
	width: 66px;
	font-size: 1px;
	margin-right: 10px;
	margin-top: 80px;
	margin-bottom: 100px;
}

.txt_r {
	text-align:right;
}
.txt_l {
	text-align:left;
}

.thumb_l {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.thumb_r {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.strong_red {
	color:#FF0000;
}

.smaller01{font-size:80%; margin-bottom: 20px; !important}


/*----------------------------------------------------------------------------------------------
Under Construction
----------------------------------------------------------------------------------------------*/
#underConstruction #main {
	width: 720px;
	padding: 300px 20px 0px;
}
#underConstruction #main .uc {
	text-align: center;
	margin:0 0 300px;
}
#underConstruction #main .uc img {
	display: inline;
}
#container .sp_link {
	margin-left:602px;
}
#container .sp_link_paipo {
	margin-left:35px;
}