@charset "utf-8";
/* CSS Document */
/* 2009/05 renewal */


html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

/* Neutralize styling: Elements with a vertical margin: */
 
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	padding: 0;
}


a{text-decoration:none;font-size:13px;} 
a:link{color:#5A4545;} 
a:visited {color:#795d5d;} 
a:hover{
}

/* Apply left margin:Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
	padding: 2px;
}

textarea {
	font-size: 130%;
}

body{
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	scrollbar-face-color: #ffffff;
  	scrollbar-3dlight-color: #cccccc;  
  	scrollbar-highlight-color: #ffffff; 
  	scrollbar-shadow-color: #ffffff;   
  	scrollbar-darkshadow-color: #cccccc;
  	scrollbar-arrow-color: #cccccc;  
  	scrollbar-track-color: #ffffff;
}

*{
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 13px;
	line-height: 140%;
}

ul{
	list-style:none;
	margin:0px;
}

img{
	border:none;
	margin-top:5px;
}

p{
	font-size:13px;
	line-height:150%;
	color:#333;
	margin:0px 0px 10px 0px;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.float_clear{
	clear:both;
}

.float_left_img{
	float:left;
	margin-top:10px;
}

.float_right_img{
	float:right;
	margin-top:10px;
}




/*top header formating */
#maincopy {
	float: left;
	width:600px;
}

#maincopy h1 {
	font-size:10px;
	font-weight:200;
}

#maincopy h2{
	font-size:10px;
	font-weight:normal;
}

#gnav_header{
	width:760px;
	padding:0px 20px 0px 20px;
	margin:10px auto 0px auto;
	height:50px;
}

/* fallowing two are topper inquirey link flag styles */
#glin_toper{
	position:relative;
	top:8px;
	display:block;
	left:610px;
	width:152px;
	height:44px;
	background-image:url(../images/btn_sitemap.jpg);
	z-index:0
}


/*main pagecontainer starting here*/
#gnav_contanier{
	position:relative;
	width:810px;
	margin:0px auto auto auto;
	background:url(../images/bk.jpg) repeat-y;
	height:auto;
	z-index:5;
}

/*項目見出しの設定（h4 class="title"）*/
#gnav_contanier .title{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#gnav_out_menu{
	width:53px;
	position:absolute;
	left:805px;
	top:10px;	
	display:block;
}

#gnav_out_menu ul li, #gnav_out_menu ul li a{
	margin:0px;
	padding:0px;
}

#gnav_out_menu ul li a{
	width:53px;
	display:block;
}

#gnav_out_menu ul li #glin_out_menu_1{
	background:url(../images/out_menu_bg_1.jpg) no-repeat 0px 0px;
	height:76px;
}

#gnav_out_menu ul li #glin_out_menu_1:hover{
	background:url(../images/out_menu_bg_1.jpg) no-repeat -54px 0px;	
}

#gnav_out_menu ul li #glin_out_menu_1_2{
	background:url(../images/out_menu_bg_1-2.jpg) no-repeat 0px 0px;
	height:76px;
}

#gnav_out_menu ul li #glin_out_menu_1_2:hover{
	background:url(../images/out_menu_bg_1-2.jpg) no-repeat -54px 0px;	
}

#gnav_out_menu ul li #glin_out_menu_2{
	background:url(../images/out_menu_bg_2.jpg) no-repeat 0px 0px;
	height:82px;
}

#gnav_out_menu ul li #glin_out_menu_2:hover{
	background:url(../images/out_menu_bg_2.jpg) no-repeat -53px 0px;
}

#gnav_out_menu ul li #glin_out_menu_3{
	background:url(../images/out_menu_bg_3.jpg) no-repeat 0px 0px;
	height:90px;
}

#gnav_out_menu ul li #glin_out_menu_3:hover{
	background:url(../images/out_menu_bg_3.jpg) no-repeat -54px 0px;
}

#gnav_out_menu ul li #glin_out_menu_3_2{
	background:url(../images/out_menu_bg_3-2.jpg) no-repeat 0px 0px;
	height:90px;
}

#gnav_out_menu ul li #glin_out_menu_3_2:hover{
	background:url(../images/out_menu_bg_3-2.jpg) no-repeat -54px 0px;
}

#gnav_out_menu ul li #glin_out_menu_4{
	background:url(../images/out_menu_bg_4.jpg) no-repeat 0px 0px;
	height:84px;
}

#gnav_out_menu ul li #glin_out_menu_4:hover{
	background:url(../images/out_menu_bg_4.jpg) no-repeat -54px 0px;
}



/*  banner and contact details */
#img_banner{
	margin-top: 15px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 20px;
	background-image: url(../images/top_banner.jpg);
	width: 349px;
	height: 54px;
	float: left;
}

#img_contact{
	background-image: url(../images/contact.jpg);
	width: 160px;
	height: 92px;
	float: right;
	margin-bottom: 20px;
}

#header{
	width: 760px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
	background: url(../images/bk_top.jpg) repeat-x top;
	overflow: hidden;
}

#header h1 {
	font-size:10px;
	font-weight:200;
}

#header h2{
	font-size:10px;
	font-weight:normal;
}

#header a{
	text-decoration:none;
}

#header p{
	padding-top: 15px;
	font-size:14px;	
	font-weight: 500;
	text-align: center;
	line-height: 180%;
}

#sitemap{
	position:absolute;
	top:7px;
	left:10px;
	margin-left:670px;
	margin-top: 5px;
	background:url(../images/dot.jpg) no-repeat left ;
	padding-left:10px;
	font-size:12px;
	cursor:hand;	
}


#menu_topic{
	margin:0px;	
}

#gnav_menu{
	width: 760px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

#gnav_menu ul{
	margin:0px;
	padding:0px;
	clear:both;
}

#gnav_menu li{
	float:left;
	display:inline;
	margin:auto auto 0px 0px;
	padding:0px;
}

#gnav_menu li a{
	display:block;
	height :30px;
	text-indent:-10000px;
	background-image:url(../images/glin_topmenu_back_2017.jpg);
	background-repeat:no-repeat;
}
#gnav_menu2{
	margin-top: 20px;
	margin-bottom: 10px;
}

#glin_main1{	
	width:144px;
	background-position:0px 0px;
}

#glin_main1:hover{	
	background-position:0px -30px;
}

#glin_main2{	
	width:166px;
	background-position:-144px 0px;
}

#glin_main2:hover{	
	background-position:-144px -30px;
}
#glin_main3{	
	width:150px;
	background-position:-310px 0px;
}

#glin_main3:hover{	
	background-position:-310px -30px;
}
#glin_main4{	
	width:150px;
	background-position:-460px 0px;
}

#glin_main4:hover{	
	background-position:-460px -30px;
}

#glin_main5{	
	width:150px;
	background-position:-610px 0px;
}

#glin_main5:hover{	
	background-position:-610px -30px;
}

/*current path display block start from here*/
#current_path{
	width:760px;
	background-color:#F6F6F6;
	font-size:11px;
	color:#666666;
	margin:5px auto 15px 24px;
	padding:3px 5px;
	clear:both;	
}

#current_path a{
	font-size:11px;
}

/*current path end from here end main menu, large left pane(205 width link set in home page) start here*/

#gnav_large_left_pane{
	width:205px;
	float:none;
	margin-left:23px;
	height:auto;
}

#gnav_small_left_pane li, #gnav_large_left_pane li{
	margin:0px;
	padding:0px;
}

#gnav_large_left_pane a{
	width:205px;
	display:block;
	text-indent:-10000px;
	background-image:url(../images/home_menu.jpg);
	background-repeat:no-repeat;
}


#glin_remodel_large{	
	height:82px;
	background-position:0px 0px;

}

#glin_remodel_large:hover{
	background-position:-205px 0px;
}

#glin_cleaning_large{
	height:54px;
	background-position:0px -82px;
}

#glin_cleaning_large:hover{
	background-position:-205px -82px;
}

#glin_repair_large{
	height:54px;
	background-position:0px -136px;

}

#glin_repair_large:hover{
	background-position:-205px -136px;
}

#glin_maintenance_large{
	height:54px;
	background-position:0px -190px;
}

#glin_maintenance_large:hover{
	background-position:-205px -190px;
}

#glin_rakuten_large{
	height:54px;
	background-position:0px -244px;
}

#glin_rakuten_large:hover{
	background-position:-205px -244px;
}

/*
#glin_remodel_large{	
	height:82px;
	background-position:0px 0px;

}
#glin_remodel_large:hover{
	background-position:-205px 0px;

}
#glin_cleaning_large{
	height:54px;
	background-position:0px -82px;

}
#glin_cleaning_large:hover{
	background-position:-205px -82px;

}
#glin_repair_large{
	height:54px;
	background-position:0px -136px;

}
#glin_repair_large:hover{
	background-position:-205px -136px;

}
#glin_maintenance_large{
	height:54px;
	background-position:0px -190px;

}
#glin_maintenance_large:hover{
	background-position:-205px -190px;

}
#glin_rakuten_large{
	height:54px;
	background-position:0px -244px;

}
#glin_rakuten_large:hover{
	background-position:-205px -244px;

}
*/


/*end large left pane,  Start small left pane(170 width link set in other inner pages) start here*/

#gnav_small_left_pane{
	width:170px;
	float:none;
	margin-left:23px;
	height:auto;	
	margin-bottom:10px;	
}

#gnav_small_left_pane a{
	width:170px;
	height:45px;
	display:block;
	text-indent:-10000px;
	background-image:url(../images/inner_full_menu_bg.jpg);
	background-repeat:no-repeat;
}

#glin_remodel_inner{	
	background-position:0px 0px;
}

#glin_remodel_inner:hover{
	background-position:-170px 0px;
}

#glin_cleaning_inner{
	background-position:0px -225px;
}

#glin_cleaning_inner:hover{
	background-position:-170px -225px;
}

#glin_repair_inner{
	background-position:0px -389px;
}

#glin_repair_inner:hover{
	background-position:-170px -389px;
}

#glin_maintenance_inner{
	background-position:0px -583px;
}

#glin_maintenance_inner:hover{
	background-position:-170px -583px;
}

#glin_rakuten_inner{
	background-position:0px -777px;
}

#glin_rakuten_inner:hover{
	background-position:-170px -777px;
}

/*
#glin_remodel_inner{	
	background-position:0px 0px;
}
#glin_remodel_inner:hover{
	background-position:-170px 0px;
}
#glin_cleaning_inner{
	background-position:0px -380px;
}
#glin_cleaning_inner:hover{
	background-position:-170px -380px;
}
#glin_repair_inner{
	background-position:0px -544px;
}
#glin_repair_inner:hover{
	background-position:-170px -544px;
}
#glin_maintenance_inner{
	background-position:0px -738px;
}
#glin_maintenance_inner:hover{
	background-position:-170px -738px;
}
#glin_rakuten_inner{
	background-position:0px -932px;
}
#glin_rakuten_inner:hover{
	background-position:-170px -932px;
}
*/

/*
#gnav_small_eco{
	width:170px;
	float:none;
	margin-left:10px;
	height:auto;	
	margin-bottom:10px;
}

#gnav_small_eco #system {
	width:170px;
	height:59px;
	display:block;
	margin-bottom:6px;
	text-indent:-10000px;
	background-image:url(/usefulinfo/img/ecopoint/menu_system.jpg);
	background-repeat:no-repeat;
}

#gnav_small_eco #system:hover {
	background-position:-170px 0;
}

#gnav_small_eco #window {
	width:170px;
	height:59px;
	display:block;
	margin-bottom:6px;
	text-indent:-10000px;
	background-image:url(/usefulinfo/img/ecopoint/menu_window.jpg);
	background-repeat:no-repeat;
}

#gnav_small_eco #window:hover {
	background-position:-170px 0;
}
		
#gnav_small_eco #wall {
	width:170px;
	height:59px;
	display:block;
	margin-bottom:6px;
	text-indent:-10000px;
	background-image:url(/usefulinfo/img/ecopoint/menu_wall.jpg);
	background-repeat:no-repeat;
}

#gnav_small_eco #wall:hover {
	background-position:-170px 0;
}
		
#gnav_small_eco #free {
	width:170px;
	height:59px;
	display:block;
	margin-bottom:6px;
	text-indent:-10000px;
	background-image:url(/usefulinfo/img/ecopoint/menu_free.jpg);
	background-repeat:no-repeat;
}

#gnav_small_eco #free:hover {
	background-position:-170px 0;
}

#gnav_small_eco #equipment {
	width:170px;
	height:59px;
	display:block;
	margin-bottom:6px;
	text-indent:-10000px;
	background-image:url(/usefulinfo/img/ecopoint/menu_equipment.jpg);
	background-repeat:no-repeat;
}

#gnav_small_eco #equipment:hover {
	background-position:-170px 0;
}
*/


.menu_banner{
	margin:3px 0px 0px 23px;	
}

a.banner_link{
	background-image:none;	
}


/*end small left pane,  large right pane(use with small left pane) start here*/
#contents_wrap{
	height:auto;
	margin-right:30px;
	width:570px;
	float:right;
}

#gnav_large_right_pane{
	width:570px;
	margin-right:25px;
	float:none;	

}

/*end large Right pane,  small right pane(use with large left pane) start here*/
#gnav_samll_right_pane{
	height:auto;
	margin-left:5px;
	width:550px;
	float:none;	
}

/*end small Right pane,  bottom pane start here*/
#gnav_bottom_pane{
	width:760px;
	height:auto;
	clear:both;
	padding:20px 20px 20px 20px;
	margin:0px 5px 0px 5px;
	background:url(../images/bk_bottom.jpg) no-repeat bottom;
}
	

#gnav_bottom_menu{
	clear:both;
	width:100%;	
	margin-top:15px;
	margin-bottom:15px;
	color:#333333;
	font-size:11px;
}

#gnav_bottom_menu center{
	font-size:11px;
}

#gnav_bottom_menu a{
	text-decoration:none;
	color:#333333;
	margin:0px 3px 0px 3px;
	font-size:11px;
}





/*左サイドメニュー*/
#remodel_submenu, #cleaning_submenu, #repair_submenu, #maintenance_submenu/*, #nikoken_submenu*/{
	margin:2px 0px 10px 5px;
}

#remodel_submenu a, #cleaning_submenu a, #repair_submenu a, #maintenance_submenu a/*, #nikoken_submenu a*/{
	display:block;
	width:167px;
	height:31px;

	text-indent:-10000px;
	background-image:url(../images/inner_full_menu_bg2019.jpg);
	background-repeat:no-repeat;
}



/*リフォームメニュー*/
#llink_remodel_1{
	background-position:0px -52px;
}
#llink_remodel_1:hover{
	background-position:-170px -52px;
}

#llink_remodel_2{
	background-position:0px -83px;
}
#llink_remodel_2:hover{
	background-position:-170px -83px;
}

#llink_remodel_3{
	background-position:0px -114px;
}
#llink_remodel_3:hover{
	background-position:-170px -114px;
}

#llink_remodel_4{
	background-position:0px -145px;
}
#llink_remodel_4:hover{
	background-position:-170px -145px;
}

#llink_remodel_5{
	background-position:0px -176px;
}
#llink_remodel_5:hover{
	background-position:-170px -176px;	
}

#llink_remodel_6{
	background-position:0px -207px;
}
#llink_remodel_6:hover{
	background-position:-170px -207px;
}

#llink_remodel_7{
	background-position:0px -238px;
}
#llink_remodel_7:hover{
	background-position:-170px -238px;
}

#llink_remodel_8{
	background-position:0px -269px;
}
#llink_remodel_8:hover{
	background-position:-170px -269px;
}

#llink_remodel_9{
	background-position:0px -300px;
}
#llink_remodel_9:hover{
	background-position:-170px -300px;
}

#llink_remodel_10{
	background-position:0px -331px;
}
#llink_remodel_10:hover{
	background-position:-170px -331px;
}

#llink_remodel_11{
	background-position:0px -362px;
}
#llink_remodel_11:hover{
	background-position:-170px -362px;
}

#llink_remodel_12{
	background-position:0px -393px;
}
#llink_remodel_12:hover{
	background-position:-170px -393px;
}



/* クリーニングメニュー*/
#llink_cleaning_1{
	background-position:0px -490px;	
}
#llink_cleaning_1:hover{
	background-position:-170px -490px;
}

#llink_cleaning_2{
	background-position:0px -521px;
}
#llink_cleaning_2:hover{
	background-position:-170px -521px;
}

#llink_cleaning_3{
	background-position:0px -552px;
}
#llink_cleaning_3:hover{
	background-position:-170px -552px;
}




/*リペアメニュー*/
#llink_repair_1{
	background-position:0px -655px;	
}
#llink_repair_1:hover{
	background-position:-170px -655px;
}

#llink_repair_2{
	background-position:0px -686px;
}
#llink_repair_2:hover{
	background-position:-170px -686px;
}

#llink_repair_3{
	background-position:0px -717px;
}
#llink_repair_3:hover{
	background-position:-170px -717px;
}

#llink_repair_4{
	background-position:0px -748px;
}
#llink_repair_4:hover{
	background-position:-170px -748px;
}




/*メンテナンスメニュー*/
#llink_maintenance_1{
	background-position:0px -849px;
}
#llink_maintenance_1:hover{
	background-position:-170px -849px;
}

#llink_maintenance_2{
	background-position:0px -880px;
}
#llink_maintenance_2:hover{
	background-position:-170px -880px;
}

#llink_maintenance_3{
	background-position:0px -911px;
}
#llink_maintenance_3:hover{
	background-position:-170px -911px;
}

#llink_maintenance_4{
	background-position:0px -942px;
}
#llink_maintenance_4:hover{
	background-position:-170px -942px;
}




/*建材販売メニューold
#llink_nikoken_1{
	background-position:0px -825px;	
}

#llink_nikoken_1:hover{
	background-position:-170px -825px;
}

#llink_nikoken_2{
	background-position:0px -856px;
}

#llink_nikoken_2:hover{
	background-position:-170px -856px;
}
*/





/*Fottor start here*/
#gnav_fotter{
	width:760px;
	padding:0px 20px 0px 20px;
	margin:0px auto auto auto;
	height:50px;	
}

#gnav_fotter p{
	position:relative;
	font-size:10px;
	text-align:right;
	color:#555555;
	margin:0px;
}

#bottom_logo{
	margin:3px 100px auto 0px;
	background-image:url(../images/bottom_logo.jpg);
	display:block;
	width:352px;
	height:52px;
	float:left;
}

/*end fottor*/
#full_page_pane{
	margin:10px 25px 0px 25px;
	padding:0px;
}





/*margin start here*/


.middle_title{
 margin-top:30px;
 margin-bottom:5px;
}

.bottom_banner{
 margin:30px 0;
}

.marginT5 {
	margin-top: 20px;
}

.marginT10 {
	margin-top: 10px;
}

.marginT15 {
	margin-top: 15px;
}

.marginT30 {
	margin-top: 30px;
}

.marginTL10 {
	margin-top: 10px;
	margin-left: 10px;
}

.marginTB20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.marginR10 {
	margin-right: 10px;
}

.marginL10 {
	margin-left: 10px;
}


/*margin start here*/