@charset "utf-8";



/*

Theme Name: okamotogarden

Theme URI: http://maxline.co.jp/

Description: okamotogardenテーマ

Version: 1.0

Author: Maxline

Author URI: http://maxline.co.jp/

Tags: blue, custom header, fixed width, two columns, widgets

*/





/* 

=============================

(C) okamotogarden

last update 090820

=============================*/



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

全体

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



/*bodyのスタイル*/



* {

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;

	margin: 0px auto 0px auto;

	padding: 0;}





body {

	margin: 0px auto 0px auto;

	padding: 0;

	background-color:#4a2f11;

}

	  

#container_top { 

      margin: 0px auto 0px auto;

	  padding:0px;

         min-width:1170px;

	background-image:url(images/index_bg.jpg);

	background-repeat:repeat-x;



	  }

	  

	  

#container { 

      margin: 0px auto 0px auto;

	  padding:0px;

	  background-image:url(images/index_bg02.jpg);

	 background-repeat:repeat-x;



	  }

	  	  

	  

#header {

	  width:1170px;

	  margin:0px auto 0px auto;

	  padding:0px;

	  }

#header_a {

	  width:1170px;

	  height:512px;

	  padding:0px;

	  background-image:url(images/index_header_bg.jpg);

	  background-repeat:no-repeat;



	  }



#header_b {

	  width:1170px;

	  height:95px;

	  padding:0px;

	  background-image:url(images/index_header_bg_a.jpg);

	  background-repeat:no-repeat;

	  border-bottom:1px solid #fff;

	  background-color:#160100;

	  

	  }



#content { 



	  margin:0px auto 0px auto;

	  padding:7px 0px 0px 110px;

	  background-image:url(images/index_contents__bg.jpg);

	  background-repeat:repeat-y;

	  width : 1060px;



	 }



#content{

    zoom:1;/*for IE 5.5-7*/

}

#content:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    line-height:0; 

    visibility:hidden;

}





#main { 

	float:right;

	  width : 850px;

	  margin:0px 0px 0px 0px;

	  padding:0px 0px 0px 0px;

	  line-height:130%;

	  font-size:12px;

}





#side-nav { 

	  float : left;

	  width : 210px;

	  padding:0px 0px 0px 0px;

}

	  



#container .clr {

clear:both;

margin:0px;

padding:0px;

line-height:0px;

visibility:hidden;

height:0px;

}





.clr02 {

clear:both;

margin:0px 0px 0px 0px;

padding:0px;

line-height:0px;

visibility:hidden;

height:0px;

}



br {

letter-spacing:normal;

}



	  

a{

	  color:#333333;

	  border:0px;

	  outline: none; 

}





a:hover{

	  color:#c28357;

	  text-decoration:none;

	  border:0px;

	  outline: none; 

}



a:active {outline: none;}

a:focus {-moz-outline-style: none;}

a img{ border:0px;}





a:hover img{

opacity: 0.5;

filter: alpha(opacity=90);

}









/*ページトップ*/



#pttxt {

	padding: 0px;

	margin:20px 0px 20px 540px;

	letter-spacing:1px;

	clear:both;

}



#pttxt a,

#pttxt span{

	display:block;

	text-indent:-9999px;

	outline:none;

	overflow:hidden;

}	

.ptbtn,

.ptbtn a{

	width:142px;

	height:27px;

	background-repeat:no-repeat;

	background-image: url(images/index_btn.jpg);

	margin:0px 0px 5px 0px;

	display:block;

	text-indent:-9999px;

	outline:none;

	overflow:hidden;

}	



.ptbtn a:hover{

	width:142px;

	height:27px;

	background-repeat:no-repeat;

	background-image: url(images/index_btn_a.jpg);

	margin:0px 0px 5px 0px;

	display:block;

	text-indent:-9999px;

	outline:none;

	overflow:hidden;

}	





/*パンくずリスト*/

#list {

padding:10px 35px 15px 15px;

letter-spacing:2px;

color:#cfb485;

}





#list a {

color:#FFFFFF;

text-decoration:underline;

}





#list a:hover {

color:#FFFFFF;

text-decoration:none;

}







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

キャッチコピー

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



#header h1#catch{

width:940px;

margin:0px auto 0px auto;

background-repeat:no-repeat;

font-size:12px;

color:#FFFFFF;

text-align:left;

padding:10px 0px 0px 10px;

letter-spacing:1px;



}





#header div#title,

#header div#title a {

text-indent:-9999px;

display:block;

margin:0px ;

padding:0px;

width:180px;

height:60px;

line-height:0px;

outline: none; 

}	  





#header div#navi{

margin:0px;

padding:21px 0px 0px 0px;





}





#head_menu a span{

display:none;

} 



ul#head_menu{

    list-style:none;

    width:100%;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

ul#head_menu li{

    list-style:none;

    float:left;



}

ul#head_menu a{

    display:block;

	background-image: url(images/index_header_menu.jpg);

	background-repeat:no-repeat;

}

#head_menu a.h_li01{

    background-position:0px 0px;

	    width:102px;

	    height:52px;

	    float:left;



}

#head_menu a:hover.h_li01{

    background-position:0px -52px;

	    width:102px;

	    height:52px;

	    float:left;



}



#head_menu a.h_li02{

    background-position:-102px 0px;

	    width:83px;

	    height:52px;

	    float:left;



}

#head_menu a:hover.h_li02{

    background-position:-102px -52px;

	    width:83px;

	    height:52px;

	    float:left;



}







#head_menu a.h_li03{

    background-position:-185px 0px;

	width:170px;

	    height:52px;

	    float:left;

}

#head_menu a:hover.h_li03{

    background-position:-185px -52px;

	width:170px;

	    height:52px;

	    float:left;

}







#head_menu a.h_li04{

    background-position:-355px 0px;

	width:112px;

	    height:52px;

	    float:left;

}

#head_menu a:hover.h_li04{

    background-position:-355px -52px;

	width:112px;

	    height:52px;

	    float:left;

}





#head_menu a.h_li05{

    background-position:-467px 0px;

	width:98px;

	    height:52px;

	    float:left;

}

#head_menu a:hover.h_li05{

    background-position:-467px -52px;

	width:98px;

	    height:52px;

	    float:left;

}







#head_menu a.h_li06{

    background-position:-565px 0px;

	width:112px;

	    height:52px;

	    float:left;

}

#head_menu a:hover.h_li06{

    background-position:-565px -52px;

	width:112px;

	    height:52px;

	    float:left;

}











#header div#box01 {

width:230px;

height:60px;

float:left;

padding:10px 0px 0px 120px;

margin:10px 0px 0px 0px;

}



#header div#box02 {

width:677px;

float:left;

padding:0px;

margin:0px;

}



#header div.text {

	display:block;

	width:385px;

	margin:10px 0 0 0;

	color:#FFFFFF;

	font-size:11px;

	letter-spacing:1px;

	font-weight:normal;

	padding: 310px 120px 0px 465px;

	_padding: 325px 120px 0px 465px;

	line-height: 120%

}



*+html #header h1 {

	padding: 325px 120px 0px 465px;

}



#header div#box03 {

padding: 7px 120px 0px 630px;

margin:0px;

}





#header h2,

#header h2 a  {

	 background-image:url(images/index_header_btn.jpg);

	 background-repeat:no-repeat;

	 padding:0px;

	 margin:0px;

	 width:216px;

	 height:15px;

	 display:block;

	 text-indent:-9999px;

	 overflow:hidden;

	 outline:none;

}



#header h2 a:hover  {

	 background-image:url(images/index_header_btn_a.jpg);

	 background-repeat:no-repeat;

	 padding:0px;

	 margin:0px;

	 width:216px;

	 height:15px;

	 display:block;

	 text-indent:-9999px;

	 overflow:hidden;

	 outline:none;

}











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

サイドバーのスタイル

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

/*メニュー1*/  



#side-nav div#left { 

	  width:178px;

	  height:218px;

	  padding:65px 0px 0px 5px;

	  margin:0px auto 15px auto;

	background-image: url(images/index_side_menu.jpg);

	background-repeat:no-repeat;

	 }





	  

/*メニュー*/  

	 



ul#menu1{

    list-style:none;

    list-style-type: none;

    width:100%;

	padding:0px 0px 0px 0px;

	margin:0px 0px 10px 0px;







}

ul#menu1 li{

    width:171px;

	height:35px;

	margin:0px;

	padding:0px;

	line-height: 0; 

	vertical-align: bottom;





}

ul#menu1 a{

    display:block;

	text-indent:-9999px;

    width:171px;

    height:35px;

	margin:0px;

	padding:0px;

	line-height:normal;

	background-image: url(images/index_side_menu02.jpg);

    text-decoration: none;

    zoom: 1;



	

}



#menu1 a span{display:inline;} 



#menu1 a.li01{

    background-position:0px 0px;



}

#menu1 a:hover.li01{

    background-position:-171px 0px;



}





#menu1 a.li02{

    background-position:0px -35px;



}

#menu1 a:hover.li02{

    background-position:-171px -35px;



}







#menu1 a.li03{

    background-position:0px -70px;

}

#menu1 a:hover.li03{

    background-position:-171px -70px;

}





#menu1 a.li04{

    background-position:0px -105px;

}

#menu1 a:hover.li04{

    background-position:-171px -105px;

}





#menu1 a.li05{

    background-position:0px -140px;

}

#menu1 a:hover.li05{

    background-position:-171px -140px;

}





#menu1 a.li06{

    background-position:0px -175px;

}

#menu1 a:hover.li06{

    background-position:-171px -175px;

}







/*メニュー2*/  

	  





#side-nav div#left_a { 

	  width:184px;

	  height:245px;

	  padding:40px 0px 0px 7px;

	  margin:0px 0px 15px 13px;

	  background-image:url(images/index_side_menu03.jpg);

	background-repeat:no-repeat;

	 }





	  

/*メニュー*/  

	 



ul#menu2{

    list-style:none;

    list-style-type: none;

    width:100%;

	padding:0px 0px 0px 0px;

	margin:0px 0px 10px 0px;







}

ul#menu2 li{

    width:171px;

	margin:0px;

	padding:0px;

	line-height: 0; 

	vertical-align: bottom;





}

ul#menu2 a{

    display:block;

	text-indent:-9999px;

    width:171px;

	margin:0px;

	padding:0px;

	line-height:normal;

	background-image:url(images/index_side_menu04.jpg);

	background-repeat:no-repeat;

    text-decoration: none;

    zoom: 1;



	

}



#menu2 a span{display:inline;} 



#menu2 a.li01{

    background-position:0px 0px;

	height:29px;



}

#menu2 a:hover.li01{

    background-position:-171px 0px;

	height:29px;



}





#menu2 a.li02{

    background-position:0px -29px;

	height:29px;



}

#menu2 a:hover.li02{

    background-position:-171px -29px;

	height:29px;



}







#menu2 a.li03{

    background-position:0px -58px;

	height:28px;

}

#menu2 a:hover.li03{

    background-position:-171px -58px;

	height:28px;

}





#menu2 a.li04{

    background-position:0px -86px;

	height:38px;

}

#menu2 a:hover.li04{

    background-position:-171px -86px;

	height:38px;

}





#menu2 a.li05{

    background-position:0px -124px;

	height:28px;

}

#menu2 a:hover.li05{

    background-position:-171px -124px;

	height:28px;

}





#menu2 a.li06{

    background-position:0px -152px;

		height:29px;

}

#menu2 a:hover.li06{

    background-position:-171px -152px;

		height:29px;

}



#menu2 a.li07{

    background-position:0px -181px;

	height:29px;

}

#menu2 a:hover.li07{

    background-position:-171px -181px;

	height:29px;

}

#menu2 a.li08{

    background-position:0px -210px;

	height:29px;

}

#menu2 a:hover.li08{

    background-position:-171px -210px;

	height:29px;

}







/*メニュー3*/  



#side-nav div#left_b { 

	  width:173px;

	  height:171px;

	  padding:20px 0px 0px 0px;

	  margin:0px auto 15px auto;

	  background-image:url(images/index_side_menu06.jpg);

	background-repeat:no-repeat;

	 }





	  

/*メニュー*/  

	 



ul#menu3{

    list-style:none;

    list-style-type: none;

    width:100%;

	padding:0px 0px 0px 0px;

	margin:0px 0px 10px 0px;







}

ul#menu3 li{

    width:172px;

	height:21px;

	margin:0px;

	padding:0px;

	line-height: 0; 

	vertical-align: bottom;





}

ul#menu3 a{

    display:block;

	text-indent:-9999px;

    width:172px;

	height:21px;

	margin:0px;

	padding:0px;

	line-height:normal;

	background-image:url(images/index_side_menu07.jpg);

	background-repeat:no-repeat;

    text-decoration: none;

    zoom: 1;



	

}



#menu3 a span{display:inline;} 



#menu3 a.li01{

    background-position:0px 0px;





}

#menu3 a:hover.li01{

    background-position:-172px 0px;





}





#menu3 a.li02{

    background-position:0px -21px;





}

#menu3 a:hover.li02{

    background-position:-172px -21px;





}







#menu3 a.li03{

    background-position:0px -42px;



}

#menu3 a:hover.li03{

    background-position:-172px -42px;



}





#menu3 a.li04{

    background-position:0px -64px;



}

#menu3 a:hover.li04{

    background-position:-172px -64px;



}





#menu3 a.li05{

    background-position:0px -86px;



}

#menu3 a:hover.li05{

    background-position:-172px -86px;



}





#menu3 a.li06{

    background-position:0px -108px;



}

#menu3 a:hover.li06{

    background-position:-172px -108px;



}



#menu3 a.li07{

    background-position:0px -130px;



}

#menu3 a:hover.li07{

    background-position:-172px -130px;



}


#menu3 a.li08{

    background-position:0px -151px;



}

#menu3 a:hover.li08{

    background-position:-172px -151px;



}
















/*ガーデンリフォームローンバナー*/

#side-nav #side_bnr01,

#side-nav #side_bnr01 a{

display:block;

width:178px;

height:54px;

background-image:url(images/index_side_bnr01.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#side-nav #side_bnr01 a:hover {

display:block;

width:178px;

height:54px;

background-image:url(images/index_side_bnr01_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}

/*受賞歴*/

#side-nav #side_bnr_award a{

display:block;

width:178px;

height:54px;

background-image:url(images/index_side_bnr_award.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#side-nav #side_bnr_award a:hover {

display:block;

width:178px;

height:54px;

background-image:url(images/index_side_bnr_award_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}

#side-nav div#txt01 { 

	  width:178px;

	  padding:0px 0px 0px 0px;

	  margin:0px auto 15px auto;

	  color:#FFFFFF;

	  font-size:11px;

	  letter-spacing:0px;

	  line-height:120%;

	 }





/*あいさつ*/

#side-nav div#left_c{

background-image:url(images/index_side_menu05.jpg);

background-repeat:no-repeat;

height:189px;

width:165px;

padding:200px 17px 0px 20px;

margin:0px auto 15px auto;

line-height:120%;

letter-spacing:1px;

font-size:10px;



}   



#side-nav  div#left_c p{

font-size:12px;

color:#8f663a;

padding:0px 0px 10px 0px;

font-weight:bold;

line-height:130%;



}   







/*スタッフブログバナー*/
#side-nav #side_bnr02,

#side-nav #side_bnr02 a,

#main_bottom_bnr #side_bnr02,

#main_bottom_bnr #side_bnr02 a{

display:block;

width:210px;

height:61px;

background-image: url(images/index_side_bnr02.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}





/*リフォームガーデンクラブバナー*/
#side-nav #side_bnr03,

#side-nav #side_bnr03 a,

#main_bottom_bnr #side_bnr03,

#main_bottom_bnr #side_bnr03 a{

display:block;

width:200px;

height:71px;

background-image:url(images/index_side_bnr04.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}







/*庭ブロバナー*/
#side-nav #side_bnr04,

#side-nav #side_bnr04 a,

#main_bottom_bnr #side_bnr04,

#main_bottom_bnr #side_bnr04 a{

display:block;

width:199px;

height:69px;

background-image:url(images/index_side_bnr03.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



/*自然浴deくらすバナー*/
#side-nav #side_bnr06,

#side-nav #side_bnr06 a,

#main_bottom_bnr #side_bnr06,

#main_bottom_bnr #side_bnr06 a{

display:block;

width:190px;

height:75px;

background-image:url(images/index_side_bnr06.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



/*HI-ZEROバナー*/
#side-nav #side_bnr07,

#side-nav #side_bnr07 a,

#main_bottom_bnr #side_bnr07,

#main_bottom_bnr #side_bnr07 a{

display:block;

width:190px;

height:65px;

background-image:url(images/index_side_bnr07.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



/*庭プロ会バナー*/
#side-nav #side_bnr08,

#side-nav #side_bnr08 a,

#main_bottom_bnr #side_bnr08,

#main_bottom_bnr #side_bnr08 a{

display:block;

width:190px;

height:76px;

background-image:url(images/index_side_bnr13.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



/*ガーデンプラット*/
#side-nav #side_bnr09,

#side-nav #side_bnr09 a,

#main_bottom_bnr #side_bnr09,

#main_bottom_bnr #side_bnr09 a{

display:block;

width:190px;

height:75px;

background-image:url(images/index_side_bnr09.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



/*ZERO*/
#side-nav #side_bnr10,

#side-nav #side_bnr10 a,

#main_bottom_bnr #side_bnr10,

#main_bottom_bnr #side_bnr10 a{

display:block;

width:190px;

height:75px;

background-image:url(images/index_side_bnr10.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



/*TOMY*/
#side-nav #side_bnr11,

#side-nav #side_bnr11 a,

#main_bottom_bnr #side_bnr11,

#main_bottom_bnr #side_bnr11 a{

display:block;

width:190px;

height:72px;

background-image:url(images/index_side_bnr11.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



/*ディーズガーデン*/
#side-nav #side_bnr12,

#side-nav #side_bnr12 a,

#main_bottom_bnr #side_bnr12,

#main_bottom_bnr #side_bnr12 a{

display:block;

width:190px;

height:57px;

background-image:url(images/index_side_bnr12.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}

/*庭スタイル会*/
#side-nav #side_bnr14,

#side-nav #side_bnr14 a,

#main_bottom_bnr #side_bnr14,

#main_bottom_bnr #side_bnr14 a{

display:block;

width:162px;

height:125px;

background-image:url(images/index_side_bnr14.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 5px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}

#side-nav .left_txt,
#main_bottom_bnr .left_txt {

font-size:11px;

color:#FFFFFF;

margin:0px 0px 15px 0px;

letter-spacing:0px;

line-height:120%;



}



/*展示場案内バナー*/
#side-nav #side_bnr05,

#side-nav #side_bnr05 a

#main_bottom_bnr #side_bnr05,

#main_bottom_bnr #side_bnr05 a{

display:block;

width:203px;

height:15px;

background-image:url(images/index_side_bnr05.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 15px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#side-nav #side_bnr05 a:hover{

display:block;

width:203px;

height:15px;

background-image:url(images/index_side_bnr05_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px auto 15px auto;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



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

トップページのメインスタイル

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





#index div#box01 {

width:510px;

float:left;

padding:0px ;

margin:24px 13px 0px 10px;



}





#index div#box02 {

width:200px;

float:left;

padding:0px ;

margin:3px 0px 0px 0px;



}







/*施工実績バナー*/

#index #top_bnr,

#index #top_bnr a{

display:block;

width:507px;

height:188px;

background-image:url(images/index_main_bnr01.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}

#index #top_bnr a:hover{

display:block;

width:507px;

height:188px;

background-image:url(images/index_main_bnr01_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}







#index #bnr_box02{

display:block;

width:507px;

padding:5px 0px 0px 0px;

margin:0px auto 10px auto;

line-height:140%;

letter-spacing:0px;

color:#FFFFFF;

}







/*当社の施工実績はこちらバナー*/

#index #top_bnr03,

#index #top_bnr03 a{

display:block;

width:174px;

height:18px;

background-image:url(images/index_main_bnr02.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}





#index #top_bnr03 a:hover{

display:block;

width:174px;

height:18px;

background-image:url(images/index_main_bnr02_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#index #bnr_box03 {

padding:0px;

margin:0px 0px 20px 335px;}









/*ビフォーアフターバナー*/



#index #top_bnr01{

display:block;

width:255px;

height:125px;

background-image:url(images/index_main_bnr3.jpg);

background-repeat:no-repeat;

padding:65px 10px 0px 250px;

margin:0px auto 10px auto;

line-height:130%;

letter-spacing:0px;

color:#FFFFFF;

}











/*詳しくはこちらバナー*/

#index #top_bnr02,

#index #top_bnr02 a{

display:block;

width:123px;

height:18px;

background-image:url(images/index_main_bnr04.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#index #top_bnr02 a:hover{

display:block;

width:123px;

height:18px;

background-image:url(images/index_main_bnr04_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#index #bnr_box01 {

padding:0px;

margin:10px 0px 0px 130px;}







/*右サイド・店舗展示場のご案内*/  



#index div#right_a { 

	  width:174px;

	  padding:55px 4px 0px 4px;

	  margin:0px auto 0px auto;

	  background-image: url(images/index_main_rightmenu.jpg);

	background-repeat:no-repeat;

	font-size:10px;

	line-height:140%;

	 }

	 



#index div#right_a p{ 

	font-size:12px;

	font-weight:bold;

	color:#423330;

	line-height:140%;

	margin:5px 0px 0px 0px;



	 }

	 

#index .right_img { 

	padding:2px;

	background-color:#f8f3ed;



	 }		





#index div#right_b { 

	  width:180px;

	  padding:20px 0px 0px 2px;

	  margin:0px auto 15px auto;

	  background-image: url(images/index_main_rightmenu_a.jpg);

	background-repeat:no-repeat;



	 }

	 



/*バナー枠*/



  

#index .bnr_w {
padding:0px 0px 0px 12px;
line-height:150%;
color:#FFF;
}


#index .bnr_x {
padding:10px 0px 0px 12px;
line-height:150%;
color:#FFF;
}

#index .bnr_x .movbox {
	float:left;
	margin:10px 15px;
	_margin:10px 12px;
}





/*新着情報*/



#main div#news_title {

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 7px 10px;

	 background-image:url(images/index_main_bnr06.jpg);

	 height:31px;

	 width:706px;

	 text-indent:-9999px;

}







#main div#news_title02 {

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 5px 0px;

	 background-image:url(images/index_main_news04.jpg);

	 height:23px;

	 width:220px;

	 text-indent:-9999px;

}





#main div#news_title03 {

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 5px 0px;

	 background-image:url(images/index_main_news05.jpg);

	 height:23px;

	 width:220px;

	 text-indent:-9999px;

}



#main div#news_title04 {

	 padding:0px 0px 0px 0px;

	 margin:80px 0px 5px 0px;

	 background-image:url(images/index_main_news06.jpg);

	 height:23px;

	 width:220px;

	 text-indent:-9999px;

}













#main div.news {

	padding: 0px;

	margin:20px 0px 10px 0px;

	clear:both;
}



  

#main div.news01 {

	padding:0px 0px 10px 0px;

	margin:0px 0px 0px 12px;

	background-image:url(images/index_main_news03.jpg);

	background-position: bottom;

	background-repeat:no-repeat;

	font-size:12px;

	 width:701px;



	background-color:#FFFFFF;}

	



#main div.news01{

    zoom:1;/*for IE 5.5-7*/

}

#main div.news01:after{/*for modern browser*/

    content:".";

    display: block;

	padding:0px;

	margin:0px;

    height:0px;

    clear:both;

    line-height:0; 

    visibility:hidden;

}





  #main div.news01_top {

	padding:0px;

	margin:0px 0px 0px 12px;

	background-image:url(images/index_main_news02.jpg);

	background-repeat:no-repeat;

	font-size:0px;

	text-indent:-9999px;

	line-height:0;

	 width:701px;

	 height:10px;}



  

#main .news01 dl {

padding:0px;

margin:0px;

}

  

#main .news01 dt {	

	float: left;

	clear: left;

	color:#000000;

	letter-spacing:2px;

	line-height: 160%; 

	margin:0px 0px 0px 0px;

	padding:6px 0px 0px 10px;

	background-image:url(images/index_news_icon.gif);

	background-repeat:no-repeat;

 }

 

 





#main .news01 dd {	

	margin: 0px 0px 5px 125px;

	padding:5px 0px 2px 0px; 	

	line-height: 160%;

	color:#ea5206;



}



#main .news01 dd p {

	font-size:10px;

	color:#666666;

	letter-spacing:1px;



}





#main .news_box01 {	

	margin: 0px 0px 0px 0px;

	padding:0px 10px 0px 10px; 

	width:380px;


	float:left;



}

#main .news_box02 {	

	margin: 0px 0px 0px 0px;

	padding:0px 0px 0px 10px; 

	float:left;

	width:280px;
	border-left:2px solid #C8AF87;
}

#main .news_box02 img {
margin:5px auto;
padding:2px;
background:#FFF;
border:1px solid #000;
}


#main .news_box02 span {	

	color:#ea5206;

	font-size:12px;

	letter-spacing:1px;





}



#main .news_box02 p {	

	color:#7f6652;

	font-size:10px;

	letter-spacing:1px;

	padding:0px 0px 10px 0px;

	line-height:130%;





}





/*詳しくはこちらバナー*/

#index #news_bnr_a,

#index #news_bnr_a a{

display:block;

width:112px;

height:15px;

background-image:url(images/index_main_news08.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#index #news_bnr_a a:hover{

display:block;

width:112px;

height:15px;

background-image:url(images/index_main_news08_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#index #news_bnr_b,

#index #news_bnr_b a{

display:block;

width:121px;

height:15px;

background-image:url(images/index_main_news09.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#index #news_bnr_b a:hover{

display:block;

width:121px;

height:15px;

background-image:url(images/index_main_news09_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



.new_bnr_sp{

padding:0px 0px 10px 170px;}



.new_bnr_sp02{

padding:10px 0px 0px 160px;}









/*施工実績最新情報*/





#main .bnr11_a {

padding:0px 0px 0px 0px;

margin:0px;

}



#main .bnr11{



	width:706px;

	height:31px;

	background-image: url(images/index_main_news01_a.jpg);

	background-repeat:no-repeat;

	margin:0px 0px 12px 0px;

	padding:0px;

	display:block;

	text-indent:-9999px;

	outline:none;

	overflow:hidden;

}	



#main .sk {

width:706px;

padding:15px 0px 0px 0px;

margin:0px 0px 0px 10px;

background-image: url(images/index_main_sekou_top.jpg);

background-repeat:no-repeat;





}



#main .sk_tb_p {

text-align:center;

width:204px;

padding:5px 0px 0px 5px ;

margin:0px 0px 0px 0px;

background-image:url(images/index_main_sekou02.jpg);

background-color:#FFFFFF;

background-repeat:no-repeat;

}







#main div.sk_tb01_t01 {

float:left;

width:209px;

padding:0px 0px 0px 15px;

margin:0px 0px 0px 0px;



}







#main div.sk_tb01_t02 {

float:left;

width:209px;

padding:0px 0px 0px 22px;

margin:0px 0px 0px 0px;



}



#main div.sk_tb01_t03 {

float:left;

width:209px;

padding:0px 0px 0px 22px;

margin:0px 0px 0px 0px;



}





#main .sk_new_title{

	margin:0px 0px 4px 0px;

	padding:20px 0px 4px 3px;

	text-align:left;

	color:#fff;

	font-weight:normal;

	border-bottom:2px solid #4f3f3f;

	background-image:url(images/index_main_sekou03.jpg);

	background-repeat:no-repeat;

	width:205px;

	height:20px;





}	



#main h3{

	margin:0px 5px 5px 5px;

	padding:0px 0px 10px 0px;

	text-align:left;

	width:195px;

	color:#fff;

	font-weight:normal;}

	

#main h4{

	margin:0px 0px 2px 0px;

	padding:40px 5px 0px 5px;

	text-align:left;

	color:#FFFFFF;

	width:195px;

	line-height:140%;

	font-size:12px;

	font-weight:normal;

	background-image:url(images/index_main_sekou07.jpg);

	background-repeat:no-repeat;

	background-position:top center;}

	

	

/*その他の施工実績はこちらバナー*/





#main #main_skbnr,

#main #main_skbnr a {

	 padding:0px 0px 0px 0px;

	 margin:0px;

	 background-image:url(images/index_main_bnr02.jpg);

	 background-repeat:no-repeat;

	 width:212px;

	 height:25px;

	 display:block;

	 clear:both;

	 text-indent:-9999px;

	 overflow:hidden;

	 outline:none;

}



#main #main_skbnr a:hover {

	 padding:0px 0px 0px 0px;

	 margin:0px;

	 background-image:url(images/index_main_bnr02_a.jpg);

	 background-repeat:no-repeat;

	 width:212px;

	 height:25px;

	 display:block;

	 clear:both;

	 text-indent:-9999px;

	 overflow:hidden;

	 outline:none;

}



#main #main_skbnr_a {

	margin:0px 0px 0px 500px;

	padding:10px 0px 0px 0px;}

	

#main #free_html {

color:#FFFFFF;

font-size:12px;

margin:50px 0 0 20px;

padding:0 0 20px 10px;

width:600px;

}



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

ビフォーアフターのメインスタイル

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





#beforafter {

	 padding:0px 0px 0px 10px;

	 margin:0px;

}



#beforafter #title{

	 padding:55px 0px 0px 10px;

	 margin:0px 0px 20px 0px;

	 width:710px;

	 height:54px;

	 background-image:url(images/beforafter_title.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:12px;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#beforafter #title02{

	 padding:7px 0px 0px 18px;

	 margin:0px 0px 0px 22px;

	 width:662px;

	 height:32px;

	 background-image:url(images/beforafter_title02.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:16px;

	 font-weight:bold;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#beforafter .title02{

	 padding:7px 0px 0px 18px;

	 margin:0px 0px 0px 22px;

	 width:662px;

	 height:32px;

	 background-image:url(images/beforafter_title02.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:16px;

	 font-weight:bold;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}





#beforafter .txt{

	 padding:10px 20px 20px 20px;

	 margin:0px 0px 0px 18px;

	 width:630px;

	 color:#FFFFFF;

}





#beforafter .box_n {

padding:0px;

margin:0px 0px 0px 30px;

}



#beforafter .box01 {

width:200px;

float:left;

color:#FFFFFF;

padding:0px;

margin:10px 0px 50px 0px;

letter-spacing:1px;

line-height:140%;

text-align:center;

}



#beforafter .box01 a{

color:#FFFFFF;

font-size:10px;

letter-spacing:1px;

line-height:140%;

}



#beforafter .box02 {



float:left;

padding:0px;

margin:10px 0px 50px 20px;

background-color:#cccccc;

color:#FFFFFF;

letter-spacing:1px;

line-height:140%;}





#beforafter .box03 {



padding:10px 0px 0px 75px;

}





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

ビフォーアフター詳細ページのスタイル

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





#beforafter #title03{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:710px;

	 height:109px;

	 background-image:url(images/beforafter_title03.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



/*コメント部分*/



#beforafter .voice_txt {



padding:5px 20px 10px 20px;

margin:0px 0px 0px 0px;



}





/*お客様の要望*/



#beforafter .voice_title {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

background-image:url(images/beforafter_details_voice.jpg);

width:274px;

height:42px;

text-indent:-9999px;

}



#beforafter .box_a {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 40px;

}





#beforafter .box04 {



padding:0px 0px 0px 0px;

background-image:url(images/beforafter_details_voice02.jpg);

background-repeat:no-repeat;

background-position:bottom;

background-color:#FFFFFF;

width:274px;

float:left;

}





/*ビフォー*/

#beforafter .box05 {



padding:0px 0px 60px 0px;

margin:10px 150px 0px 20px;

background-image:url(images/beforafter_details_before.jpg);

background-repeat:no-repeat;

background-position:bottom;

width:340px;

float:right;

}



#beforafter .box05 img {



padding:10px;

margin:0px 0px 0px 20px;

background-color:#FFFFFF;



}





/*アフター*/



#beforafter .box_b {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 50px;

}



#beforafter .box06 {



padding:40px 0px 10px 0px;

margin:0px 0px 20px 0px;

background-image:url(images/beforafter_details_after.jpg);

background-repeat:no-repeat;

width:640px;

float:left;

text-align:center;

}



#beforafter .box06 img {



padding:10px;

margin:0px 0px 0px 0px;

background-color:#FFFFFF;



}





/*ビフォーアフター(小)*/





#beforafter .box_c {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 84px;

}



#beforafter .box07 {



padding:0px 0px 0px 0px;

margin:0px 0px 20px 0px;

width:225px;

float:left;

}



#beforafter .box08 {



padding:0px 0px 0px 74px;

margin:0px 0px 20px 0px;

background-image:url(images/beforafter_details_icon.jpg);

background-repeat:no-repeat;

width:225px;

float:left;

}





#beforafter .box07 img {



padding:10px;

margin:0px 0px 0px 0px;

background-color:#FFFFFF;



}



#beforafter .box08 img {



padding:10px;

margin:0px 0px 0px 5px;

background-color:#FFFFFF;



}





/*お客様の感想*/



#beforafter .box_d {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 70px;

}



#beforafter .voice_title02 {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

background-image:url(images/beforafter_details_voice03.jpg);

background-repeat:no-repeat;

width:550px;

height:41px;

text-indent:-9999px;

}





#beforafter .box09 {

padding:0px 0px 0px 0px;

margin:10px 0px 30px 0px;

background-image:url(images/beforafter_details_voice04.jpg);

background-repeat:no-repeat;

background-position:bottom;

background-color:#FFFFFF;

width:550px;

float:left;

}





#beforafter .voice_txt02 {



padding:5px 20px 15px 20px;

margin:0px 0px 0px 0px;



}



/*お問い合わせバナー*/

#beforafter #mail_bnr,

#beforafter #mail_bnr a{

display:block;

width:329px;

height:36px;

background-image:url(images/beforafter_details_mail.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#beforafter #mail_bnr a:hover{

display:block;

width:329px;

height:36px;

background-image:url(images/beforafter_details_mail_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#beforafter .box10 {



padding:0px 0px 0px 180px;

margin:0px 0px 0px 0px;



}





/*最下部ナビ*/





#beforafter .box_e {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 50px;

}





#beforafter .box11 {



padding:0px 0px 0px 0px;

margin:20px 0px 20px 0px;

width:300px;

float:left;

color:#FFFFFF;

}



#beforafter .box12 {



padding:0px 0px 0px 0px;

margin:20px 180px 20px 0px;

color:#FFFFFF;

text-align: right;

width:290px;

float:right;



}

#beforafter .box12 a{

	  color:#ffffff;

	  text-decoration:underline;

	  border:0px;

	  outline: none; }





#beforafter .box12 a:hover{

	  color:#ffffff;

	  text-decoration:none;

	  border:0px;

	  outline: none; }



#beforafter .box11 a{

	  color:#ffffff;

	  text-decoration:underline;

	  border:0px;

	  outline: none; }





#beforafter .box11 a:hover{

	  color:#ffffff;

	  text-decoration:none;

	  border:0px;

	  outline: none; }

	  

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

施工実績のメインスタイル

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

	

#works {

	 padding:0px 0px 0px 10px;

	 margin:0px;

}

  

		

#works_a {

	 padding:30px 0px 0px 5px;

	 margin:0px;

}

    

	  

#works #title01{

	 padding:55px 220px 0px 10px;

	 margin:0px 0px 20px 0px;

	 width:490px;

	 height:54px;

	 background-image: url(images/works_title01.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:12px;

	 line-height:140%;

	 display:block;

	 clear:both;

}







#works .box02 {

width:250px;

padding:0px 50px 0px 50px;

margin:0px 0px 30px 0px;

float: left;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:140%;}







#works .cate_title {

width:204px;

height:39px;

padding:7px 0px 0px 0px;

margin:0px 0px 5px 0px;

background-image:url(images/works_title03.jpg);

background-repeat:no-repeat;

text-align:center;

text-decoration:none;

color:#FFFFFF;

font-size:16px;

font-weight:bold;

letter-spacing:1px;

line-height:140%;}





#works .box02 img {

padding:7px;

margin:0px 0px 10px 0px;

background-color:#FFFFFF;}

	  

	  

	  

#works .box_b {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 20px;

}







/*一覧はこちらバナー*/

#works .bnr01,

#works .bnr01 a{

display:block;

width:130px;

height:20px;

background-image:url(images/works_bnr.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#works .bnr01 a:hover{

display:block;

width:130px;

height:20px;

background-image:url(images/works_bnr_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#works .box_c {



padding:0px 0px 0px 0px;

margin:10px 0px 0px 60px;

}



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

施工実績カテゴリのメインスタイル

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









#works #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:710px;

	 height:109px;

	 background-image:url(images/works_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#works #title02{

	 padding:7px 0px 0px 18px;

	 margin:0px 0px 0px 22px;

	 width:662px;

	 height:32px;

	 background-image:url(images/beforafter_title02.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:16px;

	 font-weight:bold;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}











/*コメント部分*/



#works .txt {



padding:10px 30px 20px 30px;

margin:0px 0px 0px 0px;

color:#FFFFFF;

font-size:12px;



}







#works .box_a {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 20px;

}







#works .box01 {

width:180px;

padding:0px 20px 0px 20px;

margin:0px 0px 30px 0px;

float: left;

color:#FFFFFF;

font-size:10px;

letter-spacing:1px;

line-height:140%;

text-align:center;

}



#works .box01 a{

color:#FFFFFF;

font-size:10px;

letter-spacing:1px;

line-height:140%;

}



#works .box01 img{

padding:0px;

margin:0px 0px 5px 0px;

}



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

施工実績の詳細ページのスタイル

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

#works .box03 {

width:620px;

padding:20px 0px 0px 0px;

margin:0px 0px 20px 0px;

text-align:center;

}





#works .box_d {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 43px;

}



#works_a .box_d {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 43px;

}



/*コメント部分*/



#works .txt_a {

width:600px;

padding:0px 0px 20px 10px;

margin:0px 0px 20px 0px;

color:#FFFFFF;

font-size:12px;



}





#works .box04 {

width:300px;

padding:0px 5px 15px 5px;

float:left;



}



#works .box05 {

width:300px;

padding:0px 5px 15px 5px;

float:left;



}





/*お客様の感想*/

#works .box06 {

width:603px;

padding:10px 10px 5px 10px;

margin:0px;

background-image:url(images/works_details_voice01.jpg);

background-repeat:no-repeat;

background-color:#f6ebd5;

}



#works .box06:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



#works .box07 {

width:623px;

height:7px;

padding:0px 0px 0px 0px;

margin:0px 0px 20px 0px;

line-height:0;

background-image:url(images/works_details_voice02.jpg);

background-repeat:no-repeat;

}



#works .voice_img {

padding:5px;

margin:0px 10px 0px 0px;

background-color:#FFFFFF;

float:left;}



#works .voice_txt{

padding:15px 5px 5px 5px;

float:left;

}



/*関連の施工実績*/



#works #title03{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 10px 0px;

	 width:640px;

	 height:39px;

	 background-image:url(images/works_details_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



/*#works .box01 {

width:130px;

color:#FFFFFF;

letter-spacing:1px;

line-height:130%;

float:left;

margin:0px;

font-size:10px;

padding:0px 15px 30px 15px;}



#works_a .box01 img {

padding:0px 0px 7px 0px;}

*/







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

お取り扱い商品のメインスタイル

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

	

#item {

	 padding:0px 0px 0px 10px;

	 margin:0px;

}

  	



	  

#item #title01{

	 padding:55px 220px 0px 10px;

	 margin:0px 0px 20px 0px;

	 width:490px;

	 height:54px;

	 background-image: url(images/item_title.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:12px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#item #title{

	 padding:55px 220px 0px 10px;

	 margin:0px 0px 20px 0px;

	 width:490px;

	 height:54px;

	 background-image: url(images/item_title03.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;

}







#item .box02 {

width:226px;

padding:0px 5px 0px 5px;

margin:0px 0px 30px 0px;

float: left;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:140%;}







#item .cate_title {

width:187px;

height:39px;

padding:7px 0px 0px 0px;

margin:0px 0px 5px 0px;

background-image:url(images/item_title02.jpg);

background-repeat:no-repeat;

text-align:center;

color:#FFFFFF;

font-size:16px;

font-weight:bold;

text-decoration:none;

letter-spacing:1px;

line-height:140%;}





#item .box02 img {

padding:7px;

margin:0px 0px 10px 0px;

background-color:#FFFFFF;}

	  

	  

	  

#item .box_b {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 20px;

}







/*一覧はこちらバナー*/

#item .bnr01,

#item .bnr01 a{

display:block;

width:130px;

height:20px;

background-image:url(images/works_bnr.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#item .bnr01 a:hover{

display:block;

width:130px;

height:20px;

background-image:url(images/works_bnr_a.jpg);

background-repeat:no-repeat;

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

text-indent:-9999px;

list-style-type:none;

overflow:hidden;

outline:none;

}



#item .box_c {



padding:0px 0px 0px 0px;

margin:10px 0px 0px 50px;

}







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

お取り扱いカテゴリページのスタイル

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



/*コメント部分*/



#item .txt {



padding:0px 30px 20px 30px;

margin:0px 0px 0px 0px;

color:#FFFFFF;

font-size:12px;



}

#item #title02{

	 padding:7px 0px 0px 18px;

	 margin:0px 0px 10px 22px;

	 width:662px;

	 height:32px;

	 background-image:url(images/item_title04.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:16px;

	 font-weight:bold;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#item .title02_b{

	 padding:7px 0px 0px 18px;

	 margin:0px 0px 0px 40px;

	 width:607px;

	 height:38px;

	 background-image:url(images/item_title05.jpg);

	 background-repeat:no-repeat;

	 color:#333333;

	 font-size:16px;

	 font-weight:bold;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}







#item .box_a {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 20px;

}





#item .img_box01 {

padding:0px 0px 0px 0px;

margin:15px 0px 0px 110px;

width:460px;

}

#item .txt_box01 {

padding:0px 0px 0px 0px;

margin:15px 0px 50px 110px;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:140%;

width:460px;

}







#item .box01 {

width:180px;

padding:0px 20px 0px 20px;

margin:0px 0px 30px 0px;

float: left;

color:#FFFFFF;

font-size:10px;

letter-spacing:1px;

line-height:140%;

text-align:center;

}



#item .box01 a{

color:#FFFFFF;

font-size:10px;

letter-spacing:1px;

line-height:140%;

}



#item .box01 img{

padding:0px;

margin:0px 0px 5px 0px;

}





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

お取り扱いページの詳細ページのスタイル

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

#item .box03 {

width:620px;

padding:20px 0px 0px 0px;

margin:0px 0px 20px 0px;

text-align:center;

}





#item .box_d {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 35px;

}



#item #title03 {

background-image:url(images/item_details_title.jpg);

background-repeat:no-repeat;

clear:both;

display:block;

height:39px;

line-height:140%;

margin:0 0 10px;

padding:0;

text-indent:-9999px;

width:640px;

}



/*コメント部分*/



#item .txt_a {

width:600px;

padding:0px 0px 20px 10px;

margin:0px 0px 20px 0px;

color:#FFFFFF;

font-size:12px;



}





#item .box04 {

width:300px;

padding:0px 5px 15px 5px;

float:left;



}



#item .box05 {

width:300px;

padding:0px 5px 15px 5px;

float:left;



}







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

よくある質問のスタイル

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

#faq  {

width:670px;

margin:0px 0px 0px 40px;}



#faq #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/faq_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#faq h2{

	 padding:14px 0px 0px 70px;

	 margin:0px 0px 10px 0px;

	 height:40px;

	 background-image:url(images/faq_title02.jpg);

	 background-repeat:no-repeat;

	 line-height:140%;

	 display:block;

	 clear:both;

	 color:#FFFFFF;

	 font-size:18px;

	 letter-spacing:1px;

}



#faq #txt01 {

width:650px;

margin:0px 10px 30px 10px;

padding:0px 0px 20px 0px;

border-bottom:2px solid #513f3f;

color:#FFFFFF;

font-weight:bold;

text-align: center;

letter-spacing:1px;}



#faq #txt02 {

margin:0px 0px 0px 50px;

padding:0px 0px 0px 0px;

}





#faq #txt02 ul {

margin:0px 0px 0px 70px;

padding:0px 0px 30px 0px;





}



#faq #txt02 li {

height:18px;

margin:0px 0px 10px 0px;

padding:0px 0px 0px 30px;

background-image:url(images/faq_icon.jpg);

background-repeat:no-repeat;

color:#FFFFFF;

font-size:12px;

list-style:none;

letter-spacing:1px;



}



#faq #txt02 a {

color:#FFFFFF;

font-size:12px;

text-decoration:none;



}





#faq #txt02 a:hover {

color:#FFFFFF;

text-decoration:underline;

font-size:12px;



}



#faq #answer {

background-image:url(images/faq_icon.jpg);

background-repeat:no-repeat;

padding:3px 10px 0 30px;

color:#FFFFFF;

margin-left:40px;

width:500px;

}

#faq .ichiran {
	text-align:right;
}

#faq .ichiran a {
	width:130px;
	margin-right:28px;
	text-align:center;
	display:block;
	background:#330000;
	border:1px solid #333;
	padding:5px;
	font-size:15px;
	color:#FFF;
}
#faq .ichiran a:hover {
	background:#4A2F11;
	border:1px solid #FFF;
}

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

リンクのスタイル

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

#link  {

width:670px;

margin:0px 0px 0px 40px;}



#link  #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 30px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/link_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#link div.box  {

width:450px;

margin:0px auto 0px auto;

padding:0px 0px 20px 0px;}



#link div.title_link {

height:26px;

background-image:url(images/link_icon.jpg);

background-repeat:no-repeat;

color:#FFFFFF;

border-bottom:1px solid #9a774d;}



#link .title02 {

padding:0px 0px 0px 30px;

width:195px;

float:left;}



#link .title03 {

width:225px;

float:left;

text-align:right;}



#link .box02  {

width:410px;

margin:30px auto 0px auto;

padding:0px 20px 20px 20px;}



#link div.box  a {

color:#FFFFFF;

font-size:12px;

text-decoration:none;



}





#link div.box  a:hover {

color:#FFFFFF;

text-decoration:underline;

font-size:12px;



}



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

個人情報保護方針のスタイル

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

#policy  {

width:670px;

margin:0px 0px 0px 40px;}



#policy #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/policy_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}





#policy #txt01 {

width:610px;

margin:0px 20px 30px 20px;

padding:0px 10px 20px 10px;

border-bottom:1px solid #c7a065;

color:#FFFFFF;

letter-spacing:1px;}





#policy #txt02  {

width:600px;

margin:0px 0px 0px 30px;}



#policy .title02 {

background-image:url(images/policy_title02.jpg);

background-repeat:no-repeat;

height:21px;

color:#FFFFFF;

font-size:14px;

padding:7px 0px 0px 25px;

margin:0px 0px 10px 0px;

}



#policy .box {

padding:0px 0px 0px 40px;

margin:0px 0px 30px 0px;

color:#FFFFFF;

font-size:12px;

line-height:150%;}







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

庭づくりに対する想いのスタイル

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

#message  {

width:670px;

margin:0px 0px 0px 40px;}



#message  #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/message_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}





#message #title02{

	 padding:8px 0px 0px 18px;

	 margin:0px 0px 30px 22px;

	 width:662px;

	 height:32px;

	 background-image:url(images/message_title02.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:16px;

	 font-weight:bold;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}

#message #box {

width:620px;

padding-top:0px;

padding-bottom:0px;

margin:0px 0px 30px 30px;

color:#FFFFFF;

font-size:14px;

line-height:150%;}



#message #txt03 {



color:#FFFFFF;

font-size:14px;

text-align:right;

padding:20px 0px 20px 0px;}









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

イベント情報のスタイル

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

#event  {

width:670px;

margin:0px 0px 0px 40px;}



#event  #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/event_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#event .title02{

	 padding:7px 0px 0px 18px;

	 margin:0px 0px 0px 22px;

	 width:662px;

	 height:32px;

	 background-image:url(images/beforafter_title02.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:16px;

	 font-weight:bold;

	 letter-spacing:1px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#event div.box  {

/*width:600px;

margin:0px auto 20px auto;*/

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:150%;

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

padding-left:20px;*/


}

#event div.box img {
	margin-top:20px;
}

#event div.box a {
	color:#FFF;
}

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

サイトマップのスタイル

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

#sitemap  {

width:670px;

margin:0px 0px 0px 40px;}



#sitemap  #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 40px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/sitemap_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#sitemap div.box {

width:272px;

margin:0px 25px 0px 25px;

padding:0px 0px 0px 0px;

float:left;}





#sitemap div.box li {

width:232px;

height:24px;

margin:0px auto 0px auto;

padding:2px 0px 10px 40px;

list-style:none;

background-image:url(images/sitemap_bg.jpg);

background-repeat:no-repeat;

letter-spacing:1px;

color:#FFFFFF;

font-size:12px;

}



#sitemap a {

color:#FFFFFF;

font-size:12px;

text-decoration:none;



}





#sitemap a:hover {

color:#FFFFFF;

text-decoration:underline;

font-size:12px;



}





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

特定商取引法の表記のスタイル

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

#tokutei  {

width:670px;

margin:0px 0px 0px 40px;}



#tokutei  #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 40px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/tokutei_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#tokutei div#box {

width:630px;

margin:0px auto 0px auto;

border-bottom:2px solid #6e5133;


}

#tokutei div.box01 {

width:155px;
margin:5px 0px 0px 0px;
padding:9px 0px 0px 22px;
border-top:2px solid #6e5133;
background:url(images/tokutei_icon.jpg) no-repeat 0 5px;
float:left;
color:#FFFFFF;
font-size:12px;
/*text-align:right;*/

}

#tokutei div.box02 {

width:433px;
margin:5px 0px 10px 0px;
padding:9px 0px 0px 20px;
border-top:2px solid #6e5133;
float:left;
color:#FFFFFF;
font-size:12px;}

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

特定商取引法の表記のスタイル

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

#recruit  {

width:670px;

margin:0px 0px 0px 40px;}



#recruit  #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 40px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/recruit_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#recruit div#box_first {

width:630px;

margin:0px auto 90px auto;

border-bottom:2px solid #6e5133;


}

#recruit div#box {

width:630px;

margin:0px auto 30px auto;

border-bottom:2px solid #6e5133;


}

#recruit div.box01 {

width:155px;
margin:5px 0px 0px 0px;
padding:9px 0px 0px 22px;
border-top:2px solid #6e5133;
background:url(images/tokutei_icon.jpg) no-repeat 0 5px;
float:left;
color:#FFFFFF;
font-size:12px;
/*text-align:right;*/

}

#recruit div.box02 {

width:433px;
margin:5px 0px 10px 0px;
padding:9px 0px 0px 20px;
border-top:2px solid #6e5133;
float:left;
color:#FFFFFF;
font-size:12px;}

#recruit div.box03 {
margin:0;
padding:0 0 0 180px;}

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

グリーンメイト会員登録のスタイル

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

#greenmate  {

width:670px;

margin:0px 0px 0px 40px;}



#greenmate  #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 40px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/greenmate_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#greenmate #box01{

width:635px;

margin:0px auto 20px auto;}



#greenmate #box02 {

width:550px;

color:#FFFFFF;

font-size:12px;

line-height:150%;

letter-spacing:1px;

padding:20px 40px 20px 40px;

border-bottom:2px solid #513f3f;}



#greenmate #box03{

width:550px;

margin:10px auto 40px auto;

text-align:center;

color:#FFFFFF;

font-size:12px;

line-height:150%;

letter-spacing:1px;}





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

会社概要のスタイル

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

#company  {

width:670px;

margin:0px 0px 0px 40px;}



#company #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 10px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/company_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#company #title02{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:597px;

	 height:40px;

	 background-image:url(images/company_title02.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#company #title03{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 10px 0px;

	 width:611px;

	 height:39px;

	 background-image:url(images/company_title03.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#company #box{

	 padding:0px 0px 0px 0px;

	 margin:0px auto 40px auto;

	 width:332px;

	 

}



#company #box img{

	 padding:0px 0px 0px 0px;

	 margin:0px auto 20px auto;



	 

}

#company #box02{

	 padding:0px 0px 0px 0px;

	 margin:0px auto 10px auto;

	 width:597px;

	} 



#company #box03{

	 padding:0px 0px 0px 0px;

	 margin:0px auto 40px auto;

	 width:611px;}

	 

#company #map{

	 padding:0px 0px 0px 0px;

	 margin:0px auto 40px auto;

	 width:600px;}

	 

#company #enkaku{

	 padding:0px 0px 0px 0px;

	 margin:0px auto 40px auto;

	 width:450px;}

	 

	 

#company div.box01 {

width:100px;

height:22px;

margin:0px 0px 0px 0px;

padding:0px 20px 0px 0px;

border-bottom:2px solid #6e5133;

float:left;

color:#FFFFFF;

font-size:14px;

font-weight:bold;

text-align:right;}



#company div.box02 {

height:22px;

width:190px;

margin:0px 0px 10px 0px;

padding:0px 0px 0px 20px;

border-bottom:2px solid #6e5133;

float:left;

color:#FFFFFF;

font-size:14px;}



#company div.box03 {

width:80px;

height:22px;

margin:0px 0px 0px 0px;

padding:0px 20px 0px 0px;

border-bottom:2px solid #6e5133;

float:left;

color:#FFFFFF;

font-size:12px;

text-align:right;}



#company div.box04 {

height:22px;

width:320px;

margin:0px 0px 10px 0px;

padding:0px 0px 0px 20px;

border-bottom:2px solid #6e5133;

float:left;

color:#FFFFFF;

font-size:12px;}





#company div.box05 {

width:80px;

height:40px;

margin:0px 0px 0px 0px;

padding:0px 20px 0px 0px;

border-bottom:2px solid #6e5133;

float:left;

color:#FFFFFF;

font-size:12px;

text-align:right;}



#company div.box06 {

height:40px;

width:320px;

margin:0px 0px 10px 0px;

padding:0px 0px 0px 20px;

border-bottom:2px solid #6e5133;

float:left;

color:#FFFFFF;

font-size:12px;}



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

入荷情報のスタイル

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

#arrival  {

width:670px;

margin:0px 0px 0px 40px;}



#arrival #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 30px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/arrival_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}

#arrival #txt01 {

width:650px;

margin:0px 10px 30px 10px;

padding:0px 0px 20px 0px;

border-bottom:2px solid #513f3f;

color:#FFFFFF;

font-weight:bold;

text-align: center;

letter-spacing:1px;}



#arrival .title02{

	 padding:3px 0px 0px 15px;

	 margin:0px 0px 5px 0px;

	 width:257px;

	 height:30px;

	 background-image:url(images/arrival_title02.jpg);

	 background-repeat:no-repeat;

	 color:#554b49;

	 font-size:16px;

	 font-weight:bold;

	 line-height:140%;

	 display:block;

	 clear:both;

}





#arrival .txt01 {

padding:0px 0px 0px 0px;

margin:0px auto 15px auto;

width:605px;

border-bottom:1px solid #160100;

border-left:1px solid #160100;

border-right:1px solid #160100;

}



#arrival .txt02 {

text-align:center;

color:#FFFFFF;

font-size:12px;

padding:0px 0px 10px 0px;}





#arrival .txt03  {

width:562px;

padding:0px 0px 0px 0px;

margin:0px auto 50px auto;}



#arrival .txt03 img {

float:left;}







#arrival .tab01 {

width:246px;

height:auto;

background-color:#fbf5e5;

border-top:1px solid #160100;

padding:7px;

float:left;

color:#6a3910;

}





#arrival .tab02 {

width:100px;

height:auto;

border-left:1px solid #160100;

border-top:1px solid #160100;

padding:7px;

float:left;

color:#6a3910;

background-color:#fbf5e5;

text-align:right;

}









#arrival .tab03 {

width:246px;

height:auto;

background-color:#d5bb9a;

border-top:1px solid #160100;

padding:7px;

float:left;

color:#6a3910;

}





#arrival .tab04 {

width:100px;

height:auto;

border-left:1px solid #160100;

border-top:1px solid #160100;

padding:7px;

float:left;

color:#6a3910;

background-color:#d5bb9a;

}

#arrival .text_rand {
	color:#FFF;
	padding:5px 0;
}

#arrival .text_rand a {
	color:#FFF;
}

#arrival .ichiran {
	width:605px;
	text-align:right;
}

#arrival .ichiran a {
	padding:10px;
	border:1px solid #D5BB9A;
	background:#FBF5E5;
}

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

マスコミ掲載情報のスタイル

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

#media  {

width:670px;

margin:0px 0px 40px 40px;}



#media #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/media_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#media .title02{

	 padding:7px 0px 0px 20px;

	 margin:0px 0px 10px 0px;

	 width:614px;

	 height:32px;

	 background-image:url(images/media_title02.jpg);

	 background-repeat:no-repeat;

	 color:#554b49;

	 font-size:15px;

	 font-weight:bold;

	 line-height:140%;

	 display:block;

	 clear:both;

}







#media #txt01 {

width:650px;

margin:0px 10px 30px 10px;

padding:0px 0px 20px 0px;

border-bottom:2px solid #513f3f;

color:#FFFFFF;

font-weight:bold;

text-align: center;

letter-spacing:1px;}



#media .txt02  {

width:630px;

padding:0px 0px 0px 0px;

margin:0px auto 50px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:220%;}





#media .txt02_img  {

padding:0px 20px 0px 4px;

margin:0px;

float:left;}



#media .txt02 span  {

padding:0px 0px 3px 20px;

margin:0px 0px 0px 0px;

height:16px;

background-image:url(images/media_icon.jpg);

background-repeat:no-repeat;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

}







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

今月のお買い得商品・おすすめ商品のスタイル

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

#osusume  {

width:670px;

margin:0px 0px 40px 40px;}



#osusume #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/osusume_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#osusume .txt02 {

text-align:center;

color:#FFFFFF;

font-size:12px;

padding:0px 0px 10px 0px;}



#osusume .title02{

	 padding:5px 0px 0px 20px;

	 margin:0px 0px 10px 0px;

	 width:585px;

	 height:28px;

	 background-image:url(images/osusume_title02.jpg);

	 background-repeat:no-repeat;

	 color:#554b49;

	 font-size:16px;

	 font-weight:bold;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#osusume .txt01  {

width:600px;

padding:0px 0px 0px 0px;

margin:0px auto 50px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:180%;}





#osusume .txt01 img  {

padding:3px;

margin:15px;

float:left;

border:1px solid #ffffff;

}







#osusume div.box01 {

width:90px;

margin:0px 0px 5px 0px;

padding:0px 20px 0px 3px;

border-bottom:2px solid #e5d6b9;

float:left;

color:#e5d6b9;

font-size:12px;}



#osusume div.box02 {

width:240px;

margin:0px 0px 5px 0px;

padding:0px 0px 0px 20px;

border-bottom:2px solid #e5d6b9;

float:left;

clear:right;

color:#FFFFFF;

font-size:12px;}







#osusume div.box03  {

padding:0px 0px 0px 0px;

margin:25px 0px 0px 0px;









}



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

お問い合わせのスタイル

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

#contact  {

width:670px;

margin:0px 0px 40px 40px;}



#contact #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/contact_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#contact #box{

width:555px;

background-color:#f5efe1;

margin:0px auto 20px auto;

padding:10px;}





#contact div.box01 {

width:120px;

margin:0px 0px 0px 0px;

padding:5px 20px 5px 3px;

float:left;

text-align:right;

color:#221715;

font-size:12px;}



#contact div.box02 {

width:390px;

margin:0px 0px 0px 0px;

padding:5px 0px 5px 20px;

border-left:1px solid #cfb896;

float:left;

clear:right;

color:#221715;

font-size:12px;}





#contact #box{

    zoom:1;/*for IE 5.5-7*/

}

#contact #box:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    line-height:0; 

    visibility:hidden;

}



#contact .words {

  width: 360px;

  height:200px;

  margin:0px 0px 0px 0px;

}



#contact .words02 {



  margin:5px 0px 0px 0px;

}



#contact .words01 {



  margin:10px auto 20px auto;

  letter-spacing:1px;

  text-align:center;

  color:#FFFFFF;

}





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

工事完了までの流れのスタイル

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

#flow  {

width:670px;

margin:0px 0px 40px 40px;}



#flow #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/flow_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}

#flow #txt01 {

width:650px;

margin:0px 10px 40px 10px;

padding:0px 0px 20px 0px;

border-bottom:2px solid #513f3f;

color:#FFFFFF;

font-weight:bold;

text-align: center;

letter-spacing:1px;}



#flow #txt02 {

width:620px;

margin:0px auto 0px auto;}



#flow #box01 {

width:520px;

margin:0px auto 0px auto;

padding:55px 0px 40px 100px;

color:#FFFFFF;

letter-spacing:1px;

line-height:160%;

background-image: url(images/flow_img01.jpg);

background-repeat:no-repeat;}



#flow #box02 {

width:520px;

margin:0px auto 0px auto;

padding:65px 0px 50px 100px;

color:#FFFFFF;

letter-spacing:1px;

line-height:160%;

background-image: url(images/flow_img02.jpg);

background-repeat:no-repeat;}





#flow #box03 {

width:520px;

margin:0px auto 0px auto;

padding:55px 0px 40px 100px;

color:#FFFFFF;

letter-spacing:1px;

line-height:160%;

background-image: url(images/flow_img03.jpg);

background-repeat:no-repeat;}







#flow #box04 {

width:520px;

margin:0px auto 0px auto;

padding:65px 0px 50px 100px;

color:#FFFFFF;

letter-spacing:1px;

line-height:160%;

background-image: url(images/flow_img04.jpg);

background-repeat:no-repeat;}



#flow #box05 {

width:520px;

margin:0px auto 0px auto;

padding:55px 0px 40px 100px;

color:#FFFFFF;

letter-spacing:1px;

line-height:160%;

background-image: url(images/flow_img05.jpg);

background-repeat:no-repeat;}



#flow #box06 {

width:520px;

margin:0px auto 0px auto;

padding:65px 0px 50px 100px;

color:#FFFFFF;

letter-spacing:1px;

line-height:160%;

background-image: url(images/flow_img06.jpg);

background-repeat:no-repeat;}





#flow #box07 {

width:520px;

margin:0px auto 0px auto;

padding:55px 0px 40px 100px;

color:#FFFFFF;

letter-spacing:1px;

line-height:160%;

background-image: url(images/flow_img07.jpg);

background-repeat:no-repeat;}





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

お客様の声のスタイル

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

#voice  {

width:670px;

margin:0px 0px 40px 40px;}



#voice #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 20px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/voice_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}

#voice #txt01 {

width:650px;

margin:0px 10px 40px 10px;

padding:0px 0px 20px 0px;

border-bottom:2px solid #513f3f;

color:#FFFFFF;

font-weight:bold;

text-align: center;

letter-spacing:1px;}



#voice .box01 {

width:597px;

background-color:#FFFFFF;

background-image:url(images/voice_tab01.jpg);

background-repeat:no-repeat;

margin:0px auto 0px auto;

padding:10px 15px 10px 10px;

color:#666666;}



#voice .box01:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



#voice .box02 {

width:612px;

height:31px;

background-color:#FFFFFF;

background-image:url(images/voice_tab02.jpg);

background-repeat:no-repeat;

margin:0px auto 40px auto;

padding:10px 10px 0px 0px;

text-align:right;}



#voice .title {

background-image:url(images/voice_icon.jpg);

background-repeat:no-repeat;

font-size:14px;

height:20px;

font-weight:bold;

color:#966731;

padding:5px 0px 0px 30px;

margin:0px 10px 5px 10px;

border-bottom:2px solid #cbb492;}



#voice .txt02 {

padding:0px 10px 0px 10px;



}

/* Hides CSS from MacIE \*/

* html #voice .photo {

background: url(images/shadow_pas.gif) right bottom;

margin-top: 8px;

float: left;

}

/* */



#voice .photo {

background: url(images/shadow_pas.gif) right bottom ;

float: left;

padding:0px;

margin:10px;

}



/* Hides CSS from MacIE \*/

* html #voice .photo_ie {

position: relative;

left: -4px; 

top: -4px;

padding: 4px;

background-color: #fefefe;

border: 1px solid #98a5b9;

display: block;

}

/* */



head:first-child+body .photo img {

position: relative;

left: -4px; 

top: -4px;

padding: 4px;

background-color: #fefefe;

border: 1px solid #98a5b9;

}









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

スタッフ紹介のスタイル

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

#staff  {

width:670px;

margin:0px 0px 40px 40px;}



#staff #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 30px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/staff_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#staff #box{

width:630px;

margin:0px auto 0px auto;

padding:0px;}





#staff .box01{

width:599px;

margin:0px auto 0px auto;

padding:0px 15px 10px 15px;

background-image:url(images/staff_bg_a.jpg);

background-repeat:no-repeat;

background-position:bottom;}



#staff .box01_a{

width:629px;

margin:0px auto 30px auto;

padding:12px 0px 0px 0px;

background-image:url(images/staff_bg.jpg);

background-repeat:no-repeat;

}



#staff .img_a{

background-image:url(images/staff_imgbg_a.jpg);

background-repeat:no-repeat;

width:210px;

padding:0px;

margin:0px 20px 0px 0px;

float:left;}





#staff .img{

background-image:url(images/staff_imgbg.jpg);

background-repeat:no-repeat;

background-position:bottom;

width:180px;

padding:15px 15px 15px 15px;

margin:0px 20px 0px 0px;

float:left;}



#staff .txt{

width:350px;

margin:0px auto 0px auto;

padding:5px;

float:left;}



#staff .txt01{

color:#7f501c;

padding:7px 0px 5px 0px;

font-size:16px;

text-align:center;

font-weight:bold;

border-bottom:2px solid #bb9c70;

letter-spacing:1px;

line-height:1.5em;

}



#staff .txt_a{

float:left;}



#staff .txt01 span{



color:#7f501c;

padding:0px 0px 0px 0px;

font-size:20px;

}





#staff .txt02{

color:#7f501c;

padding:7px 0px 5px 0px;

font-size:14px;

text-align:center;

font-weight:bold;

border-bottom:2px solid #bb9c70;

letter-spacing:1px;

}



#staff .txt03{

color:#666;

padding:7px 0px 5px 0px;

font-size:12px;

border-bottom:2px solid #bb9c70;

letter-spacing:1px;

}



#staff .txt03 span{



color:#7f501c;

padding:0px 10px 0px 10px;

font-size:12px;

font-weight:bold;

}



#staff .txt04{

color:#666;

padding:3px 10px 5px 10px;

font-size:12px;



}



#staff .txt04 span{



color:#7f501c;

padding:0px 0px 0px 0px;

font-size:12px;

font-weight:bold;

}







#staff .txt05{

width:170px;

height:33px;

font-size:12px;

float:left;

color:#7f501c;

padding:7px 0px 5px 0px;

margin:0px 0px 5px 0px;

font-weight:bold;

border-bottom:2px solid #bb9c70;

letter-spacing:1px;

}



#staff .txt06{

width:180px;

float:left;

clear:right;

color:#7f501c;

height:25px;

padding:15px 0px 5px 0px;

margin:0px 0px 5px 0px;

font-size:20px;

text-align:center;

font-weight:bold;

border-bottom:2px solid #bb9c70;

letter-spacing:1px;

}







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

ガーデンリフォームローンのスタイル

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

#loan  {

width:670px;

margin:0px 0px 70px 40px;}



#loan #title{

	 padding:0px 0px 0px 0px;

	 margin:0px 0px 10px 0px;

	 width:672px;

	 height:42px;

	 background-image:url(images/loan_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#loan .title02{

	 padding:10px 0px 0px 20px;

	 margin:0px 0px 15px 0px;

	 width:651px;

	 height:26px;

	 background-image:url(images/loan_title02.jpg);

	 background-repeat:no-repeat;

	 color:#554b49;

	 font-size:14px;

	 font-weight:bold;

	 line-height:140%;

	 letter-spacing:1px;

	 display:block;

	 clear:both;

}



#loan #box{

width:660px;

margin:0px auto 20px auto;

padding:0px;}





#loan #box02{

width:671px;

margin:0px auto 20px auto;

padding:0px;}



#loan #box03{

width:646px;

margin:0px auto 7px auto;

padding:0px;

background-color:#faecdf;}



#loan #box04{

width:646px;

margin:0px auto 50px auto;

padding:0px;

background-color:#faecdf;}



#loan #box05{

width:644px;

margin:0px auto 7px auto;

padding:0px;

background-color:#faecdf;}



#loan #box06{

width:580px;

margin:10px auto 50px auto;

padding:0px;

color:#FFFFFF;

font-size:16px;

line-height:140%;

letter-spacing:1px;}



#loan .txt{

padding:0px 15px 10px 15px;

margin:0px auto 0px auto;

color:#FFFFFF;

letter-spacing:1px;}



#loan .txt02{

padding:0px 15px 10px 15px;

margin:0px auto 20px auto;

color:#FFFFFF;

font-size:10px;

letter-spacing:1px;}







#loan .tab01 {

width:140px;

height:auto;

background-color:#faecdf;

border-top:1px solid #d3b285;

padding:7px;

float:left;

color:#333;

}





#loan .tab02 {

width:211px;

height:auto;

border-left:1px solid #d3b285;

border-top:1px solid #d3b285;

padding:7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

letter-spacing:1px;

background-color:#b7d8c5;

letter-spacing:1px;

}



#loan .tab03 {

width:251px;

height:auto;

border-left:1px solid #d3b285;

border-top:1px solid #d3b285;

padding:7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

background-color:#faecdf;

letter-spacing:1px;

}







#loan .tab04 {

width:140px;

height:auto;

background-color:#faecdf;

border-top:1px solid #d3b285;

padding:23px 7px 7px 7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

letter-spacing:1px;



}



#loan .tab04_a {

width:140px;

height:auto;

background-color:#faecdf;

border-top:1px solid #d3b285;

padding:7px 7px 7px 7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

letter-spacing:1px;



}







#loan .tab05 {

width:211px;

height:auto;

border-left:1px solid #d3b285;

border-top:1px solid #d3b285;

padding:7px;

float:left;

color:#333;

background-color:#eaf2e5;

}



#loan .tab06 {

width:251px;

height:auto;

border-left:1px solid #d3b285;

border-top:1px solid #d3b285;

padding:7px;

float:left;

color:#333;

background-color:#ffffff;

}





#loan .tab08 {

width:150px;

height:auto;

background-color:#faecdf;

border-top:1px solid #d3b285;

padding:7px 7px 7px 7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

letter-spacing:1px;



}



#loan .tab08_a{

width:150px;

height:auto;

background-color:#faecdf;

border-top:1px solid #d3b285;

padding:23px 7px 7px 7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

letter-spacing:1px;



}



#loan .tab08_b{

width:150px;

height:auto;

background-color:#faecdf;

border-top:1px solid #d3b285;

padding:16px 7px 7px 7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

letter-spacing:1px;



}



#loan .tab07 {

width:466px;

height:auto;

border-left:1px solid #d3b285;

border-top:1px solid #d3b285;

padding:7px;

float:left;

color:#333;

background-color:#ffffff;

}



#loan .tab09 {

width:77px;

height:auto;

background-color:#faecdf;

border-top:1px solid #d3b285;

border-left:1px solid #d3b285;

padding:7px 7px 7px 7px;

float:left;

color:#333;

text-align:center;

font-weight:bold;

letter-spacing:1px;



}



#loan .tab10 {

width:77px;

height:auto;

background-color:#fff;

border-top:1px solid #d3b285;

border-left:1px solid #d3b285;

padding:7px 7px 7px 7px;

float:left;

color:#333;

text-align:center;

letter-spacing:1px;



}





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

店舗・エクステリア展示場のご案内のメインスタイル

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

	

#guide {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

}

  

		



	  

#guide #title{

	 padding:55px 220px 0px 10px;

	 margin:0px 0px 20px 0px;

	 width:490px;

	 height:90px;

	 background-image: url(images/guide_title.jpg);

	 background-repeat:no-repeat;

	 color:#FFFFFF;

	 font-size:12px;

	 line-height:140%;

	 display:block;

	 clear:both;

}



#guide #box{

width:680px;

margin:0px auto 30px auto;

padding:0px;

}

#guide #box01{

width:670px;

margin:0px auto 0px auto;

padding:0px;

}





#guide .box02 {

width:207px;

padding:0px 7px 0px 7px;

margin:0px 0px 30px 0px;

float: left;

color:#FFFFFF;

font-size:12px;



line-height:140%;}







#guide .cate_title {

width:207px;

height:39px;

padding:0px 0px 7px 0px;

margin:0px 0px 0px 0px;

text-align:center;

}





#guide .cate_title02 {

width:207px;

height:39px;

padding:0px 0px 7px 0px;

margin:0px 0px 0px 0px;

text-align:center;

}



#guide .cate_title03 {

width:207px;

height:39px;

padding:0px 0px 7px 0px;

margin:0px 0px 0px 0px;

text-align:center;

}



#guide .cate_title04 {

width:207px;

height:39px;

padding:0px 0px 7px 0px;

margin:0px 0px 0px 0px;

text-align:center;

}



#guide .cate_title05 {

width:207px;

height:39px;

padding:0px 0px 7px 0px;

margin:0px 0px 0px 0px;

text-align:center;

}



#guide .cate_title06 {

width:207px;

height:39px;

padding:0px 0px 7px 0px;

margin:0px 0px 0px 0px;

text-align:center;

}



#guide .cate_title07 {

width:207px;

height:39px;

padding:0px 0px 7px 0px;

margin:0px 0px 0px 0px;

text-align:center;

}



#guide .txt {



padding:0px 5px 10px 7px;

margin:0px 0px 0px 0px;

}  

	  

	  

#guide .box_b {



padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

}









#guide .box_c {



padding:0px 0px 0px 0px;

margin:5px 0px 0px 45px;

}



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

A館メインスタイル

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

	

#guide_a {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

	 color:#FFFFFF;

}

  

		



	  

#guide_a #title{

	 padding:0px;

	 margin:0px 0px 10px 0px;

	 width:703px;

	 height:137px;

	 background-image: url(images/guide_a_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;

}



#guide_a #box{

width:620px;

margin:0px auto 30px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:160%;

padding:0px 30px 0px 30px;

}



#guide_a #box02{

width:680px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;

}

#guide_a #box02 img{



margin:0px auto 20px auto;



}



#guide_a #box04{

width:300px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;

}



#guide_a #box05{

width:300px;

margin:10px auto 30px auto;

padding:0px;

text-align:center;

}

#guide_a #box06{

width:300px;

margin:0px auto 0px auto;

padding:0px;

text-align:center;

}



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

B館メインスタイル

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

	

#guide_b {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

	 color:#FFFFFF;}

 

	  

#guide_b #title{

	 padding:0px;

	 margin:0px 0px 10px 0px;

	 width:703px;

	 height:137px;

	 background-image: url(images/guide_b_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;}



#guide_b #box{

width:620px;

margin:0px auto 30px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:160%;

padding:0px 30px 0px 30px;}



#guide_b #box02{

width:680px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_b #box02 img{

margin:0px auto 20px auto;}



#guide_b #box04{

width:300px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_b #box05{

width:300px;

margin:10px auto 30px auto;

padding:0px;

text-align:center;}



#guide_b #box06{

width:300px;

margin:0px auto 0px auto;

padding:0px;

text-align:center;}





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

C館メインスタイル

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

	

#guide_c {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

	 color:#FFFFFF;}

 

	  

#guide_c #title{

	 padding:0px;

	 margin:0px 0px 10px 0px;

	 width:703px;

	 height:137px;

	 background-image: url(images/guide_c_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;}



#guide_c #box{

width:620px;

margin:0px auto 30px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:160%;

padding:0px 30px 0px 30px;}



#guide_c #box02{

width:680px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}





#guide_c #box04{

width:300px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_c #box05{

width:300px;

margin:10px auto 30px auto;

padding:0px;

text-align:center;}



#guide_c #box06{

width:300px;

margin:0px auto 0px auto;

padding:0px;

text-align:center;}







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

D館メインスタイル

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

	

#guide_d {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

	 color:#FFFFFF;}

 

	  

#guide_d #title{

	 padding:0px;

	 margin:0px 0px 10px 0px;

	 width:703px;

	 height:137px;

	 background-image: url(images/guide_d_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;}



#guide_d #box{

width:620px;

margin:0px auto 30px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:160%;

padding:0px 30px 0px 30px;}



#guide_d #box02{

width:680px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_d #box02 img{

margin:0px auto 20px auto;}



#guide_d #box04{

width:300px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_d #box05{

width:300px;

margin:10px auto 30px auto;

padding:0px;

text-align:center;}



#guide_d #box06{

width:300px;

margin:0px auto 0px auto;

padding:0px;

text-align:center;}





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

E館メインスタイル

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

	

#guide_e {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

	 color:#FFFFFF;}

 

	  

#guide_e #title{

	 padding:0px;

	 margin:0px 0px 10px 0px;

	 width:703px;

	 height:137px;

	 background-image: url(images/guide_e_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;}



#guide_e #box{

width:620px;

margin:0px auto 30px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:160%;

padding:0px 30px 0px 30px;}



#guide_e #box02{

width:680px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}







#guide_e #box04{

width:300px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_e #box05{

width:300px;

margin:10px auto 30px auto;

padding:0px;

text-align:center;}



#guide_e #box06{

width:300px;

margin:0px auto 0px auto;

padding:0px;

text-align:center;}







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

F館メインスタイル

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

	

#guide_f {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

	 color:#FFFFFF;}

 

	  

#guide_f #title{

	 padding:0px;

	 margin:0px 0px 10px 0px;

	 width:703px;

	 height:137px;

	 background-image: url(images/guide_f_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;}



#guide_f #box{

width:620px;

margin:0px auto 30px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:160%;

padding:0px 30px 0px 30px;}



#guide_f #box02{

width:680px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_f #box02 img{

margin:0px auto 20px auto;}



#guide_f #box04{

width:300px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_f #box05{

width:300px;

margin:10px auto 30px auto;

padding:0px;

text-align:center;}



#guide_f #box06{

width:300px;

margin:0px auto 0px auto;

padding:0px;

text-align:center;}









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

コンサルティングルームのメインスタイル

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

	

#guide_con {

	 padding:0px 0px 0px 10px;

	 width:700px;

	 margin:0px;

	 color:#FFFFFF;}

 

	  

#guide_con #title{

	 padding:0px;

	 margin:0px 0px 10px 0px;

	 width:703px;

	 height:137px;

	 background-image: url(images/guide_con_title.jpg);

	 background-repeat:no-repeat;

	 text-indent:-9999px;

	 display:block;

	 clear:both;}



#guide_con #box{

width:620px;

margin:0px auto 30px auto;

color:#FFFFFF;

font-size:12px;

letter-spacing:1px;

line-height:160%;

padding:0px 30px 0px 30px;}



#guide_con #box02{

width:680px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_con #box02 img{

margin:0px auto 20px auto;}



#guide_con #box04{

width:300px;

margin:0px auto 30px auto;

padding:0px;

text-align:center;}



#guide_con #box05{

width:300px;

margin:10px auto 30px auto;

padding:0px;

text-align:center;}



#guide_con #box06{

width:300px;

margin:0px auto 0px auto;

padding:0px;

text-align:center;}



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

フッターのスタイル

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

 

	  

#footer {

	  

      margin: 0px auto 0px auto;

	  padding:0px;

          min-width:1170px;

	  background-image:url(images/index_footer_bg.jpg);

	  background-color:#160100;

	  letter-spacing:1px;

}



#footer_main {

	  

      margin: 0px auto 0px auto;

	  width:950px;

	  text-align:center;

	  font-size:10px;

	  line-height:120%;

	  padding:15px 0px 0px 0px;

	  background-image: url(images/index_footer_bg02.jpg);

}



 #footer h1 {

 font-size:12px;

 padding:10px 0px 0px 0px;

 font-weight:normal;

 letter-spacing:1px;

 text-align:center;

 background:#FFF;

margin-top:5px;
}

	  

 #footer_ad {

	  

      margin: 50px 0px 0px 0px;



	  text-align:left;

	  font-size:12px;

	  color:#FFFFFF;

	  line-height:350%;

	  letter-spacing:2px;

	  padding:20px 0px 30px 342px;}

	  

	  

	  div#footer ul{

	display:block;

	list-style-type:none;

	text-align:center;

	list-style-type:none;

	padding:0px 0px 4px 0px;













}

div#footer ul li{

	display:inline;

	color:#666666;

	line-height:1.5em;

	background:#FFF;

}

div#footer ul li a{

	color:#333333;

	text-decoration:none;

}

div#footer ul li a:hover{

	color:#999999;

	text-decoration:underline;

}



#map_canvas{

	width:600px;

	height:400px;

}



#back-next {

font-size:14px;

color:#ffffff;

text-align:center;

}



#back-next a{

font-size:14px;

color:#ffffff;

text-align:center;

}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#bottom_bnr {
	clear:both;
}

#main_bottom_bnr {
	float:left;
	padding:0;
	width:210px;
	margin:5px 10px;
}

/*--------------------------------------------------------------------
日記
--------------------------------------------------------------------*/

#blog_w  {
margin:0;
padding:0 0 0 10px;
}


#blog_w div#title {
	 padding:0px 0px 0px 0px;
	 margin:0px 0px 30px 0px;
	 width:672px;
	 height:42px;
	 background-image:url(images/blog_title.jpg);
	 background-repeat:no-repeat;
	 text-indent:-9999px;
	 line-height:140%;
	 display:block;
	 clear:both;
  }

#blog {
margin:0 0 0 20px;
text-align:center;
width:670px;
}

#blog h2 {
	background:url(images/blog_h2.jpg) 0 0 no-repeat;
	width:723px;
	height:68px;
	text-indent:-9999px;
	margin:0 auto;
}

#blog h3 {
	display:block;
	font-weight:bold;
	height:24;
	margin:10px auto;
	padding:5px;
	text-indent:0;
	width:635px;
	text-align:left;
	color:#FFF;
	font-size:16px;
	border:1px dotted #FFF;
	
}

#blog .blog_box {
	clear: both;
	display: block;
	margin-bottom:10px;
	padding: 10px;
	text-align:left;
	border:1px solid #FFFFFF;
}

#blog .blog_box .right {
	float:right;
	padding:10px;
}

#blog .blog_box .right img {
	border:1px solid #CCC;
	padding:2px;
	background:#FFF;
}

#blog .blog_box .left {
	color:#FFF;
}

#blog .blog_box .left h4 {
	font-size:112%;
	font-weight:bold;
	margin-bottom:15px;
	border-bottom:1px dotted #FFF;
	overflow:hidden;
	padding:0 0 5px 0;
	height:auto;
	width:auto;
	background:none;
}

#blog .blog_box .left h4 a {
	color:#FFF;
	text-decoration:none;
}

#blog .blog_box .left h4 a:hover {
	color:#C28357;
	text-decoration:underline;
}

#blog .blog_box .left p {
}

#blog p.day {
	border-left:4px solid #FFF;
	text-indent:5px;
	padding:2px;
	color:#FFF;
	margin-bottom:5px;
	text-align:left;
}

#blog .blog_box .btn {
	clear:both;
	text-align:right;
	padding:10px 20px;
}

#blog .blog_box .btn a {
	color:#FFF;
}

.blogunder {
	clear:both;
	letter-spacing:1px;
	margin:20px 0 20px 370px;
	padding:0;
}

.blogunder a {
	width:130px;
	padding:5px;
	text-align:center;
	display:block;
	border:1px #CCC solid;
	color:#FFF;
}

/*--エントリー--*/

#blog #entry {
	clear: both;
	display: block;
	width: 615px;
	margin:10px auto;
	padding: 10px;
	text-align:left;
	border:1px solid #FFF;
	word-wrap: break-word;
	color:#FFF;
}

#blog #entry p {
	margin-bottom:5px;
	clear:both;
}

#blog #entry img {
	margin-bottom:5px;
	padding:5px;
	clear:both;
}

#blog #entry img.alignright {
	float:right;
	clear:both;
	margin-bottom:5px;
}

#blog #entry img.alignleft {
	float:left;
	clear:both;
	margin-bottom:5px;
}

#blog #entry img.aligncenter {
	display:block;
	margin:0 auto 5px auto;
	clear:both;
}

#blog #entry h1,
#blog #entry h2,
#blog #entry h3,
#blog #entry h4,
#blog #entry h5,
#blog #entry h6 {
	display:block;
	margin:5px 0;
	padding:0;
	background:none;
	border:none;
	text-indent:0;
	width:auto;
	height:auto;
}

#blog #entry h1 {
	font-size:30px;
}

#blog #entry h2 {
	font-size:25px;
}

#blog #entry h3 {
	font-size:20px;
}

#blog #entry h4 {
	font-size:15px;
}

#blog #entry h5 {
	font-size:12px;
}

#blog #entry h6 {
	font-size:10px;
}



/*--------------------------------------------------------------------
受賞歴のスタイル
--------------------------------------------------------------------*/
#award  {
width:670px;
margin:0px 0px 40px 40px;}

#award #title{
	 padding:0px 0px 0px 0px;
	 margin:0px 0px 20px 0px;
	 width:672px;
	 height:42px;
	 background-image:url(images/award_title.jpg);
	 background-repeat:no-repeat;
	 text-indent:-9999px;
	 line-height:140%;
	 display:block;
	 clear:both;
}

#award .title02{
	 padding:7px 0px 0px 20px;
	 margin:0px 0px 10px 0px;
	 width:614px;
	 height:32px;
	 background-image:url(images/media_title02.jpg);
	 background-repeat:no-repeat;
	 color:#554b49;
	 font-size:15px;
	 font-weight:bold;
	 line-height:140%;
	 display:block;
	 clear:both;
}



#award #txt01 {
width:650px;
margin:0px 10px 30px 10px;
padding:0px 0px 20px 0px;
border-bottom:2px solid #513f3f;
color:#FFFFFF;
font-weight:bold;
text-align: center;
letter-spacing:1px;}

#award .txt02  {
width:630px;
padding:0px 0px 0px 0px;
margin:0px auto 50px auto;
color:#FFFFFF;
font-size:12px;
letter-spacing:1px;
line-height:220%;}


#award .txt02_img  {
padding:0px 20px 0px 4px;
margin:0px;
float:left;}

#award .btn {
	text-align:right;
	margin-top:15px;
}
/*--------------------------------------------------------------------
受賞歴の詳細ページのスタイル
--------------------------------------------------------------------*/
#award_details {
	 padding:0px 0px 0px 10px;
	 margin:0px;
}

#award_details #title{
	 padding:0px 0px 0px 0px;
	 margin:0px 0px 20px 0px;
	 width:672px;
	 height:42px;
	 background-image:url(images/award_title.jpg);
	 background-repeat:no-repeat;
	 text-indent:-9999px;
	 line-height:140%;
	 display:block;
	 clear:both;
}

#award_details #title02{
	 padding:7px 0px 0px 20px;
	 margin:0px 0px 10px 35px;
	 width:614px;
	 height:32px;
	 background-image:url(images/media_title02.jpg);
	 background-repeat:no-repeat;
	 color:#554b49;
	 font-size:15px;
	 font-weight:bold;
	 line-height:140%;
	 display:block;
	 clear:both;
}

#award_details .box03 {
width:620px;
padding:20px 0px 0px 0px;
margin:0px 0px 20px 0px;
}


#award_details .box_d {

padding:0px 0px 0px 0px;
margin:0px 0px 0px 43px;
}


/*コメント部分*/

#award_details .txt_a {
width:600px;
padding:0px 0px 20px 10px;
margin:0px 0px 20px 0px;
color:#FFFFFF;
font-size:12px;

}


#award_details .box04 {
width:300px;
padding:0px 5px 15px 5px;
float:left;

}

#award_details .box05 {
width:300px;
padding:0px 5px 15px 5px;
float:left;

}

/*--最下層アンダーリンク--*/
#navigation {
	margin:30px 0px 30px 35px;
	padding:5px 0px;
	border-top:1px dotted #FFF;
	width:640px;
	clear:both;
}

.back {
	text-align:left;
	float:left;
	width:300px;
	color:#FFF;
}

.next {
	text-align:right;
	float:right;
	width:300px;
	color:#FFF;
}

.back a,
.next a {
	color:#FFF;
}

.clr {
	clear:both;
}

/*TOPバナー追加20111111-----------------*/
#index p.dobble_bnr {
float:left;
margin-right:15px;
margin-bottom:15px;
}
/*---------------------------------------*/