@charset "utf-8";
/* CSS Document */

body { behavior:url("/common/css/csshover3.htc"); }



/* page id */
div.pro001{
background: url(/images/pro001_heading_01.jpg) top left no-repeat;
}

div.pro002{
background: url(/images/pro002_heading_01.jpg) top left no-repeat;
}

div.pro010{
background: url(/images/pro010_heading_01.jpg) top left no-repeat;
}

div.srv001 {
background: url(/images/srv001_heading_01.jpg) top left no-repeat;
}

/* lower */
div.srv002{
background: url(/images/srv002_heading_01.jpg) top left no-repeat;
}

div.srv006{
background: url(/images/srv006_heading_01.jpg) top left no-repeat;
}

div.srv009{
	 background: url(/images/srv009_heading_01.jpg) top left no-repeat;
}

div.srv011{
	background: url(/images/srv011_heading_01.jpg) top left no-repeat;
}

div.srv013{
	 background: url(/images/srv013_heading_01.jpg) top left no-repeat;
}

div.srv014{
	 background: url(/images/srv014_heading_01.jpg) top left no-repeat;
}

div.srv015{
	 background: url(/images/srv015_heading_01.jpg) top left no-repeat;
}

div.srv016{
	 background: url(/images/srv016_heading_01.jpg) top left no-repeat;
}

div.srv017{
	 background: url(/images/srv017_heading_01.jpg) top left no-repeat;
}

div.srv018{
	 background: url(/images/srv018_heading_01.jpg) top left no-repeat;
}

div.srv019{
	 background: url(/images/srv019_heading_01.jpg) top left no-repeat;
}










div.pro008{
	 background: url(/images/pro008_heading_01.jpg) top left no-repeat;
}

div.pro018{
	 background: url(/images/pro018_heading_01.jpg) top left no-repeat;
}

div.pro013{
	 background: url(/images/pro013_heading_01.jpg) top left no-repeat;
}

div.pro003{
	 background: url(/images/pro003_heading_01.jpg) top left no-repeat;
}
div.pro016{
	 background: url(/images/pro016_heading_01.jpg) top left no-repeat;
}
div.pro006{
	 background: url(/images/pro006_heading_01.jpg) top left no-repeat;
}
div.pro011{
	 background: url(/images/pro011_heading_01.jpg) top left no-repeat;
}
div.pro009{
	 background: url(/images/pro009_heading_01.jpg) top left no-repeat;
}
div.pro005{
	 background: url(/images/pro005_heading_01.jpg) top left no-repeat;
}
div.pro017{
	 background: url(/images/pro017_heading_01.jpg) top left no-repeat;
}
div.pro014{
	 background: url(/images/pro014_heading_01.jpg) top left no-repeat;
}
div.pro007{
	 background: url(/images/pro007_heading_01.jpg) top left no-repeat;
}
div.pro005{
	 background: url(/images/pro005_heading_01.jpg) top left no-repeat;
}
div.pro019{
	 background: url(/images/pro019_heading_01.jpg) top left no-repeat;
}
div.pro020{
	background: url(/images/pro020_heading_01.jpg) top left no-repeat;
}

div.pro021{
	background: url(/images/pro021_heading_01.jpg) top left no-repeat;
}

div.pro022{
	background: url(/images/pro022_heading_01.jpg) top left no-repeat;
}
div.pro023{
	background: url(/images/pro023_heading_01.jpg) top left no-repeat;
}

/* pro_btn */
p.pro_btn {
	padding-top:10px;
	text-align:center;
	margin:40px auto 0;
	height:30px;
	width:170px;
	background: url(/images/pro_btn_01.jpg) top left no-repeat;
}

p.pro_btn:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}

p.pro_btn a {
	display:block;
	margin-top:-10px;
	padding-top:10px;
	height:30px;
	width:170px;
	color:#FFF;
	font-weight:bold;
	font-size:125%;
}



/* contents */

/* on mause */
.box03 a:hover img{
	opacity:0.9;
	filter: alpha(opacity=90);
}


.box03 .product {
	padding-top:15px;
	margin-bottom:15px;
	border-top:solid 1px #D6D6D6;
}


.box03 .product_top {
	padding-top:15px;
	border-top:solid 1px #D6D6D6;
}

.box03 .product_last {
	padding-top:15px;
	border-top:solid 1px #D6D6D6;
}

.box03 .product .text,
.box03 .product_top .text,
.box03 .product_last .text{
	margin-left:10px;
}

.box03 .product a img:hover,
.box03 .product_last a img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}

.box03 .product_top img.textimg {
	margin:15px 20px 0 0;
}

.box03 .product .text p,
.box03 .product_top .text p,
.box03 .product_last .text p{
	width:420px;
}

.box03 p.product_de  {
	width:355px;
	padding-left:10px;
}

.box03 .product_top .textimg p {
	width:495px;
}

.box03 .p_top {
	padding-top:0px;
	border:none;
}


.box03 .lineup {
	padding:15px;
	width:312px;
	min-height:98px;
	_height:98px;
	position:relative;
}

.box03 .lineup:hover {
	background-color:#FFE8E8;
}

.box03 .l_top {
	border-bottom:solid 1px #D6D6D6;
	min-height:118px;
	_height:118px;
}

.box03 .l_top_s {
	border-bottom:solid 1px #D6D6D6;
	min-height:118px;
	min-height:98px;
	_height:98px;
}



.box03 .l_left {
	border-right:solid 1px #D6D6D6;
}

.box03 .lineup p,
.box03 .lineup ul li {
	width:300px;
}

.box03 .lineup p.point {
	width:auto;
}

.box03 .lineup p.b_mar02 {
	margin-top:8px;
}

.box03 .lineup p.ico_red-top {
	width:280px;
}

.box03 .lineup img {
	margin-bottom:10px;
}

.box03 .lineup img.l3 {
	margin-bottom:7px;
}

.box03 .lineup .btm {
	position:absolute;
	bottom:15px;
	right:15px;
}

.box03 .lineup .btm p.point{
	width:auto;
}

.box03 ul.price{
	font-weight:bold;
}

.box03 dl.price dt {
	font-weight:bold;
}

.box03 dl.price dt.sec{
	margin-top:10px;
}
.box03 p.b_mar{
	margin-top:7px;
}








/* srv009_01 */

.box03 div.srv009_01 .text_h_l {
	width:325px;
	margin:0px;
	padding-right:15px;
	border-right:solid 1px #CCC;
}

.box03 div.srv009_01 .text_h {
	
	width:325px;
	padding:0px;
}



/* SRV-019 */

dl.srv_flow dt {
	margin-bottom:20px;
	display:block;
	clear:both;
	float:left;}

dl.srv_flow dd {
	width:350px;
	float:left;
	display:block;
	margin-left:15px;
	margin-bottom:20px;
}

dl.srv_flow dd.last {
	margin-bottom:10px;
}



/* form dsign pop_up */
.form_design {
	float:left;
	background:url(/images/pro007_img_02bg.gif);
	width:682px;
	height:260px;
	margin:10px 0;
}

.form_design p {
	margin:10px 0 5px 10px;
	background: url(/images/pro007_img_02_zoom.gif) no-repeat left center;
	padding-left:15px;
}

.form_design ul li.top {
	margin:0 0 5px 10px;
	float:left;
	height:218px;
	width:128px;
}
.form_design ul li {
	margin:0 0 5px 4px;
	float:left;
	height:218px;
	width:128px;
}




/* fuction area */
.fuction_box {
	float:left;
	*margin-bottom:10px;
}

.fuction_box p {
color:#999;
font-size:90%;
width:105px;
}

.fuction_box ul {
	_heght:1px;
	_display:inline;
	}

.fuction_box ul.part2 {
	width:270px;
}

.fuction_box ul.part3 {
	width:410px;
}

.fuction_box ul.part4 {
	width:550px;
}


.fuction_box ul li {
	padding:23px 10px 0;
	text-align:center;
	vertical-align:middle;
	margin:0 9px 10px 0;
	_margin:0 8px 10px 0;
	float:left;
	height:37px;
	width:110px;
	background: url(/images/btn_function_01.jpg) top left no-repeat;
}

.mac.webkit .fuction_box ul li {
	font-size:88%;
}

.fuction_box ul li:hover {
	background: url(/images/btn_function_02.jpg) top left no-repeat;
}

.fuction_box ul li a {
	display:block;
	height:37px;
	width:110px;
	margin-top:-23px;
	margin-left:-10px;
	padding-top:23px;
	padding-left:10px;
}

.fuction_box ul li.l2 {
	padding-top:13px;
	height:47px;
}

.fuction_box ul li.l2 a {
		margin-top:-13px;
		padding-top:13px;
		height:47px;
}

.fuction_box ul li.l3 {
	padding-top:8px;
	height:52px;
	line-height:130%;
}

.fuction_box ul li.l3 a {
	margin-top:-4px;
	padding-top:4px;
	height:52px;
}

fuction_box ul li p {
	width:100px;
}


.fuction_box ul li.ed {
	margin-right:0;
}

.fuction_box ul li.la{
	_margin-right:4px;
}


/* table */

table {
	width:688px;
	border:solid 1px #d6d6d6;
}

table.srv_015 {
	width:679px;
	}

table tr th {
	padding:8px;
	border:solid 1px #d6d6d6;
}

table tr th.logo{
	width:98px;
	text-align:center;
}

table tr td {
	padding:8px;
	text-align:center;
	vertical-align:middle;
	border:solid 1px #d6d6d6;
}

table tr td.srv015 {
	text-align:left;
}

table tr td.cha {
	text-align:left;
	width:98px;
}

table tr.tb_border {
	background-color:#F9F9F9;
}

table tr td.tb_space {
	width:16px;
	background-color:#FFF;
}


table tr td.tb_func {
	text-align:left;
}

table tr td.tb_title {
	text-align:left;
	background-color:#eee;
}

table.srv_018 tr th {
	background-color:#EEE;
	text-align:center;
}

table.srv_015 tr th,
table.srv_018 tr.tb_tit {
background-color:#EEE;
}

/* pop up table */
#pop_up {
	background:#FFF;
}
#pop_up table {
	margin-left:15px;
	margin-top:15px;
	width:500px;
	border:none;
}

#pop_up table td.tit_t{
	text-align:left;
	font-weight:bold;
}

#pop_up table.chart02 {
	margin-top:0;
}

#pop_up table tr td.number {
	width:25px;
}

#pop_up table tr td.tb_category {
	width:100px;
}

#pop_up table tr td.tb_func1 {
	width:125px;

}

#pop_up table tr td.des {
	text-align:left;
	width:250px;
}

#pop_up table tr td.logo {
	width:125px;

}



#pop_up table tr td.tb_space_01 {
	height:400px;
	border:none;
}
#pop_up table tr td.tb_pop {
	height:15px;
	padding:0px;
	border-top:none;
	border-left:none;
	border-right:none;
}


/*　ヘルスアップアドバイザー */
#contents.hua{
}


/* tub */
ul.hua_tub {
	margin:0;
}

ul.hua_tub li {
	float:left;
	margin-right:5px;
	background: url(/images/hua_btn_tab_01.gif) top left no-repeat;
	height:22px;
	width:150px;
	padding:7px 0 0 26px;
}

ul.hua_tub li:hover {
	background: url(/images/hua_btn_tab_02.gif) left top no-repeat;
}

ul.hua_tub li:hover {
	background: url(/images/hua_btn_tab_02.gif) left top no-repeat;
}

ul.hua_tub li.vis {
	background: url(/images/hua_btn_tab_02.gif) left top no-repeat;
}

ul.hua_tub li.vis a {
	color:#FFF;
}

ul.hua_tub li.st {
	margin-right:6px;
}

ul.hua_tub li.last {
	margin-right:0px;
}
	
ul.hua_tub li a {
	display:block;
	width:150px;
	height:22px;
	margin-top:-7px;
	padding-top:7px;
	margin-left:-26px;
	padding-left:26px;
}

ul.hua_tub li a:hover {
	color:#FFF;
}


#contents.hua .box03 {
	margin-top:0;
	background: url(/images/hua_texture_tab_01.gif) top left no-repeat;
}
	
#contents.hua .box03 .hun_section {
	padding-top:10px;
	margin-bottom:20px
}

#contents.hua .box03 ul.hua_feature {
	margin-top:20px;
}

#contents.hua .box03 ul.hua_feature li {
	float:left;
	margin:0 14px 10px 0;
}

#contents.hua .box03 ul.hua_feature li a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

#contents.hua .box03 ul.hua_feature li.la {
	margin-right:0px;
}

#contents.hua .box03 p.next{
}

#contents.hua .box03 dl dd {
	margin-left:15px;
}

.l10{margin-left:10px;
}