@charset "utf-8";

/*------------------------------------------------------
	初期化
------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
}

a { color: #2C4070; }

a:hover { color: #7ABDDE; }
li { list-style-type: none; }

/*----------------------------------------
フォントサイズ
-------------------------------------------*/
.s09 {font-Size:9px; line-height:110%;}
.s10 {font-Size:10px; line-height:110%;}
.s11 {font-Size:11px; line-height:110%;}
.s12 {font-Size:12px; line-height:110%;}
.s13 {font-Size:13px; line-height:110%;}
.s14 {font-Size:14px; line-height:110%;}
.s18 {font-Size:18px; line-height:110%;}
.s24 {font-Size:24px; line-height:110%;}

.m09 {font-Size:9px; line-height:160%;}
.m10 {font-Size:10px; line-height:160%;}
.m11 {font-Size:11px; line-height:160%;}
.m12 {font-Size:12px; line-height:160%;}
.m13 {font-Size:13px; line-height:160%;}
.m14 {font-Size:14px; line-height:160%;}
.m18 {font-Size:18px; line-height:160%;}
.m24 {font-Size:24px; line-height:160%;}

.l09 {font-Size:9px; line-height:210%;}
.l10 {font-Size:10px; line-height:210%;}
.l11 {font-Size:11px; line-height:210%;}
.l12 {font-Size:12px; line-height:210%;}
.l13 {font-Size:13px; line-height:210%;}
.l14 {font-Size:14px; line-height:210%;}
.l18 {font-Size:18px; line-height:210%;}
.l24 {font-Size:24px; line-height:210%;}

.a-blue { color: #014589; }
.a-red { color: #990000; }


/*------------------------------------------------------
	ヘッダー
------------------------------------------------------*/

h1{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-size: 10px;
	height: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}
h6  {
	font-size: 8px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
body {
	background-color: #FFFFFF;
	background-image: url(../navi_img/bg-gradation.png);
	background-repeat: repeat-x;
}

.header-bg {
	background-image: url(../navi_img/gNav-bg.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 379px;
	background-position: 0px 303px;
}

.header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 379px;
	position: relative;
	background-color: #FFFFFF;
}
.logo a{
	background-image: url(../navi_img/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 56px;
	width: 227px;
	overflow: hidden;
	position: absolute;
	display: block;
	z-index: 15;
	left: 751px;
	top: 25px;
}
.linetop {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 4;
}

.lineund {
	position: absolute;
	left: 0px;
	top: 376px;
	z-index: 5;
}
.h-img {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}



/*------------------------------------------------------
	グローバルナビ　.gNav
------------------------------------------------------*/

.gNav {
	position: absolute;
	left: 0px;
	top: 303px;
	width: 742px;
	height: 44px;
	z-index: 100;
	background-image: url(../navi_img/gNav-bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-left: 129px;
	padding-top: 7px;
	padding-right: 129px;
	padding-bottom: 7px;
}
.gNav li {
	float: left;
	padding-right: 4px;
	padding-left: 4px;
}

.gNav li, .gNav li a {
	display: block;
	overflow: hidden;
	height: 44px;
	width: 98px;
}
.gNav li a {
	background-image: url(../navi_img/gNav-li.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}

/*↓笠原の家づくり↓*/
.gNav li#gn-concept a {	background-position: 0px 0px;}
.gNav li#gn-concept a:hover { background-position: 0px -44px; }
body.concept .gNav li#gn-concept a { background-position: 0px -44px; }
/*↓木造注文住宅↓*/
.gNav li#gn-mokuzou a {	background-position: -102px 0px;}
.gNav li#gn-mokuzou a:hover { background-position: -102px -44px; }
body.mokuzou .gNav li#gn-mokuzou a { background-position: -102px -44px; }
/*↓デザイナー住宅↓*/
.gNav li#gn-designer a {	background-position: -204px 0px;}
.gNav li#gn-designer a:hover { background-position: -204px -44px; }
body.designer .gNav li#gn-designer a { background-position: -204px -44px; }
/*↓笠原で家を建てる↓*/
.gNav li#gn-step a {	background-position: -306px 0px;}
.gNav li#gn-step a:hover { background-position: -306px -44px; }
body.step .gNav li#gn-step a { background-position: -306px -44px; }
/*↓笠原のリフォーム↓*/
.gNav li#gn-reform a {	background-position: -408px 0px;}
.gNav li#gn-reform a:hover { background-position: -408px -44px; }
body.reform .gNav li#gn-reform a { background-position: -408px -44px; }
/*↓事例フォトギャラリー↓*/
.gNav li#gn-photo a {	background-position: -510px 0px;}
.gNav li#gn-photo a:hover { background-position: -510px -44px; }
body.photo .gNav li#gn-photo a { background-position: -510px -44px; }
/*↓イベント・見学会↓*/
.gNav li#gn-events a {	background-position: -612px 0px;}
.gNav li#gn-events a:hover { background-position: -612px -44px; }
body.events .gNav li#gn-events a { background-position: -612px -44px; }
/*↓会社情報↓*/
.gNav li#gn-company a {	background-position: -714px 0px;}
.gNav li#gn-company a:hover { background-position: -714px -44px; }
body.company .gNav li#gn-company a { background-position: -714px -44px; }

/*------------------------------------------------------
	サブナビ　.sNav
------------------------------------------------------*/

h2{	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 150px;
	width: 150px;
	overflow: hidden;
	margin-bottom: 35px;}
body.concept .alpha h2 {	background-image: url(../navi_img/sNav-concept.png);}
body.mokuzou .alpha h2 {	background-image: url(../navi_img/sNav-mokuzou.png);}
body.designer .alpha h2 {	background-image: url(../navi_img/sNav-designer.png);}
body.step .alpha h2 {	background-image: url(../navi_img/sNav-step.png);}
body.company .alpha h2 {	background-image: url(../navi_img/sNav-company.png);}
body.reform .alpha h2 {	background-image: url(../navi_img/sNav-reform.png);}
body.photo .alpha h2 {	background-image: url(../navi_img/sNav-photo.png);}
body.events .alpha h2 {	background-image: url(../navi_img/sNav-event.png);}

h3{margin-bottom:40px;}
body.events h3{margin-bottom:40px;}

body.concept .alpha li.links a {	background-image: url(../navi_img/sNav-concept.png);}
body.mokuzou .alpha li.links a {	background-image: url(../navi_img/sNav-mokuzou.png);}
body.designer .alpha li.links a {	background-image: url(../navi_img/sNav-designer.png);}
body.step .alpha li.links a {	background-image: url(../navi_img/sNav-step.png);}
body.company .alpha li.links a{	background-image: url(../navi_img/sNav-company.png);}
body.reform .alpha li.links a{	background-image: url(../navi_img/sNav-reform.png);}
body.photo .alpha li.links a{	background-image: url(../navi_img/sNav-photo.png);}
body.events .alpha li.links a{	background-image: url(../navi_img/sNav-event.png);}

.alpha li.links a{
	display: block;
	height: 22px;
	width: 150px;
	text-indent: -9999px;
	overflow: hidden;
}
body.concept .alpha li#home a{	background-position: 0px -317px;	margin-top: 22px;}
body.concept .alpha li#concept a{	background-position: 0px -185px;}
body.concept .alpha li#material a{	background-position: 0px -207px;}
body.concept .alpha li#tech a{	background-position: 0px -339px;}
body.concept .alpha li#system a{	background-position: 0px -229px;}
body.concept .alpha li#kiso a{	background-position: 0px -251px;}
body.concept .alpha li#fiber a{	background-position: 0px -273px;}
body.concept .alpha li#home a:hover{	background-position: -150px -317px;}
body.concept .alpha li#concept a:hover{	background-position: -150px -185px;}
body.concept .alpha li#material a:hover{	background-position: -150px -207px;}
body.concept .alpha li#tech a:hover{	background-position: -150px -339px;}
body.concept .alpha li#system a:hover{	background-position: -150px -229px;}
body.concept .alpha li#kiso a:hover{	background-position: -150px -251px;}
body.concept .alpha li#fiber a:hover{	background-position: -150px -273px;}

body.mokuzou .alpha li#home a{	background-position: 0px -313px;	margin-top: 22px;}
body.mokuzou .alpha li#yasuragi a{	background-position: 0px -185px;}
body.mokuzou .alpha li#dhouse a{	background-position: 0px -251px; height:44px;}
body.mokuzou .alpha li#yasuragi_gal a{	background-position: 0px -207px;}
body.mokuzou .alpha li#home a:hover{	background-position: -150px -313px;}
body.mokuzou .alpha li#yasuragi a:hover{	background-position: -150px -185px;}
body.mokuzou .alpha li#dhouse a:hover{	background-position: -150px -251px;}
body.mokuzou .alpha li#yasuragi_gal a:hover{	background-position: -150px -207px;}

body.designer .alpha li#home a{	background-position: 0px -273px;	margin-top: 22px;}

body.designer .alpha li#dhouse_gal a{	background-position: 0px -229px;}
body.designer .alpha li#home a:hover{	background-position: -150px -273px;}
body.designer .alpha li#dhouse_gal a:hover{	background-position: -150px -229px;}

body.step .alpha li#home a{	background-position: 0px -317px;	margin-top: 22px;}
body.step .alpha li#process a{	background-position: 0px -185px;}
body.step .alpha li#faq a{	background-position: 0px -207px;}
body.step .alpha li#arc_klg a{	background-position: 0px -229px;}

body.step .alpha li#tochi a{	background-position: 0px -251px;}
body.step .alpha li#link a{	background-position: 0px -273px;}
body.step .alpha li#hoshou a{	background-position: 0px -339px; height:44px;}
body.step .alpha li#home a:hover{	background-position: -150px -317px;}
body.step .alpha li#process a:hover{	background-position: -150px -185px;}
body.step .alpha li#faq a:hover{	background-position: -150px -207px;}
body.step .alpha li#arc_klg a:hover{	background-position: -150px -229px;}
body.step .alpha li#tochi a:hover{	background-position: -150px -251px;}
body.step .alpha li#link a:hover{	background-position: -150px -273px;}
body.step .alpha li#hoshou a:hover{	background-position: -150px -339px;}

body.company .alpha li#home a{	background-position: 0px -317px;	margin-top: 22px;}
body.company .alpha li#company a{	background-position: 0px -185px;}
body.company .alpha li#company_map a{	background-position: 0px -207px;}
body.company .alpha li#company1 a{	background-position: 0px -229px;}
body.company .alpha li#privacy a{	background-position: 0px -251px;}
body.company .alpha li#sitemap a{	background-position: 0px -273px;}
body.company .alpha li#home a:hover{	background-position: -150px -317px;}
body.company .alpha li#company_map a:hover{	background-position: -150px -207px;}
body.company .alpha li#company a:hover{	background-position: -150px -185px;}
body.company .alpha li#company1 a:hover{	background-position: -150px -229px;}
body.company .alpha li#privacy a:hover{	background-position: -150px -251px;}
body.company .alpha li#sitemap a:hover{	background-position: -150px -273px;}

body.reform .alpha li#home a{	background-position: 0px -295px;	margin-top: 22px;}
body.reform .alpha li#reform a{	background-position: 0px -185px;}
body.reform .alpha li#fullreform a{	background-position: 0px -207px;}
body.reform .alpha li#reform_ichiran a{	background-position: 0px -229px;}
body.reform .alpha li#reformpack a{	background-position: 0px -339px;}
body.reform .alpha li#reform_gal a{	background-position: 0px -251px;}
body.reform .alpha li#mainte a{	background-position: 0px -361px;}
body.reform .alpha li#home a:hover{	background-position: -150px -295px;	margin-top: 22px;}
body.reform .alpha li#reform a:hover{	background-position: -150px -185px;}
body.reform .alpha li#fullreform a:hover{	background-position: -150px -207px;}
body.reform .alpha li#reform_ichiran a:hover{	background-position: -150px -229px;}
body.reform .alpha li#reformpack a:hover{	background-position: -150px -339px;}
body.reform .alpha li#reform_gal a:hover{	background-position: -150px -251px;}
body.reform .alpha li#mainte a:hover{	background-position: -150px -361px;}

body.photo .alpha li#home a{	background-position: 0px -625px;	margin-top: 22px;}
body.photo .alpha li#gal01 a{	background-position: 0px -185px;}
body.photo .alpha li#gal02 a{	background-position: 0px -207px;}
body.photo .alpha li#gal03 a{	background-position: 0px -229px;}
body.photo .alpha li#gal04 a{	background-position: 0px -251px;}
body.photo .alpha li#gal05 a{	background-position: 0px -273px;}
body.photo .alpha li#gal06 a{	background-position: 0px -295px;}
body.photo .alpha li#gal07 a{	background-position: 0px -339px; height:44px;}
body.photo .alpha li#gal08 a{	background-position: 0px -383px;}
body.photo .alpha li#gal09 a{	background-position: 0px -405px;}
body.photo .alpha li#gal10 a{	background-position: 0px -427px;}
body.photo .alpha li#gal11 a{	background-position: 0px -449px;}
body.photo .alpha li#gal12 a{	background-position: 0px -471px;}
body.photo .alpha li#gal13 a{	background-position: 0px -493px;}
body.photo .alpha li#gal14 a{	background-position: 0px -515px;}
body.photo .alpha li#gal15 a{	background-position: 0px -537px;}
body.photo .alpha li#gal16 a{	background-position: 0px -559px;}
body.photo .alpha li#gal17 a{	background-position: 0px -581px;}
body.photo .alpha li#gal18 a{	background-position: 0px -603px;}
body.photo .alpha li#home a:hover{	background-position: -150px -625px;	margin-top: 22px;}
body.photo .alpha li#gal01 a:hover{	background-position: -150px -185px;}
body.photo .alpha li#gal02 a:hover{	background-position: -150px -207px;}
body.photo .alpha li#gal03 a:hover{	background-position: -150px -229px;}
body.photo .alpha li#gal04 a:hover{	background-position: -150px -251px;}
body.photo .alpha li#gal05 a:hover{	background-position: -150px -273px;}
body.photo .alpha li#gal06 a:hover{	background-position: -150px -295px;}
body.photo .alpha li#gal07 a:hover{	background-position: -150px -339px; height:44px;}
body.photo .alpha li#gal08 a:hover{	background-position: -150px -383px;}
body.photo .alpha li#gal09 a:hover{	background-position: -150px -405px;}
body.photo .alpha li#gal10 a:hover{	background-position: -150px -427px;}
body.photo .alpha li#gal11 a:hover{	background-position: -150px -449px;}
body.photo .alpha li#gal12 a:hover{	background-position: -150px -471px;}
body.photo .alpha li#gal13 a:hover{	background-position: -150px -493px;}
body.photo .alpha li#gal14 a:hover{	background-position: -150px -515px;}
body.photo .alpha li#gal15 a:hover{	background-position: -150px -537px;}
body.photo .alpha li#gal16 a:hover{	background-position: -150px -559px;}
body.photo .alpha li#gal17 a:hover{	background-position: -150px -581px;}
body.photo .alpha li#gal18 a:hover{	background-position: -150px -603px;}

body.events .alpha li#home a{	background-position: 0px -251px;	margin-top: 22px;}
body.events .alpha li#eve a{	background-position: 0px -185px;}
body.events .alpha li#repo a{	background-position: 0px -207px;}
body.events .alpha li#campaign a{	background-position: 0px -339px;}
body.events .alpha li#media a{	background-position: 0px -361px;}
body.events .alpha li#home a:hover{	background-position: -150px -251px;	margin-top: 22px;}
body.events .alpha li#eve a:hover{	background-position: -150px -185px;}
body.events .alpha li#repo a:hover{	background-position: -150px -207px;}
body.events .alpha li#campaign a:hover{	background-position: -150px -339px;}
body.events .alpha li#media a:hover{	background-position: -150px -361px;}

/*------------------------------------------------------
	メイン
------------------------------------------------------*/
.main {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	background-color:#ffffff;
}
.main .topicpath {
	height: 70px;
	width: 943px;
	margin-left: 57px;
}
.main .topicpath p{line-height:70px;}
.main .alpha {
	float: left;
	width: 150px;
}
.main .beta {
	float: left;
	width: 850px;
}
.main .goTop {
	clear: both;
	height: 19px;
	margin-left: 815px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contents {
	margin-right: auto;
	margin-left: auto;
	line-height: 160%;
}
body.events .contents {
	width: 640px;
	background-image: url(../ev_img/leader52.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 52px;
}
body.events .contents h4 {
	font-size: 16px;
	margin-bottom: 1em;
}

body.events .contents p { margin-bottom: 12px; }
body.events .contents .thanks {	font-size: 12px;	color: #003399;}



body.mokuzou .contents {
	width: 640px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
body.mokuzou .contents h4 {
	font-size: 16px;
	margin-top: 1em;
}
body.mokuzou  .contents  p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 160%;
}
body.mokuzou  .contents  p.mbpict { margin-bottom: 18px; }

body.photo .contents {
	width: 600px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
body.photo .contents h3 {
	margin-bottom:80px;
}
body.photo .contents h4 {
	margin-bottom:13px;}
body.photo .contents  p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 160%;
}
body#gallery .contents .photos {
	margin-bottom: 25px;
	font-size: 12px;
	line-height: 110%;
}

body#gallery .contents {
	width: 590px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 10px;
}
body#gallery .contents h3 {
	margin-bottom:20px;
}
body#gallery .contents h4 {
	margin-bottom:13px;}
body#gallery .contents  p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 160%;
}
body.photo  .contents  .photos {
	margin-bottom: 25px;
	font-size: 12px;
	line-height: 110%;
}


body.photo .contents .watch { text-align: right; }

body.photo .contents  p.mbpict { margin-bottom: 18px; }




body#otoiawase .beta {
	padding-left: 10px;
}



/*------------------------------------------------------
	フッター
------------------------------------------------------*/
.footer-bg {
	width: 100%;
	background-image: url(../navi_img/dot.gif);
	background-repeat: repeat-x;
	height: 107px;
}
.footer * { font-size: 10px; }

.footer#bnr {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	height: 107px;
	position: relative;
}
.footer#bnr #bnr01 {
	position: absolute;
	left: 73px;
	top: 18px;
}
.footer#bnr #bnr02 {
	position: absolute;
	left: 77px;
	top: 34px;
}
.footer#bnr #bnr03 {
	position: absolute;
	left: 384px;
	top: 14px;
}
.footer#bnr #bnr04 {
	position: absolute;
	left: 386px;
	top: 28px;
}
.footer#bnr #bnr05 {
	position: absolute;
	left: 385px;
	top: 53px;
}
.footer#bnr #bnr06 {
	position: absolute;
	left: 715px;
	top: 33px;
}.footer#bnr #bnr07 {
	position: absolute;
	left: 833px;
	top: 33px;
}
.footer#bnr #bnr08 {
	position: absolute;
	left: 662px;
	top: 81px;
}
.footer#bnr #bnr10 {
	position: absolute;
	left: 2px;
	top: 72px;
}
.footer ul.ftrNav{
	height: 14px;
	width: 334px;
	position: absolute;
	z-index: 10;
	left: 55px;
	top: 78px;
	background-image: url(../navi_img/ftr-tri.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 11px;
}
.footer .ftrNav li {
	float: left;
}
.footer .ftrNav li, .ftrNav li a {
	display: block;
	height: 14px;
}
.footer .ftrNav li a {
	background-image: url(../navi_img/ftr-nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
.footer .ftrNav li#ftrhome a {	background-position: 0px 0px; width: 54px;}
.footer .ftrNav li#ftrhome a:hover {	background-position: 0px 0px; width: 54px;}

.footer .ftrNav li#ftrotoiawase a {	background-position: -54px 0px; width: 60px;}
.footer .ftrNav li#ftrotoiawase a:hover {	background-position: -54px 0px; width: 60px;}

.footer .ftrNav li#ftrshiryoseikyu a {	background-position: -115px 0px; width: 60px;}
.footer .ftrNav li#ftrshiryoseikyum a:hover {	background-position: -115px 0px; width: 60px;}

.footer .ftrNav li#ftrprivacy a {	background-position: -175px 0px; width: 90px;}
.footer .ftrNav li#ftrprivacy a:hover {	background-position: -175px 0px; width: 90px;}

.footer .ftrNav li#ftrsitemap a {	background-position: -265px 0px; width: 69px;}
.footer .ftrNav li#ftrsitemap a:hover {	background-position: -265px 0px; width: 69px;}
.footer { clear: both; }

.footer#link {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer#link {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.footer#link  ul { margin-left: 15px; }

.footer#link li.links {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0D1A24;
	margin-right: 5px;
}

.footer#link li.links a {
	text-decoration: none;
	margin-right: 5px;

s
	padding-right: 5px;
}


.footer#link li.links a:hover { text-decoration: underline; }

.event-red { color: #CC3333; }

/*----性能・素材へのこだわり　隠し-----
li#material{display:none;}
ul.iedukuriul li#ie01{display:none;}*/

/* 印刷用 */