@charset "utf-8";

/*クロスブラウザ*/
*	{
	padding:0px;
	margin:0px;
	}
/*空欄防止*/
p.hide {
	display:none;
	}
/*全体リンク設定*/
a	{
	text-decoration:underline;
	color:#3333FF;
	}
a:visited	{
	color:#3333FF;
	}
a:hover		{
	text-decoration: underline;
	color:#FF6633;
	}
a:active	{
	color:#66CCFF;
	}
/*SEO強化用strong*/
strong	{
	font-weight:normal;
	}
/*文字設定初期*/
.bold	{font-weight:bold;}
.txt_red	{color:#FF0000;}
.txt_blue	{color:#0000FF;}
.txt_gray	{color:#999999;}

.txt_orenge	{color:#FF6600;}

/*右寄せ　左寄せ　中央揃え*/
.left	{text-align:left;}
.right	{text-align:right;}
.center	{text-align:center;}

/*トップページ・共通*/
body	{
	color:#555555;
	}
#head	{
	height:130px;
	background:url(../img/bg_top.png) top repeat-x;
	}
#topfla	{
	width:950px;
	height:460px;
	margin:0 auto -69px;
	z-index:-100;
	position:absolute;
	width:100%;
	}
#g_nav	{
	margin-top:391px;
	}
#wrap	{
	width:950px;
	margin:20px auto 40px;
	}
#foot	{
	background:#E9E9E9;
	padding:25px 0;
	}
.main	{
	float:left;
	width:671px;
	margin-right:25px;
	}
.nav	{
	float:left;
	width:254px;
	z-index:1;
	}
.head_inner	{
	width:950px;
	margin:0 auto;
	/margin:-5px auto 0;
	}
.head_inner_logo	{
	float:left;
	}
.head_inner_tel	{
	float:right;
	}
.cont_main_innerwrap	{
	margin-bottom:15px;
	padding:15px 15px 26px;
	background:url(../img/bg_cont_bottom.png) bottom left no-repeat;
	}
.cont_business_wrap	{
	padding:15px 15px 0;
	background:#f0f0f0;
	}
.cont_business	{
	width:200px;
	float:left;
	margin-right:20px;
	}
.cont_business_last	{
	width:200px;
	float:left;
	}
.cont_business_wrap2	{
	padding:0 15px 15px;
	background:#f0f0f0;
	}
.cont_snav_shop,
.cont_snav_yoshiya,
.cont_snav_shop	{
	background:url(../img/bg_side-menu.gif) top left repeat-y;
	width:230px;
	padding:3px 12px 10px 12px;
	}
.snav_map,
.snav_yoshiya,
.snav_shop	{
	margin-bottom:17px;
	}
.btn_contact	{
	margin-bottom:17px;
	}
.cont_links	{
	background:#e6f2fa;
	padding:12px 12px 5px;
	}
.cont_links img	{
	margin-bottom:7px;
	}

h1	{
	font-size:100%;
	margin:7px 0 9px;
	/margin:9px 0 9px;
	font-weight:bold;
	}
h1 a{
	text-decoration:none;
	color:#555555;
	font-weight:bold;	
}
	
ul.ul_gnav	{
	list-style:none;
	width:903px;
	margin:0 auto;
	}
ul.ul_gnav li	{
	float:left;
	margin-right:34px;
	}
ul.ul_gnav li.last	{
	float:left;
	margin-right:0;
	}
ul.ul_business	{
	list-style:none;
	margin:7px 0 7px;
	}
ul.ul_business li	{
	margin-bottom:3px;
	padding-left:13px;
	font-size:93%;
	}
dl.dl_news	{
	height:120px;
	overflow-y:scroll;
	overflow-x:hidden;
	}
dl.dl_news dt	{
	float:left;  
	width:90px;  
	padding:10px 0 10px 20px;
	clear:both;  
	font-weight:bold;
	background:url(../img/ico_arrow.gif) no-repeat center left;
	font-size:108%;
	}
dl.dl_news dd	{
	width:470px;
	margin-left:110px;  
	padding:10px 0;
	border-bottom:1px dotted #999999;
	font-size:108%;
	}
.spotlight	{
	color:#0049aa;
	font-weight:bold;
	}
.sub_tit	{
	margin-bottom:10px;
	}
.shop_txt	{
	color:#0049aa;
	font-size:116%;
	font-weight:bold;
	padding:5px 0;
	}
.shop_txt2	{
	color:#FF6600;
	font-size:116%;
	font-weight:bold;
	padding:5px 0;
	}
address	{
	font-style:normal;
	font-size:85%;
	text-align:center;
	}
#foot address a{
	color:#555555;
}
	
/*エコポイント*/
dl.dl_ecopoint	{
	margin-bottom:5px;
	}
dl.dl_ecopoint dt	{
	font-weight:bold;
	font-size:108%;
	margin-bottom:5px;
	}
dl.dl_ecopoint dd	{
	padding-left:15px;
	margin-bottom:3px;
	font-size:116%;
	}
dl.dl_ecopoint2	{
	margin-bottom:5px;
	}
dl.dl_ecopoint2 dt	{
	color:#0067bb;
	font-weight:bold;
	font-size:138.5%;
	margin-bottom:5px;
	}
dl.dl_ecopoint2 dd	{
	font-size:108%;
	margin-bottom:5px;
	padding-left:15px;
	}
.ecopoint_lead	{
	margin:10px 0;
	font-size:116%;
	background:#E6FFFF;
	border:1px dotted #C0E9E4;
	padding:10px;
	}
.ecopoint_txt	{
	color:#0067bb;
	font-weight:bold;
	font-size:138.5%;
	margin-bottom:5px;
	}
.ecopoint_txt2	{
	font-weight:bold;
	margin:5px 0 10px;
	}
.ecopoint_spotlight	{
	padding-left:15px;
	color:#CA710F;
	margin-bottom:7px;
	}

.ecopoint_tb{
	width:100%;
	margin-bottom:15px;
}
.ecopoint_tb th{
	width:110px;
}
.ecopoint_tb .td_1{
	width:115px;
}
.ecopoint_tb .td_2{
	background:#F0F0F0;
}

.eco_p{
	font-size:108%;
	margin-bottom:5px;
}

/*--------------------------------------------------
■以降セカンドページ用■
--------------------------------------------------*/

/*ナビゲーション・ページタイトル*/
#s_navi{
	width:950px;
	margin:1px auto;
}

#s_navi li{
	float:left;
	padding:0 1px 0 0;
}

#s_navi li.last{
	padding-right:0;
}

#page_name{
	width:950px;
	margin:0 auto;
}

.paragraph1{
	margin-bottom:10px;
}

/*ページの上へ*/
.gotop{
	text-align:right;
	margin-bottom:10px;
}
	

/*小さいタイトル*/
.mini_tit{
	margin-bottom:5px;
}

.dl_style1{
	margin-bottom:5px;
}
.dl_style1 dt{
	color:#2157C9;
/*	margin-bottom:2px;*/
}
.dl_style1 dd{
	margin-left:0.5em;
}


/*記事2列表示*/
.in_lay_a{
	float:left;
	width:200px;
	padding-right:15px;
}
.in_lay_b{
	float:left;
	width:426px;
}

.in_lay_c img{
	width:300px;
	padding-bottom:20px;
}

.in_lay_d img{
	width:300px;
	margin-bottom:3px;
	margin-right:10px;
	margin-left:10px;
	width:300px;
	float:left;
}

/*table*/
.tb1 th,
.tb1 td{
	border-bottom:1px dotted #999999;
	padding:7px;
}

.tb1 th{
	text-align:left;
}

.tb2 th,
.tb2 td{
	border-bottom:1px dotted #999999;
	padding:7px;
}
.tb2 th{
	background:#E6F2FA;
	color:#2157C9;
	text-align:left;
}

.tb3{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.tb3 th,	
.tb3 td{
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:3px 5px;
}
.tb3 th{
	background:#E6F2FA;
}

table.tb_price1 th{
	background:url(../img/ico_tool.gif) no-repeat left;
	padding-left:30px;
}

.tb_price1 td{
	text-align:right;
}

/*link*/
a.img_link{
	display:block;
	border:3px solid #CCC;
	margin-bottom:3px;
}
a.img_link:hover{
	border:3px solid #ff6633;	
}

a.img_link02{
	display:block;
	border:3px solid #CCC;
	margin-bottom:3px;
	margin-right:7px;
	margin-left:7px;
	_margin-right:-2px;
	width:300px;
	float:left;
}
a.img_link02:hover{
	border:3px solid #ff6633;	
}

/*
水彩工房
----------------------------------------------------------*/
.suisai_tb{
	width:310px;
	float:left;
	margin-right:50px;
}

/*
施工事例
----------------------------------------------------------*/
.reform_select{
	width:641px;
	text-align:center;
}
.reform_select li{
	float:left;
	padding:0 5px 5px 0;
}
.reform_select li.last{
	padding-right:0;
}

.example_wrap{
	border:2px dotted #E6F2FA;
	padding:5px;
	margin-bottom:15px;
}

.before_box{
	float:left;
	width:250px;
}
.after_box{
	float:left;
	width:306px;
	background:url(../example/img/bg_arrow.gif) no-repeat left;
	padding:0 0 15px 70px;
}
.before_box .tit_photo,
.after_box .tit_photo{
	margin-bottom:4px;
}
.comment_wrap{
	clear:both;
	margin-bottom:10px;
}
.before_comment{
	float:left;
	width:300px;
}
.after_comment{
	float:left;
	width:290px;
	padding-left:25px;
}
.before_comment li{
	background:url(../example/img/ico_before.gif) no-repeat 0 3px;
	padding:0 0 3px 13px;
}
.after_comment li{
	background:url(../example/img/ico_after.gif) no-repeat 0 3px;
	padding:0 0 3px 13px;
}
.example_flow dl{
	float:left;
	padding-left:10px;
}
.example_flow dt{
	color:#3F76D6;
	font-weight:bold;
	margin:0 0 5px 0;
}

.example_tit{
	font-size:146.5%;
	font-weight:bold;
	background:#3F76D6;
	color:#FFF;
	margin:0 0 15px 0;
	padding:3px 3px 3px 10px;
}

/*
お問合せ
----------------------------------------------------------*/
.tb_form{
	width:100%;
	margin-bottom:15px;
}
.tb_form th{
	width:100px;
}
.tb_form textarea{
	width:100%;
}

.tb_form .check_textarea{
	color:#555555;
	font-size:13px;
	background:#FFF;
	border:none;
}

.tb_form .input_normal{
	width:320px;
}

.tb_form .input_add1{
	width:3em;
	margin-bottom:5px;
}
.tb_form .input_add2{
	width:4em;
	margin-bottom:5px;
}

.tb_form .input_add3{
	width:100%;
}

.tb_form .rdo_normal input{
	margin-left:3px;
}

.tb_form .rdo_normal li{
	display:inline;
	padding:0 20px 0 0;
}

.error_coution{
	font-size:90%;
	color:#F00;
	padding-top:3px;
}

.form_btn{
	text-align:center;
}
.form_btn li{
	display:inline;
	padding:0 10px 0 0;
}
.form_btn li input{
	padding:5px 10px;
}

/*
会社概要
----------------------------------------------------------*/
.tb_company{
	width:100%;
	line-height:1.4;
}

.tb_company th{
	width:7em;
	color:#2157C9;
	font-weight:bold;
}

.company_person dt{
	float:left;
	width:6em;
}

#map{
	width:640px;
	height:400px;
	margin-bottom:10px;
}

/*
info追加
----------------------------------------------------------*/
.infoStit	{
	font-size:153.9%;
	font-weight:bold;
	color:#0067bb;
	margin-bottom:10px
}
.infoFli	{
	margin-bottom:15px;
}
.infoFli img	{
	margin-bottom:5px;
}
a[href$='.pdf']	{
	background:url(../imgtop/ico_pdf.png) left center no-repeat;
	padding:3px 0 3px 20px;
	}
a.noico	{
	background:none;
	padding:0;
	}
.b_green{
	color:#093;
	font-weight:bold;
}
.b_lightblue{
	color:#3CF;
	font-weight:bold;
}
.tx_next{
	padding-bottom:15px;
}