﻿@charset "UTF-8";



@import url(common.css);



@import url(textsettings.css);







/* ---------------------------------------------------------------- *



	ドキュメント全体に関する設定



 * ---------------------------------------------------------------- */











body {



	color: #000000;



	background-color: #DADFCA;



}











#container {



	width: 940px;



	margin-top: 0px;



	margin-bottom: 0px;



	margin-left: auto;



	background-color: #FFFFFF;



	background-repeat: no-repeat;



	border-right-width: 1px;



	border-left-width: 1px;



	border-right-style: solid;



	border-left-style: solid;



	border-top-color: #000000;



	border-right-color: #000000;



	border-bottom-color: #000000;



	border-left-color: #000000;



	margin-right: auto;

	

	overflow: hidden;



}







img{border: 0;}







/* ---------------------------------------------------------------- *



	ヘッダ



 * ---------------------------------------------------------------- */







#header {

	width:940px;

	height:160px;

	background:url(../images/common_header_background.jpg) no-repeat 0 0;

	overflow:hidden;



}



#header #header_left {

	width:200px;

	height:124px;

	margin-top:30px;

	margin-left:10px;

	_margin-left:5px;

	float:left;

	

}





#header #header_right {

	width:720px;

	float:left;

	margin-top:30px;

	margin-left:10px;

	margin-left:5px;



}





#header ul#headermenu01 {

	background:url(../images/common_header_link01.jpg) no-repeat 0 0;

	width:88px;

	height:89px;

	float:left;

	display:block;

	list-style-type:none;

	margin:0;

	padding:0;

}



#header ul#headermenu01 li {

	text-indent:-9999px;

}



#header ul#headermenu01 li,

#header ul#headermenu01 li a {

	width:88px;

	height:18px;

	display:block;

}



#header ul#headermenu02 {

	background:url(../images/common_header_link02.gif) no-repeat 0 0;

	width:527px;

	height:23px;

	float:right;

	display:block;

	list-style-type:none;

	padding:0;

	margin:68px 90px 10px auto;

	_margin:68px 45px 10px auto;

}



#header ul#headermenu02 li {

	text-indent:-9999px;

}



#header ul#headermenu02 li.li01,

#header ul#headermenu02 li.li01 a {

	width:100px;

	height:23px;

	display:block;

	float:left;

	margin-right: 8px;

	_margin-right:4px;



}



#header ul#headermenu02 li.li02,

#header ul#headermenu02 li.li02 a {

	width:100px;

	_width:95px;

	height:23px;

	display:block;

	float:left;

	margin-right: 6px;

	_margin-right:3px;



}



#header ul#headermenu02 li.li03,

#header ul#headermenu02 li.li03 a {

	width:100px;

	_width:95px;

	height:23px;

	display:block;

	float:left;

	margin-right: 5px;

	_margin-right:2px;



}



#header ul#headermenu02 li.li04,

#header ul#headermenu02 li.li04 a {

	width:100px;

	height:23px;

	display:block;

	float:left;

	margin-right: 5px;

	_margin-right:2px;



}



#header ul#headermenu02 li.li05,

#header ul#headermenu02 li.li05 a {

	width:100px;

	height:23px;

	display:block;

	float:left;



}



#header ul#headermenu03 {

	background:url(../images/common_header_link03.jpg) no-repeat 0 0;

	width:717px;

	height:22px;

	clear:both;

	display:block;

	list-style-type:none;

	padding:0;

	margin:auto auto 0 0;

	}



#header ul#headermenu03 li {

	text-indent:-9999px;

}



#header ul#headermenu03 li.li01,

#header ul#headermenu03 li.li01 a {

	width:150px;

	height:22px;

	display:block;

	float:left;



}



#header ul#headermenu03 li.li02,

#header ul#headermenu03 li.li02 a {

	width:108px;

	height:22px;

	display:block;

	float:left;



}



#header ul#headermenu03 li.li03,

#header ul#headermenu03 li.li03 a {

	width:108px;

	height:22px;

	display:block;

	float:left;



}



#header ul#headermenu03 li.li04,

#header ul#headermenu03 li.li04 a {

	width:63px;

	height:22px;

	display:block;

	float:left;



}



#header ul#headermenu03 li.li05,

#header ul#headermenu03 li.li05 a {

	width:95px;

	height:22px;

	display:block;

	float:left;



}



#header ul#headermenu03 li.li06,

#header ul#headermenu03 li.li06 a {

	width:55px;

	height:22px;

	display:block;

	float:left;



}



#header ul#headermenu03 li.li07,

#header ul#headermenu03 li.li07 a {

	width:137px;

	height:22px;

	display:block;

	float:left;



}





/* ---------------------------------------------------------------- *



	施行後のご注意カテゴリーメニュー



 * ---------------------------------------------------------------- */



#menu3 {



	height:30px;



	margin-right: 0px;



	margin-left: 10px;



	background-color: transparent;



	background-repeat: no-repeat;



	width: 890px;



	padding-top: 0px;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 10px;



}







#menu3 ul {



	padding:0px;



	margin: 0px;



}



#menu3 li {



	display:inline;



	list-style-type:none;



}



#menu3 li a {



	height:30px;



	display:block;



	float:left;



	text-indent:-9999em;



	text-decoration:none;



	overflow:hidden;



}



/*------off*/



#menu3 li.menu01 a {



	background:url(../aftermente/navi.gif) no-repeat 0px 0px;



	width:200px;



}



#menu3 li.menu02 a {



	background:url(../aftermente/navi.gif) no-repeat -200px 0px;



	width:200px;



}



#menu3 li.menu03 a {



	background:url(../aftermente/navi.gif) no-repeat -400px 0px;



	width:200px;



}







/*------hover*/



#menu3 li.menu01 a:hover {



	background:url(../aftermente/navi.gif) no-repeat 0px -60px;



}



#menu3 li.menu02 a:hover {



	background:url(../aftermente/navi.gif) no-repeat -200px -60px;



}



#menu3 li.menu03 a:hover {



	background:url(../aftermente/navi.gif) no-repeat -400px -60px;



}











/*------on*/



#menu3 li.menu01_on a {



	background:url(../aftermente/navi.gif) no-repeat 0px -30px;



	width:200px;



}



#menu3 li.menu02_on a {



	background:url(../aftermente/navi.gif) no-repeat -200px -30px;



	width:200px;



}



#menu3 li.menu03_on a {



	background:url(../aftermente/navi.gif) no-repeat -400px -30px;



	width:200px;



}















/* ---------------------------------------------------------------- *



	indexページ　コンテンツコンテナの設定



 * ---------------------------------------------------------------- */







#main {



	margin-top: 0px;



	margin-bottom: 0px;



	width: 940px;



	margin-right: auto;



	margin-left: auto;



	border: 1px none #330000;



	background-color: #FFFFFF;



}







/* ---------------------------------------------------------------- *



	indexページ　コンテンツ部分の設定



 * ---------------------------------------------------------------- */







div#main h2{



    margin: 0;



	}	



	



/*メイン-トップ部-*/







div#main_top{



   margin:5px auto 10px auto;


   width: 932px;



   clear: both;



   }



   



div#main_top .top_left{
	margin:0;
	font-size: 10px;
	padding:2px;
	width: 199px;
	height:374px;
	float: left;
	background:url(../images/index_main_top_left_bg.jpg) repeat-x top right;
	}



div#main_top .top_left .topbox {
	margin-top:8px;
	margin-bottom:2px;
	}

   

   

div#main_top .top_left p {

	margin-left:8px;

    line-height:125%;

}


div#main_top .top_right{



   float: left;



   margin: 0;



   width: 725px;



   height: 374px;
   
   background:url(../images/index_main_top_img.jpg);



  }



   



div#under_link{



   margin: 0 auto 0 30px;



   height: 20px;



   clear: both;}



   



ul.kaisya{



   list-style-type: none;



   margin: 0 0 0 8px;



   padding: 0;

   

   line-height:125%;



   }



   



ul.kaisya li{



   margin: 0;



   }



   



/*--メインセンター部--*/







.iframe_news{



   margin: 5px 0 0 10px;



   }







h2.info_title{



   height: 77px;

   

   float:left;



   }



     



div#main_center{



   margin-top: 5px;



   margin-bottom: 0;



   width: 940px;



   clear: both;



   padding-top: 5px;



   background: url(../images/index_line.jpg) repeat-x 0 0;



   }



   



div.center_left{



   float: left;



   margin-left: 0;



   width: 350px;



   height: 270px;



   background: url(../images/index_line.jpg) repeat-x left bottom;



   }







div.center_center{



   margin: 25px 0 0 5px;

   _margin: 12px 0 0 5px;



   float: left;



   width: 320px;}







div.center_right{



   margin: 25px 0 0 0;

   _margin: 12px 0 0 0;



   float: right;



   width: 250px;}







/*--メインボトム部--*/



 



div#main_bottom{



   margin-top: 5px;



   margin-bottom: 0;



   width: 100%;



   clear: both;



   }







div#main_bottom .main_bottom_title{



   height: 68px;



   background: url(../images/index_line.jpg) repeat-x left bottom;



   }



   



div#main_bottom h2.left{



   float: left;



   margin: 0;



   }







div#main_bottom h2.right{



   float: right;



   margin: 0;



   }



   



div.blog_site{



   margin-top: 5px;



   margin-bottom: 0;



   width: 940px;



   clear: both;



   }







div.blog_site .blogbox{



   width: 480px;



   height: 305px;



   margin-left: 10px;

   _margin-left: 5px;



   margin-top: 25px;



   float: left;



   background: url(../images/index_main_bottom_blogback.jpg) no-repeat;



   }







div.blog_site .sitebox{



   width: 505px;



   margin-right: 10px;

   _margin-right: 5px;



   margin-top: 5px;



   float: right;



   }







.sitebox .sitebox_01{



   float: left;



   width: 180px;



   text-align: center;



   }



   



.sitebox .sitebox_02{



   float: left;



   width: 250px;



   text-align: center;



   }



.sitebox .sitebox_03{



   float: left;



   width: 175px;



   text-align: center;



   }



.blog_swf{



	wifth: 190px;



	height: 76px;



	display: block;



	width: 190px;



	margin-top: -110px;



	margin-left: 252px;



}







   



ul.official{



   list-style-type: none;



   margin: 10px 0 0 0;



   padding: 0;



   }



   



ul.official li{



   margin: 0;



   }



   



td.list_center{



   text-align: left;



   }



   



/*--メイン2--*/



div#main2{



   margin-top: 5px;



   margin-bottom: 0;



   width: 100%;



   clear: both;

   



   }







div#main2 h2.item{



   height: 76px;



   

   float:left;

}







div#main2 .material{



   float: right;



   margin-left: 5px;



   width: 670px;}







div#main2 .banner_link{



   float: left;



   width: 255px;



   text-align: center;

   

   background:url(../images/index_line.jpg) 0 0 no-repeat;

   

   padding-top:5px;

   

   }



   



div#main2 .banner_link p{



   margin: 5px auto 5px auto;



   }







div#main2 .banner_link p.sozai{



   margin-top: 10px;



   float: right;

   

   clear:both;



   }







div#main2 .material .materialbox_top{



   width: 670px;



   clear: both;



　 }



   



   



div#main2 .material .materialbox{



   width: 670px;



   clear: both;



   background: url(../images/index_material_back.jpg) no-repeat top center;



   padding-top: 3px;}







.materialimg{



   margin-top: 10px;



   float: left;



   height: 165px;}







.materialtext{



   margin-top: 10px;



   float: left;



   height: 125px;}







.materialtext p.textbox{



   margin-top: 10px;



   margin-left: 25px;}



   



.materiallink{



   float: right;



   text-align: right;



   height: 30px;




   margin-right: 10px;



   }







   







/*エリア*/



div#area{



   background: url(../images/index_line2.jpg) repeat-x top left;



   padding: 5px 10px;



   font-size: 12px;



   }



   



/*フッター*/



div#footer{



   background: url(../images/index_line2.jpg) repeat-x top left;



   text-align: center;



   padding: 10px 0;



   }



   



/*クリアー*/







.clear{



   clear: both;}







/*--TOEXキャンペーンバナー--*/







div.toex_campaign{



  



   



   width: 860;



   height: 120px;



   padding: 15px 0px 15px 35px;



   } 



/*--blog--*/



div#blog_banner {

	width:251px;
	padding-bottom:10px;

	margin:0 auto;

	text-align:center;

	display:block;
	
	background:url(../images/index_blogbnr_bg2.jpg) repeat-y bottom center;


}



div#blog_banner p.blog_text {

	text-align:left;

	margin:0 auto -10px 50px;
	
	font-size:10px;

}



/*--ライン--*/



.line {

	background:url(../images/index_line.jpg) 0 0 no-repeat;

	height:2px;

	display:block;

}



/*--センターメニュー--*/



div#center_menu {

	margin:10px auto;

	clear:both;

	_margin-left:5px;

}



div#center_menu .center_menubox {

	width:186px;

	display:block;

	margin:0 1px;

	_margin:0;

	float:left;

}



div#center_menu .center_menubox .centermenu_img{

	width:186px;

	height:110px;

	display:block;

}



div#center_menu .center_menubox p{

	width:175px;

	margin:0 auto;

}



div#center_menu .center_menubox a{

	color:#000;

	text-decoration:none;

}



/*--TOP見出し--*/

div#toptext {

	padding:2px;

	width:100%;

	border-bottom:1px #000 solid;

	background:#FFF;

	margin:0;

	text-align:center;

}



div#toptext h1 {

	font-size:10px;

	border:0;

}

/*--各店リンク100118追加--*/

.company01 {
	background:url(../images/index_company.jpg) no-repeat;
	width:186px;
	height:60px;
	line-height:100%;
	padding:6px 2px;
	font-size:10px;
}

.company02 {
	margin-top:4px;
}

/*--メディアのページ--*/
/*--メディアのページ TOP--*/
#media {
	}

#media #mediabox {
	width:917px;
	}

#media #mediabox #top {
	background:url(../media/images/media_boxtop.jpg) no-repeat;
	width:902px;
	height:37px;
	display:block;
	text-indent:-9999px;
	margin:20px auto 0 auto;
	}

#media #mediabox #mediabox2 {
	clear:both;
	width:901px;
	border-left:#CCC 1px solid;
	background:url(../media/images/media_boxback.jpg) repeat-y top right #FFF;
	margin:0 auto;
	}
	
#media #mediabox #mediabox2 #left {
	width:185px;
	display:block;
	float:left;
	margin:0;
	padding:0 5px;
	}

#media #mediabox #mediabox2 #right {
	padding-left:50px;
	_padding-left:45px;
	width:656px;
	display:block;
	float:left;
	margin:0;
	padding-bottom:20px;
	}

#media #mediabox #bottom {
	clear:both;
	background:url(../media/images/media_boxbottom.jpg) no-repeat;
	width:902px;
	height:8px;
	display:block;
	text-indent:-9999px;
	margin:0 auto 20px auto;
	}

#media #mediabox #message {
	background:url(../media/images/media_message.jpg) no-repeat;
	margin:15px auto;
	width:180px;
	height:149px;
}

#media #mediabox #message p {
	padding-top:50px;
	margin:0 10px;
	font-size:12px;
	color:#960;
	}
	
#media #mediabox #left h2 {
	clear:both;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:0;
	}

#media #mediabox #right h2 {
	clear:both;
	margin-top:10px;
	margin-bottom:5px;
	}
	
#media #mediabox #right ul {
	list-style-type:none;
	clear:both;
	width:646px;
	margin:10px 10px 10px 0;
	display:block;
	padding:0;
}

#media #mediabox #right li {
	float:left;
	width:210px;
	margin:0 5px 0 0;
	display:block;
}

#media #mediabox #right li img {
	float:left;
}

#media #mediabox #right li .libox {
	float:left;
	width:130px;
	margin:0 0 0 5px;
}

#media #mediabox #right li .libox p.green1 {
	padding:2px;
	background-color:#060;
	color:#FFF;
	font-size:10px;
	display:inline;
	}

#media #mediabox #right li .libox p.green2 {
	padding:2px;
	background-color:#660;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox #right li .libox p.green3 {
	padding:2px;
	background-color:#393;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox #right li .libox p.blue1 {
	padding:2px;
	background-color:#39F;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox #right li .libox p.blue2 {
	padding:2px;
	background-color:#06F;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox #right li .libox strong {
	clear:both;
	display:block;
	margin-top:5px;
	color:#060;
	font-size:11px;
	}

#media #mediabox #right li .libox .text {
	margin-top:5px;
	font-size:12px;}

#media #mediabox #right li .libox a {
	background:url(../media/images/media_boxlink.jpg) no-repeat;
	width:39px;
	height:11px;
	text-indent:-9999px;
	display:block;
	margin:auto 0 0 auto;
	}
	
/*--メディア掲載ページ・エクステリア＆ガーデンページ--*/

#media #mediabox3 {
	clear:both;
	width:917px;
	margin:0;
	}
	
#media #mediabox3 #left {
	width:230px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:0;
	}

#media #mediabox3 #right {
	display:block;
	float:left;
	margin:0 10px;
	padding-top:50px;
	padding-bottom:20px;
	width:665px;
	text-align:center;
	}

#media #mediabox3 #message {
	background:url(../media/images/media_message.jpg) no-repeat;
	margin:15px auto;
	width:180px;
	height:149px;
}

#media #mediabox3 #message p {
	padding-top:50px;
	margin:0 10px;
	font-size:12px;
	color:#960;
	}
	
#media #mediabox3 #left h2.magazine {
	width:230px;
	height:16px;
	background:url(../media/images/media_magazine.jpg) no-repeat top left;
	display:block;
	text-indent:-9999px;
}

#media #mediabox3 #left h2.catalog {
	width:230px;
	height:16px;
	background:url(../media/images/media_catalog.jpg) no-repeat top left;
	display:block;
	text-indent:-9999px;
}

#media #mediabox3 #left ul {
	list-style-type:none;
	clear:both;
	width:220px;
	margin:10px auto 10px auto;
	display:block;
	padding:0;
}

#media #mediabox3 #left li {
	clear:both;
	width:220px;
	margin:10px 5px;
	display:block;
}

#media #mediabox3 #left li .liimg {
	clear:left;
	float:left;
}

#media #mediabox3 #left li .libox {
	clear:right;
	float:left;
	width:130px;
	margin:0 0 0 5px;
	display:block;
}

#media #mediabox3 #left li .libox p.green1 {
	padding:2px;
	background-color:#060;
	color:#FFF;
	font-size:10px;
	display:inline;
	}

#media #mediabox3 #left li .libox p.green2 {
	padding:2px;
	background-color:#660;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox3 #left li .libox p.green3 {
	padding:2px;
	background-color:#393;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox3 #left li .libox p.blue1 {
	padding:2px;
	background-color:#39F;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox3 #left li .libox p.blue2 {
	padding:2px;
	background-color:#06F;
	color:#FFF;
	font-size:10px;
	display:inline;
	}
	
#media #mediabox3 #left li .libox strong {
	clear:both;
	display:block;
	margin-top:5px;
	color:#060;
	font-size:11px;
	}

#media #mediabox3 #left li .libox .text {
	margin-top:5px;
	font-size:12px;}

#media #mediabox3 #left li .libox a {
	background:url(../media/images/media_boxlink.jpg) no-repeat;
	width:39px;
	height:11px;
	text-indent:-9999px;
	display:block;
	margin:auto 0 0 auto;
	}

#media #mediabox3 #right .mediaimg {
	clear:both;
	margin:10px auto;
}

#media #mediabox3 #right a.pagetop {
	float:right;
	color:#900;
	text-decoration:none;
}

#media #mediabox3 #right a:hover.pagetop {
	color:#F90;
}

/*--*/

#media #mediabox3 #right2 {
	display:block;
	float:left;
	margin:0 0 0 10px;
	padding-top:20px;
	padding-bottom:20px;
	width:675px;
	}

#media #mediabox3 #right2 a.ex_link {
	width:312px;
	height:27px;
	display:block;
	text-indent:-9999px;
	float:right;
	background:url(../media/images/media_ex_link.jpg) no-repeat;
}

#media #mediabox3 #right2 h2 {
	margin-top:20px;
	font-size:14px;
	font-weight:normal;
	color:#930;
}

#media #mediabox3 #right2 p {
	text-indent:50px;
	color:#930;
}

/*--リフォーム関連--*/

#reform_top {
	width:913px;
	height:454px;
	display:block;
	overflow:hidden;
	background:url(../reform/reform_top2.jpg) no-repeat 0 0;
}

#reform_top h2 {
	margin:0 0 0 280px;
	height:30px;
	width:325px;
	display:block;
	text-indent:-9999px;
}

#reform_top p.title_text {
	margin:5px 0 0 300px;
	height:40px;
	display:block;
	font-size:14px;
	color:#960;
}
	
#reform_top p.list_title {
	margin:0 0 0 280px;
	background:none;
	height:30px;
	width:325px;
	display:block;
	text-indent:-9999px;
}

#reform_top dl {
	margin:3px 0 0 300px;
	list-style-type:none;
	clear:both;
}

#reform_top dt {
	height:25px;
	width:290px;
	display:block;
	float:left;
	margin:4px 0;
}

#reform_top dt.high {
	height:40px;
	width:290px;
	display:block;
	float:left;
	margin:0;
}

#reform_top dd {
	height:25px;
	width:185px;
	display:block;
	float:left;
	clear:right;
	margin:4px 0 4px 25px;
}

#reform_top p.text1 {
	clear:both;
	margin:0 0 0 320px;
	padding:10px 0;
	display:block;
	color:#960;
}
#reform_top p.text2 {
	clear:both;
	width:810px;
	margin:10px 0 0 70px;
	display:block;
	color:#630;
}

#reform_top p.text2 em {
	font-style:normal;
	font-weight:normal;
	margin-right:5px;
}

#reform_under {
	width:913px;
	height:334px;
	display:block;
	overflow:hidden;
	background:url(../reform/reform_bottom.jpg) no-repeat top right;
}

#reform_under ul {
	list-style-type:none;
	margin-top:100px;
	}

#reform_under ul li.link1,
#reform_under ul li.link1 a{
	background:url(../reform/reform_btn1.jpg);
	width:350px;
	height:100px;
	display:block;
	text-indent:-9999px;
	}

#reform_under ul li.link2,
#reform_under ul li.link2 a{
	background:url(../reform/reform_btn2.jpg);
	width:350px;
	height:100px;
	display:block;
	text-indent:-9999px;
	}
	
/*--お仕事の流れNEW--*/

#flow #flow_top {
	clear:both;
	margin-top:15px;
	}

#flow #flow_top p {
	background:url(../flow/flow_topback.jpg) no-repeat;
	width:607px;
	height:134px;
	padding:40px;
	color:#630;
	border:1px solid #000;
	float:right;
	margin:5px 0;
}

#flow #flow_top ul {
	list-style-type:none;
	float:left;
	width:137px;
	display:block;
	padding:0;
	margin-left:25px;
	text-align:center;
}

#flow #flow_top ul li {
	margin-bottom:15px;
}

#flow #flow_chart {
	width:710px;
	height:30px;
	text-indent:-9999px;
	display:block;
	background:url(../flow/flow_top_chart.jpg) no-repeat;
	margin:0 auto 20px auto;
}

#flow h2 {
	color:#000;
	font-weight:normal;
	float:left;
	font-size:20px;
	margin:10px 30px 10px 80px;
	_margin:10px 30px 10px 40px;
}

#flow .bt_img {
	float:left;
	margin:10px 0;
}

#flow #flow_box1 {
	background:url(../flow/flow_box1_back.jpg);
	display:block;
	width:816px;
	height:184px;
	margin:0 auto 20px auto;
}

#flow #flow_box1 p {
	margin:30px 0 0 30px;
	_margin-top:50px;
}

#flow #flow_box2 {
	background:url(../flow/flow_box2_back.jpg);
	display:block;
	width:816px;
	height:184px;
	margin:0 auto 20px auto;
}

#flow #flow_box2 p {
	margin:20px 0 0 150px;
	_margin-top:30px;
}

#flow #flow_box3 {
	background:url(../flow/flow_box3_back.jpg);
	display:block;
	width:816px;
	height:233px;
	margin:0 auto 20px auto;
}

#flow #flow_box3 p {
	margin:10px 0 0 350px;
	_margin-top:15px;
}

#flow #flow_box4 {
	background:url(../flow/flow_box4_back.jpg);
	display:block;
	width:816px;
	height:233px;
	margin:0 auto 20px auto;
}

#flow #flow_box4 p {
	margin:20px 0 0 300px;
	_margin-top:25px;
}

#flow #flow_box5 {
	background:url(../flow/flow_box5_back.jpg);
	display:block;
	width:816px;
	height:233px;
	margin:0 auto 20px auto;
}

#flow #flow_box5 p {
	margin:30px 0 0 350px;
	_margin-top:40px;
}

#flow p.footer {
	margin:30px;
	float:right;
}

/*--CADによるイメージパス--*/

#perth {
	width:850px;
	display:block;
	margin:15px auto;
}

#perth .top1 {
	background:url(../perth/perth_img01.jpg);
	width:850px;
	height:205px;
	text-indent:-9999px;
}

#perth h2.top2 {
	background:url(../perth/perth_img02.jpg);
	width:850px;
	height:66px;
	margin:0;
	text-indent:-9999px;
}

#perth .top3 {
	background:url(../perth/perth_img03.jpg);
	width:850px;
	height:173px;
	text-indent:-9999px;
}

#perth h2.ex_perth {
	width:850px;
	height:28px;
	background:url(../perth/perth_img05.jpg);
	display:block;
	text-indent:-9999px;
	margin:0;
}

#perth .box {
	width:850px;
	clear:both;
}

#perth .box .left {
	float:left;
}

#perth .box .right {
	float:right;
}

/*--トップボトムバナー（レターの場所）--*/

ul#list_bnr {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#list_bnr li {
	float:left;
	margin:0 3px;
	padding:0;
}

ul#list_bnr li ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#list_bnr li ul li {
	clear:both;
}
