@charset "UTF-8";
/* CSS Document */




/*基本設定
========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,table,th,td{margin:0; padding:0;}

html,body{color:#000; background:url(../images/bg.gif);}


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

img{border:0;}

ul,ol,dl{text-indent:0;}
li{list-style:none;}
li img{vertical-align:bottom!important;}


/*floatクリア*/

.clear{clear:both;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.fleft{float:left;}
.fright{float:right;}

.fonts{font-size:0.9em;}


/*リンク*/
a:link,a:visited{color:#333333;}
a:hover{color:#9bbc00;}



/*追加設定
========================================== */

/*1px枠のテーブル*/
/*table{border-collapse:collapse; border-spacing:0;}
th,td{border:1px solid #000;}*/



/*ヘッダー
========================================== */
#header{height:170px; margin:0 auto; position:fixed; padding-left:3px; z-index:2;}
#headerwhite1{height:70px;background:#FFF;}
#headerwhite2{width:951px; height:20px; margin-left:3px; background:#FFF;}
* html #header {
        position:absolute;
        top: expression(eval(document.documentElement.scrollTop));
}

#header{/width:954px;}

#headbtn{float:right; padding:50px 35px 0 0; font-size:0; line-height:0; z-index:3;}
#headbtn li{float:left;}
#nakamenu{padding-top:4px; background:#FFF;}
#nakamenu{/padding-top:10px; background:#FFF;}
#nakamenu li{float:left;}
* html #nakamenu a:hover{background-color:transparent;}

.renomenu01{width:191px; background:url(../images/menu01naka_on.png) no-repeat; margin-left:0px;}
.renomenu02{width:191px;background:url(../images/menu02naka_on.png) no-repeat;}
.renomenu03{width:191px;background:url(../images/menu03naka_on.png) no-repeat;}
.renomenu04{width:191px;background:url(../images/menu04naka_on.png) no-repeat;}
.renomenu05{width:190px;background:url(../images/menu05naka_on.png) no-repeat;}
.reno .renomenu01 img{visibility:hidden;}
.reestate .renomenu02 img{visibility:hidden;}
.book .renomenu02 img{visibility:hidden;}
.team .renomenu02 img{visibility:hidden;}
.cyuko .renomenu03 img{visibility:hidden;}
.works .renomenu04 img{visibility:hidden;}
.sodansanka .renomenu05 img{visibility:hidden;}
.sodanmenu .renomenu05 img{visibility:hidden;}

/*フッター
========================================== */

#footer{width:880px; margin:0 auto 30px; padding-top:40px;
}
#footerbnr{/zoom:1; margin:0 -5px 10px 0; }
#footerbnr li{float:left; margin-right:5px;}
#footerarea{ border-top:solid 1px #d3d3d3; padding-top:10px;}
#footerlink{float:left;}
#footerlink a:link,#footerlink a:visited{text-decoration:none; color:#000000;}
#footerlink a:hover{color:#9bbc00;}
#copy{float:right;}

#footernaka{width:625px; margin:0 auto 30px; padding-top:１0px;
}

#footernaka #copy{float:left; margin-top:10px;}



/*コンテンツレイアウト
========================================== */

#wrapper{
	width:960px;
	background:url(../images/whitebg.png) repeat-y;
	margin:0 auto;
	font-size:1.2em;
	padding-bottom:35px;
	position:relative;
}




/*ページトップ*/
.pagetop{margin:40px 0 0; padding-bottom:15px; text-align:right;}


/*ワークスリニューアル
========================================== */

#workheadlink{background:url(../images/w_headertop.png) no-repeat top; text-align:right; padding:3px 35px 0 0;}
#workstitle{margin:8px 35px 30px;}
#workcontents{width:890px; margin:0 auto;}
#worksside{width:190px; float:left;}
#worksmain{width:660px; float:right;}
#workstitle h1{float:left; margin-right:20px;}
#worksmaintitle{padding-top:20px;} 

#workcontents a:link,#workcontents a:visited{color:#5b3932;}
#workcontents a:hover{color:#9bbc00!important;}



/*ワークスサイド*/
#workmenu{background:#d6cfc4;padding:8px 0;}
#workmenu a:link,#workmenu a:visited{text-decoration:none; color:#5b3932;}
#workmenu2{background:#c3c1c1;padding:8px 0; margin-top:8px;}
#workmenu2 a:link,#workmenu2 a:visited{text-decoration:none; color:#5b3932;}
.workscate{width:174px; background:url(../images/worksmenu_bottom.png) no-repeat bottom; margin:0 auto;}
.workscatetop{width:174px; background:url(../images/worksmenu_top.png) no-repeat top; margin: 0 auto;}

#workscateall{width:174px; margin:0 auto 8px;}

#workmenu2 .workscate{width:174px; background:url(../images/worksmenu_bottom2.png) no-repeat bottom; margin:0 auto;}
#workmenu2 .workscatetop{width:174px; background:url(../images/worksmenu_top2.png) no-repeat top; margin: 0 auto;}
#workmenu2 .worksmenubox li{background:url(../images/menusankaku2.png) no-repeat left; padding-left:10px; margin-bottom:4px;}

.worksmenubox{width:154px; margin:0 auto; padding:8px 0 3px;}
.worksmenubox ul{margin-top:15px;}
.worksmenubox li{background:url(../images/menusankaku.png) no-repeat left; padding-left:10px; margin-bottom:4px;}
.mt10{margin-top:10px;}

#worksbnr{margin-top:10px;}

/*ワークスメイン*/
#worksubtitle{width:660px; border-top:dotted 1px #333; border-bottom:dotted 1px #333; padding:6px 0 4px; margin-bottom:15px; color:#5b3932;}
#worksubtitle h2{font-size:1.3em; float:left;}
.worksbread{float:right; font-size:0.9em;}
.worksbread a:link,.worksbread a:visited{color:#5b3932;}
.worksbread a:hover{color:#9bbc00;}

#worksboxarea{/zoom:1; margin-right:-10px;}
.worksbox{width:325px; height:150px; float:left; margin:0 10px 10px 0; _display:inline; background:#efefe7;}
.worksboxnaka{padding:10px;}
.worksleft{width:111px; float:left;}
.worksright{width:185px; float:right;}
.worksright h3 a:link,.worksright h3 a:visited{text-decoration:none;}

.workthumnail img{width:104px; height:104px; border:solid 3px #ffffff;}
.fade{position: relative}
.fade div{position: absolute;top: 0;left: 0;display: none}
.worksboxbtn{margin-top:5px;}
.worksright dt{width:185px; color:#5b3932; font-size:1.1em; border-bottom:dotted 1px #5b3932; padding:2px 0; margin-bottom:5px;}
.worksright dd{width:185px;}
.worksinfo{ margin-top:5px; font-size:0.9em; line-height:160%;}


/*ワークスページナビゲーション*/
.localnavigation{
	color: #5b3932;
    line-height: 2em;
    margin: 2em auto 0;
    text-align: center;
}

a.pagenumbers, .localnavigation .current {
    border: 1px solid #816762;
    color: #5b3932;
    font-size: 0.9em;
    padding: 2px 0.4em;
    text-decoration: none !important;
}
a.pagenumbers:hover {
    background: none repeat scroll 0 0 #816762;
    color: #ffffff!important;
}


.localnavigation .current {
    background: none repeat scroll 0 0 #5b3932;
    border-color: #816762;
    color: white;
}


/*ワークスシングルページ*/
#workssingle{background:#efefe7; padding:20px 20px 30px;}
#bukkeninfo{text-align:left; border-top:dotted 1px #333333; margin-top:6px;}
#bukkeninfo th,#bukkeninfo td{border-bottom:dotted 1px #333333; padding:5px 0; vertical-align:top; text-align:left; }
#bukkeninfo th{width:85px;}
#worksmainimg{text-align:center; width:475px; float:left; margin-bottom:20px;}
#workssubimg{width:130px; /zoom:1; float:right; margin-right:-5px;}
#workssubimg li{width:60px; margin:0 5px 5px 0; float:left; _display:in;inline;}
#bukkentxt{width:370px; float:left; font-size:1em;}
#bukkentxt .worksinfo{font-size:1em;}
#bukkenbnr{width:216px; float:right;}
#bukkenabout{margin:5px 0 25px;}
#bukkenabout{/margin:18px 0 25px;}


/*ワークスフッター */

#footer{width:880px; margin:0 auto 30px; padding-top:40px;
}
#footerbnr{/zoom:1; margin:0 -5px 10px 0; }
#footerbnr li{float:left; margin-right:5px;}
#footerarea{ border-top:solid 1px #d3d3d3; padding-top:10px;}
#footerlink{float:left;}
#footerlink a:link,#footerlink a:visited{text-decoration:none; color:#000000;}
#footerlink a:hover{color:#9bbc00;}
#copy{float:right;}

#footernaka{width:625px; margin:0 auto 30px; padding-top:１0px;
}

#footernaka #copy{float:left; margin-top:10px;}