@charset "utf-8";

/*デフォルトリセット　
-------------------------------------------------------------*/

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}

*{ letter-spacing:0; } /* IE7用*/
img { border: none; }
ul { list-style: none; }
.clear { clear: both; }
.hide { display: none; }
*.text_hid {
	text-indent: -9999px;
	text-decoration: none;
}

body {
	text-align:left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:170%;
	background-color: #FAFAF1;
	background-image: url(../img/next_bg.png);background-repeat: repeat-x;
}

p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:170%;
}

/*------------------------------------------------------------------------------
	リンクカラー
-------------------------------------------------------------------------------*/
a:link {
	color: #351517;
}

a:visited {
	color: #8f1922;
}

a:hover {
	color: #351517;
}

a:active {
	color: #D62532;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*------　wrapper　------*/
#wrapper {
	text-align: left;
	margin: auto;
	width: 900px;
	padding: 0px; 
}

/*------　header　------*/
#header {
	height: 80px;
	width: 900px;
	margin: 0 auto;
	background: url(../images/header_bg.gif) no-repeat 245px 0;
	position: relative;
	overflow: hidden; /* for IE6 */
}

#headerLogo {
	width: 310px;
	height: 65px;
	margin: 10px 0 0 2px;
	text-align:left;
	background:url(../img/logo_.gif) no-repeat;
	overflow: hidden; /* for IE6 */
	xfloat: left;
}

#headerLogo a {
	padding-top:65px;
	display:block;
}


#headerTel {
	width: 305px;
	height: 55px;
	background: url(../img/adr_tel.gif) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 23px;
	right: 3px;
}

.top_contact {
	margin-left:188px;
}

/*-------  Menu  -------*/
ul#navi_menu {
	position:absolute;
	list-style: none;
	margin: 0 auto;
	width: 900px;
}

ul#navi_menu li {
	float: left;
}

ul#navi_menu a {
	display: block;
	height: 52px;
	background: url(../img/main_navi_.png);
}

li#navi_menu01 a {
	background-position: 0px 0px;
	width: 180px;
}

li#navi_menu01 a:hover {
	background-position: 0px -52px;
	width: 180px;
}

li#navi_menu02 a {
	background-position: -180px 0px;
	width: 180px;
}

li#navi_menu02 a:hover {
	background-position: -180px -52px;
	width: 180px;
}

li#navi_menu03 a {
	background-position: -360px 0px;
	width: 180px;
}

li#navi_menu03 a:hover {
	background-position: -360px -52px;
	width: 180px;
}

li#navi_menu04 a {
	background-position: -540px 0px;
	width: 180px;
}

li#navi_menu04 a:hover {
	background-position: -540px -52px;
	width: 180px;
}

li#navi_menu05 a {
	background-position: -720px 0px;
	width: 180px;
}

li#navi_menu05 a:hover {
	background-position: -720px -52px;
	width: 180px;
}

/*------　main　------*/
#catch { margin-top:52px; }

/*------　contents　------*/
#contents {
	width:900px;
	margin-top:25px;
}

.ph01 { margin-left:15px;}
.ph02 { margin-top:50px;}
.ph03 { margin-top:15px; margin-left:15px;}
.ph04 { margin-top:10px; }
.ph05 { margin-top:30px; }
.ph06 { margin-top:20px; }
.ph07 { margin-top:15px; }
.line { margin-top:35px;}
.con { margin-top:70px; }
.small { font-size:11px; }
.bold { font-weight:bold; } 
.red { color:#F60; }
.blue { color:blue; }
.big { font-size:15px; font-weight:bold;}

#main {
	width:900px;
	margin-top:20px;
}

#main h2 {
	margin: 20px 0 10px;
}

/*　前後の投稿へのリンク　*/
#topicPath {
	font-size: 11px;
	color: #9e8953;
}

/*------　#pagetop　------*/

#pt {
	width:900px;
	margin:0 auto;
}


#pagetop {
	text-align: right;
	margin-top: 30px;
	clear: both;
}

#pagetop a {
	font-size: 12px;
	text-decoration: underline;
	padding-left: 15px;
}

#tel_web {
	width:614px;
	height:100px;
	margin-top:100px;
	margin-left:130px;
	background-image:url(../img/tel_web_contact1.gif);
}

#tel_web2 {
	width:614px;
	height:100px;
	margin-top:30px;
	background-image:url(../img/tel_web_contact1.gif);
}

#tel_web3 {
	width:614px;
	height:100px;
	margin-top:40px;
	margin-left:130px;
	background-image:url(../img/tel_web_contact1.gif);
}

.web { 
	margin-top:55px;
	margin-left:390px;
}


/*------------------------------------------------------------------------------
	　●会社概要
-------------------------------------------------------------------------------*/

.table table{
       border-collapse: collapse;
       color: #3C3C3C;
	   font-size:13px;
       letter-spacing: 1px;
       line-height:150%;
}

.table tr td {
       border: 1px solid #C6BB9D;
}

.lefttd {
       padding: 10px;
       background-color: #d9d6cb;
	   font-weight:bold;
}

.righttd {
       padding: 10px;
}


/*------------------------------------------------------------------------------
	　●施工事例
-------------------------------------------------------------------------------*/

/*------　contents（左側）　------*/

#news {
	width:650px;
	margin-top:10px;
	float:left;
	display: inline;/* for IE6 */
}

.flame {
	width:650px;
	height:auto;
}

.flame ul {
	width: 270px;
	height: 220px;
	float: left;
	border: #C6BB9D 1px solid;
	padding: 8px;
	background:#FFF;
	text-align: center;
	margin: 10px 30px 20px 0;
}

.flame ul li {
	line-height: 130%;
	font-size: 12px;
	margin: 0 0 10px 0;
	xborder: 1px solid;
}


/*------　施工事例（エントリー）　------*/

#ent_name {
	width:630px;
	height:39px;
	margin-bottom:5px;
	margin-top:11px;
	padding-top:10px;
	font-size:14px;
	background-image:url(../img/title_bg.gif) ;
}

.waku {
	border: #C6BB9D 1px solid;
	padding: 5px;	
}

.waku2 {
	border: #C6BB9D 1px solid;
	padding: 5px;
	margin-top:20px;
}

.waku3 {
	border: #C6BB9D 1px solid;
	padding: 5px;
	margin-top:15px;
	margin-left:12px;
}

.waku4 {
	border: #D3D3D3 1px solid;
	margin-top:15px;
}


.works_title {
	font-weight:bold;
}

.subtitle {
	font-size:16px;
	font-weight:bold;
	margin:10px 0 20px 0;

}


/* 施工情報 */
#works_info {
	width:230px;
	margin:20px 0 10px 0;
	padding: 9px;
	background: #EEEACC ;
}

#works_info2 {
	width:600px;
	margin:20px 0 10px 0;
	padding: 9px;
	background: #EEEACC ;
}

#works_info2 h3 {
	border-bottom:1px dotted #999999;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0 0 5px 0;
}

#works_info h3 {
	border-bottom:1px dotted #999999;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0 0 5px 0;
}

#works_info p {
	padding:7px 0 0 0;
}

/*------　フォントスタイル（明朝体）　------*/
.ent_title {
	font-size:19px;
	margin-top:10px;
	margin-bottom:20px;
}

/*------　side（右側）　------*/
#side {
	width: 250px;
	margin: 18px 0 0 0;
	float: right;
	display: inline;/* for IE6 */
}

.sideNav {
	width: 246px;
	padding: 1px;
	margin-bottom: 10px;
	border: 1px solid #C6BB9D;
}

#side ul {
	padding: 1px;
	margin: 0;
	border-right: 1px solid #C6BB9D;
	border-left: 1px solid #C6BB9D;
	border-bottom: 1px solid #C6BB9D;
}

* html #side li {
		margin-bottom: -20px;
	}

#side li a {
	font-size: 13px;
	color: #351517;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	display: block;
}

#side li a:hover {
	color:#8f1922;
	background-color: #EEEACC;
}

#side li a.stay {
	color:#8f1922;
	font-weight:bold;
	background-color: #EEEACC;
}

#side li+li {
	border-top: 1px dotted #C6BB9D;
}


#side ul.worksList li a {
	padding-left: 35px;
	background: url(../img/point.gif) no-repeat 15px 18px;
}

/*------------------------------------------------------------------------------
		●仕事の流れ
-------------------------------------------------------------------------------*/
#flow { 
	width:900px;
	xmargin-bottom:50px;
}

.flowLeft {
	width:620px;
	margin-top:20px;
	line-height:160%;
	float:left;
	display: inline;/* for IE6 */
}

.flowRight {
	width: 250px;
	margin: 20px 0 0 30px;
	float: right;
	xborder:#F00 1px solid;
	display: inline;/* for IE6 */
}

.flowLeft2 {
	width:250px;
	margin-top:20px;
	float:left;
	display: inline;/* for IE6 */
}

.flowRight2 {
	width: 620px;
	margin: 20px 0 0 30px;
	float: right;
	line-height:160%;
	xborder:#F00 1px solid;
	display: inline;/* for IE6 */
}

/*------------------------------------------------------------------------------
		●CADプラン集
-------------------------------------------------------------------------------*/
.cadph01 {
	margin:25px 0 0 25px;
	border: #C6BB9D 1px solid;
	padding: 5px 5px 5px 5px;
}

.cadph02 {
	margin:25px 0 0 0;
	border: #C6BB9D 1px solid;
	padding: 5px 5px 5px 5px;
}

/*------　footer　------*/
#footer {
	font-size: 12px;
	height: 160px;
	margin-top:30px;
	background: url(../img/footer_bg3.gif) repeat-x;
	xclear: both;
}

#footerWrap {
	width: 900px;
	height: 160px;
	margin: 0 auto;
	background: url(../img/footer_bg3.gif) repeat-x;
}

/* footerAddress */
#footerAddress {
	width: 900px;
	height: 105px;
	/*margin-bottom: 40px;*/
	float: right;
}

#footerAddress p {
	font-size: 11px;
	line-height: 1.4;
	margin-top: 24px;
	margin-left:315px;
}

.footer_logo {
	margin-top:20px;
	float:left;
}


/*　footerCopy */
#footerCopy {
	color: #f0ebcc;
	font-size:11px;
	padding-top:8px;
	clear: both;
}

#footerCopy ul { margin: 0; }

#footerCopy p  { margin-top:2px; font-size:10px; }

#footerCopy li {
	xmargin-right: 20px;
	padding-left: 12px;
	margin-right: 15px;
	background: url(../img/point_f.png) no-repeat left center;
	display: inline;
}

#footerCopy li a {
	color: #f0ebcc;
	text-decoration:none;
}