@charset "UTF-8";
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!



		初期設定

		

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/************初期化*********************/
h1,
h2,
h3,
h4,
h5{
	padding:0;
	margin:0;
	border:none;
	background:none;
}
/************マージントップ*******************/
#wrapper .colorbox_b p,
#wrapper .colorbox_s p,
#wrapper .matomebox p
#wrapper .sisanbox p,/*デフォルト*/
#wrapper .sisanbox p{margin-top:0px;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

*

*		common

*		

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/************文字色*******************/
.red{color:#FE4F03;}
/*.blue{color:#1F56BD;}*/

/************文字背景色*******************/
.bg_yellow{background-color:#FFFF99;font-weight:bold;}

/***********フロート関係****************/
.left{float:left;}
.right{float:right;}
.right{display:inline;}
.floatleft{float:left;display:inline;}
.floatright{float:right;display:inline;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

*

*		base

*		

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#eco_mainmenu{}
#eco_mainmenu img{float:left;}
#eco_mainmenu2{border-top:5px solid #f9842d;}
#eco_mainmenu2 img{float:left;}
#eco_mainmenu3{border-top:5px solid #11bddb;
	margin-bottom:60px;
	}
#eco_mainmenu3 img{float:left;}

#eco_pagelink{
	position:relative;
	border:5px solid #f9842d;
	background-color:#f8f8f8;
	padding:10px 10px 5px 10px;
	margin-bottom:35px;
}

.eco_pagelink1,
.eco_pagelink2,
.eco_pagelink3{
	width:130px;
	float:left;
	display:inline;
	padding:3px 0 0 70px;
	line-height:1.5;
	height:42px;
	font-weight:bold;
}

.eco_pagelink1{background:url(../img/1/icon3.png) no-repeat 20px top;}
.eco_pagelink2{background:url(../img/1/icon1.png) no-repeat 15px top;}
.eco_pagelink3{background:url(../img/1/icon2.png) no-repeat left top;}


#eco_pagelink2{
	position:relative;
	border:5px solid #11bddb;
	background-color:#f8f8f8;
	padding:10px 10px 5px 10px;
	margin-bottom:35px;
}

/*********今回作成分**********/

.fw_b{font-weight:bold;}

/*背景黄色*/

.bg01{
	background-color:#FFFFEF;
	background:url(../img/1/bg_box1.png) no-repeat left top;
	width:603px;
	height:389px;
	padding:16px 10px 10px 30px;
	margin-bottom:30px;
}

/*丸い見出しをｐタグの背景にしてる*/
	.bg01 h5{
		background:url(../img/1/icon4.png) no-repeat left top !important;
		padding:3px 0 0 20px;
		font-size:14px;
		line-height:1.0;
		font-weight:bold;
	}
	
	.bg01 p{
		font-size:12px !important;
		margin:0px !important;}


/*背景緑*/
.bg02{
	background-color:#DAF7C0;
	padding:1px 10px 10px 10px;
	margin-bottom:30px;
}
/*背景白*/

.bg03{
	padding:10px;
	background-color:#FFFFFF;
}

.bg03 b{color:#660000;}

.areatable{
	width:600px;
	margin-bottom:10px;
}

.dotbottom{
	background:url(../img/1/dotbottom.png) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}

.areatable td{
	padding:5px;
}

.rightbgbox{
	background:url(../img/2/rightbgbox.png) no-repeat left top;
	padding:20px 0 0 20px;
	margin-bottom:10px;
	width:324px;
	height:255px;
	float:right;
	margin-left:20px;
}
	.rightbgbox h5{
		background:url(../img/1/icon4.png) no-repeat left top !important;
		padding:3px 0 0 20px;
		font-size:14px;
		line-height:1.0;
		margin-bottom:5px !important;
	}
	
	.rightbgbox p{
		font-size:12px !important;
		margin:6px !important;
		line-height:1.2 !important;
		margin-left:40px !important;
		color:#6d4a16;
}


/*背景うす茶*/
.bg04{
	background-color:#F7F4EF;
	padding:20px 10px 10px 15px;
	margin-bottom:50px;
}
/*背景うす茶*/
.bg041{
	background-color:#F7F4EF;
	padding:3px 3px 3px 3px;
	margin-bottom:10px;
	margin-top:10px;
}
.bg04 h5{
	color:#BA0A15;
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
}

.bg04 p{margin:0 !important;
padding:0 !important;}

.bg07{
	background-color:#FFFFEF;
	background:url(../img/2/bg07.png) no-repeat left top;
	width:623px;
	height:230px;
	padding:10px 10px 10px 10px;
	margin-bottom:30px;
}

.bg07 table td{
	padding:10px;
	text-align:center !important;
	color:#6d4a16;
}

.bg07 table td p{text-align:center !important;}

.kounetuhitable{
	font-size:14px;
	margin-bottom:5px;
	width:570px;
}
.kounetuhitable th{
	background-color:#C58F35;
	padding:10px;
	border:1px solid #fff;
	width:120px;
	color:#fff;
	font-weight:bold;
	text-align:left;
}
.kounetuhitable td{
	background-color:#FBF3CE;
	padding:10px;
	border:1px solid #fff;
}



/* コラム　*/

.colum_mid{
	background:url(../img/1/colum_mid.png) repeat-y left top;
	padding:10px 15px;
	width:623px;
}
.colum_mid h5{
	margin-bottom:10px !important;
	font-size:16px !important;
}
.colum_mid p{
	margin-top:0px !important;
	margin-bottom:0px !important;
}

.ecomoreinfo{
	background:url(../img/2/bg_moreinfo.png) no-repeat left top;
	width:608px;
	height:82px;
	margin-bottom:30px;
	padding:60px 0 0 35px;
	position:relative;
}

.ecomoreinfo ul{}
.ecomoreinfo ul li{
	background:url(../img/2/icon5.png) no-repeat left top;
	padding:5px 0 5px 30px;
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
}

.ecomoreinfo img{
	position:absolute;
	right:30px;
	top:50px;
}



/*文字いろ*/
.green{color:#127A22;}
.green02{
	font-size:14px;
	font-weight:bold;
	color:#127A22;
}
.blue{color:#01A6C2;}
.azuki{color:#BA0A15;}
.brown{color:#6d4a16;}

/*********タイトル*******************/
h1{margin-bottom:17px;}

h2{margin-bottom:10px;}
h2#title_text01,
h2#title_text02,
h2#title_text04,
h2#title_text05,
h2#title_text06{
	font-size:27px;
	font-weight:bold;
	height:46px;
	padding:15px 0 0 75px !important;
	color:#4b3838;
	line-height:1.0;
}
h2#title_text03{
	font-size:24px;
	font-weight:bold;
	height:46px;
	padding:15px 0 0 75px !important;
	color:#4b3838;
	line-height:1.0;
}

h2#title_text01{background:url(../img/1/title/bgtitle02.png) no-repeat !important;}
h2#title_text02{background:url(../img/1/title/bgtitle03.png) no-repeat !important;}
h2#title_text03{background:url(../img/1/title/bgtitle04.png) no-repeat !important;}
h2#title_text04{background:url(../img/2/title/bgtitle01.png) no-repeat !important;}
h2#title_text05{background:url(../img/2/title/bgtitle01.png) no-repeat !important;}
h2#title_text06{background:url(../img/2/title/bgtitle01.png) no-repeat !important;}
h3{
	margin-bottom:10px;
	font-size:19px;
	font-weight:bold;
	line-height:1.0;
}

h3.redtitle{
	color:#F42E2B;
	font-weight:bold !important;
	font-size:16px;
}
h3#subtitle_text01,
h3#subtitle_text02,
h3#subtitle_text03,
h3#subtitle_text04,
h3#subtitle_text05{
	background:url(../img/1/title/bgtitle1.png) no-repeat;
	height:25px;
	padding:10px 0 15px 50px;
	color:#6D4A16;
	font-size:19px;
	font-weight:bold;
	line-height:1.0;
}
h3#subtitle_text06{
	background:url(../img/2/title/bgtitle2.png) no-repeat;
	height:25px;
	padding:14px 0 15px 50px;
	color:#6D4A16;
	font-size:19px;
	font-weight:bold;
}
h4{margin-bottom:15px;}
h4.border_title,
h4.border_title02,
h4.enpitsu_title,
h4.tenbin_title{
	font-size:19px;
	font-weight:bold;
}
h4.border_title,
h4.border_title02{padding:0 0 10px 0px;}
h4.border_title{background:url(../img/p1/border_dotted.png) no-repeat left bottom;}
h4.border_title02{background:url(../img/p2/border.png) no-repeat left bottom;}
h4#colorbox_title01,
h4#colorbox_title02{
	font-size:19px;
	font-weight:bold;
	margin-bottom:0;
	color:#FFF;
}
h4#colorbox_title01{
	background:url(../img/p2/colorbox_s_top02.png) no-repeat left top;
	padding:15px 0 0 90px;
	height:36px;
}
h4#colorbox_title02{
	background:url(../img/p2/colorbox_s_top03.png) no-repeat left top;
	padding:16px 0 0 90px;
	height:37px;
}

h4.enpitsu_title,
h4.tenbin_title{
	padding:0 0 10px 40px;
	height:31px;
}
h4.enpitsu_title{background:url(../img/p1/bg_sub02.png) no-repeat;}
h4.tenbin_title{background:url(../img/p2/bg_sub02.png) no-repeat;}

h4.borderbox_title{
	background:url(../img/p1/borderbox_top.png) no-repeat;
	padding:25px 0 0px 70px;
	height:37px;
	font-size:21px;
	font-weight:bold;
	margin-bottom:0px;
}
h5{margin-bottom:20px;}
/*********文字関係*******************/
a{
	color:#0066CC;
	text-decoration:underline;
}
.rm_leftside p{
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	color:#4b3939;
}
.detail_box02 p{
        font-size:11px;
        line-height:100%;
        margin:0 4px;
        padding:0px 10px 5px 7px;
}
/**************クリア*****************/
.clearfix:after,
#gnavi:after,
.matome_text:after,
ul.searchnavi_pic:after,
ul.searchnavi_pic_s:after,
ul.searchnavi_text_f:after,/*ココまでデフォルト */
ul.searchnavi_text_f:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
/*for IE 6-7 */
.clearfix,
#gnavi,
.matome_text,
ul.searchnavi_pic,
ul.searchnavi_pic_s,
ul.searchnavi_text_f,/*ココまでデフォルト */
ul.searchnavi_pic_s{overflow:hidden; zoom: 1; } /* IE6 */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

*

*		よくでてくる

*		

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*********製作者一覧*******************/
#credittext{
	font-size:14px;
	margin-bottom:20px;
	/*color:#676767;*/
	color:#000;
}
/*********次のページへのボタン*******************/
#pagebtn{
	text-align:center;
	margin-bottom:20px;
}
/*********グローバルナビ*******************/
#gnavi{margin-left:-7px;}
#gnavi li{
	float:left;
	display:inline;
	margin-left:7px;
}
/**************カラーボックス*****************/
.colorbox_b{
	background:url(../img/common/colorbox_b_mid.png) repeat-y;
	padding:8px 10px 5px 22px;
	position:relative;
	_height:1%;
}

.colorbox_s{
	background:url(../img/common//colorbox_s_mid.png) repeat-y;
	width:562px;
	padding:0px 10px 0px 20px;
	position:relative;
}

.colorbox_b h5,
.colorbox_s h5{
	font-weight:bold;
	color:#663300;
	margin-bottom:7px;
	font-size:16px;
	background:#FFF4CE;
}

	.migino{padding-right:18px;}
	.migino img{float:right;}
	.migino h5{padding-top:15px;}
	

/****サーチナビ******/
	ul.searchnavi_pic{
		margin-left:-7px;
	}
	
	ul.searchnavi_pic li{
		float:left;
		display:inline;
		margin-left:7px;
		margin-bottom:5px;
	}
	
	ul.searchnavi_pic_s{
		margin-left:-3px;
	}
	ul.searchnavi_pic_s li{
		float:left;
		display:inline;
		margin-left:3px;
		margin-bottom:5px;
	}
	
	ul.searchnavi_text{
		margin-left:25px;
	}
	ul.searchnavi_text li{
		background:url(../img/common/icon_list01.png) no-repeat left center;
		padding-left:25px;
		margin-bottom:14px;
		line-height:25px;
		font-size:14px;
		font-weight:bold;
		width:561px;
	}
	
	ul.searchnavi_text_f{
		margin-left:25px;
	}
	ul.searchnavi_text_f li{
		background:url(../img/common/icon_list01.png) no-repeat left center;
		padding-left:25px;
		margin-left:10px;
		line-height:25px;
		font-size:14px;
		font-weight:bold;
		float:left;
		display:inline;
	}
/**************まとめボックス*****************/
#matomebox{
	border-left:3px solid #D61C33;
	border-right:3px solid #D61C33;
	padding:10px 10px 10px 20px;
}
#matomebox h5{
	padding:5px 0 0 0px;
	height:25px;
	color:#D61C33;
	font-weight:bold;
	font-size:18px;
	margin-bottom:0px;
}

#matomebox p{
	width:415px;
	float:left;
	display:inline;
	margin-right:10px;
	line-height:23px;
}

#matomebox img{float:left;}
/**************試算ボックス*****************/
.sisanbox{
	background:url(../img/p2/sisanbox_mid.png) repeat-y;
	padding:20px 10px 10px 10px;
	width:595px;
	margin:0 auto;
}
.sisan_left{
	width:290px;
	float:left;
	display:inline;
	margin:0px;
}

.sisan_left .sisantext{margin-bottom:10px;}

.sisan_form01{width:77px;}
.sisan_form02{width:50px;}
.sisan_form03{width:43px;}
.sisan_form04{width:43px;}
.sisan_form05{width:48px;}

.sisan_right{
	width:255px;
	float:right;
	display:inline;
	background:url(../img/p2/sisanbox_border.png) no-repeat left top;
	padding:0px 5px 5px 34px;
	margin-right:5px;
}

.sisan_price{
	width:261px;
	height:43px;
	position:relative;
}

.sisan_price01,
.sisan_price02,
.sisan_price03,
.sisan_price04{position:absolute;}

.sisan_price01{left:0px;}

.sisan_price02{
	left:102px;
	background:url(../img/p2/sisanbox_bgtext.png) no-repeat left top;
	width:111px;
	height:25px;
	padding:3px 5px;
	text-align:right;
	font-size:14px;
	line-height:20px;
}

.sisan_price03{right:0px;}

.sisan_price04{
	left:102px;
	bottom:0px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

*

*		page

*		

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/****************タイプボックス**************************/
#indexmenu{
	background:url(../img/p1/bg_gmenu.png) no-repeat;
	height:150px;
	position:relative;
}

#indexmenu ul{
	position:absolute;
	left:290px;
	top:55px;
}

#indexmenu ul li{
	font-size:14px;
	font-weight:bold;
	margin-bottom:12px;
}
/****************チェックポイント**************************/
#checkbox01,
#checkbox02,
#checkbox03{
	height:219px;
	position:relative;
	margin-bottom:30px;
}
#checkbox01{
	background:url(../img/p1/bg_checkbox01.jpg) no-repeat;
}
#checkbox02{
	background:url(../img/p1/bg_checkbox02.jpg) no-repeat;
}
#checkbox03{
	background:url(../img/p1/bg_checkbox03.jpg) no-repeat;
}

ul li.check01,
ul li.check02,
ul li.check03{
	position:absolute;
	left:50px;
	font-weight:bold;
	font-size:14px;
	width:325px;
}

ul li.check01{
	top:80px;
	color:#FFFF99;
}

ul li.check02{
	top:122px;
	color:#FFCCFF;
}

ul li.check03{
	top:167px;
	color:#66FFFF;
}




.eco_notice{
	font-size:9px !important;
	line-height:1.5 !important;
	width:580px;
}






/***********文字幅**********************/
.w180px{width:180px !important;}
.w410px{width:410px !important;}
.w415px{width:415px !important;}
.w450px{width:450px !important;}
.w180px{width:180px !important;}
.w180px{width:180px !important;}
.w180px{width:180px !important;}
.w180px{width:180px !important;}
.w180px{width:180px !important;}
.w180px{width:180px !important;}
/***********テキスト位置****************/
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.vertical_top{vertical-align:top;}
/***********テキスト装飾****************/
.bold{font-weight:bold;}
/***********テキストサイズ****************/
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{
	font-size:12px !important;}
.f12_2{
	font-size:12px !important;
	text-align: right !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
#contents p.f14{font-size:14px; line-height: 1.6; }
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
/***********line-height****************/
.lh20{line-height:20px !important;}
.lh23{line-height:23px !important;}
.lh25{line-height:25px !important;}
/***********マージン関係****************/
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml80{margin-left:80px !important;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}

.mt0{margin-top:0px !important;}

.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.mb65{margin-bottom:65px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
/***********パディング関係****************/
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
