/*----------------------------------------------------------------------------------------*/
/*  共通設定                                                                              */
/*----------------------------------------------------------------------------------------*/

*{
border:0px;
font-size:100%;
}
 
html{
cursor:url(ika.ico);
}

body{/*全体の指定*/
margin:0;
padding:0;
height:15px;
line-height:100%;
background-image:url(../../img/body_back.jpg);

}

img{border:0; vertical-align:top;}/*画像の隙間、ボーダー消し*/

em,address{font-weight:normal; font-style:normal;}/*強調のリセット*/

a:link    {color:#0066FF; text-decoration:none;}       /*未訪問リンク*/ 
a:visited {color:#990099; text-decoration:none;}       /*訪問済リンク*/
a:hover   {text-decoration:underline;} /*マウスオーバー時*/
a:active  {color:#0033FF;}      /*クリック時*/

/*----------------------------------------------------------------------------------------*/
/*  トップページ                                                                          */
/*----------------------------------------------------------------------------------------*/

h1{
width:795px;
height:11px;
margin:0 auto;
padding:0;
padding-top:4px;
padding-right:5px;
font-size:70%;
text-align:right;
line-height:80%;
color:#333333;
font-weight:normal;
background-image:url(../../img/h1back.jpg);
background-repeat:no-repeat;
}

#outline{
width:800px;
height:auto;
margin:0 auto;
padding:0 20px;
padding-bottom:30px;
text-align:center;
background-color:#FFFFFF;
background-image:url(../../img/outline_back.jpg);
background-repeat:repeat-y;
}

h2{
width:800px;
height:80px;
margin:0;
padding:0;
}

ul#global_navi{
width:800px;
height:40px;
margin:0;
padding:0;
list-style:none;
}

	ul#global_navi li{
	width:160px;
	height:40px;
	margin:0;
	padding:0;
	float:left;
	vertical-align:bottom;
	display:block;
	}
	
	ul#global_navi li a{
	width:160px;
	height:40px;
	display:block;
	float:left;
	background-image:url(../../img/global_navi2.jpg);
	}
	
	a#menu01{background-position:0 0;}
	a#menu02{background-position:640px 0;}
	a#menu03{background-position:480px 0;}
	a#menu04{background-position:320px 0;}
	a#menu05{background-position:160px 0;}
	
	a#menu01:hover{background-position:0 -40px;}
	a#menu02:hover{background-position:640px -40px;}
	a#menu03:hover{background-position:480px -40px;}
	a#menu04:hover{background-position:320px -40px;}
	a#menu05:hover{background-position:160px -40px;}


	
.main_img{
width:800px;
height:220px;
margin:0;
padding:0;
}

#wrapper{
width:800px;
height:auto;
margin:0;
margin-top:20px;
paddig:0;
}

#subContents{
width:200px;
height:auto;
margin:0;
padding:0;
float:left;
}

#login{
width:170px;
height:150px;
margin:0;
margin-bottom:10px;
padding:0 15px;
padding-top:20px;
background-image:url(../../img/sub/login_back.jpg);
background-repeat:no-repeat;
}

#login_button{
width:170px;
height:40px;
margin:0;
margin-bottom:15px;
padding:0;
}

ul#login_list{
width:170px;
height:auto;
margin:0;
padding:0;
list-style:none;
}

	ul#login_list li{
	width:170px;
	height:20px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-bottom:8px;
	border-bottom:dotted 2px #CCCCCC;
	}

	ul#login_list li div.login_data{
	width:60px;
	height:20px;
	margin:0;
	padding:0;
	float:left;
	}
	
	ul#login_list li div.login_data img{
	width:16px;
	height:20px;
	margin:0;
	padding:0;
	float:left;
	}

	ul#login_list li p.login_text{
	width:40px;
	height:17px;
	margin:0;
	padding:0;
	padding-top:3px;
	padding-left:4px;
	font-size:75%;
	color:#0066cc;
	text-align:left;
	float:right;
	}

	#login_id{
	width:108px;
	height:15px;
	margin:0;
	padding:0;
	padding-top:3px;
	border:solid 1px #0066cc;
	font-size:75%;
	float:right;
	background-color:#FFFFFF;
	}

	#login_pass{
	width:108px;
	height:15px;
	margin:0;
	padding:0;
	padding-top:3px;
	border:solid 1px #0066cc;
	font-size:75%;
	float:right;
	background-color:#FFFFFF;
	}
	
#weather{
width:200px;
margin:0;
margin-bottom:10px;
padding:0;
/*background-image:url(../../img/sub/weather.jpg);
background-repeat:no-repeat;*/
clear:both;
}

div#moon{
/* border:1px solid #CCCCCC; */
margin:5px 0 8px 0;
/* padding:10px 9px; */
text-align:center;
}

ul#sub_banner{
width:200px;
height:auto;
margin:0;
padding:0;
list-style:none;
}

ul#sub_banner li{
width:200px;
height:95px;
margin:0;
margin-bottom:10px;
padding:0;
}

#mainContents{
width:580px;
height:auto;
margin:0;
padding:0;
padding-left:20px;
float:right;
}

h3{
width:580px;
height:30px;
margin:0;
margin-bottom:10px;
padding:0;
padding-bottom:10px;
border-bottom:dotted 2px #999999;
clear:both;
}

ul#history{
width:580px;
height:auto;
margin:0;
padding:0;
list-style:none;
line-height:1.4;
font-size:90%;
}

	ul#history li{
	width:580px;
	margin:0;
	padding:0;
	}
	
	ul#history li p.history_img{
	width:180px;
	margin:0;
	padding:0;
	float:left;
	}
	
	ul#history li p.history_text{
	width:400px;
	margin:0 0 10px 0;
	padding:0;
	float:right;
	text-align:left;
	}

	ul#history li p#catchCopy{
	width:388px;
	margin:10px 0;
	float:right;
	text-align:center;
	padding:5px;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
	font-weight:bold;
	background:#00CCFF;
	}

.more{
clear:both;
width:580px;
margin:0;
margin-bottom:10px;
padding:0;
text-align:right;
}

ul#news{
width:580px;
margin:0;
margin-bottom:15px;
padding:0;
list-style:none;
background-color:#FFFFFF;
}

	ul#news li{
	width:575px;
	height:14px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-left:5px;
	font-size:90%;
	text-align:left;
	}
	
	ul#news li div.news_caption{
	width:135px;
	height:14px;
	margin:0;
	padding:0;
	padding-right:5px;
	float:left;
	}
	
	ul#news li p.news_date{
	width:80px;
	height:14px;
	margin:0;
	padding:0;
	color:#FF0000;
	text-align:left;
	float:left;
	}
	
	ul#news li p.news_img{
	width:55px;
	height:10px;
	margin:0;
	margin-top:2px;
	padding:0;
	float:right;
	}
	
	ul#news li p.news_text{
	width:420px;
	height:14px;
	margin:0;
	padding:0;
	float:right;
	}
	
#mainContents_banner{
width:580px;
height:100px;
margin:0;
margin-bottom:10px;
padding:0;
}

#banner_recipe{
width:270px;
height:100px;
margin:0;
padding:0;
float:left;
}

#banner_blog{
width:270px;
height:100px;
margin:0;
padding:0;
float:right;
}

#info{
width:575px;
height:60px;
margin:0;
padding:0;
padding-left:5px;
font-size:90%;
text-align:left;
line-height:150%;
}

#footer{
width:800px;
height:60px;
margin:0;
margin-top:20px;
padding:0;;
background-image:url(../../img/footer_back.jpg);
clear:both;
position:relative;
}

ul#sub_menu{
margin:0;
margin-top:10px;
padding:0;
list-style:none;
float:right;
}

	ul#sub_menu li{
	margin:0;
	padding:0;
	float:left;
	font-size:90%;
	}
	
#copyright{
margin:0;
padding:0;
font-size:90%;
position:absolute;
top:36px;
left:5px;
}

#copyright span{
font-weight:bold;
color:#0066cc;
}

/*----------------------------------------------------------------------------------------*/
/*  アースベネフィットとは？ページ                                                        */
/*----------------------------------------------------------------------------------------*/

table#company_data{
width:580px;
height:40px;
margin:0;
margin-bottom:20px;
padding:0;
border-collapse:collapse;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
}

table#company_data th{
width:100px;
height:20px;
font-size:75%;
font-weight:bold;
color:#333333;
background-color:#efefef;
border-top:solid 1px #999999;
border-right:solid 1px #999999;
}

table#company_data td{
width:475px;
height:20px;
padding-left:5px;
font-size:75%;
text-align:left;
font-weight:normal;
border-top:solid 1px #999999;
border-right:solid 1px #999999;
}

.profile_text{
width:580px;
margin:0;
margin-bottom:10px;
padding:0;
font-size:90%;
line-height:1.5;
text-align:left;
}

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

textarea#q13a{width:350px; height:100px; border:1px solid #CCCCCC;}

input#q11a{width:150px; border:1px solid #CCCCCC;}

input#q07a{width:150px; border:1px solid #CCCCCC;}

input#q03a{width:150px; border:1px solid #CCCCCC;}

table.contact_form01{
width:500px;
border-collapse:collapse;
border-left:1px solid #999999;
border-top:1px solid #999999;
text-align:left;
}

table.contact_form01 th{
padding:5px;
width:150px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background:#EEEEEE;
font-size:12px;
}

.caution3{color:#FF0000; font-size:10px; font-weight:normal;}

table.contact_form01 td{
padding:5px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
font-size:12px;
}