@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  style.css
 up date : 2010.04.13
=================================================================== */


/* ===================================================================
CSS information：reset&default
 style info :  リセット及びbody初期設定
=================================================================== */

/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

h4 {
	font-size: 120%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	text-align:center;
	background:#eef0ec url(../images/body_bg.jpg) repeat-x 0 0;
}
* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: x-small;
}

* html body table{
	font-size: x-small;
}

/* ===================================================================
 　　↑ここまでのスタイルシートは基本的に変更しない
=================================================================== */


/* ===================================================================
CSS information :module
 style info :共通（ヘッダー、フッター）
=================================================================== */

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	height:70px;
	position:relative;
}


/* #utilitynav
----------------------------------------------------------- */


#header #utilitynav {
	position:absolute;
	bottom:0;
	right:0;
	text-align: right;
}

#header #utilitynav li {
	display: inline;
}

#header #utilitynav li a{
	padding-left:10px;
	padding-right:10px;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	background:url(../images/naka_bg.jpg) repeat-y 0 0;
}

#footer ul {
	text-align: center;
}

#footer ul li {
	display: inline;
}

#footer .copyright {
	text-align: center;
	background:url(../images/address_bottom.jpg) no-repeat left bottom;
	padding-bottom:30px;
}


/* ===================================================================
CSS information :style
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #page
  #contents 
   #sub 
   #main
  #footer
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}
a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	text-decoration:underline;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgr {
	float: right;
	margin: 0 0 10px 10px;
}

.imgl {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

.layout_c {
	text-align: center;
}

.caption{
text-align:right;
padding-top:0;
margin-top:0;
}


/* clearfix */
.clear:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	float: left;
	width: 900px;
	background:url(../images/naka_bg.jpg) repeat-y 0 0;
}

#contents .pagetop {
	clear: both;
	text-align: right;
	margin-right:20px;
}

#contents .pagetop a {
	background:url(../images/arrow_top.gif) no-repeat left bottom;
	padding-left:15px;
	font-size:90%;
}



#contents .btn{
	margin-bottom:50px;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: right;
	width: 700px;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p,#main h2,#main h3,#main h4,#main .inner div{
	margin-bottom: 1em;
}

#main .inner{
	margin:0 20px 0 0;
}

#main .pagetop {
	clear: both;
	text-align: right;
	margin-right:0;
}

#main .pagetop a {
	background:url(../images/arrow_top.gif) no-repeat left bottom;
	padding-left:15px;
	font-size:90%;
}


/* -----------------------------------------------------------
	#sub
		サイドバー
----------------------------------------------------------- */

#sub {
	float: left;
	width: 190px;
}


#sub h2.eslogo{
	padding:0 0 10px 40px;
}

#sub h2.hwlogo{
	padding:10px 0 10px 60px;
}


#sub p.eslogo{
	padding:0 0 0 40px;
}

#sub p.hwlogo{
	padding:10px 0 10px 60px;
}

#sub .address{
	clear:both;
	margin:0 20px;
	padding-top:10px;
}


* html body #sub .address{
	padding-top:0;
}

#sub .address div{
	border:1px solid #EFC451;
}

#sub .address p{
	padding:10px 5px 10px 8px;
}

#sub div.address p span{
font-size:11px;
}

#sub .bnr{
	clear:both;
	margin:0 20px;
	padding-top:10px;
}

* html body #sub .bnr{
	padding-top:0;
}

/*----------------------------------------------------
	#address
		お問い合わせ
----------------------------------------------------*/

#address{
    width:900px;
	float:left;
	font-size:110%;
	background:url(../images/address_bottom.jpg) no-repeat left bottom;
	padding-bottom:20px;
	margin:20px 0;
	
}

#address .inner{
	padding-left:30px;
}


#address .inner p{
	float:left;
	margin-right:30px;
}

 
/* ----------------------------------
    #gnav_es  縦型グローバルナビ
------------------------------------- */
#gnav_es {
	padding:20px;
}

#gnav_es ul{
	float:left;
	width:140px;/*hover時の1枚画像を背景に置く*/
	background: url(../images/gnav_es_hover.gif) no-repeat 0 0;
	}
	
#gnav_es li{
	float:left;
	margin-bottom: 0;/*各項目の下部側の余白*/
	}

#gnav_es a{
	display:block;
	width:140px;/*各項目の横幅*/
	height:25px;/*各項目の縦幅*/
	}
	
#gnav_es a:hover,
#gnav_es a:active{
	background:none;
	}	

#gnav_es a:hover img,
#gnav_es a:active img{
	width:0;/*通常時の画像を非表示にして下に置いてあるhover時の画像を表示させる*/
	height:0;
	} 


/* ----------------------------------
    #gnav_hw  縦型グローバルナビ
------------------------------------- */

#gnav_hw {
	padding:20px;
}


#gnav_hw ul{
	float:left;
	width:140px;/*hover時の1枚画像を背景に置く*/
	background: url(../images/gnav_hw_hover.gif) no-repeat 0 0;
	}
	
#gnav_hw li{
	float:left;
	margin-bottom: 0;/*各項目の下部側の余白*/
	}

#gnav_hw a{
	display:block;
	width:140px;/*各項目の横幅*/
	height:25px;/*各項目の縦幅*/
	}
	
#gnav_hw a:hover,
#gnav_hw a:active{
	background:none;
	}	

#gnav_hw a:hover img,
#gnav_hw a:active img{
	width:0;/*通常時の画像を非表示にして下に置いてあるhover時の画像を表示させる*/
	height:0;
	} 

/* ----------------------------------
    #categorypath カテゴリーパス
------------------------------------- */
#categorypath {   
    margin:10px 0;   
}   
#categorypath li {   
    display:inline;   
    line-height:110%;   
    list-style-type:none;   
}   
#categorypath li a {   
    padding-right:10px;   
    background:url(../images/topicpath.gif) no-repeat right center;   
}





/* ===================================================================
CSS information :print
 style info :印刷用
=================================================================== */
@media print {

/*
#gnav {
	display: none;
}
*/


}



/* ===================================================================
追加CSS 　↓　↓　↓　↓　↓　↓　↓　↓　↓
=================================================================== */
/* 見出し関連*/
p{
padding:10px;
}

p.h4{
padding-bottom:3px; 
border-bottom:2px dotted #a3e973;
margin:-5px;
}

p.h4 span{
padding:0 20px;
}

p.imgeleft{
float:left; display:inline; padding:10px 10px 0 10px
}

h5.inf{
margin:10px 10px 5px 10px;
}

h5.hanyou,
p.hanyou{
margin:10px 10px 5px 10px;
background:#f7d172;
padding:5px;
}

/*++++++++++ 塗り壁 ++++++++++*/
#rightcontentsBox #bottom-box{
	position:relative;
	padding:0;
	margin:15px 0 0 5px;
	width:600px;
	height:107px;
	background:url(../img_feature/wall/bottom_box.gif) no-repeat left top;
}

#rightcontentsBox{
	position:relative; 
	width:680px;
	}

#rightcontentsBox p{margin:5px 10px;}

#rightcontentsBox h2{
	margin-bottom:10px;
	padding-left:10px;
	display:block;
	}

.left{float:left;}
.right{float:right;}



#rightcontentsBox p{margin:5px 10px;}

#rightcontentsBox h3.title 
{
color:#796238; border-bottom:1px solid #666; padding-bottom:2px; margin-bottom:10px;
}

#rightcontentsBox h3.title span
{
font-size:x-small; font-weight:normal;
}

table.analysis{
background:#796238; 
text-align:center; 
width:100%; 
border-left:1px solid #990000;
border-top:1px solid #993300;

}
table.analysis td{
border-right:1px solid #990000; 
border-bottom:1px solid #993300;
width:10%;
}
table.analysis tr{
border-right:1px solid #990000; 
border-bottom:1px solid #993300;
background:#d8c5a2; 
font-size:x-small;
}



/****ダイアトーマステーブル****/
#dia-borderbox{
	margin:10px;
	padding:5px;
	border:1px solid #006600;
	background:#F3F7EF;
	}

#dia-borderbox table{
	margin:10px 5px;
	border-collapse:collapse;
	}

#dia-borderbox table caption{
	background:#006600;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:3px;
	}

#dia-borderbox table th{
	font-weight:normal;
	padding:3px 5px 1px 5px;
	border:1px solid #006600;
	border-bottom:1px dashed #006600;
	text-align:center;
	background:#FFFFFF;
	font-size:85%;
	}

#dia-borderbox table td{
	padding:1px 5px 3px 5px;
	border:1px solid #006600;
	border-top:none;
	text-align:center;
	background:#FFFFFF;
	}

#dia-borderbox p#borderbox-caption{
	font-size:85%;
	line-height:150%;
	}

#dia-borderbox strong{
	font-weight:bold;
	color:#003300;
	}
#dia-borderbox p#borderbox-caption{
	font-size:85%;
	line-height:150%;
	}


/*++++++++++clearfix++++++++++*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hides from IE-mac \*/

/* Healingwall */
.sick{
	margin:px; 
 padding:20px; 
 letter-spacing:0.1em; 
 line-height:2; 
 border:1px solid #c2f59f;
 background:url(../images/healing_letter_bg.gif);
}
.sick p.left_imge{
float:right;
padding-top:15px;
}

.sick p.nomal_text{
padding-top:10px;
}

.sick span{
border-bottom:2px dotted #a3e973; padding-bottom:5px;
}

.sick p.bold_text{
font-weight:bold; 
color:#269109;
line-height:1.6; 
margin-top:20px; 
background:#c2f59f; 
padding:20px;
}





.layout_esp p{
	padding:0 30px;
}

.point_es{
	font-size:120%;
	color:#4D8935;
}

.es2_wrap{
	background:url(../images/es2_wrap_bg.jpg) no-repeat left bottom;
	padding-bottom:200px;
}


* html body .es2_wrap{
	background:url(../images/es2_wrap_bg.jpg) no-repeat left bottom;
	height:450px;
}

.es2_health{
	margin:0 30px;
	border:3px solid #EFC451;
	padding:10px 0 0 0;
}

.es2_health h4{
	margin:0 20px;
	padding-bottom:10px;
	font-size:120%;
	color:#4D8935;
	border-bottom:1px dotted #EFC451;
}

.data01 table{
	width:680px;
	border:1px solid #999;
	text-align:center;
}

.data01 table td,
.data01 table th{
	border:1px solid #999;
}

.data01 table th{
	text-align:center;
	background:#EEE;
}


.data02 table{
	width:680px;
	border:1px solid #4D8935;
	text-align:center;
}

.data02 table td,
.data02 table th{
	padding:2px;
	border:1px solid #4D8935;
}

.data02 table th{
	text-align:center;
	background:#C6E2AA;
}
.data03 table{
	width:660px;
	border:1px solid #999;
	text-align:center;
	margin-left:10px;
}

.data03 table td,
.data03 table th{
	padding:2px;
	border:1px solid #999;
}

.data03 table th{
	text-align:center;
	background:#EEE;
}

.data03 table td.es{
	background:#fefcc2;
	
}
.data04 table{
	width:600px;
	border:1px solid #4D8935;
	text-align:center;
	margin-left:40px;
}

.data04 table td,
.data04 table th{
	padding:2px;
	border:1px solid #4D8935;
}

.data04 table th{
	text-align:center;
	background:#C6E2AA;
}

.data04 table td ul li{
	text-align:left;
}

* html body .data01 table,
* html body .data02 table,
* html body .data03 table,
* html body .data04 table{
	font-size:x-small;
}


#sitemap{
 line-height:2em;
}

#sitemap li {
	margin-left:20px;
}

#sitemap li a {
	background:url(../images/es_arrow.gif) no-repeat 0 5px;
	padding-left:15px;
}

/****代理店募集・紹介****/
#dairiten p{
	padding:0 40px;
}

#dairiten_t table{
	width:600px;
	margin:0 40px;
	color:#333;
}



#dairiten_t table th{
	text-align:center;
	background:#feebbd;
	vertical-align:top;
	padding:10px 20px;
	border:1px solid #f1c352;
	color:#81aa70;
}



#dairiten_t table td{
	padding:10px 20px;
	border:1px solid #f1c352;
}

#dairiten_t table td li{
	padding:5px 0;
	border-bottom:1px dashed #feebbd;
}

#dairiten_t table td li a{
	background:url(../images/dairiten_mark.gif) no-repeat 0 1px;
	padding-left:20px;
}