@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
body {
	font-size: 75%;
	line-height: 1.4;
	/*\*/
	letter-spacing: 0.1em;
	/**/
	color: #333333;
	background:#FFFFFF url(../images/body_bg.gif) ;
}
img {
	border: none;
	vertical-align: top;
}
a {
	color: #0086C0;
}
a:hover {
	color: #009DC5;
}
.table-none{
 border:0;
 padding:3px;
 margin:5px;
}
p{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	/*\*/
	letter-spacing: 0.2em;
	/**/
}

/* コンテンツ全体
---------------------------------------------*/

#wrap {
	position: relative;
	/*background:#FFFFFF url(../images/wrap_bg.gif) repeat-y center;*/
	width: 789px;
	height:auto;
	margin: 0 auto;
}
#container {
	position: relative;
	width: 741px;
	text-align: left;
	left:10px;
	background:#FFFFFF;
	border-right:solid #D8D8D8 1px;
	border-left:solid #D8D8D8 1px;
	}
#containt {
		overflow:auto !important;
		overflow/**/:hidden;
		width: 100%;
	/*height:84px;*/
	/*margin: 0 auto;*/
}

/* 
ヘッダー---------------------------------------------*/
#header {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 74px;
	/*background:url(../images/header_bg.gif) left top no-repeat;*/
	}
#header-logo {
	position: absolute;
	left: 17px;
	top: 14px;
	width: 323px;
	height:41px;
	margin:0;
	/*background-color: #F9F0E5;*/
}
#header-logo a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 41px;
	padding-top: 41px;
	background: url(../images/logo.gif) no-repeat left top;
}

#header-print { display:none	}

/*
フッター-----------------------------*/
#container	#footer{
		clear:both;
		width: 740px;
		/*height: 32px;*/
		text-align: center;
		/*background: #FFFFFF url(../images/footer_bg.gif) repeat-x bottom;*/
		/*color:#666666;
		font-size:85%;*/
	}
	/*#footer p{
		padding-top:9px;
	}*/


/*各パーツの位置
---------------------------------------------*/
#container #left {
	/*position:absolute;*/
	/*left:3px;*/
	/*top:120px;*/
	width:145px;
	padding-bottom:20px;
	/*z-index: 1;*/
	float:left;
	margin:0px auto 50px 5px;
	padding:0px;
	height:auto;
}
#container #right {
	/*position:absolute;*/
	float:right;
	margin:0px 5px 15px auto;
	/*top:122px;
	right:0px;*/
	padding:0;
	width: 576px;
	height:auto;
}

/* 
ヘッダーメニュー---------------------------------------------*/
#menu_top{
		position:absolute;
		top:9px;
		left:400px;
		width:331px;
		height:23px;
		list-style-type:none;
		background-color:#FFFFFF;
}
#menu_top li{
		float:left;
		width:110px;
}
#menu_top li a{
		display:block;
		overflow:hidden;
		width:100%;
		height:0 !important;
		height /**/:20px;
		padding-top:20px;
		background-image: url(../images/menu.gif);
		color:#000000;
	}
		/*---ON time---*/
		#navi_main01 a{ background-position:0 0;}
		#navi_main02 a{ background-position:-110px 0;}
		#navi_main03 a{ background-position:-220px 0;}
		#navi_main04 a{ background-position:-0px -20px;}
		#navi_main05 a{ background-position:-110px -20px;}
		/*---OFF time---*/
		#navi_main01 a:hover{ background-position:0 -46px;}
		#navi_main02 a:hover{ background-position:-110px -46px;}
		#navi_main03 a:hover{ background-position:-220px -46px;}
		#navi_main04 a:hover{ background-position:0 -66px;}
		#navi_main05 a:hover{ background-position:-110px -66px;}


/* パンくずナビ
---------------------------------------------*/
	.pan-navi{
	margin:0 auto 10px 0;
	width:586px;
	padding:10px;
	background-color:#E6E6E6;
	}
	.pan-navi a{
	font-size:90%;
	color:#592B09;
	text-decoration:none;
	}
	
/* ページのトップへ
---------------------------------------------*/
	.pagetop{
	margin:0 15px 13px 0;	
	text-align:right;
	}
	.pagetop a{
	font-size:90%;
	background:url(../images/li_pagetop.gif)  no-repeat top left;
	padding-bottom:2px;
	padding-left:15px;
	}

/* パーツデザイン
---------------------------------------------*/

/* コンテンツ見出し*/

h1{
	background:#FFFFFF url(../images/h1_bg.gif) no-repeat left top;
	font-size:120%;
	color:#333333s;
	padding: 3px 0 1px 15px;
	border-right:solid #CCCCCC 1px;
	border-bottom:solid #CCCCCC 1px;
	margin-bottom:30px;
	margin-left:5px;
	margin-right:10px;
	margin-top:15px;
	width:545px;
}

h2{
	/*background:#FFFFFF url(../images/h3_bg.gif) no-repeat left top;*/
	font-size:120%;
	color:#0E4E96;
	padding: 3px 0 1px 15px;
	background-color:#E3EEFB;
	/*border-right:solid #CCCCCC 1px;
	border-bottom:solid #CCCCCC 1px;*/
	margin-bottom:30px;
	margin-left:5px;
	margin-right:10px;
	margin-top:15px;
}
h3{
	border-left:6px solid #C3203B;
	font-size:110%;
	color:#C3203B;
	padding: 0px 0 0px 10px;
	margin:10px 0 10px 10px;
}
/*h4{
	font-size:120%;
	font-weight:bold;
	background-color:#F9F0E5;
	padding: 0px 0 0px 8px;
	margin:15px 15px 15px 15px;
}

h5{
	color:#B91132;
	font-weight:bold;
	padding: 0px 0 0px 8px;
	margin:5px 0 10px 5px;
	font-size:110%;
}*/



#table_deco table {
	margin-left:15px;
	margin-bottom:20px;
}
#table_deco .th-top-left { 
	font-size:100%;
	background:url(../images/th_bg.gif) no-repeat left top;
	color:#605050;
	padding:5px 0 5px 20px;
	text-align:left;
	font-weight:normal;
}
#table_deco .th-top-right { 
	font-size:100%;
	background:url(../images/th_bg.gif) no-repeat right top;
	color:#605050;
	padding:5px 0 5px 20px;
	text-align:left;
	font-weight:normal;
}
#table_deco .th-bottom-left { 
	font-size:100%;	
	background:url(../images/th_bg.gif) no-repeat left bottom;
	padding:5px 0 5px 20px;
	text-align:left;
	font-weight:normal;
}
#table_deco .th-bottom-right { 
	font-size:100%;	
	background:url(../images/th_bg.gif) no-repeat right bottom;	
	padding:5px 0 5px 20px;
	text-align:left;
	font-weight:normal;
}
#table_deco .th-bg {
	background-color:#F3F3F3;
}
#table_deco td {  
	border-bottom:dotted #F3F3F3 1px;  
	font-size:100%; 
	color:#605050;
	padding:5px 10px 5px 15px;
	background-color:#FFFFFF;
}

#table_none table {
	margin-left:15px;
	margin-bottom:20px;
}
#table_none th { 
	font-size:100%;
	color:#605050;
	padding:3px 0 3px 3px;
	text-align:left;
	font-weight: bold;
}
#table_none td {  
	font-size:100%; 
	color:#605050;
	padding:3px 0px 3px 0;
}



#list_mark ul{
		padding: 0px;
		list-style: none;
		/*margin-bottom:10px;*/
		margin-left:20px;
		margin-right:10px;
}
#list_mark li{
		background:url(../images/li_mark.gif) no-repeat;
		margin: 0px;
		padding: 0px 10px 10px 18px;
		/*color:#0E4E96;
		font-weight:bold;*/
}
#list_mark li li{
		/*background:url(../images/li_mark2.gif) no-repeat;*/
		background:none;
		margin: 0px;
		padding: 0px 0px 10px 0px;
}

#list_mark_at,#list_mark_at2 ul{
		padding: 0px;
		list-style: none;
		/*margin-bottom:10px;*/
		margin-left:20px;
		margin-right:10px;
}
#list_mark_at li{
		background:url(../images/li_attention.gif) no-repeat;
		margin: 0px;
		padding: 0px 20px 10px 18px;
}

#list_mark_at2 li{
		background:url(../images/li_attention2.gif) no-repeat;
		margin: 0px;
		padding: 0px 20px 10px 18px;
}

#list_number ol{
	padding: 0px;
	margin:10px 0px 10px 50px;
	list-style-type: decimal;
}
#list_number li{	
	padding: 0px 20px 20px 5px;
/*	margin-left:30px;*/
	font-size:100%;
	list-style-type: decimal;
}

#list_number li li{	
	padding: 0px 10px 5px 0px;
	margin-left:50px;
	font-size:100%;
	list-style-type: decimal;
}
/*---選択時---*/
/*		#list-number00 p.no{ background:url(../images/li_no00.gif) no-repeat;}
		#list-number01 p.no{ background:url(../kojin/images/li_no01.gif) no-repeat;}
		#list-number02 p.no{ background:url(../kojin/images/li_no02.gif) no-repeat;}
		#list-number03 p.no{ background:url(../kojin/images/li_no03.gif) no-repeat;}
		#list-number04 p.no{ background:url(../kojin/images/li_no04.gif) no-repeat;}
		#list-number05 p.no{ background:url(../kojin/images/li_no05.gif) no-repeat;}
		#list-number06 p.no{ background:url(../kojin/images/li_no06.gif) no-repeat;}
		#list-number07 p.no{ background:url(../kojin/images/li_no07.gif) no-repeat;}
		#list-number08 p.no{ background:url(../kojin/images/li_no08.gif) no-repeat;}
		#list-number09 p.no{ background:url(../kojin/images/li_no09.gif) no-repeat;}
		#list-number10 p.no{ background:url(../kojin/images/li_no10.gif) no-repeat;}
		#list-number11 p.no{ background:url(../kojin/images/li_no11.gif) no-repeat;}
		#list-number12 p.no{ background:url(../kojin/images/li_no12.gif) no-repeat;}
*/

.price_font{
	background:#D4F4FC;
	font-size:110%;
	text-align:center;
	color:#0066CC;
	font-weight:bold;
}

.font-red{
	color:#D9310E;
	/*font-weight:bold;*/
	/*padding-right:7px;*/
}
.font-red110{
	color:#D9310E;
	font-weight:bold;
	padding-right:7px;
	font-size:110%;
}
.font-red16{
	color:#D9310E;
	font-weight:bold;
	padding-right:7px;
	font-size:16px;
}

.font-blue{
	font-size:110%;
	color:#0E4E96;
	font-weight:bold;
	padding-bottom:10px;
}
.font-gray{
	color:#666666;
	font-size:85%;
	/*padding-left:3px;*/
}
.font-gray14{
	color:#666666;
	font-size:87%;
	/*padding-left:3px;*/
	font-weight:bold;
}
.font-gray16{
	color:#666666;
	font-size:110%;
	padding-left:3px;
	font-weight:bold;
}
.font-gray10{
	color:#666666;
	font-size:80%;
	padding-left:15px;
}
.font-orange{
	color:#FF9900;
	font-size:110%;
}
.table_subtitle{
	background-color:#EBF1FC;
	text-align:center;
}
.table_subtitle2{
	background-color:#EBEBEB;
	text-align:center;
}

.font_underline {
text-decoration:underline;
line-height:120%;
}

.underline {
	border-bottom:dotted #E3684E 1px;  
	font-size:100%; 
	color:#605050;
	padding:0px 0px 10px 65px;
	margin:3px 15px 10px 15px;
}



/* 
トップページ---------------------------------------------*/

/*中段メニュー*/
	#4menu{
		width:581px;
		height:69px;
		list-style-type:none;
		background-color:#FFFFFF;
		margin-bottom:10px;
		margin-top:20px;
	}
	
	#4menu-print{
	display:none;
	}
	
	#menu_four li{
		float:left;
		width:144px;
	}
	#menu_four li a{
		display:block;
		overflow:hidden;
		width:100%;
		height:0 !important;
		height /**/:69px;
		padding-top:69px;
		background-image: url(../images/4menu_bg.gif);
		color:#000000;
	}
		/*---ON time---*/
		#navi_four01 a{ background-position:0 0;}
		#navi_four02 a{ background-position:-144px 0;}
		#navi_four03 a{ background-position:-288px 0;}
		#navi_four04 a{ background-position:-432px 0;}
		/*---OFF time---*/
		#navi_four01 a:hover{ background-position:0 -69px;}
		#navi_four02 a:hover{ background-position:-144px -69px;}
		#navi_four03 a:hover{ background-position:-288px -69px;}
		#navi_four04 a:hover{ background-position:-432px -69px;}


/*TOPICS*/
.top-topice{
	background: url(../images/topics_bg_top.gif) no-repeat left top;
	margin-top:20px;
	width:576;	
}
.top-topice-content{
	background: url(../images/topics_bg_bottom.gif) no-repeat left bottom;
	margin-bottom:20px;
	width:576;	
}
.top-topice-header{
	padding:15px 0px 0 0px;
	margin-top:7px;
}
.top-topice-content{
	padding:0px 10px 0px 10px;
}
/*.top-topice-list{
	padding-top:23px;
	padding:5px 0 5px 15px;
}
.top-topice-list-date{
	color:#D01A0A;
	font-weight:bold;
	padding:5px 5px 5px 0;
	background: url(../images/li_phon.gif) left center no-repeat;
}
.top-topice-list-subject{
	display: block;	
	color:#333333;
	padding-left:15px;
}*/



#top-news table{
	/*padding:10px;*/
	/*margin:10px;*/
	border:none;
	width:550px;
}
#top-news th{
	/*margin:10px;*/
	border:none;
	background-color:none;
	color:#D01A0A;
	vertical-align:top;
	padding:5px 0 5px 0px;
	font-weight:normal;
}
#top-news td{
	border:none;
	/*margin:10px;*/
	vertical-align:top;
	padding:5px 0 5px 0;
}

/*工事施工例
----------------------------------------------*/
/*表--------------*/
#example{ margin:10px 0px 10px 10px}
#example th {
	font-size: 12px; 
	color:#0E4E96; 
	background-color:#E3EEFB;
	font-weight:normal;
	text-align:left;
	padding:5px;
	border-bottom:1px #CCCCCC solid;
}
#example td {
	font-size: 12px; 
	color:#666666; 
	/*background-color:#BEE8F9; */
	font-weight:normal;
	text-align:left;
	padding:5px;
	/*border-bottom:1px #0E4E96 dotted;*/
	border-bottom:1px #CCCCCC solid;
}
/* 写真BeforeAfter一覧-------*/
#exampleList {
	position:relative;
	/*margin: 30px 35px 30px 35px;　←index１　*/
	margin: 30px 10px 30px 10px;
	width:530px;
}
#exampleList table {
	margin-left:0px;
	margin-bottom:20px;
}
#exampleList .th-top { 
	font-size:100%;
	background:url(../images/th2_bg.gif) no-repeat left top;
	color:#605050;
	padding:5px 0 5px 0;
	text-align:center;
	font-weight:bold;
}
#exampleList .th-bottom { 
	font-size:100%;	
	background:url(../images/th2_bg.gif) no-repeat left bottom;
	padding:0 ;
	text-align:left;
	font-weight:normal;
}
#exampleList .th-bg {
	background-color:#F3F3F3;
}
#exampleList td {  
	/*border-bottom:dotted #F3F3F3 1px;*/
	background-color:#E3EEFB; 
	font-size:100%; 
	color:#605050;
	padding:5px;
}
#exampleList .td-bg {
	background-color:#FFFFFF;
	font-weight:normal;
	text-align:left;
}

/*社員紹介
----------------------------------------------*/
.img_padding{
	/*border:5px #FFFFFF solid
	background:#999999 url(../staff/images/photo_base.gif) top left no-repeat;
	padding:7px 0px 0 0px;*/
	
}