@charset "Shift_JIS";
/* ------------------ font　------------------------------------------------------  */
h1 {    font-size:140%;	}
h2 {    font-size:100%;	}
h3,h4 {    font-size:80%;	}
p, ul, dl, ol { font-size: 80%; }
.note { font-size:75%;	}
address{ font-size:70%; }
.small { font-size:70%;	}

#head_copy { font-size:70%;	}
#foot ul { font-size:70%;	}
#pannav { font-size:70%;	}
#pannav_album { font-size:70%;	}

.orangebar {font-size: 80%;}
#in_contents p.field_name {font-size: 90%;}
#in_contents .field_c_name{font-size: 80%;}
p.craft_comm { font-size:70%;}

h2.staff_name {font-size:90%;}
.staff_tb1 th,.staff_tb1 td { font-size:70%;}
#plan_box {font-size: 80%;}
.plan_date2,.plan_date3 {font-size: 80%;}
.flow_box {font-size: 80%;}

.tb_aboutus td,.tb_aboutus th{font-size: 80%;}
.tb_form td,.tb_form th{font-size: 80%;}
.event_tbl {font-size: 80%;}

h3.case_title {font-size: 90%;}


/* ------------------ basic　------------------------------------------------------  */
/*	ボディ設定	*/

body{
	font-size:100%;
	color: #333333;
	text-align: center;
	background: #FAF9F4 url(../img_common/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

/*	イメージボーダー消去設定	*/

img{ border: none; }

/*	アドレスタグのフォントスタイルを斜体から通常にする	*/

address{ font-style: normal; }

/*	リンク設定		*/

a:link { color: #0099CC; }
a:visited { color: #800080; }
a:hover { color: #0099CC; }
a:active { color: #0099CC; }
a:focus { color: #0099CC; }

/*	IE以外のブラウザがアンカーにリンク反応しないように設定		*/

a[name]:hover,active,focus{ color:#009999; }


/*		全てのコンテンツが入るボックス設定		*/

#basic {
	width: 785px;
	padding: 0 5px;
	margin: 0px auto;
	background: #FFFFFF url(../img_common/bg_basic.gif);
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 775px;
}

html>body #basic {
	width: 775px;
}

/* ------------------ nav ------------------------------------------------------  */
/* グローバルナビ ------------------------------------------------------ */

#nav_gl {
	width: 760px;
	margin: 0; padding:0;
	clear:both;
}
#nav_gl p.navg {
    margin: 0; padding: 0;
}


/* ローカルナビ ------------------------------------------------------ */

#nav_lo {
	width: 182px;
	float: left;
}
#container #nav_lo p { margin:0; line-height:normal; padding:0 0 0 10px;}

/* ローカルナビ　項目　*/

#nav_lo ul { margin: 0;	padding: 0;}
#nav_lo li { margin: 0; list-style-type: none; padding:0 0 0 10px;}

#container #nav_lo li a,#container #nav_lo li a:hover {
	width:172px;
	display:block;
	line-height: 160%;
	text-indent:23px;
	color:#666666;
	text-decoration: none;
}
#nav_lo li a:link,#nav_lo li a:visited { background: url(../img_common/navl_s.gif) no-repeat; }
#nav_lo li a:hover,#nav_lo li a:active,#nav_lo li a:focus { background: url(../img_common/navl_s_ov.jpg) no-repeat; }


/* ローカルナビ　カレントメニュー設定　*/
#nav_lo li.nav_lo_cur {
	width:172px;
	display:block;
	line-height: 160%;
	text-indent:23px;
	color:#666666;
	text-decoration: none;
	background: url(../img_common/navl_s_ov.jpg) no-repeat; 
}


/* ローカルナビ ページ内リンク ------------------------------------------------------ */

#nav_lo_page h2.tweline { margin: 55px 0 0 0;}
#nav_lo_page ul { margin:10px 0 0 0; padding: 0; list-style-position:inside; text-indent:12px;}
#nav_lo_page li a:link,#nav_lo_page li a:visited { color:#3A8248; text-decoration:none;}
#nav_lo_page li a:hover ,#nav_lo_page li a:active,#nav_lo_page li a:focus { text-decoration:underline; background:none; }

/* ぱんくずナビ ------------------------------------------------------ */
#container #pannav,#container #pannav_album {
	width: 593px;
	height: 29px;
	margin: 0;
	padding: 9px 0 0 21px;
	color:#FF6600;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 572px;
	height: 20px;
}

html>body #container #pannav , html>body #container #pannav_album {
	width: 572px;
	height: 20px;
}

#pannav a:link, #pannav a:visited, #pannav_album a:link, #pannav_album a:visited {	color: #FF6600;}
#pannav a:hover, #pannav a:active, #pannav a:focus, #pannav_album a:hover, #pannav_album a:active, #pannav_album a:focus { color: #FF6600; text-decoration:underline;}

#pannav {background: #fff url(../img_common/bg_pannav.gif);}
#pannav_album {background: #fff url(../contents/event/img/t_event_album_f.jpg);}

/* ------------------ head ------------------------------------------------------  */
#head_copy {
	width: 785px;
	height: 34px;
	background: url(../img_common/head_h.gif) no-repeat bottom;
	padding: 10px 0 0 5px; 	margin: 0px auto; text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 780px;
	height: 24px;
}

html>body #head_copy {
	width: 780px;
	height: 24px;
}

#header {
	width: 785px;
	height: 55px;
	padding: 0 5px;
	margin: 0px auto;
	background: #fff url(../img_common/head_bg.gif);
	text-align: left;
	clear:both;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 775px;
}

html>body #header {
	width: 775px;
}
.h_logo { width: 187px; float:left; margin:0;}
.helpnav { width: 412px; float:left; margin:0;}
.h_tel { width: 176px; float:left; margin:0;}

/* ------------------ foot ------------------------------------------------------  */
#foot {
	clear: both;
	width: 100%;
	height: 85px;
	background-color: #FFF6E6;
	text-align:center;
}

#foot p,#foot dl,#foot ol,#foot td,#foot th {
	line-height: 150%;
}

#foot ul.navf { margin: 0; padding: 4px; color: #fff; background:#FF9900;}
#foot ul.navf li { display:inline; }
#foot ul.navf li a:link {	color: #fff; text-decoration: none;	}
#foot ul.navf li a:visited {	color: #fff; text-decoration: none;	}
#foot ul.navf li a:hover {	color: #fff; text-decoration: underline;	}
#foot ul.navf li a:active { color: #fff; text-decoration: underline;	}
#foot ul.navf li a:focus { color: #fff;  text-decoration: underline;	}

address {

}

/* ------------------ contents　------------------------------------------------------  */
/* 共通ＣＳＳ　------------------------------------------------------  */

#container p,#container dd,#container ol,#container td,#container th { line-height: 150%; letter-spacing: 0.02em; color: #333333; }
#container strong { color: #990000; }
.clear { clear: both; }
.pink { color: #FF66CC; }
.red { color: #FF0000; }
.blue { color: #165492; }
.green { color: #99CC00; }
.center { text-align: center;}
.t_left { text-align:left;}
.mp0 { margin:0; padding:0;}
.mpb0 {margin-bottom:0; padding:0;}
.mpt3 {margin-top:3px; padding:0;} 

h1#title { margin:20px 0 20px 0; padding: 0; text-align: center;}
.f_left { margin: 0 20px 0 0; padding: 0; float: left;}
.f_left_0 { float:left;}
.f_right { margin: 0 0 0 20px; padding: 0; float: right;}

.page_top { width:100%; text-align:right; clear: both; padding:0; margin:10px 0 0 0;}
.img_bdr { border: 1px solid #CCCCCC; margin: 0 0 0 10px; padding: 0; float: right;}
.bdr_glay {border: 1px solid #CCCCCC;}
.ml10 { margin-left:10px;}

/*コンテンツ　------------------------------------------------------  */

#container {
	clear: both;
	width: 775px;
	margin: 0; padding: 0;
	background: #fff;
}

#main {	width: 593px; 	float: right; background: #fff;}

#contents {
	width: 593px;
	padding: 20px 25px 0 20px;
	background: url(../img_common/contents_bg.gif) repeat-y;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 548px;
}

html>body #contents {
	width: 548px;
}

#contents_top {
	width: 593px;
	padding: 0 20px 0 20px;
	background: url(../img_common/contents_bg.gif) repeat-y;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 553px;
}

html>body #contents_top {
	width: 553px;
}


.contents_foot { width:593px; height:15px; background: #fff url(../img_common/contents_foot.gif);}

.orangebar {	background: url(../img_common/orange_bar.gif) no-repeat;	text-indent: 40px;	line-height: 30px; color:#ffffff;}
.tab_nav {	border-bottom: 7px solid #FFDB6F; width:100%;}

/*トップページ　------------------------------------------------------  */
#topimg { clear:both; margin:0 auto; padding:0; width:785px;}
.top_title { padding-top:20px; margin:0; clear:both;}

#news,#top_case,#top_know { width: 553px; clear:both; margin-top: 5px;}
.news_txt {
	width: 380px; float:left;
}
.news_bunner { width: 173px; float:right; margin:0; padding:0;}


#top_case {
	width:548px;
	border: 1px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:546px;
}

html>body #top_case {
	width:546px;
}

.top_case_l { width:279px; margin:0; padding:0; float:left;}
.top_case_r { width:267px; float:right; margin:0; padding:0;}

#top_know p { margin:0; padding:0;} 
.top_know_l {
	width:385px;
	margin-top:5px;
	padding:0;
	float:left;
	border:1px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:383px;
}

html>body .top_know_l {
	width:383px;
}
.top_know_r { width:158px; margin-top:5px; padding:0; float:right;}

.top_plan { color:#FF9900; border-bottom: 1px dotted #CCCCCC; line-height: 2em; clear:both;}

.top_plan_list { width: 100%; clear:both;}
.top_plan_list p { margin:0; padding:0;}
.top_plan_p { width: 100px; float:left; margin-right: 10px;}
.top_plan_ex { width: 438px; float:right;}

.top_field { width: 548px; clear:both; margin:0; padding:0;}
.field_l { float:left; width:71px; margin:0;}
.field_bg {
	width: 200px;
	height: 81px;
	background: url(../img_top/field_bg1.gif) no-repeat;
	float:left;
	padding:10px;
	margin:0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
	height: 61px;
}

html>body .field_bg {
	width: 180px;
	height: 61px;
}

/*お客様の声　------------------------------------------------------  */
.voice_list dt{	border-bottom: 1px dotted #999999;	color: #FF6600;	font-weight: bold;	padding: 5px;}
.cover {background: url(../contents/voice/img/t_cover.gif) no-repeat;	text-indent: 40px;	padding-left: 40px;	color: #666666;}
.voice_list dd{	padding-top: 10px;}
#container .voice_list strong { color:#666666;}

/*お問い合わせ------------------------------------------------------  */
.tb_form{
	background-color: #CCCCCC;
	border: 4px solid #ECE9D8;
}
#container .tb_form th{ background:#F7F1E8; text-align:right; font-weight:normal;}
.tb_form td{ background:#fff;}

/*現場紹介------------------------------------------------------  */
#in_contents {	margin: 0 0 0 10px;}
.field_shelif {clear:both;}
.field_frm_st {
	width: 120px;
	height: 157px;
	margin-right: 10px;
	padding-left: 10px;
	float:left;background: url(../contents/field/img/bg_staff.gif) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 110px;
}

html>body .field_frm_st {
	width: 110px;
}

.field_frm_cr {
	width: 120px;
	height: 220px;
	margin-right: 10px;
	padding-left: 10px;
	float:left;
	background: url(../contents/field/img/bg_craftman.gif) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 110px;
}

html>body .field_frm_cr {
	width: 110px;
}
.field_photo {	padding: 1px; border: 1px solid #CCCCCC; margin: 8px 0 5px 7px; }
#in_contents p.field_name,#in_contents p.field_c_name {
	font-weight: bold;
	margin: 0;	padding: 0;
	color: #FFFFFF;
}
#in_contents p.field_c_name {line-height :100%;}
#in_contents p.craft_comm {margin :20px 0 0 0;padding:0;line-height :100%;}

.field_name a:link,.field_name a:visited { color:#FFFFFF; text-decoration:none;}
.field_name a:hover,.field_name a:active,.field_name a:focus { color:#FFFFFF; text-decoration:underline;}


/*スタッフ紹介詳細  */

#namebox { width:547px; margin-bottom: 10px;}
h2.staff_name {
	width:158px;
	height:36px;
	padding-top: 4px;
	padding-left: 10px;
	color: #FFFFFF;	background: url(../contents/field/img/staff_name_bg.gif) no-repeat;	
	line-height:30px;
	float:left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:148px;
	height:32px;
}

html>body h2.staff_name {
	width:148px;
	height:32px;
}

.staff_nick { width:360px; float:left; padding-top: 9px;}

.staff_photo { margin-right:10px; padding:1px; border:1px solid #CCCCCC;}
.staff_tb1 th {	background:#FFDC80;	text-align:left;	text-indent: 5px;	font-weight: normal;}
.staff_tb1 td {text-indent: 5px;}

.staff_tb2 td {	border-left: 1px solid #FFDC80; padding: 0 15px;}
.staff_tb2 td p { margin:10px 0 3px 0; padding:0;}

.staff_tb3 { width:526px;}
.staff_old { padding:3px; border:1px solid #CCCCCC; margin-bottom:5px;}

.recommend { border:1px solid #CCCCCC; text-indent:10px; margin-top: 20px;}

.recom01,.recom02 {	height: 24px;	text-indent: 55px; line-height:24px;}
.recom01 {	background: url(../contents/field/img/recom01.gif) no-repeat;}
.recom02 {	background: url(../contents/field/img/recom02.gif) no-repeat;}


/*リフォーム豆知識------------------------------------------------------  */
#knowledge_menu { width: 100%; clear:both;}
.knowledge_menu_l { width: 167px; float:left;}
.knowledge_menu_r { width: 366px; float:right;}
.knowledge_menubtn { margin:0 2px 2px 2px;}
.knowledge_point dt{	font-weight: bold;	color: #8AA734;}
.knowledge_point dd{margin:5px 0 10px 0;padding:0;}

/*イベントアルバム------------------------------------------------------  */
#event_album { width: 100%; clear:both;}
.event_album_l { width: 440px; float:left; background:#ECE9D8;}
.event_album_r {
	width: 98px;
	float:right; 
	background:#F1F6E2; 
	padding:10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 78px;
}

html>body .event_album_r {
	width: 78px;
}
h3.album_title {
	width: 421px;
	height: 38px;
	text-indent:55px;
	padding-top:8px;
	margin:0 9px 0 10px;
	background: url(../contents/event/img/event_al_t.gif) no-repeat;
	font-weight: normal;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 30px;
}

html>body h3.album_title {
	height: 30px;
}
.album_body {margin: 15px 40px;}

/*イベント情報------------------------------------------------------  */
.event_list {
	margin:0;	padding:0;
	list-style: url(../img_common/list_allow.gif) inside;
}
.event_tbl { background:#CCCCCC; margin-left:50px;}
.event_tbl th{ background:#F9F8F2; font-weight: normal;}
.event_tbl td{ background:#fff;}

/*健康・エステ情報------------------------------------------------------  */
#health_info { width: 528px; clear:both; margin:20px 0;}
.health_info1_l { width: 125px; float:left;}
.health_info1_r { width: 393px; float:right; margin:0 10px 0 0;}
.health_info1_r dt {
	background: url(../img_common/t_greenpoint.gif) no-repeat;
	font-weight: bold;	color: #99CC00;
	text-indent: 15px;
	margin: 5px 0 15px 0;	padding-bottom:10px;
	border-bottom: 1px dotted #999999;
}
.health_info1_r dd { margin: 0;}

.health_info2_r { width: 125px; float:right; margin:0 10px 0 0;}
.health_info2_l { width: 393px; float:left;}
.health_info2_l dt {
	background: url(../img_common/t_greenpoint.gif) no-repeat;
	font-weight: bold;	color: #99CC00;
	text-indent: 15px;
	margin: 5px 0 15px 0;	padding-bottom:10px;
	border-bottom: 1px dotted #999999;
}
.health_info2_l dd { margin: 0;}


/*住まいの知恵袋------------------------------------------------------  */
.wisdom { width: 538px; border-bottom: 1px dotted #999999;}
.wisdom dt {
	background: url(../img_common/t_greenpoint.gif) no-repeat left 11px;
	font-weight: bold;	color: #99CC00;
	text-indent: 15px;
	margin: 0;	padding:10px 0;
	border-top: 1px dotted #999999;
}
.wisdom dd { margin: 0 0 15px 5px;}

/*リフォームプラン------------------------------------------------------  */
.plan_box { width: 548px; clear:both; background:#ECE9D8;}

.plan_photo {
	width: 156px; float:left;
	border:1px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 154px;
}

html>body .plan_photo {
	width: 154px;
}

.plan_date { width: 382px; float:right;}
.plan_date th,.plan_date3 th { background:#F7F1E8; font-weight:normal; text-align:right;}
#container .p_price { background: #FF0000; color:#fff; font-weight:bold; text-align:center; border-top:1px solid #CCCCCC;}
.price_ex { padding: 3px; border-top:1px solid #CCCCCC;}

.plan_date2,.plan_date3 { background:#CCCCCC;}
.plan_date2 td ,.plan_date3 td { background: #fff;}
.plan_date2 th { background:#DEF5D6; font-weight:normal;}
.plan_date2 td.bg_beige { background: #F7F1E8;}
#container th.bg_red { background:#FF0000; color:#fff; font-weight:bold;}
th.bg_blue { background:#D6EFF5;}

/*リフォームの流れ------------------------------------------------------  */
.flow_box {	margin-bottom:10px;}
/*サービス体制------------------------------------------------------  */
.system { clear:both; margin-left:10px; margin-right:10px;}

/*採用情報------------------------------------------------------  */
#container .s_blue { color:#27787A;}
#container .s_green { color:#737300;}
.tbl_mb20 { margin-bottom:20px;}
#container p.s_question { background: url(../employ/img/icon_q.gif) no-repeat; padding-left: 25px; color:#CC0000; height:21px;}
p.s_anser { background: url(../employ/img/icon_a.gif) no-repeat; padding-left: 25px;}

/*パース集　------------------------------------------------------  */
.pers a:link img ,.pers a:visited img  { border:2px solid #CCCCCC;}
.pers a:hover img , .pers a:active img , .pers a:focus img  { border:2px solid #A8D9EC;}

/*施工事例　------------------------------------------------------  */
h3.case_title {
	height: 77px;
	padding-top: 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color:#007095;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 65px;
}

html>body h3.case_title {
	height: 65px;
}
#container .case_box strong { color:#333333;}

ul.year_month { margin:0; padding:0; list-style:none;}
ul.year_month li { margin-left:5px; padding:0;}

/*こぐまレター　------------------------------------------------------  */
.bg_letter { background: url(../contents/letter/img/bg_letter.gif) no-repeat; padding-left: 10px;}
.tbl_letter { margin-top:30px;}
.mleft10 { margin-left: 10px;}

/*突撃現場レポート　------------------------------------------------------  */
h3.t_sub_report {
	width: 548px;
	height: 61px;
	background: url(../contents/field/img_report/t_report_bg.gif);
	padding-top: 24px;
	text-indent:75px;
	color:#fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 37px;
}


html>body h3.t_sub_report {
	height: 37px;
}
.r_start { background:#F0F0F0; border:1px solid #CCCCCC;}
.r_finish { background:#FFFFCC; border:1px solid #CCCCCC;}
h4.report_ex { color:#0099CC; margin:0;}
.r_backnum { border-top:1px solid #CCCCCC; padding-top:10px;}