@charset "utf-8";

/* Default CSS Document */

html{ height:100%; }

/** BODY *************************************************************************************************************/
body{
	height:100%;
	margin:0;
	padding:0;
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "\30D2\30E9\30AE\30CE\20Pro\20W3", Osaka, Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:135%;
	text-align:center;
	color:#000;
	background:#f1f0e6 url(../../img/background.gif) 50% 0 repeat-y;
}

a{
/*\*/
   overflow: hidden;
/**/
}

img{ border:none; }

h1,
h2,
h3,
h4,
h5{ margin:0; padding:0; }

ul,
ol,
li{ margin:0; padding:0; list-style:none; }

hr{ border:none; }

p{ margin:0; padding:0; }

/** LINK COLOR *******************************************************************************************************/

a:link{ color: #41613f; text-decoration:none; }
a:visited{ color: #41613f; text-decoration:none; }
a:hover{ color:#dc7351; text-decoration:underline; }
a:active{ color:#dc7351; text-decoration:underline; }


/** User Style *******************************************************************************************************/
/*-----------------------------
Base
-----------------------------*/
#contentsWrapper{
	width:818px;
	margin:0 auto;
	background:#fff url(../../images/background.gif) 50% 0 repeat-y;
}

#description {
color: #808080;
font-size: 80%;
text-align: left;
padding: 0 0 0 18px;
}



/*-----------------------------
Header Area
-----------------------------*/
#header{
	height:98px;
	margin:0 16px 14px 16px;
	background: url(../../images/background_header.gif) 0 0 repeat-x;
}

/*ロゴマーク
------------*/
h1{
	float:left;
	width:380px;
	height:88px;
	text-indent:-9999px;
	background: url(../../images/logoMark.gif) 0 0 no-repeat;
}
h1 a{
	display: block;
	overflow: hidden;
	width:380px;
	height:88px;
}

h1 span{
	display: block;
	overflow: hidden;
	width:380px;
	height:88px;
}

/* お電話によるお問い合わせはこちら→045-650-1523営業時間9：30～17：30
----------------------------------------------------------------------*/
#informationArea{
	float:right;
	width:230px;
	background-color:#ccc; /* ←確認用です */
}

#informationArea p{
	display:block;
	width:230px;
	height:88px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: url(../../images/header_info.gif) 0 0 no-repeat;
}

/*-----------------------------
Main Stage
-----------------------------*/
#mainStage{
	clear:both;
	width:786px;
	margin:0 auto;
}

.column{
}

.leftColumn{
	float:left;
}

.rightColumn{
	float:right;
}

/*-----------------------------
Left Navigation Area
-----------------------------*/

#leftNavigationArea{
	float:left;
	width:196px;
	text-align:left;
	font-size:80%;
}

#leftNavigationArea ul{
	height:1%;
}

#leftNavigationArea p a{
	display:block;
	width:196px;
	height:51px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

.lnt01 a{ background: url(../../images/btn_request.gif) 0 0 no-repeat; }
.lnt02 a{ background: url(../../images/btn_bessou_navi.gif) 0 0 no-repeat; }
.lnt03 a{ background: url(../../images/btn_osusume.gif) 0 0 no-repeat; }

#leftNavigationArea p a.on,
#leftNavigationArea p a:hover{ background-position:0 -51px; }

ul.navi1{
	margin:0 0 10px 0;
	padding:4px;
	background-color:#96ccff;
}

ul.navi2{
	margin:0 0 10px 0;
	padding:4px;
	background-color:#55cc66;
}

ul.navi3{
	margin:0 0 10px 0;
	padding:4px;
	background-color:#60ae40;
}

ul.navi2 li,
ul.navi3 li{
	display:block;
	width:188px;
	margin:0 0 1px 0;
	background-color:#fff;
}
/*
お電話によるお問い合わせはこちら→Contact us
--------------------------------------------*/
li.contactUs a{
	display:block;
	width:188px;
	height:109px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: url(../../images/btn_contactus.gif) 0 0 no-repeat;
}

li.contactUs a.on,
li.contactUs a:hover{ background-position:0 -109px; }

ul.navi1 li.text{
	height:27px;
	margin:0 0 1px 0;
	background-color:#fff;
	border-top:solid 1px #96ccff;
}

ul.navi1 li.text a{
	display:block;
	padding:4px 5px 0 16px;
	color:#0155A3;
	background: url(../../images/arrow_blue_r.gif) 2px 0.85em no-repeat;
}


#leftNavigationArea ul.navi2 li a{
	display:block;
	height:23px;
	padding:4px 5px 0 16px;
	color:#666666;
	background:#fff url(../../images/arrow_green_r.gif) 2px 0.85em no-repeat;
}
* html #leftNavigationArea ul.navi2 li a{ height:27px; }

#leftNavigationArea ul.navi2 li a:hover{
	color:#dc7351;
	text-decoration:underline;
}


#leftNavigationArea ul.navi3 li a{
	display:block;
	height:23px;
	padding:4px 5px 0 16px;
	background:#fff url(../../images/arrow_deepgreen_r.gif) 2px 0.85em no-repeat;
}
* html #leftNavigationArea ul.navi3 li a{ height:27px; }

#leftNavigationArea ul li a:hover{
}


/* banner Area */
.bannerArea{
	text-align:center;
}

.bannerArea a{
	display:block;
	width:164px;
	height:54px;
	margin:0 auto;
	padding:0;
	text-indent:-9999px;
}

.bannerArea a{ background: url(../../images/banner.gif) 0 0 no-repeat; }
.bannerArea a.on,
.bannerArea a:hover{ background-position:0 -54px; }


/*-----------------------------
Contents Area
-----------------------------*/
#contentsArea{
	float:right;
	width:579px;
}

#BBreadCrumb{
	color:#41613f;
	text-align:right;
	margin-right:15px;
}

#CBreadCrumb{
	color:#41613f;
	margin-bottom:20px;
	text-align:right;
}

#DBreadCrumb{
	color:#41613f;
	text-align:right;
	margin-bottom:12px;
}

#EBreadCrumb{
	color:#41613f;
	text-align:right;
	margin-bottom:12px;
}

#FBreadCrumb{
	color:#41613f;
	text-align:right;
	margin-bottom:12px;
}

#JBreadCrumb,
#KBreadCrumb,
#LBreadCrumb,
#NBreadCrumb,
#OBreadCrumb,
#GBreadCrumb{
	color:#41613f;
	text-align:right;
	margin-bottom:20px;
}


/*-----------------------------
Page topへ
-----------------------------*/
.topagetop{
	clear:both;
	text-align:right;
}

.topagetop a{
	display:block;
	width:104px;
	height:39px;
	margin:0 0 0 auto;
	text-align:left;
	text-indent:-9999px;
	background: url(../../images/btn_totop.gif) 0 0 no-repeat;
}


/*-----------------------------
Footer Area
-----------------------------*/
#footerArea{
	padding:0 16px 15px 16px;
	background: url(../../images/background_bottom.gif) 0 100% no-repeat;
}

#footerNavigation{
	margin:0 auto;
	padding:15px;
	text-align:left;
	color:#ffdd9d;
	background-color:#542c06;
}

#footerNavigation a{ color:#ffdd9d; }

#copyright{
	margin:0 auto;
	padding:5px 20px 3px 20px;
	color:#fff;
	text-align:right;
	background-color:#BC9252;
}


/** 各ページ用Style1 **************************************************************************************************/

/* Toppage */
#mainPhotoArea{
	width:579px;
	height:333px;
	margin-bottom:15px;
	background-color:#ccc; /* ←確認用です */
}


/* top column(left&right) */
#topColumn1Left{
	width:280px;
}

#topColumn1Right{
	width:280px;
}

#topColumn1Left dt{
	width:280px; /* ←確認用です */
	height:36px; /* ←確認用です */
	background-color:#996633; /* ←確認用です */
	margin-bottom:5px;
}

#topColumn1Right dt{
	width:280px; /* ←確認用です */
	height:36px; /* ←確認用です */
	background-color:#996633; /* ←確認用です */
	margin-bottom:5px;
}

#topColumn1Left .inner,
#topColumn1Right .inner{
	min-height:97px;
	background: url(../../images/bg_bottomDeco.gif) 0 100% repeat-x;
}

#topColumn1Left .inner img,
#topColumn1Right .inner img{ float:left; margin-right:5px; }

#topColumn1Left .inner .textArea,
#topColumn1Right .inner .textArea{ text-align:left; }

.inner .btnArea{ overflow:hidden; text-align:right; }
.inner .btnArea a{
	display:block;
	width:76px;
	height:28px;
	margin:6px 0 0 auto;
	padding:0;
	text-align:left;
	text-indent:-9999px;
	background: url(../../images/btn_click.gif) 100% 0 no-repeat;
}

.inner .btnArea a.on,
.inner .btnArea a:hover{ background-position:0 -28px; }

#firstColumn{
	margin-bottom:15px;
}
#firstColumn dl,
#firstColumn dl dd{
	padding: 0;
	margin: 0;
}

/* second column */
#secondColumn{
	margin-bottom:15px;
}

#secondColumn h3{
	width:579px; /* ←確認用です */
	height:36px; /* ←確認用です */
	background-color:#996633; /* ←確認用です */
	margin-bottom:5px;
}

#secondColumn .textArea{ text-align:left; }

/* 各リンク画像 */
#secondColumn .photoIcon1 a,
#secondColumn .photoIcon2 a{
	display:block;
	width:273px;
	height:131px;
	margin:13px 0 0 0;
	padding:0;
	text-indent:-9999px;
}

#secondColumn .photoIcon3 a,
#secondColumn .photoIcon4 a{
	display:block;
	width:273px;
	height:131px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#secondColumn .photoIcon1 a{ background: url(../../images/icon_bessoukennchiku.gif) 0 0 no-repeat; }
#secondColumn .photoIcon2 a{ background: url(../../images/icon_ninnkibessouchi.gif) 0 0 no-repeat; }
#secondColumn .photoIcon3 a{ background: url(../../images/icon_planning.gif) 0 0 no-repeat; }
#secondColumn .photoIcon4 a{ background: url(../../images/icon_kennchikuhiyou.gif) 0 0 no-repeat; }

#secondColumn .photoIcon1 a.on,
#secondColumn .photoIcon1 a:hover{ background-position:0 -131px; }
#secondColumn .photoIcon2 a.on,
#secondColumn .photoIcon2 a:hover{ background-position:0 -131px; }
#secondColumn .photoIcon3 a.on,
#secondColumn .photoIcon3 a:hover{ background-position:0 -131px; }
#secondColumn .photoIcon4 a.on,
#secondColumn .photoIcon4 a:hover{ background-position:0 -131px; }

#secondColumn .photoIcon1,
#secondColumn .photoIcon3{
	float:left; margin-left:14px;
}

#secondColumn .photoIcon2,
#secondColumn .photoIcon4{
	float:right; margin-right:14px;
}


/* third column */
#thirdColumn{
	width:579px;
	height:162px;
	margin:0;
	padding:10px 0;
	text-align:left;
	background: url(../../images/background_thirdColumn.gif) 50% 0 no-repeat;
	margin-bottom:15px;
}

#thirdColumn p,
#thirdColumn div{ 
	display:inline;
	float:left;
}

/* 各リンク画像 */
#thirdColumn .photoIcon5,
#thirdColumn .photoIcon6{
/*	display:inline; */
	width:194px;
	height:138px;
	margin:0;
	padding:0;
}

#thirdColumn .photoIcon5 a{
	display:block;
	width:194px;
	height:138px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: url(../../images/requestFlowLink.gif) 0 0 no-repeat;
}

#thirdColumn .photoIcon6 a{
	display:block;
	width:194px;
	height:138px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: url(../../images/inquiryFormLink.gif) 0 0 no-repeat;
}

#thirdColumn .photoIcon5 a{ background: url(../../images/requestFlowLink.gif) 0 0 no-repeat; }
#thirdColumn .photoIcon6 a{ background: url(../../images/inquiryFormLink.gif) 0 0 no-repeat; }

#thirdColumn .photoIcon5 a.on,
#thirdColumn .photoIcon5 a:hover{ background-position:0 -138px; }
#thirdColumn .photoIcon6 a.on,
#thirdColumn .photoIcon6 a:hover{ background-position:0 -138px; }

#thirdColumn p,
#thirdColumn .photoIcon5,
#thirdColumn .photoIcon6{
	margin:0 0 0 10px;
	padding:0;
}


/** 各ページ用Style2 **************************************************************************************************/

/* first column(遠く街を離れて) */
/*------------------------------*/
#BfirstColumn{
	width:579px;
	height:429px;
	margin-bottom:15px;
	background-color:#ccc;
	background: url(../../villaconstnavi/images/index/bg_main.jpg) 0 0 no-repeat;
}

#BfirstColumn h2{
	text-align:left;
	text-indent:-9999px;
}


#BfirstColumn .mainTextArea{
	margin:35px 23px 0 23px;
	padding:0;
	text-align:left;
}

/* second column(別荘建築工法の種類) */
/*-----------------------------------*/
#BsecondColumn{
	width:579px;
/*	height:172px; */
}

#BsecondColumn h3{
	width:579px;
	height:36px;
	margin-bottom:5px;
}

#BsecondColumn .inner{
	min-height:131px;
	margin-bottom:12px;
}

#BsecondColumn div{
	display:inline;
	float:left;
}

/* text Area */
#BsecondColumn .textArea{
	width:273px;
	height:100px;
	margin-top:24px;
	text-align:left;
	float:left;
}

/* リンク画像 */
#BsecondColumn .inner .btnArea{
	overflow:hidden;
	text-align:right;
	float:right;
	width:273px;
}

#BsecondColumn .inner .btnArea a{
	/* clear:both; */
	display:block;
	width:273px;
	height:131px;
	margin:0;
	text-align:left;
	float:right;
	text-indent:-9999px;
	background: url(../../villaconstnavi/images/index/icon_bessoukennchiku.gif) 100% 0 no-repeat;
}

#BsecondColumn .inner .btnArea a.on,
#BsecondColumn .inner .btnArea a:hover{ background-position:0 -131px; }


/* third column(人気の別荘地をチェック) */
/*--------------------------------------*/
#BthirdColumn{
	width:579px;
/*	height:172px; */
}

#BthirdColumn h3{
	width:579px;
	height:36px;
	margin-bottom:5px;
}

#BthirdColumn .inner{
	min-height:132px;
	margin-bottom:12px;
}

#BthirdColumn div{
	display:inline;
	float:left;
}

/* text Area */
#BthirdColumn .textArea{
	width:273px;
	height:100px;
	margin-top:24px;
	text-align:left;
	float:right;
}

/* リンク画像 */
#BthirdColumn .inner .btnArea{
	overflow:hidden;
	margin:auto;
	text-align:left;
	float:left;
	width:273px;
}

#BthirdColumn .inner .btnArea a{
	/* clear:both; */
	display:block;
	width:273px;
	height:131px;
	margin:0;
	text-align:left;
	float:left;
	text-indent:-9999px;
	background: url(../../villaconstnavi/images/index/icon_ninnkibessouchi.gif) 100% 0 no-repeat;
}

#BthirdColumn .inner .btnArea a.on,
#BthirdColumn .inner .btnArea a:hover{ background-position:0 -131px; }


/* fourth column(プランニング) */
/*-----------------------------*/
#BfourthColumn{
	width:579px;
/*	height:172px; */
}

#BfourthColumn h3{
	width:579px;
	height:36px;
	margin-bottom:5px;
}

#BfourthColumn .inner{
	min-height:131px;
	margin-bottom:12px;
}

#BfourthColumn div{
	display:inline;
	float:left;
}

/* text Area */
#BfourthColumn .textArea{
	width:273px;
	height:130px;
	margin-top:24px;
	text-align:left;
	float:left;
}

/* リンク画像 */
#BfourthColumn .inner .btnArea{
	overflow:hidden;
	text-align:right;
	float:right;
	width:273px;
}

#BfourthColumn .inner .btnArea a{
	/* clear:both; */
	display:block;
	width:273px;
	height:131px;
	margin:0;
	text-align:left;
	float:right;
	text-indent:-9999px;
	background: url(../../villaconstnavi/images/index/icon_planning.gif) 100% 0 no-repeat;
}

#BfourthColumn .inner .btnArea a.on,
#BfourthColumn .inner .btnArea a:hover{ background-position:0 -131px; }


/* fifth column(建築費用ってどの程度かかるの？) */
/*----------------------------------------------*/
#BfifthColumn{
	width:579px;
	height:172px;
}

#BfifthColumn h3{
	width:579px;
	height:36px;
	margin-bottom:5px;
}

#BfifthColumn.inner{
	min-height:131px;
	margin-bottom:12px;
}

#BfifthColumn div{
	display:inline;
	float:left;
}

/* text Area */
#BfifthColumn .textArea{
	width:273px;
	height:100px;
	margin-top:24px;
	text-align:left;
	float:right;
}

/* リンク画像 */
#BfifthColumn .inner .btnArea{
	overflow:hidden;
	text-align:left;
	float:left;
	width:273px;
}

#BfifthColumn .inner .btnArea a{
	/* clear:both; */
	display:block;
	width:273px;
	height:131px;
	margin:0;
	text-align:left;
	float:left;
	text-indent:-9999px;
	background: url(../../villaconstnavi/images/index/icon_kennchikuhiyou.gif) 100% 0 no-repeat;
}

#BfifthColumn .inner .btnArea a.on,
#BfifthColumn .inner .btnArea a:hover{ background-position:0 -131px; }


/** 各ページ用Style3 **************************************************************************************************/

/* main image(別荘建築工法の種類) */
/*------------------------------*/
#CmainImage{
	width:579px;
	height:197px;
	margin-bottom:12px;
	background-color:#ccc;
}


/* first column(様々な工法) */
/*-----------------------------------*/

#CfirstColumn{
	width:579px;
}

#CfirstColumn h4{
	width:579px;
	height:34px;
	margin-bottom:5px;
}

#CfirstColumn .inner{
	min-height:332px;
	margin-bottom:12px;
}

/* text Area */
#CfirstColumn .mainTextArea{
	width:579px;
	margin-bottom:20px;
	text-align:left;
}

#CtableArea table{
	line-height: 110%;
	border: 3px solid #d2c5a5;
	color: #000000;
	cellspacing: 1px;
	border-collapse: collapse;
}

#CtableArea tr,td{
	border: 1px #d2c5a5 solid;
}

#CtableArea .FirstLineOrange{
	height:35px;
	width:50px;
	color:#ff6600;
}

#CtableArea .FirstLineBlue{
	height:35px;
	width:50px;
	color:#0066cc;
}

#CtableArea .NomalLineBlue{
	height:35px;
	width:120px;
	color:#0066cc;
}

#CtableArea .NomalLineNone{
	height:35px;
	width:120px;
	color:#000000;
	text-align:left;
	vertical-align:top;
}




/* second column(木材) */
/*--------------------------------------*/

#CsecondColumn{
	width:579px;
}

#CsecondColumn h3{
	width:579px;
	height:36px;
	margin-bottom:12px;
}

#CsecondColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#CsecondColumn .inner{
	min-height:150px;
	margin-bottom:12px;
}

#CsecondColumn img{
	display:inline;
	margin-right:10px;
	float:left;
}

#CsecondColumn .textArea{
	text-align:left;
}


/* third column(鉄筋コンクリート) */
/*-----------------------------*/

#CthirdColumn{
	width:579px;
}

#CthirdColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#CthirdColumn .inner{
	min-height:150px;
	margin-bottom:12px;
}

#CthirdColumn .img{
	display:block;
	margin-left:10px;
	float:right;
}

#CthirdColumn .textArea{
	text-align:left;
}



/* fourth column(鉄骨) */
/*----------------------------------------------*/

#CfourthColumn{
	width:579px;
}

#CfourthColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#CfourthColumn .inner{
	min-height:150px;
	margin-bottom:20px;
}

#CfourthColumn img{
	display:inline;
	margin-right:10px;
	float:left;
}

#CfourthColumn .textArea{
	text-align:left;
}

/** 各ページ用Style4 **************************************************************************************************/

/* main image(人気の別荘地をチェック) */
/*------------------------------*/
#DmainImage{
	width:579px;
	height:197px;
	margin-bottom:12px;
	background-color:#ccc;
}

/* first column(軽井沢地方) */
/*------------------------------*/

#DfirstColumn{
	width:579px;
}

#DfirstColumn h4{
	width:579px;
	height:34px;
	margin-bottom:5px;
}

#DfirstColumn .inner{
	width:579px;
	margin-bottom:12px;
}

#DfirstColumn .imgMapArea{
	width:579px;
	height:166px;
	margin-bottom:12px;
}

#DfirstColumn .imgMapArea img{
	float:left;
}

#DfirstColumn .mainTextArea{
	width:579px;
	text-align:left;
}

#DfirstColumn .mainTextArea .textRed{ color:#ff0000; }
#DfirstColumn .mainTextArea .textGreen{ color:#015b15; }
#DfirstColumn .mainTextArea .textYGreen{ color:#688200; }



/* second column(八ヶ岳地方) */
/*-----------------------------------*/
#DsecondColumn{
	width:579px;
}

#DsecondColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#DsecondColumn .inner{
	width:579px;
	margin-bottom:12px;
}

#DsecondColumn .imgMapArea{
	width:579px;
	height:166px;
	margin-bottom:12px;
}

#DsecondColumn .imgMapArea img{
	float:left;
}

#DsecondColumn .mainTextArea{
	width:579px;
	text-align:left;
}

#DsecondColumn .mainTextArea .textRed{ color:#ff0000; }


/* third column(伊豆地方) */
/*--------------------------------------*/

#DthirdColumn{
	width:579px;
}

#DthirdColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#DthirdColumn .inner{
	width:579px;
	margin-bottom:12px;
}

#DthirdColumn .imgMapArea{
	width:579px;
	height:166px;
	margin-bottom:12px;
}

#DthirdColumn .imgMapArea img{
	float:left;
}

#DthirdColumn .mainTextArea{
	width:579px;
	text-align:left;
}

#DthirdColumn .mainTextArea .textRed{ color:#ff0000; }


/* fourth column(那須地方) */
/*----------------------------------------------*/

#DfourthColumn{
	width:579px;
}

#DfourthColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#DfourthColumn .inner{
	width:579px;
	margin-bottom:12px;
}

#DfourthColumn .imgMapArea{
	width:579px;
	height:166px;
	margin-bottom:12px;
}

#DfourthColumn .imgMapArea img{
	float:left;
}

#DfourthColumn .mainTextArea{
	width:579px;
	text-align:left;
}

#DfourthColumn .mainTextArea .textRed{ color:#ff0000; }


/* fifth column(箱根地方) */
/*----------------------------------------------*/

#DfifthColumn{
	width:579px;
}

#DfifthColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#DfifthColumn .inner{
	width:579px;
	margin-bottom:20px;
}

#DfifthColumn .imgMapArea{
	width:579px;
	height:166px;
	margin-bottom:12px;
}

#DfifthColumn .imgMapArea img{
	float:left;
}

#DfifthColumn .mainTextArea{
	width:579px;
	text-align:left;
}

#DfifthColumn .mainTextArea .textRed{ color:#ff0000; }



/** 各ページ用Style5 **************************************************************************************************/

/* main image(プランニング) */
/*------------------------------*/
#EmainImage{
	width:579px;
	height:197px;
	margin-bottom:12px;
	background-color:#ccc;
}

/* first column(あなたの別荘…何に使いましょうか？) */
/*------------------------------*/

#EfirstColumn{
	width:579px;
	margin-bottom:15px;
	background-color:#fff;
}

#EfirstColumn h3{
	width:579px;
	height:36px;
	margin-bottom:5px;
}

#EfirstColumn .inner{
	width:579px;
	height:451px;
	background: url(../../villaconstnavi/images/planning/bg_main.jpg) 0 0 no-repeat;
	background-position: bottom;
}

#EfirstColumn .mainTextArea{
	width:579px;
	text-align:left;
}


/* second column(休息のために…) */
/*-----------------------------------*/
#EsecondColumn{
	width:579px;
}

#EsecondColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#EsecondColumn .inner{
/*	width:579px;*/
	min-height:194px;
	margin-bottom:12px;
}

#EsecondColumn div{
	display:inline;
	float:left;
}

/* Text Area */
#EsecondColumn .mainTextArea{
/*	clear:both;*/
	width:384px;
	height:194px;
	text-align:left;
	float:right;
}

#EsecondColumn .imgArea{
	width:185px;
	float:left;
}


/* third column(リゾートのために) */
/*--------------------------------------*/

#EthirdColumn{
	width:579px;
}

#EthirdColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#EthirdColumn .inner{
/*	width:579px;*/
	min-height:194px;
	margin-bottom:12px;
}

#EthirdColumn div{
	display:inline;
	float:right;
}

/* Text Area */
#EthirdColumn .mainTextArea{
	width:384px;
	height:194px;
	text-align:left;
	float:left;
}

#EthirdColumn .imgArea{
	width:179px;
	float:right;
}


/* fourth column(創作活動のために) */
/*----------------------------------------------*/

#EfourthColumn{
	width:579px;
}

#EfourthColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#EfourthColumn .inner{
	margin-bottom:12px;
}

#EfourthColumn div{
	display:inline;
	float:left;
}

/* Text Area */
#EfourthColumn .mainTextArea{
	width:340px;
	text-align:left;
	float:right;
}

#EfourthColumn .imgArea{
	width:232px;
	float:left;
}

/* fifth column(セカンドライフのために) */
/*----------------------------------------------*/

#EfifthColumn{
	width:579px;
}

#EfifthColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#EfifthColumn .inner{
	min-height:194px;
	margin-bottom:12px;
}

#EfifthColumn div{
	display:inline;
	float:right;
}

/* Text Area */
#EfifthColumn .mainTextArea{
	width:390px;
	height:194px;
	text-align:left;
	float:left;
}

#EfifthColumn .imgArea{
	width:184px;
	float:right;
}

/* sixth column(別荘地の管理と設備を考える) */
/*-----------------------------------*/
#EsixthColumn{
	width:579px;
}

#EsixthColumn h3{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#EsixthColumn .inner{
	margin-bottom:20px;
}

#EsixthColumn div{
	display:inline;
	float:left;
}

/* img and text Area */
/*-------------------*/

#EsixthColumn .imgAndText{
	width:579px;
	margin-bottom:12px;
}

/* Text Area */
#EsixthColumn .mainTextArea{
	width:270px;
	height:219px;
	text-align:left;
	float:right;
}

#EsixthColumn .imgArea{
	width:305px;
	float:left;
}

/* subTextArea */
#EsixthColumn .subTextArea{
	width:579px;
	text-align:left;
}


#EsixthColumn .textBlue{ color:#005fc0; }


/** 各ページ用Style6 **************************************************************************************************/

/* main image(建築費用ってどの程度かかるの？) */
/*------------------------------*/
#FmainImage{
	width:579px;
	height:197px;
	margin-bottom:12px;
	background-color:#ccc;
}

/* first column() */
/*------------------------------*/

/* second column() */
/*-----------------------------------*/


/** 各ページ用Style7 **************************************************************************************************/

/* main image(おすすめ建築『ティンバーフレーム』) */
/*------------------------------*/
#GmainImage{
	width:579px;
	height:197px;
	margin-bottom:12px;
	background-color:#ccc;
}

/* first column(ティンバーフレーム工法の特徴) */
/*------------------------------*/
#GfirstColumn{
	width:579px;
}

#GfirstColumn h3{
	width:579px;
	height:36px;
	margin-bottom:12px;
}

#GfirstColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#GfirstColumn .inner{
	width:579px;
	min-height:267px;
	margin-bottom:20px;
}

#GfirstColumn .imageArea{
	width:231px;
	float:left;
}

#GfirstColumn .mainTextArea{
	width:340px;
	height:266px;
	text-align:left;
	float:right;
}


/* second column(ヨーロッパからアメリカへ) */
/*-----------------------------------*/

#GsecondColumn{
	width:579px;
}

#GsecondColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
}

#GsecondColumn .inner{
	width:579px;
	min-height:267px;
	margin-bottom:20px;
}

#GsecondColumn .imageArea{
	width:231px;
	float:left;
}

#GsecondColumn .mainTextArea{
	width:340px;
	height:266px;
	text-align:left;
	float:right;
}

/* third column(ティンバーフレームの魅力とは) */
/*-----------------------------------*/
#GthirdColumn{
	width:579px;
}

#GthirdColumn .inner{
	margin-bottom:20px;
}


#GthirdColumn .linkArea1{
	overflow:hidden;
	margin-bottom:12px;
	text-align:left;
	width:579px;
}

#GthirdColumn .linkArea1 a{
	/* clear:both; */
	display:block;
	width:579px;
	height:95px;
	margin:0;
	text-align:left;
/*	float:left;*/
	text-indent:-9999px;
	background: url(../../timberframe/images/index/icon_miryokutoha.gif) 100% 0 no-repeat;
}

#GthirdColumn .linkArea1 a.on,
#GthirdColumn .linkArea1 a:hover{ background-position:0 -95px; }


#GthirdColumn .linkArea2{
	overflow:hidden;
	margin-bottom:12px;
	text-align:left;
	width:579px;
}

#GthirdColumn .linkArea2 a{
	/* clear:both; */
	display:block;
	width:579px;
	height:95px;
	margin:0;
	text-align:left;
/*	float:left;*/
	text-indent:-9999px;
	background: url(../../timberframe/images/index/icon_kouhoutoha.gif) 100% 0 no-repeat;
}

#GthirdColumn .linkArea2 a.on,
#GthirdColumn .linkArea2 a:hover{ background-position:0 -95px; }


#GthirdColumn .linkArea3{
	overflow:hidden;
	margin:auto;
	text-align:left;
	width:579px;
}

#GthirdColumn .linkArea3 a{
	/* clear:both; */
	display:block;
	width:579px;
	height:95px;
	margin:0;
	text-align:left;
/*	float:left;*/
	text-indent:-9999px;
	background: url(../../timberframe/images/index/icon_bukkenList.gif) 100% 0 no-repeat;
}

#GthirdColumn .linkArea3 a.on,
#GthirdColumn .linkArea3 a:hover{ background-position:0 -95px; }

/** 各ページ用Style10 **************************************************************************************************/

/* main image(ティンバーフレーム施工　物件一覧) */
/*------------------------------*/
#JmainImage{
	width:579px;
	height:197px;
	margin-bottom:12px;
	background-color:#ccc;
}

/* first column() */
/*------------------------------*/

/* second column() */
/*-----------------------------------*/


/** 各ページ用Style11 **************************************************************************************************/

/* main image(ご依頼からの流れ) */
/*------------------------------*/
#KtitleBar h3{
	width:579px;
	height:36px;
	margin-bottom:12px;
	background-color:#ccc;
}

#KfirstColumn{
	width:579px;
}

#KfirstColumn .mainTextArea{
	width:579px;
	text-align:left;
	margin-bottom:12px;
}

#KfirstColumn .flowArea1{
	overflow:hidden;
	margin-bottom:12px;
	text-align:left;
	width:579px;
}

#KfirstColumn .flowArea1 a{
	display:block;
	width:579px;
	height:95px;
	margin:0;
	text-align:left;
	text-indent:-9999px;
	background: url(../../images/flow/icon_flow1.gif) 100% 0 no-repeat;
}

#KfirstColumn .flowArea1 a.on,
#KfirstColumn .flowArea1 a:hover{ background-position:0 -95px; }

#KfirstColumn .arrow{
	margin-bottom:12px;
}

#KfirstColumn .flowArea2{
	margin-bottom:12px;
	text-align:left;
	width:95px;
}

#KfirstColumn .flowArea3{
	margin-bottom:20px;
	text-align:left;
	width:95px;
}


/** 各ページ用Style12 **************************************************************************************************/

/* main image(よくあるご質問) */
/*------------------------------*/
#LtitleBar h3{
	width:579px;
	height:36px;
	margin-bottom:12px;
	background-color:#ccc;
}

#LfirstColumn QandAArea,
#LfirstColumn .QuestionArea{
	display:block;
	width:579px;
	margin:bottom:20px;
}

#LfirstColumn .QandAArea,
#LfirstColumn .QuestionArea{
	width:579px;
	background:#f1f0e6 url(../../images/faq/Contents_background.gif) 100% 0 repeat-y;
}

#LfirstColumn .bottom{
	width:579px;
	margin:-20px 0 20px 0;
	text-align:left;
	text-indent:-9999px;
	background:#f1f0e6 url(../../images/faq/Contents_background_bottom.gif) repeat-y;
	height:50px;
}

#LfirstColumn .textArea{
	width:549px;
	text-align:left;
	margin-left:15px;
}


/** 各ページ用Style14 **************************************************************************************************/

/* main image(無料相談・お問合わせフォーム) */
/*------------------------------*/

#Nmaintitle h3{
	width:579px;
	height:36px;
	margin-bottom:12px;
	background-color:#ccc;
}

#NfirstColumn{
	width:579px;
	margin-bottom:15px;
	background-color:#fff;
}

#NfirstColumn .inner{
/*	display:inline;*/
	width:579px;
	height:400px;
	background: url(../../images/contact/img_info.gif) 100% 0 no-repeat;
	background-position: left bottom;
}

#NfirstColumn .mainTextArea{
	width:571px;
	text-align:left;
}

#NfirstColumn .QandATextArea{
	display:block;
	float:left;
	position:relative; top:80px; left:20px;
}


/* second Column(メールフォーム) */
/*------------------------------*/

#NsecondColumn{
	width:579px;
	margin-bottom:15px;
	background-color:#fff;
}

#NsecondColumn h4{
	width:579px;
	height:34px;
	margin-bottom:12px;
	background-color:#ccc;
}

#NsecondColumn .mainTextArea{
	width:579px;
	text-align:left;
	margin-bottom:12px;
}

#NsecondColumn .formArea{
	display:block;
	width:579px;
	margin:bottom:20px;
/*	background:#f1f0e6 url(../../images/contact/Contents_background.gif) 100% 0 repeat-y;*/
}

#NsecondColumn .bottom{
	width:579px;
	margin-bottom:20px;
	text-align:left;
	text-indent:-9999px;
/*	background:#f1f0e6 url(../../images/contact/Contents_background_bottom.gif) repeat-y;*/
	height:50px;
}

#NsecondColumn .formArea table{
	width:549px;
	text-align:left;
	margin-left:15px;
}


#DtableArea table{
	width: 569px;
	line-height: 110%;
	border: 3px solid #d2c5a5;
	color: #000000;
	cellspacing: 1px;
	border-collapse: collapse;
}

#DtableArea tr{
	border: 1px #d2c5a5 solid;
}

/*
#DtableArea .td1{
	border: 0px #d2c5a5 solid;
}

#DtableArea .td2{
	border: 0px #d2c5a5 solid;
}
*/

#DtableArea .FirstLine{
	height:35;
	width:10px;
	border:0px #d2c5a5 solid;
}

#DtableArea .SecondLine{
	height:35px;
	width:110px;
}

#DtableArea .ThirdLine{
	height:35px;
	width:100px;
}


/** 各ページ用Style15 **************************************************************************************************/

/* main image(サイトマップ) */
/*------------------------------*/

#OtitleBar h3{
	width:579px;
	height:36px;
	margin-bottom:12px;
	background-color:#ccc;
}

#OsitemapArea{
	width:579px;
	text-align:left;
}

#OsitemapArea h4{
	display:block;
	width:579px;
	height:34px;
	margin-bottom:12px;;
	padding:0;
}


#OsitemapArea ul{
	margin-bottom:12px;
}

#OsitemapArea ul.sitemapnavi1 li a,
#OsitemapArea ul.sitemapnavi2 li a,
#OsitemapArea ul.sitemapnavi3 li a,
#OsitemapArea ul.sitemapnavi4 li a{
	display:block;
	padding:26px 5px 0 34px;
	color:#0155A3;
	background: url(../../images/sitemap/listIcon.gif) 2px 1em no-repeat;
}


/************************* merit */

.marginTop{
	margin-Top:10px;
}

.pan{
	margin:10px 0;
	text-align:right;
}

#meritText{
	margin:10px 0 0 0;
	text-align:left;
}


#merit{
	margin-bottom:20px;
	text-align:left;
	overflow:hidden;
}

#merit:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #merit{
	height:1em;
	overflow:visible;
}
/**/

#merit h3{
	margin:10px 0;
}

#merit .floatLeft{
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}


#merit .floatRight{
	float:right;
	margin-left:5px;
	margin-bottom:10px;
}

/************************* aboutmethod */

#aboutmethod{
	margin-bottom:20px;
	text-align:left;
	overflow:hidden;
}

#aboutmethod h3{
	margin:10px 0;
}

#aboutmethod aboutText{
	margin:10px 0;
}

#aboutmethod p{
	margin:10px 0;
}

/************************* recommende */

#recommende{
	margin-bottom:20px;
	text-align:left;
}

#recommende table{
	width:580px;
	text-align:left;
}

#recommende th,td{
	padding:4px;
}

#recommende th{
	width:100px;
}

/************************* strong tag */

#str {
	text-align: center;
}

#str strong {
	font-weight: normal;
}



/* Float対策用 *******************************************************************************************************/

/* Remove element */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* clear element */
.clear:after{
	content:".";
	display:block;
	visibility:hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear:both;
}
.clear{display:inline-block;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:1px;
	height:1px !important;
	font-size:0%;
	background:none !important;
	overflow:hidden;
}
html>body .reset{overflow:visible;}