@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 太陽割キャンペーン
　02. 共通パーツ
　03. 地図エリア
　04. 展示場一覧
　99. SNSボタン

******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/css/style.css"); /* 注文住宅CSS（/jutaku/css/） */



/* ==

　01. 太陽割キャンペーン

=============================================================================== */

.comparison, .Inner{
	min-height:1%;
	clear:both;
}
* html .comparison,
* html .Inner{
	height:1%;
}
.comparison:after, .Inner:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.section .comparison img{ vertical-align:bottom; }
.comparison{ margin-top:20px; background:url(../images/bg_main.gif) left top no-repeat; }
.comparison .Inner{ padding:22px 20px 0; }
.comparison .Inner div{
	padding:0 10px 10px 0;
	border-bottom:2px dashed #00a0e9;
	text-align:center;
}
/*
.comparison .Inner div{ float:left; }
.comparison .Inner div.litium{ float:right; }
*/

.comparison .InnerTxt{ background:url(../images/bg_txt.gif) left bottom no-repeat; }
.comparison .InnerTxt p{
	padding:20px;
	font-size:115%;
	line-height:1.5;
	color:#008acc;
}

.comparison .InnerTxt p a{ background:url(/common/images/renew2009/arrow_blank.gif) no-repeat left 2px; padding-left:15px; }



/* ==

　02. 共通パーツ

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	margin:0 0 10px;
	padding:0;
	line-height:1.5;
	float:left;
}
.section .main div{
	width:730px;
	min-height:1%;
	margin:0 0 20px;
	padding:0;
	clear:both;
}
.section .main div div{
	width:auto;
	margin:0;
	padding:0;
	clear:none;
}


.section .sub{
	width:200px;
	min-height:1%;
	margin:0 0 10px;
	padding:0;
	line-height:1.3;
	float:right;
}
.section .sub div{ min-height:1%; clear:both; }
* html .section .sub div{ height:1%; }
.section .sub div div{ width:auto; clear:none; }
.section .sub ul li{ margin-bottom:12px; }
.section .sub .present{ margin:0 0 20px; }
.section .sub .present p{ margin-bottom:10px; }
.section .sub .present ul.notes li{ margin:2px 0 0 1em; font-size:86%; }

.section .sub ul.btnArea li a{ display:block; width:200px; height:90px; background-position:left top; }
.section .sub ul.btnArea li a span{ display:none; }
.section .sub ul.btnArea li a:hover{ background-position:left bottom; }
.section .sub ul.btnArea li.solarBtn a{ background-image:url(../images/btn_merit.jpg); }
.section .sub ul.btnArea li.visitBtn a{ background-image:url(../images/btn_ex.jpg); }
.section .sub ul.btnArea li.eyeBtn a{ background-image:url(../images/btn_eye.jpg); }

.section .main h2{
	margin-bottom:10px;
	padding:0;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .section .main h2{ height:1%; }

.section .main h2.txt{
	min-height:23px;
	margin:0 0 10px;
	padding:7px 0 0 12px;
	background:url(/common/images/renew2009/bk_h2_730px.gif) left top no-repeat;
	font-size:120%;
}
* html .section .main h2.txt{ height:23px; }


.main td p a strong{ color:#404f6f; }




/* ==

　03. 地図エリア

=============================================================================== */
#mapArea{ width:730px; height:240px; position:relative; }
#mapArea div{ height:240px; }
#mapArea p{ display:none; }


/* 地図
------------------------------------------------------------------------------- */
#mapArea #mapAll{ background:url(../images/map/map_all.gif) left top no-repeat; }
#mapArea #hokkaido{ background:url(../images/map/map_hokkaido.gif) left top no-repeat; }
#mapArea #tohoku{ background:url(../images/map/map_tohoku.gif) left top no-repeat; }
#mapArea #kanto{ background:url(../images/map/map_kanto.gif) left top no-repeat; }
#mapArea #chubu2{ background:url(../images/map/map_chubu2.gif) left top no-repeat; }
#mapArea #chubu{ background:url(../images/map/map_chubu.gif) left top no-repeat; }
#mapArea #kinki{ background:url(../images/map/map_kinki.gif) left top no-repeat; }
#mapArea #chugoku{ background:url(../images/map/map_chugoku.gif) left top no-repeat; }
#mapArea #shikoku{ background:url(../images/map/map_shikoku.gif) left top no-repeat; }
#mapArea #kyushu{ background:url(../images/map/map_kyushu.gif) left top no-repeat; }



/* メインエリアボタン（全国表示）
------------------------------------------------------------------------------- */
#mapArea #mapAll ul.btn li{
	width:118px;
	height:25px;
	background-position:right top;
	background-repeat:no-repeat;
	position:absolute;
	display:block;
}
#mapArea #mapAll ul.btn li span{ display:none; }

#mapArea #mapAll ul.btn li a{
	width:118px;
	height:25px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
#mapArea #mapAll ul.btn li a:link, #mapArea #mapAll ul.btn li a:visited{ background-position:left top; }
#mapArea #mapAll ul.btn li a:hover, #mapArea #mapAll ul.btn li a:active{ background-position:center top; }


/* エリア */
#mapArea div ul.btn li.btn_hokkaido,
#mapArea div ul.btn li.btn_hokkaido a{ background-image:url(../images/map/btn_hokkaido.gif); top:29px; left:495px; }
#mapArea div ul.btn li.btn_tohoku,
#mapArea div ul.btn li.btn_tohoku a{ background-image:url(../images/map/btn_tohoku.gif); top:86px; left:495px; }
#mapArea div ul.btn li.btn_kanto,
#mapArea div ul.btn li.btn_kanto a{ background-image:url(../images/map/btn_kanto.gif); top:147px; left:495px; }
#mapArea div ul.btn li.btn_chubu2,
#mapArea div ul.btn li.btn_chubu2 a{ background-image:url(../images/map/btn_chubu2.gif); top:86px; left:224px; }
#mapArea div ul.btn li.btn_chubu,
#mapArea div ul.btn li.btn_chubu a{ background-image:url(../images/map/btn_chubu.gif); top:193px; left:361px; }
#mapArea div ul.btn li.btn_kinki,
#mapArea div ul.btn li.btn_kinki a{ background-image:url(../images/map/btn_kinki.gif); top:193px; left:225px; }
#mapArea div ul.btn li.btn_chugoku,
#mapArea div ul.btn li.btn_chugoku a{ background-image:url(../images/map/btn_chugoku.gif); top:86px; left:28px; }
#mapArea div ul.btn li.btn_shikoku,
#mapArea div ul.btn li.btn_shikoku a{ background-image:url(../images/map/btn_shikoku.gif); top:147px; left:28px; }
#mapArea div ul.btn li.btn_kyushu,
#mapArea div ul.btn li.btn_kyushu a{ background-image:url(../images/map/btn_kyushu.gif); top:193px; left:28px; }



/* メインエリアボタン（都道府県）
------------------------------------------------------------------------------- */
#mapArea div ul.btn li{
	width:50px;
	height:22px;
	background-position:right top;
	background-repeat:no-repeat;
	position:absolute;
	display:block;
}
#mapArea div ul.btn li span{ display:none; }

#mapArea div ul.btn li a{
	width:50px;
	height:22px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
#mapArea div ul.btn li a:link, #mapArea div ul.btn li a:visited{ background-position:left top; }
#mapArea div ul.btn li a:hover, #mapArea div ul.btn li a:active{ background-position:center top; }


/* 北海道エリア */
#mapArea div ul.btn li.btn_pref1,
#mapArea div ul.btn li.btn_pref1 a{ background-image:url(../images/map/btn_pref1.gif); top:126px; left:240px; }

/* 東北エリア */
#mapArea div ul.btn li.btn_pref2,
#mapArea div ul.btn li.btn_pref2 a{ background-image:url(../images/map/btn_pref2.gif); top:31px; left:337px; }
#mapArea div ul.btn li.btn_pref3,
#mapArea div ul.btn li.btn_pref3 a{ background-image:url(../images/map/btn_pref3.gif); top:105px; left:350px; }
#mapArea div ul.btn li.btn_pref4,
#mapArea div ul.btn li.btn_pref4 a{ background-image:url(../images/map/btn_pref4.gif); top:165px; left:285px; }
#mapArea div ul.btn li.btn_pref5,
#mapArea div ul.btn li.btn_pref5 a{ background-image:url(../images/map/btn_pref5.gif); top:63px; left:265px; }
#mapArea div ul.btn li.btn_pref6,
#mapArea div ul.btn li.btn_pref6 a{ background-image:url(../images/map/btn_pref6.gif); top:125px; left:212px; }
#mapArea div ul.btn li.btn_pref7,
#mapArea div ul.btn li.btn_pref7 a{ background-image:url(../images/map/btn_pref7.gif); top:190px; left:180px; }

/* 関東エリア */
#mapArea div ul.btn li.btn_pref8,
#mapArea div ul.btn li.btn_pref8 a{ background-image:url(../images/map/btn_pref8.gif); top:120px; left:378px; }
#mapArea div ul.btn li.btn_pref9,
#mapArea div ul.btn li.btn_pref9 a{ background-image:url(../images/map/btn_pref9.gif); top:70px; left:350px; }
#mapArea div ul.btn li.btn_pref10,
#mapArea div ul.btn li.btn_pref10 a{ background-image:url(../images/map/btn_pref10.gif); top:64px; left:262px; }
#mapArea div ul.btn li.btn_pref11,
#mapArea div ul.btn li.btn_pref11 a{ background-image:url(../images/map/btn_pref11.gif); top:113px; left:289px; }
#mapArea div ul.btn li.btn_pref12,
#mapArea div ul.btn li.btn_pref12 a{ background-image:url(../images/map/btn_pref12.gif); top:188px; left:362px; }
#mapArea div ul.btn li.btn_pref13,
#mapArea div ul.btn li.btn_pref13 a{ background-image:url(../images/map/btn_pref13.gif); top:148px; left:297px; }
#mapArea div ul.btn li.btn_pref14,
#mapArea div ul.btn li.btn_pref14 a{ background-image:url(../images/map/btn_pref14.gif); top:180px; left:260px; }
#mapArea div ul.btn li.btn_pref19,
#mapArea div ul.btn li.btn_pref19 a{ background-image:url(../images/map/btn_pref19.gif); top:130px; left:217px; }

/* 北陸・北信越エリア */
#mapArea div ul.btn li.btn_pref15,
#mapArea div ul.btn li.btn_pref15 a{ background-image:url(../images/map/btn_pref15.gif); top:65px; left:345px; }
#mapArea div ul.btn li.btn_pref16,
#mapArea div ul.btn li.btn_pref16 a{ background-image:url(../images/map/btn_pref16.gif); top:115px; left:227px; }
#mapArea div ul.btn li.btn_pref17,
#mapArea div ul.btn li.btn_pref17 a{ background-image:url(../images/map/btn_pref17.gif); top:87px; left:174px; }
#mapArea div ul.btn li.btn_pref18,
#mapArea div ul.btn li.btn_pref18 a{ background-image:url(../images/map/btn_pref18.gif); top:145px; left:120px; }
#mapArea div ul.btn li.btn_pref20,
#mapArea div ul.btn li.btn_pref20 a{ background-image:url(../images/map/btn_pref20.gif); top:160px; left:275px; }

/* 中部エリア */
#mapArea div ul.btn li.btn_pref21,
#mapArea div ul.btn li.btn_pref21 a{ background-image:url(../images/map/btn_pref21.gif); top:75px; left:270px; }
#mapArea div ul.btn li.btn_pref22,
#mapArea div ul.btn li.btn_pref22 a{ background-image:url(../images/map/btn_pref22.gif); top:165px; left:350px; }
#mapArea div ul.btn li.btn_pref23,
#mapArea div ul.btn li.btn_pref23 a{ background-image:url(../images/map/btn_pref23.gif); top:140px; left:267px; }
#mapArea div ul.btn li.btn_pref24,
#mapArea div ul.btn li.btn_pref24 a{ background-image:url(../images/map/btn_pref24.gif); top:165px; left:180px; }

/* 近畿エリア */
#mapArea div ul.btn li.btn_pref25,
#mapArea div ul.btn li.btn_pref25 a{ background-image:url(../images/map/btn_pref25.gif); top:100px; left:385px; }
#mapArea div ul.btn li.btn_pref26,
#mapArea div ul.btn li.btn_pref26 a{ background-image:url(../images/map/btn_pref26.gif); top:58px; left:320px; }
#mapArea div ul.btn li.btn_pref27,
#mapArea div ul.btn li.btn_pref27 a{ background-image:url(../images/map/btn_pref27.gif); top:120px; left:300px; }
#mapArea div ul.btn li.btn_pref28,
#mapArea div ul.btn li.btn_pref28 a{ background-image:url(../images/map/btn_pref28.gif); top:70px; left:250px; }
#mapArea div ul.btn li.btn_pref29,
#mapArea div ul.btn li.btn_pref29 a{ background-image:url(../images/map/btn_pref29.gif); top:157px; left:338px; }
#mapArea div ul.btn li.btn_pref30,
#mapArea div ul.btn li.btn_pref30 a{ background-image:url(../images/map/btn_pref30.gif); top:180px; left:259px; }

/* 中国エリア */
#mapArea div ul.btn li.btn_pref31,
#mapArea div ul.btn li.btn_pref31 a{ background-image:url(../images/map/btn_pref31.gif); top:58px; left:362px; }
#mapArea div ul.btn li.btn_pref32,
#mapArea div ul.btn li.btn_pref32 a{ background-image:url(../images/map/btn_pref32.gif); top:60px; left:225px; }
#mapArea div ul.btn li.btn_pref33,
#mapArea div ul.btn li.btn_pref33 a{ background-image:url(../images/map/btn_pref33.gif); top:120px; left:358px; }
#mapArea div ul.btn li.btn_pref34,
#mapArea div ul.btn li.btn_pref34 a{ background-image:url(../images/map/btn_pref34.gif); top:114px; left:253px; }
#mapArea div ul.btn li.btn_pref35,
#mapArea div ul.btn li.btn_pref35 a{ background-image:url(../images/map/btn_pref35.gif); top:120px; left:141px; }

/* 四国エリア */
#mapArea div ul.btn li.btn_pref36,
#mapArea div ul.btn li.btn_pref36 a{ background-image:url(../images/map/btn_pref36.gif); top:140px; left:345px; }
#mapArea div ul.btn li.btn_pref37,
#mapArea div ul.btn li.btn_pref37 a{ background-image:url(../images/map/btn_pref37.gif); top:85px; left:330px; }
#mapArea div ul.btn li.btn_pref38,
#mapArea div ul.btn li.btn_pref38 a{ background-image:url(../images/map/btn_pref38.gif); top:106px; left:195px; }
#mapArea div ul.btn li.btn_pref39,
#mapArea div ul.btn li.btn_pref39 a{ background-image:url(../images/map/btn_pref39.gif); top:165px; left:245px; }

/* 九州エリア */
#mapArea div ul.btn li.btn_pref40,
#mapArea div ul.btn li.btn_pref40 a{ background-image:url(../images/map/btn_pref40.gif); top:30px; left:318px; }
#mapArea div ul.btn li.btn_pref41,
#mapArea div ul.btn li.btn_pref41 a{ background-image:url(../images/map/btn_pref41.gif); top:53px; left:258px; }
#mapArea div ul.btn li.btn_pref42,
#mapArea div ul.btn li.btn_pref42 a{ background-image:url(../images/map/btn_pref42.gif); top:88px; left:222px; }
#mapArea div ul.btn li.btn_pref43,
#mapArea div ul.btn li.btn_pref43 a{ background-image:url(../images/map/btn_pref43.gif); top:120px; left:270px; }
#mapArea div ul.btn li.btn_pref44,
#mapArea div ul.btn li.btn_pref44 a{ background-image:url(../images/map/btn_pref44.gif); top:88px; left:345px; }
#mapArea div ul.btn li.btn_pref45,
#mapArea div ul.btn li.btn_pref45 a{ background-image:url(../images/map/btn_pref45.gif); top:158px; left:315px; }
#mapArea div ul.btn li.btn_pref46,
#mapArea div ul.btn li.btn_pref46 a{ background-image:url(../images/map/btn_pref46.gif); top:174px; left:217px; }
#mapArea div ul.btn li.btn_pref47,
#mapArea div ul.btn li.btn_pref47 a{ background-image:url(../images/map/btn_pref47.gif); top:162px; left:125px; }



/* 右サイドボタン
------------------------------------------------------------------------------- */
#mapArea #sideBtn{
	width:85px;
	position:absolute;
	right:0;
	top:0;
}
#mapArea #sideBtn li{ text-indent:-9999px; }
#mapArea #sideBtn li a{
	width:85px;
	height:24px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
#mapArea #sideBtn li a:link, #mapArea #sideBtn li a:visited{ background-position:left top; }
#mapArea #sideBtn li.current a:link, #mapArea #sideBtn li.current a:visited,
#mapArea #sideBtn li a:hover, #mapArea #sideBtn li a:active{ background-position:right top; }

#mapArea #sideBtn li.btn_mapAll a{ height:25px; background-image:url(../images/map/btn02_mapAll.gif); }
#mapArea #sideBtn li.btn_hokkaido a{ background-image:url(../images/map/btn02_hokkaido.gif); }
#mapArea #sideBtn li.btn_tohoku a{ background-image:url(../images/map/btn02_tohoku.gif); }
#mapArea #sideBtn li.btn_kanto a{ background-image:url(../images/map/btn02_kanto.gif); }
#mapArea #sideBtn li.btn_chubu2 a{ background-image:url(../images/map/btn02_chubu2.gif); }
#mapArea #sideBtn li.btn_chubu a{ background-image:url(../images/map/btn02_chubu.gif); }
#mapArea #sideBtn li.btn_kinki a{ background-image:url(../images/map/btn02_kinki.gif); }
#mapArea #sideBtn li.btn_chugoku a{ background-image:url(../images/map/btn02_chugoku.gif); }
#mapArea #sideBtn li.btn_shikoku a{ background-image:url(../images/map/btn02_shikoku.gif); }
#mapArea #sideBtn li.btn_kyushu a{ background-image:url(../images/map/btn02_kyushu.gif); }






/* ==

　04. 展示場一覧

=============================================================================== */
.tenji_area table{ width:100%; margin:0 0 20px; clear:both; }
.tenji_area td.result{
	width:335px;
	padding:10px;
	background-color:#f3f3f3;
	line-height:1.3;
	vertical-align:top;
}

/*検索結果が奇数で終わった場合の対応*/
.tenji_area td.etc{
	width:335px;
	padding:10px;
	background-color:#ffffff;
	line-height:1.3;
	vertical-align:top;
}
.tenji_area td.sp{ width:20px; padding:0; background-color:#fff; }
.tenji_area td td{
	width:auto;
	padding:0;
	background-color:transparent;
}

.tenji_area td p.img{ width:120px; margin:0 0 10px; float:left; }
.tenji_area td div.txt{ width:205px; margin:0 0 10px; float:right; }
.tenji_area td div.txt p{ margin:0 0 5px; }

.tenji_area td table{
	margin:0;
	background-color:#d9d9d9;
}
.tenji_area td th{
	padding:2px 7px;
	background-color:#d0e8ff;
	border:1px solid #fff;
	font-weight:normal;
	color:#444;
}
.tenji_area td td{
	padding:5px;
	background-color:#fff;
	text-align:center;
}

.tenji_area td th.lead{ text-align:left; }
.tenji_area td td.lead{ padding:5px 7px; text-align:left; }

.tenji_area td td.map_print{ font-size:85%; }


/* ==

　99. SNSボタン

=============================================================================== */
.snsBox{ margin:20px 0 5px; }
.snsBox .txt{ float:left; width:626px; }

#sns{ width:300px; float:right; margin:15px auto 0; padding:0 0 5px; text-align:right; clear:both; }
#sns:after{ content:''; display:block; clear:both; }
#sns p{ margin:0; padding:0; display:inline; }
#sns p{ /padding:0 0 0 5px; }

