@charset "UTF-8";

@import "default.css";
@import "screen.css";
@import "common.css";

#disease,
#cause,
#metabolic,
#activeoxygen,
#suisoing,
#remove,
#item,
#lineup,
#voice,
#faq,
#inquiry,
#company,
#policy,
#sitemap{float:right; width:575px; padding-right: 5px;}


/*-------------------------------------------------------------------
	heading
-------------------------------------------------------------------*/
h2{
	width:570px;
	height:177px;
	text-indent:-9999px;
}

#disease h2{background:url(../cmn_img/ttl_disease.jpg) 0 0 no-repeat;}
#cause h2{background:url(../cmn_img/ttl_cause.jpg) 0 0 no-repeat;}
#metabolic h2{background:url(../cmn_img/ttl_metabolic.jpg) 0 0 no-repeat;}
#activeoxygen h2{background:url(../cmn_img/ttl_activeoxygen.jpg) 0 0 no-repeat;}
#suisoing h2{background:url(../cmn_img/ttl_suisoing.jpg) 0 0 no-repeat;}
#remove h2{background:url(../cmn_img/ttl_remove.jpg) 0 0 no-repeat;}
#item h2{background:url(../cmn_img/ttl_item.jpg) 0 0 no-repeat;}
#lineup h2{background:url(../cmn_img/ttl_lineup.jpg) 0 0 no-repeat;}
#sitemap h2{background:url(../cmn_img/ttl_lineup.jpg) 0 0 no-repeat;}


#voice h2{background:url(../cmn_img/ttl_voice.jpg) 0 0 no-repeat;}
#faq h2{background:url(../cmn_img/ttl_faq.jpg) 0 0 no-repeat;}
#inquiry h2{background:url(../cmn_img/ttl_inquiry.jpg) 0 0 no-repeat;}
#company h2{background:url(../cmn_img/ttl_company.jpg) 0 0 no-repeat;}
#policy h2{background:url(../cmn_img/ttl_policy.jpg) 0 0 no-repeat;}
#sitemap h2{background:url(../cmn_img/ttl_sitemap.jpg) 0 0 no-repeat;}


h3{
	background:url(../cmn_img/icon_ttlh4.gif) 7px 7px no-repeat #ffa811;
	width:540px;
	color:#FFF;
	font-weight:bold;
	border-bottom:1px solid #79bddf;
	padding:6px 5px 5px 25px;
	font-size:82%;
	margin-bottom:12px;
}

h4{
	background:url(../img/icon_voice.gif) 7px 0 no-repeat;
	border-bottom:1px dotted #777;
	font-weight:bold;
	padding:0px 5px 5px 17px;
	font-size:82%;
	margin:0 0 10px 5px;
	width:533px;
}

.h5link{
	background:url(../cmn_img/icon_dl01.gif) 7px 0 no-repeat;
	padding:0 5px 5px 20px;
	border:none;
}
	

/*-------------------------------------------------------------------
	dl
-------------------------------------------------------------------*/
#voice dl{
	background:url(../img/img_voicebg.gif) 0 0 repeat-y;
	width:552px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	margin-bottom:15px;
}
#voice dt{
	background:url(../img/icon_voice.gif) 7px 6px no-repeat #ededed;
	color:#555;
	font-weight:bold;
	font-size:82%;
	padding:6px 10px 6px 18px;
	margin:0 1px 10px 1px;
	width:522px
}
#voice dd{padding:0 10px;}
.voiceW{text-align:right; font-weight:bold; color:#df7979; padding-bottom:10px; font-size:82%;}
.voiceM{text-align:right; font-weight:bold; color:#79bddf; padding-bottom:10px; font-size:82%;}

#faq dl{width:552px; padding-top:5px;}
#faq dt{
	background:url(../img/icon_q.gif) 0 0 no-repeat;
	color:#79bddf;
	font-weight:bold;
	font-size:82%;
	padding:0 0 10px 22px;
	line-height:1.4;
}
#faq dd{
	background:url(../img/icon_a.gif) 0 0 no-repeat;
	padding:1px 0 0 22px;
	border-bottom:1px dotted #777;
	margin-bottom:15px;
}

.dl01 dt{
	background:url(../cmn_img/icon_dl01.gif) 0 15px no-repeat;
	font-weight:bold;
	font-size:82%;
	padding:15px 0 10px 15px;
	border-top:1px dotted #777;
}

.dotLine{
	border-top:1px dotted #777;
	padding-top:15px;
}

.sitemap01,.sitemap02{font-size:82%; line-height:1.4; margin-bottom:15px;}
.sitemap01 dt a,.sitemap02 dt a{
	background:url(../img/icon_sitemap01.gif) 5px 1px no-repeat;
	padding:0 5px 10px 24px;
	color:#ffa811;
	text-decoration:none;
}
.sitemap01 dt a:hover,.sitemap02 dt a:hover{color:#ffa811; text-decoration:underline;}
.sitemap01 dd,.sitemap02 dd{padding:0 0 5px 24px;}

.sitemap02 dt a{background-image:none;}

.sitemapImg{
	background:url(../img/icon_sitemap02.gif) 0 0 no-repeat;
	padding-bottom:2px;
}


/*-------------------------------------------------------------------
	table
-------------------------------------------------------------------*/
.table03{
	width:368px;
	background-color:#ccc;
	margin-bottom:20px;
	font-size:82%;
}

.table01,
.table04,
.table02{
	width:552px;
	background-color:#ccc;
	margin-bottom:20px;
	font-size:82%;
}
.table01 th,
.table04 th,
.table03 th{
	padding:8px;
	background-color:#f6f6f6;
	font-weight:bold;
	width:30%;
	border:1px solid #FFF;
}
.table01 td,
.table04 td,
.table03 td{
	padding:8px;
	background-color:#FFF;
	line-height:1.4;
}

#company .table01 ul li{list-style:disc inside; line-height:1.4;}
.table01 p,
.table04 p{padding-bottom:7px; line-height:1.4;}

#policy .table01 tr th{width:5%; vertical-align:top;}
#policy .table01 ol li{list-style:decimal outside; line-height:1.4; margin-left:25px; padding-bottom:5px;}
#policy .table01 ul{padding-top:5px;}
#policy .table01 ul li{list-style:disc outside; line-height:1.4;}

#lineup .table04 td,
#lineup .table03 td{ text-align:center;}
#lineup .table01 td{ text-align:left;}

#lineup .table04 td div.txt,
#lineup .table01 td div.txt,
#lineup .table03 td div.txt{ text-align:left;line-height:1.4;}

#lineup .table01 tr th,
#lineup .table04 tr th,
#lineup .table03 tr th{
	text-align:left; background:url(../img/icon_voice.gif) 10px 50%  no-repeat #f6f6f6;
	padding-left:20px;
	border:1px solid #FFF;
}
#lineup .table01 .itemttl,
#lineup .table04 .itemttl,
#lineup .table03 .itemttl{
	background-color:#f6f6f6;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	border:1px solid #FFF;
}

.table02 th{
	padding:10px;
	background-color:#eaf7fa;
	font-weight:bold;
	border:1px solid #FFF;
	vertical-align:middle;
}
.table02 td{
	padding:10px;
	background-color:#FFF;
	line-height:1.4;
	vertical-align:top;
}

.table02 .tdCause{vertical-align:middle;}

.Cause01,
.Cause02,
.Cause03,
.Cause04{
	width:100px;
	height:100px;
	text-indent:-9999px;
	display:block;
}

.Cause01{background:url(../disease/img/img_cause01.gif) 50% 50% no-repeat;}
.Cause02{background:url(../disease/img/img_cause02.gif) 50% 50% no-repeat;}
.Cause03{background:url(../disease/img/img_cause03.gif) 50% 50% no-repeat;}
.Cause04{background:url(../disease/img/img_cause04.gif) 50% 50% no-repeat;}


/*-------------------------------------------------------------------
		float image
-------------------------------------------------------------------*/
.imgFloatR{
	float:right;
	padding:0px 0px 15px 15px ;
}

.imgFloatL{
	float:left;
	padding:0px 15px 10px 0px ;
}

.imgFloatR2{
	float:right;
	padding:0px 30px 15px 15px ;
}

/*-------------------------------------------------------------------
		form
-------------------------------------------------------------------*/	
.btn{
	width:150px;
	height:24px;
	color:#444;
	font-size:82%;
	margin:10px 0 15px 0;
}

.cent{
	text-align:center;
}

.formbtn{
	width:510px;
	margin:20px 0 20px 0;
	text-align:center;
}

textarea {
	width:350px;
	font-size:100%;
}

.w35{width:35px;}
.w45{width:45px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}


/*-------------------------------------------------------------------
	other
-------------------------------------------------------------------*/
.pagetop a{
	background:url(../cmn_img/img_pagetop.gif) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	width:68px;
	height:12px;
	margin:0 0 15px 502px;
	font-size:0;
	line-height:0;
}

.bnnInq{
	width:380px;
	height:78px;
	background:url(../img/bnn_inquiry01.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}

.bnnInq02 a{
	width:380px;
	height:90px;
	background:url(../img/bnn_inquiry02.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	display:block;
}

.bnnPolicy a{
	width:570px;
	height:78px;
	background:url(../img/bnn_policy01.gif) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	display:block;
}
.txt_red{color:#FF0000; font-weight:bold;}
.btn_01 a{ background:url(../suisoing/img/button_01.jpg) 0 0 no-repeat; width:145px; height:50px; text-indent:-9999px; overflow:hidden; display:block; margin-top:-10px; margin-bottom:20px;}
.btn_01 a:hover{ background-position:bottom;}

#lineup .table04 td div.btn_02 a,
#lineup .table03 td div.btn_02 a{ background:url(../suisoing/img/button_02.jpg) 0 0 no-repeat; width:122px; height:42px; text-indent:-9999px; overflow:hidden; display:block;float:left; margin-left:22px;}
#lineup .table04 td div.btn_02 a:hover,
#lineup .table03 td div.btn_02 a:hover{ background-position:bottom;}