@charset "Shift_JIS";
/* CSS Document */

/*------------------------------------------------------------------------全体フォーマット*/
body {font-size: 14px;color: #000;line-height: 160%;}

#main a:hover img,#wrapper a:hover img{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

.imgover { cursor:pointer; }

/*--------------------------------------------------------------------共通*/
.clear{clear:both;}
.fl_l{float:left;}
.fl_r{float:right;}

.center { text-align: center; }
.strong{font-weight:bold;}
.font10px{font-size:10px; line-height:180%;}
.font12px{font-size:12px;}
.font14px{font-size:14px; font-weight:bold; color:#F00;}
.mrg_top5{margin-top:5px;}
.mrg_top10{margin-top:10px;}
.mrg_top15{margin-top:15px;}
.mrg_top20{margin-top:20px;}
.mrg_top50{margin-top:50px;}
.mrg_btm5{margin-bottom:5px;}
.mrg_btm10{margin-bottom:10px;}
.mrg_btm20{margin-bottom:20px;}
.mrg_btm30{margin-bottom:30px;}
.mrg_left30{margin-left:30px;}
.mrg_left5{margin-left:5px;}
.mrg_left7{margin-left:7px;}
.mrg_left10{margin-left:15px;}
.mrg_left35{margin-left:35px;}
.mrg_left100{margin-left:100px;}
.mrg_left150{margin-left:150px;}
.mrg_left180{margin-left:180px;}
.mrg_right10{margin-right:10px;}
.mrg_right35{margin-right:35px;}
.strong_blue{font-weight:bold; color:#47D1D1;}
/*------------------------------------------------------------------------リンク文字色*/
a:link			 {color:#336699;text-decoration:underline;}
a:visited		 {color:#99C;text-decoration:none;}
a:active		 {color:#1d2088;text-decoration:none;}
a:hover			 {color:#0000ff;text-decoration:underline;}

/*------------------------------------------------------------------------全体レイアウト*/
#wrapper{width:950px; margin:0 auto 0 auto;}

#contents{position:relative; margin-top:15px;}

h1{margin:0; padding:0;}

/**/
#step01{width:950px; height:112px; margin:0; position:relative;}
#step01 p{width:680px; top:51px; left:145px; position:absolute; line-height:150%;}
/*
#step02{width:950px; height:150px; margin:0; position:relative;}
#step02 p{width:680px; top:51px; left:145px; position:absolute; line-height:150%;}
*/

#step02title{width:134px; float:left;}
#step02copy{width:800px; float:right; margin-top:15px;}
#step04{width:950px; height:266px; margin:0; position:relative;}
#step04 p{width:350px; top:60px; left:145px; position:absolute; line-height:150%;}
#step04 .listlink{width:285px; top:110px; left:145px; position:absolute; line-height:150%;}



#step04title{width:134px; float:left;}
#step04copy{width:800px; float:right;position:relative; margin-bottom:20px;}
#step04copy p.text01{width:350px; top:60px; left:0px; position:absolute; line-height:150%;}
#step04copy p.text02{width:350px; top:90px; left:0px; position:absolute; line-height:150%;}

#step05{width:950px; height:390px; margin:0; position:relative;}
#step05 p{width:210px; top:307px; left:145px; position:absolute; line-height:150%;}

#step05 a:hover img{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

.arrow_s{background-image:url(/hukkisousa/css/../images/arrow_s.gif); background-position:left 4px; padding:5px 0 5px 18px; background-repeat:no-repeat; font-weight:bold;}
.arrow_l{background-image:url(/hukkisousa/css/../images/arrow_l.gif); background-position:left 4px; padding:5px 0 5px 22px; background-repeat:no-repeat; font-weight:bold;}

.comment01{font-size:16px; margin:50px 0 0 40px;}

.comment02{border:2px #7E92B3 solid; width:680px; padding:15px; font-size:16px; font-weight:bold; margin:20px auto; text-align:center;}

.comment03{border:2px #F00 solid; width:680px; padding:15px; font-size:16px; margin:20px auto; text-align:center; color:#F00; background-color:#FFFFCC;}
.comment03 a{ font-weight:bold;}
.comment03 a:link			 {color: #069;text-decoration:underline;}
.comment03 a:visited		 {color: #336;text-decoration:none;}
.comment03 a:active		 {color:#F00;text-decoration:none;}
.comment03 a:hover			 {color:#336;text-decoration:underline;}

#linklist{width:660px; margin-top:15px;}
#linklist li{ float:left; background-image:url(/hukkisousa/css/../images/arrow_s.gif); background-position:left 8px; padding:5px 0 5px 18px; background-repeat:no-repeat; font-weight:bold; margin-right:20px;}

#list_title{width:949px; height:53px;  background:url(/hukkisousa/css/../images/list_title.gif);}
#list_title p{text-align:right; padding:7px 7px 0 0; } 

#u_title{width:949px; height:53px;  background:url(/hukkisousa/css/../images/u_title.gif);}
#u_title p{text-align:right; padding:7px 7px 0 0; } 
#u_step04{width:950px; height:283px; margin:0; position:relative;}
#u_step04 p{width:210px; top:142px; left:143px; position:absolute; line-height:150%;}


#ni_title{width:949px; height:53px; background:url(/hukkisousa/css/../images/ni_title.gif);}
#ni_title p{text-align:right; padding:7px 7px 0 0; } 
#ni_step04{width:950px; height:277px; margin:0; position:relative;}
#ni_step04 p{width:210px; top:88px; left:143px; position:absolute; line-height:150%;}

#t25_title{width:949px; height:53px;  background:url(/hukkisousa/css/../images/25-120_title.gif);}
#t25_title p{text-align:right; padding:7px 7px 0 0; } 
#t25_step04{width:950px; height:320px; margin:0; position:relative;}
#t25_step04 p.text03{width:336px; top:127px; position:absolute;}


#t10_title{width:949px; height:53px;  background:url(/hukkisousa/css/../images/10-16_title.gif);}
#t10_title p{text-align:right; padding:7px 7px 0 0; } 
#t10_step04{width:950px; height:266px; margin:0; position:relative;}
#t10_step04 p{width:200px; top:60px; left:141px; position:absolute;}

.list{ overflow:hidden; margin-bottom:40px;}
.list li{float:left;}

.meter{margin-right:50px;margin-top:18px;}
.type{ margin-right:30px;}

#btg_title{width:949px; height:53px; background:url(/hukkisousa/css/../images/btg_title.gif);}
#btg_title p{text-align:right; padding:7px 7px 0 0; } 


.pst_clear{position:static;}

/* クリックして開閉するスライドパネル
-----------------------------------------*/
#meter_detail{width:798px; border:1px solid #CCC; margin-top:20px;}
	
#meter_detail .title{padding:10px; background-color:#CCC; font-weight:bold;}

.detail{ padding:10px; background:#fff;}

#slidepanel dl{
	width:800px;
}
#slidepanel dl dt{
	width:255px;
 margin:10px 0 0 0;
	min-height:54px;
	height:auto!important;
	height:54px;

}
#slidepanel dl dt.open{
	background:url('/hukkisousa/css/../images/slide_open.jpg') no-repeat 0px 0px scroll;
 cursor:pointer;
}
#slidepanel dl dt.close{
	background:url('/hukkisousa/css/../images/slide_close.jpg') no-repeat 0px 0px scroll;
}
#slidepanel dl dd{

}
#slidepanel dl dd.close{
 display:none;
}

#meter_detail02{width:798px; border:1px solid #CCC; margin-top:20px; }
#meter_detail02 .title{padding:10px; background-color:#CCC; font-weight:bold;}
#slidepanel02{}
#slidepanel02 dl{
	width:800px;
}
#slidepanel02 dl dt{
	width:385px;
	 margin:10px 0 0 0;
	min-height:70px;
	height:auto!important;
	height:70px;
	 top:180px; left:0px; position:absolute;
}
#slidepanel02 dl dt.open{
	background:url('/hukkisousa/css/../images/slide02_open.gif') no-repeat 0px 0px scroll;
 	cursor:pointer;
}
#slidepanel02 dl dt.close{
	background:url('/hukkisousa/css/../images/slide02_close.gif') no-repeat 0px 0px scroll;
}
#slidepanel02 dl dd{}
#slidepanel02 dl dd.close{ display:none;}


#meter_detail03{width:798px; border:1px solid #CCC; margin-top:50px; }
#meter_detail03 .title{padding:10px; background-color:#CCC; font-weight:bold;}
#slidepanel03{}
#slidepanel03 dl{
	width:800px;
}
#slidepanel03 dl dt{
	width:385px;
	 margin:10px 0 0 0px;
	min-height:70px;
	height:auto!important;
	height:70px;
	 top:220px; left:0px; position:absolute;
}
#slidepanel03 dl dt.open{
	background:url('/hukkisousa/css/../images/slide02_open.gif') no-repeat 0px 0px scroll;
 	cursor:pointer;
}
#slidepanel03 dl dt.close{
	background:url('/hukkisousa/css/../images/slide02_close.gif') no-repeat 0px 0px scroll;
}
#slidepanel03 dl dd{}
#slidepanel03 dl dd.close{ display:none;}



/*------------------------------------------------------------------------clearfixハック*/
#contents:after,
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#contents,
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html #contents,
* html .clear {height: 1%;}
#contents ,
.clear {display: block;}
/* End hide from IE-mac */