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


/* Default style clear----------------------------------------------------------- */
@import "reset.css";
/* -----------------------------------------------------------Default style clear */


/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background:#eeeeee;
	color:#333333;
	background:url(../images/mainbg.png);
}

#CONTENTS {
	width:1060px;
	margin:0 auto;
	background:#fff;
	box-shadow:0px 0px 20px 10px #666;
}

.wrap{
	width:1000px;
	margin:0 auto;
	background:#fff;
}


#mainL {
	float:left;
	width:790px;
	margin:30px 0 30px 0;
}

#main {
	padding:20px;
	width:960px;
	margin:0 auto 30px auto;
}


#top{
	background:url(../images/top-bk.jpg) top left no-repeat;
	height:97px;
	margin-bottom:0px;
}

#top h2{
	text-align:right;
	padding-right:20px;
	line-height:250%;
	font-size:250%;
	letter-spacing:5px;
	border:none;
	color: #fff;
	opacity: 0.7;
	text-shadow:2px 2px 2px rgba(1,1,1,0.9);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#sidebar {
	float:right;
	width:160px;
	margin:40px 0 30px 0;
}


.BoxS{
	margin:0 20px 50px 20px;
	clear:both;
}


h2{
	font-size:160%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin:0 0 -13px 15px;
	letter-spacing:0.08em;
	line-height:1.2;
	text-shadow: 2px 2px 2px #ccc;
}

h2 span{
	font-size:210%;
	vertical-align:2.5px;
	}


h3{
	font-size:160%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing:0.05em;
	line-height:1.2;
	text-shadow: 2px 2px 2px #ccc;
	border-bottom:2px dotted #aaa;
	margin:0 0 20px 0;
}

h3 span{
	font-size:150%;
	vertical-align:2.5px;
	}
	

.IndH3{
	background:url(../images/h3-bk.gif) top left no-repeat;
	height:60px;
	text-indent:55px;
	line-height:200%;
	font-size:140%;
	margin-bottom:5px;
	border:none;
	padding:0;
}

.IndH3:before{
	content:none;
}


/*(左右寄せ、センタリング)*/
.rig{
	text-align:right;
}

img.floL{
	float:left;
	margin:0 20px 20px 0;
}

.cent{
	text-align:center;
}


/*================================================
 *  フォントサイズ
 ================================================*/


html {
	font-size : 100%;
	line-height:1.6;
}
 
/*================================================
 *  ヘッダー
 ================================================*/
header {
	padding:0.8em 0 0.2em 0;
	background:#fff;
}

.headerBoxR{
	float:right;
	text-align:right;
	font-size:0.8em;
	width:600px;
}

.logo{
	padding-top:25px;
}

.h-cont p{
	float:right;
	margin-left:15px;
}

.contbutton{
    background: url(../images/h-form02.gif) no-repeat;
}

.contbutton a {
    display: inline-block;
}

.contbutton a:hover {
    background-color: transparent; /* IE6対応 */
}
 
.contbutton a:hover img{
    visibility: hidden;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/

nav {
	background:#222;
	margin-bottom:15px;
}

ul#gMenu{
	width:100%;
}

#gMenu li{
	float:left;
	width:20%;
	color:#fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:120%;
	box-sizing: border-box;
	border-right:#a1a1a1 dotted 1px;
}

#gMenu li:last-child{
	border:none;
}


#gMenu li a{
	display:block;
	padding:0.7em 0;
	color:#fff;
	text-align: center;
	position: relative;
	text-decoration: none;
}

#gMenu li a:after {
	content: '';
	position: absolute;
	bottom:2px;
	left: 2%;
	width: 96%;
	height: 5px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color:#006600;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#gMenu li a:hover:after,#gMenu li a.active:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}



/*================================================
 *  サイドバー
 ================================================*/


.bnr{
	margin-bottom:2em;
}


.bnr li {
    margin-bottom:0.1em;
}


.counter{
	font-size:0.8em;
	text-align:right;
	clear:both;
}



/*================================================
 *  フッター
 ================================================*/
 
 
footer {
	clear:both;
	background:#111;
}

.fMenu {
	width:100%;
	background:#444;
	overflow:hidden;
}

.fMenu ul{
	padding:0.7em;
	position: relative;
	left: 50%;
	float: left;
}


.fMenu ul li{
	color:#fff;
	position: relative;
	left: -50%;
	float: left;
	font-size:1em;
	overflow:hidden;
}

.fMenu ul li:before{
	content: "｜" ;
} 

.fMenu ul li:last-child:after{
	content: "｜" ;
} 


.fMenu ul li a{
	text-decoration:none;
	margin:0 10px;
	color:#ddd;
	font-size:90%;
}

.fMenu ul li a:hover{
	position:relative;
	top:2px;
	color:#fff;
}

.fN{
	padding-top:2em;
}

.fNL{
	float:left;
	width:170px;
	padding:15px 40px;
}

.fText{
	color:#fff;
	font-size:80%;
	float:right;
	width:740px;
	border-left:#aaa solid 1px;
	padding:0 30px;
}

.fText p{
	margin:5px 0;
}

.copyright {
	color:#aaa;
    clear:both;
    padding:1em 0 2em 0;
    font-size:0.8em;
    text-align:center;
}




/*================================================
 *  ページトップへの戻り
 ================================================*/
 
.totop {
	position:fixed;
	bottom:1em;
	right:1em;
}

.totop a {
    display:block;
    text-decoration:none;
}

.totop img {
	background:#006600;
	opacity:0.5;
	-webkit-transition: all .9s ease;
	transition: all .9s ease;
	border-radius:10px;
	border:1px solid #555;
}

.totop img:hover {
	opacity:1;
	-webkit-transition: all .9s ease;
	transition: all .9s ease;
}



/*================================================
 *  各ページ
 ================================================*/

/* index.html------------------------------------ */


.BoxL300{
	width:300px;
	float:left;
}

.BoxR420{
	width:420px;
	float:right;
}


.newsBox{
	background:#555;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.newsT{
	color:#fff;
	font-size:90%;
	letter-spacing:normal;
	border:none;
	padding:7px;
	margin:0 0 -3px 10px;
	text-shadow: none;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.newsT:before{
	content:none;
}

.news{
	width:100%;
	height:110px;
	margin-bottom:1em;
	font-size:90%;
	overflow:auto;
	background:#ddd;
}

.news dt{
	border-bottom:1px #333 dotted;
	float:left;
	width:100px;
	padding:0.5em;
}
	
.news dd{
	border-bottom:1px #333 dotted;
	padding:0.5em;
	margin-left:115px;
}

.news dd img{
	margin:3px 10px -4px 0px;
}

/*▼当社の家づくり*/


.topT{
	font-size:110%;
	color:#000;
	margin-bottom:20px;
	line-height:200%;
	padding:25px 40px;
	background:url(../images/bk00.jpg);
	text-shadow: 0px 0px 2px #fff;
}

.tBox{
	border:1px solid #333;
	padding:10px;
	margin-bottom:20px;
	clear:both;
	line-height:150%;
}

.tBoxT{
	font-size:150%;
	color:#006600;
	margin-bottom:20px;
	line-height:180%;
	font-weight:bold;
}

.tBox img{
	margin-bottom:0px;
}

.pointST{
	padding:18px;
	font-size:150%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 2px 1px 2px #eee;
	border-bottom:1px dotted #aaa;
	margin-bottom:20px;
}

.pointB{
	padding:30px;
	font-size:100%;
}

/* work.html---------------------------------------------- */


p.worktopT{
	font-size:130%;
	color:#000;
	margin-bottom:20px;
	line-height:200%;
	padding:25px 40px;
	background:url(../images/bk01.jpg);
	text-shadow: 0px 0px 2px #fff;
}


.workBoxS{
	width:160px;
	height:180px;
	padding:15px 2px 10px 2px;
	text-align:center;
	float:left;
	margin:10px 10px 30px 50px;
	background:#ccc;
	box-shadow:0px 0px 1px 1px #999;
}

/* (divlinker用) */
.workBoxS:hover{
	background-color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

p.workTT{
	font-size:75%;
	line-height:140%;
}


/* g01.html / r01.html -------------------------------------------*/

/* （建築施工例へ戻る） */
p.retWork{
	margin:30px 0;
	clear:both;
}

.retWork a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.retWork a img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	transition: 0.5s linear;
}


.workBoxtop{
	width:850px;
	margin:10px auto 30px;
}

.workBoxtop img{
	border:#aaa solid 4px;
	}


.workBoxtopL{
	width:300px;
	float:left;
	margin-left:25px;
}

.workBoxtopR{
	width:450px;
	float:right;
	margin-right:25px;
}

p.wComment{
	font-size:90%;
	margin:15px 0 20px 0;
	font-size:90%;
	line-height:160%;
}

.wOL{
	font-size:75%;
	text-align:right;
}

.workBox350L{
	width:350px;
	float:left;
	text-align:center;
}

.workBox350R{
	width:350px;
	float:right;
	text-align:center;
}

.workBox180L{
	width:180px;
	float:left;
	text-align:center;
}

.workBox540R{
	width:540px;
	float:right;
	text-align:center;
}

/*
.workBox250L{
	width:250px;
	float:left;
	text-align:left;
}

.workBox450R{
	width:450px;
	float:right;
	text-align:left;
}
*/

.workBox760{
	width:760px;
	margin:0 auto 40px;
}

.workBox730{
	width:730px;
	margin:0 auto 40px;
}


.workBox730 > p{
	clear:both;
	font-size:85%;
	margin-top:10px;
	text-align:center;
}

.workBoxC{
	width:700px;
	margin:0 auto 40px auto;
}


.workBox350L p,.workBox350R p{
	text-align:left;
	font-size:85%;
}

.workBoxs img{
	border:#bbb solid 1px;
	padding:3px;
}

/* com.html------------------------------------- */

dl.comProf{
	font-size:95%;
	border-bottom:1px solid #ccc;
	margin:30px 50px; 
}

dl.comProf dt{
	width:160px;
	float:left;
	clear:both;
	font-weight:bold; 
	border-top:1px solid #ccc;
	line-height:180%;
	text-indent:0.5em;
	padding:5px 0;
}


dl.comProf dd{
	border-top:1px solid #ccc;
	line-height:180%;
	margin-left:160px;
	padding:5px 0;
}

#infoWindow span{
	font-size:120%;
	font-weight:bold;
}


/* 個人情報の取り扱い--------------------------------------- */

.BoxC{
	padding:30px;
	margin:auto;
	width:90%;
	border-radius:10px;
}

.priText{
	margin-bottom:2em;
}


.priList{
	margin-bottom:1em;
}

.priList dd{
	margin:0 20px 20px;
}

.priList li{
	margin-left:2em;
}

.priCom{
	margin-top:2em;
	text-align:right;
}

.priCom span{
	margin-top:2em;
	text-align:right;
	font-size:90%;
	padding:2px 10px;
	background:#d6d6b0;
}


/*案内図*/

#gMap{
	width:100%;
	height:480px;
}



/* お問い合わせ---------------------------------------- */


.BoxB{
	padding:30px 0;
	margin:auto;
	width:90%;
	background:url(../images/bk01.jpg);
	border-radius:10px;
}

/*
.cont{
	margin:auto;	
	width:60%;
}

.cont dd{
	margin-bottom:20px;
}



.cauCont{
	color:red;
	font-size:0.8em;
}

.cauContH{
	color:red;
	font-size:0.8em;
	margin-left:180px;
}

.inpText input,textarea{
	width:100%;
	height:30px;
	color:#666;
	text-indent: 10px;
}

textarea{
	height:100px;
}

p.contBot{
	margin:0 auto;
	width:5em;
}
*/

/* サンクス------------------------------------------- */

.thx{
	width:900px;
	height:580px;
	margin:0 30px;
	background: url(../images/thanks.jpg) no-repeat;
}

.thxT{
	width:80%;
	margin:auto;
	padding:120px 0 0 
	
	}

.thx p{
	color:#fff;
	font-size:150%;
	text-shadow: 2px 2px 1px #000,
    -2px 2px 1px #000,
    2px -2px 1px #000,
    -2px -2px 1px #000;
	}

.thx address{
	padding-top:100px;
	font-size:2em;
	text-align:right;
	color:#FFF;
	font-family:Century, "MS 明朝","Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3",serif;
	font-weight:bold;
	text-shadow: 2px 2px 1px #000,
    -2px 2px 1px #000,
    2px -2px 1px #000,
    -2px -2px 1px #000;
}


/*================================================
 *  clearfix
 ================================================*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */