html {
	background-color: #fff;
}

body {  
     background: #fff;  
}

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

#wrapper-fot{
	width: 900px;
	margin:0 auto;
}

/*
.bar{
	background: url(../img/lineber2.gif) repeat-y top left;
} */

#contents-main{
	margin:0 auto 15px auto;
	width:900px;
	background:url(/common/img/side-bg.gif) repeat-y 670px 0
}

#main-col {
	float:left;
	width:650px;
}

#side-col {
	float:right;
	width:230px;
}

#side-col .top-inside {
	width:200px;
	margin:15px auto 2px auto;
}

#side-col .inside {
	width:200px;
	margin:0 auto 15px auto;
}

/*--フォーマット--*/

a:link, a:visited, a:active {
	color: #3a5a36;
	text-decoration: none;
}

a:hover  { 	color: #7b9660; text-decoration: underline; }
a:hover img{ opacity:0.8; filter: alpha(opacity=80); }
strong { font-weight:bold; }
.left { float:left; }
.right { float:right; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }

.small{
	font-size:0.8em;
}
.small9{
	font-size:0.9em;
}

h2.bar{
	font-weight: bold;
	height:24px;
	padding: 3px 0 0 25px;
	background: url(/common/img/bar.gif) no-repeat 0 0;
}

blockquote p {
	padding: 0;
}

img.left {
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #A6A371;
}

img.right {
	float: right;
	margin: 5px 0 5px 5px;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #A6A371;
}

hr{
	height: 0px;
	border: 0px;
	border-top: 1px dotted #999;
	margin: 10px 0;
}


/*-- clearの関連 --*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */
.cboth { clear:both; height:0; line-height:0; font-size:1%; }

/*-- ヘッダー --*/
#top-contact {
	padding: 5px 5px;
	height: 20px;
	background: #376b27;
	color: #fff;
}

#top-contact a {
	color: #fff;
}

span.alignL {
	display:block;
	width:330px;
}

span.alignR {
	display:block;
	text-align:right;
	width:550px;
}

#header h1 {
	float:left;
}
#header h1, #header h1 a {
	display:block;
	width:280px;
	height:35px;
	background:url(/common/img/logo.gif) no-repeat 0 0;
}
#header h1 a {
	text-indent:-9999px;
	overflow:hidden;
}

#header .menuright {
	width:530px;
	text-align: right;
	float:right;
}

#header .right {
	width:601px;
	text-align: right;
}

#header .right #nav ul {
	text-align: right;
}

#header #nav li.works {
	float:left;
	width:144px;
}
#header #nav li.storeworks {
	float:left;
	width:104px;
}
#header #nav li.link {
	float:left;
	width:73px;
}
#header #nav li.home, #header #nav li.company{
	float:left;
	width:68px;
}
#header #nav li.news{
	float:left;
	width:69px;
}
#header #nav li.realestate {
	float:left;
	width:75px;
}
#header #nav li.home a, #header #nav li.news a, #header #nav li.company a, #header #nav li.realestate a,#header #nav li.works a,#header #nav li.storeworks a,#header #nav li.link a {
	display:block;
	height:35px;
}

#header #nav li.home span, #header #nav li.news span, #header #nav li.company span, #header #nav li.realestate span, #header #nav li.works span, #header #nav li.storeworks span, #header #nav li.link span {
	display:none;
}

#header .right li.home a {
	background:url(../img/menu1.gif) no-repeat 0 0;
}
#header .right li.news a {
	background:url(../img/menu1.gif) no-repeat -68px 0;
}
#header .right li.company a {
	background:url(../img/menu1.gif) no-repeat -137px 0;
}
#header .right li.works a {
	background:url(../img/menu1.gif) no-repeat -205px 0;
}
#header .right li.storeworks a {
	background:url(../img/menu1.gif) no-repeat -349px 0;
}
#header .right li.realestate a {
	background:url(../img/menu1.gif) no-repeat -453px 0;
}
#header .right li.link a {
	width:73px;
	background:url(../img/menu1.gif) no-repeat -528px 0;
}

#toppage #header .right li.home a, #header .right li.home a:hover {
	background:url(../img/menu1.gif) no-repeat 0 -35px;
}
#news #header .right li.news a, #header .right li.news a:hover {
	background:url(../img/menu1.gif) no-repeat -68px -35px;
}
#company #header .right li.company a, #header .right li.company a:hover {
	background:url(../img/menu1.gif) no-repeat -137px -35px;
}
#works #header .right li.works a, #header .right li.works a:hover {
	background:url(../img/menu1.gif) no-repeat -205px -35px;
}
#storeworks #header .right li.storeworks a, #header .right li.storeworks a:hover {
	background:url(../img/menu1.gif) no-repeat -349px -35px;
}
#realestate #header .right li.realestate a, #header .right li.realestate a:hover {
	background:url(../img/menu1.gif) no-repeat -453px -35px;
}
#link #header .right li.link a, #header .right li.link a:hover {
	width:73px;
	background:url(../img/menu1.gif) no-repeat -528px -35px;
}

#nav
{	margin: 0;
	padding: 0;
	text-align: left;
}
		
		#nav li ul#nav-sec
		{	margin: 0;
			padding: 0;
			position: absolute;
			text-align: left !important;
			width: 150px;
			visibility: hidden;
			border-top: 1px solid #ddd;
			}
		
			#nav li ul#nav-sec li
			{	float: none;
				font-size: 0.9em;
				text-align: left !important;
				vertical-align: middle !important;
				display: inline;}
			
			#nav li ul#nav-sec li a
			{	width: auto;
				height: auto !important;
				background: #fff !important;
				vertical-align: middle !important;
				padding: 10px 0 10px 10px!important;
				border-bottom: 1px solid #ddd;
				color: #24313C;}
			
			#nav li ul#nav-sec li a:hover
			{	background: #a5be51 !important;
				text-decoration:underline;
			}

/*-- TOPメインイメージ --*/

#mainimg{
	margin: 0 0 15px 0;
}

#mainimg .left img{
	position: relative;
	top: 150px;
	left: 60px;
}

#mainimg .left{
	width:250px;
	height:230px;
	background: url(/common/img/top-info.gif) no-repeat 0 0;
}

#mainimg .right{
	width:650px;
}

/*-- subイメージ --*/

#subimg{
	margin: 0 0 15px 0;
}

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

.top-news{
	width:315px;
}

.top-news h2.bar{
	font-weight: bold;
	height:24px;
	padding: 3px 0 0 25px;
	background: url(/common/img/bar.gif) no-repeat 0 0;
}

.top-news dl{
	font-size:0.9em;
}

.top-news dt{
	color: #919191;
}

.top-news dd{
	background: url(/common/img/mono-bars.gif) no-repeat 0 bottom;
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
}

.top-works {
	padding: 10px 0 0 0;
}


#main-col #leftL{
	float:left;
}

#main-col #leftR{
	float:right;
}

#toppage .top-work-list{
	width: 320px;
}

#toppage .top-work-list div.left{
	width: 130px;
}

#toppage .top-work-list img{
	border: 3px solid #ddd;
}

#toppage .top-work-list h3{
	padding: 10px 0 10px 0;
}

#toppage .top-work-list h3 span{
	display:block;
	font-size:10px !important;
}

/*-- News関連 --*/

#main-col h3.kome-line-n{
	font-size:1em;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px 0;
	background: url(/common/img/mono-bars.gif) no-repeat 0 bottom;
}

h3.kome-line-n span.date{
	padding: 0 15px 0 0;
	color: #919191;
}

#main-col .news_next{
	text-align:center;
	padding:5px;
	margin: 10px 0;
	background: #f7f7f7;
	border: 1px solid #ddd;
}

.news_line{
	margin: 10px 0 10px 10px;
}

table#news-table{
	border: 1px solid #ddd;
}

table#news-table th{
	width:30%;
	height: 30px;
	vertical-align:middle;
	font-weight:bold;
	background: #e6e8e3;
}

table#news-table td{
	height: 30px;
	vertical-align:middle;
	padding: 0 0 0 10px;
	width:70%;
}

.news_photo img{
	padding: 8px;
	border: 1px solid #ccc;
	margin: 8px;
}

/*-- 会社案内関連 --*/

.com-mag{
	margin: 10px 0;
}

#thick-col div#wrapper{
	width:670px;
	margin:0 auto;
}

#thick-col #contents-main{
	width:650px;
	margin:15px auto 15px auto;
}

#thick-col .left{
	width: 220px;
}

#thick-col .right{
	width: 430px;
}

#thick-col .left span{
	display:block;
	font-size:0.8em;
	color: #7e7e7e;
}

#thick-col h3{
	font-size:1.1em;
	padding: 10px 0;
}

.builders .content-box  .left{
	width: 220px;
}

.builders .content-box  .right{
	width: 410px;
}

.builders .content-box .left span{
	display:block;
	font-size:0.8em;
	color: #7e7e7e;
}

.builders .side-photo{
	margin: 10px auto 0 auto;
}

.builders-box h3{
	font-size:1.2em;
	padding: 5px 0 5px 10px;
	border-left: #376b27 solid 3px;
}


/*-- FAQ関連 --*/


.faq-line{
	font-size:1em;
	padding: 10px 0 5px 25px;
	background: url(/common/img/yajirushi.jpg) no-repeat 0 11px;
}

div#faq-sec {
	margin: 15px 0 0 0;
}

div#faq-sec dl dt {
	width: 600px;
	margin: 3px 0px;
	padding: 5px 0px 5px 40px;
	font-weight: bold;
	font-size:1.1em;
	color: #3a5a36;
	background: url(/common/img/faq-q.gif) no-repeat 2px top;
}

div#faq-sec dl dt span.faq-num {
	margin-right: 10px;
}

div#faq-sec dl dd {
	width: 600px;
	padding: 8px 15px 10px 40px;
	line-height:1.5;
	background: url(/common/img/faq-a.gif) no-repeat 2px top;
}


/*-- works新築・リフォーム関連 --*/

#works div.works-box-main{
	width: 650px;
	margin: 10px auto;
}

#works .works-box{
	width:200px;
	height: 220px;
	padding: 6px 3px 6px 3px;
}

#works #main-col .works-box img{
	padding:5px;
	background:#ddd;
}

#works #main-col .works-box span{
	display:block;
	padding: 5px 0;
	font-size:0.8em;
	text-align:center;
	color: #7e7e7e;
}

#works #main-col .left h4{
	padding: 5px 0 0 0;
	text-align:center;
}

#works #works-box-page {
	margin:20px 0;
}

#works #works-box-page .left{
	width: 220px;
}

#works #works-box-page .right{
	width: 410px;
}

#works h3{
	font-size:1.2em;
	padding: 10px 0 10px 10px;
	border-left: #376b27 solid 3px;
}

#works #works-box-page h3 span{
	display:block;
	font-size:0.9em !important;
	color: #7e7e7e;
}

#works .right div.work-right-content {
	margin:0 0 0 10px;
}

#works .side-photo ul{
	margin: 10px auto 10px auto;
}

#works .side-photo li{
	float:left;
	width:49px;
	height:49px;
}

#works .side-photo p{
	font-size:11px !important;
	color: #7e7e7e;
}

.side-photo object{
	margin:0;
	padding:0;
}

.workbottom{
	margin: 10px 0 0 0;
	background: #376b27;
	padding: 5px;
	text-align: center;
}

.workbottom a:link,.workbottom a:visited,.workbottom a:active{
	color:#fff;
}

/*-- storeworks実例集関連 --*/

.storephoto{
	padding:10px;
	background:#ddd;
	text-align:center;
}

.storephotoimg{
	margin: 0 0 15px 0;
}

#storeworks div.works-box-main{
	width: 650px;
	margin: 10px auto;
}

#storeworks .works-box{
	width:200px;
	height: 210px;
	padding: 6px 3px 6px 3px;
}

#storeworks #main-col .works-box img{
	padding:5px;
	background:#ddd;
}

#storeworks #main-col .works-box span{
	display:block;
	padding: 5px 0;
	font-size:0.8em;
	text-align:center;
	color: #7e7e7e;
}

#storeworks #main-col .left h4{
	padding: 5px 0 0 0;
	text-align:center;
}

#storeworks #works-box-page {
	margin:20px 0;
}

#storeworks #works-box-page .left{
	width: 220px;
}

#storeworks #works-box-page .right{
	width: 410px;
}

#storeworks h3{
	font-size:1.2em;
	padding: 10px 0 10px 10px;
	border-left: #376b27 solid 3px;
}

#storeworks #works-box-page h3 span{
	display:block;
	font-size:0.9em !important;
	color: #7e7e7e;
}

#storeworks .right div.work-right-content {
	margin:0 0 0 10px;
}

#storeworks .side-photo ul{
	margin: 10px auto 10px auto;
}

#storeworks .side-photo li{
	float:left;
	width:49px;
	height:49px;
}

#storeworks .side-photo p{
	font-size:11px !important;
	color: #7e7e7e;
}

/*-- link関連 --*/

#main-col h4.kome-line-n{
	font-size:1em;
	font-weight: bold;
	padding: 10px 0 5px 25px;
	background: url(/common/img/yajirushi.jpg) no-repeat 0 11px;
}

.kome-ma{
	color: #919191;
}

/*-- プライバシーポリシー関連 --*/

.polisy dt{
	font-weight:bold;
	margin: 10px 0 4px 0;
}

.polisy dd{
	font-size:12px;
	line-height: 1.5;
	margin: 0 0 10px 0;
}



/*-- サイトマップ関連 --*/
.sitemap li{
	font-size:1.1em;
	margin: 10px 0 4px 0;
	padding: 0 0 0 25px;
	background: url(/common/img/yajirushi.jpg) no-repeat 0 2px;
}

.sitemap li span{
	font-size:12px;
	padding: 0 0 0 25px;
}

/*-- コンタクトページ --*/

.indi{
	color: #be302e;
}


/*-- footerナビ --*/

#fnv {
	padding-bottom:5px;
	font-size:12px;
}
#fnv .left {
	width:670px;
}
#fnv .right {
	width:230px;
}

/*-- footerの関連 --*/

#footer {
	background: #376b27;
	padding-top:16px;
	padding-bottom:16px;
}

#footer, #footer a {
	color: #e1eddc;
}

#footer h2 {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:7px;
}

.copyright{
	width: 670px;
}

.contact{
	width: 230px;	
}

/*-- 共通 --*/

.content-box-top{
	padding: 15px 0 0 0;
}

.content-box{
	line-height:1.5;
}

.mono-bar{
	display:block;
	height:3px;
	margin: 5px 0;
	background: url(/common/img/mono-bars.gif) repeat-x 0 center;
}

p#panav {
	width:900px;
	padding-left:10px;
	padding-bottom:10px;
	margin:0 auto;
	font-size:0.9em;
	color:#999999;
}
p#panav a {
	color:#999999;
}

.f-contact{
	background: url(/common/img/mono-bars.gif) repeat-x 0 0;
	padding: 10px 0 0 0;
	margin: 30px 0 0 0;
}

.top-mag {
	margin-top:20px;
}

.sidel-mag {
	margin-left:20px;
}

.sider-mag {
	margin-right: 20px;
}

.bottom-mag {
	margin-bottom: 20px;
}

.top-pad {
	padding-top:20px;
}

.sidel-pad {
	padding-left:20px;
}

.sider-pad {
	padding-right: 20px;
}

.bottom-pad {
	padding-bottom: 20px;
}

.page-top{
	text-align: right;
	font-size: 0.9em;
	color: #d4d4d4;
}

.side-photo{
	width:200px;
	padding: 10px;
	border: 1px solid #ddd;
}

.sidebanner{
	margin: 10px 0 0 0;
}