@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. mainVisual
　03. メインコンテンツ
　04. サブコンテンツ
　05. 


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
/*@import url("/common/css/map_kyoten.css");*/
@import url("map_tenji.css");


/* ==

　01. 共通パーツ

=============================================================================== */




/* ==

　02. mainVisual

=============================================================================== */
.container .mainVisual div.mainView{
	width:680px;
	height:360px;
	/*text-align:center;*/
	position:relative;
	float:right;
}
.mainView:after{ content:''; display:block; clear:both; }

.imageReel p{ display:none; }

#loading{
	width:680px;
	height:360px;
	padding:120px 0 0 0;
	background-color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}


.mainImgs {
	width:680px;
	height:290px;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
}
.imageReel { position:relative; }
.imageReel div{
	position: absolute;
	top: 0;
	left: 0;
}



/* ボタン
------------------------------------------------------------------------------- */
.paging{
	width:680px;
	background:url(../images/mainVisual/bg_btn.gif) left top no-repeat;
	position:absolute;
	top:290px;
	left:0;
	z-index:9999;
}
.paging li{ float:left; }
.paging li a{
	width:160px;
	height:61px;
	padding:9px 0 0 10px;
	display:block;
}



/* ナビゲーション
------------------------------------------------------------------------------- */
.container .mainVisual .nav{ background:none; float:left; clear:none; }
.container .mainVisual .nav p{ margin:0; }
.container .mainVisual .nav li.nav01 a{ height:77px; background-image:url(../images/nav_type.jpg); top:50px; }
.container .mainVisual .nav li.nav02 a{ height:77px; background-image:url(../images/nav_gallery.jpg); top:127px; }
.container .mainVisual .nav li.nav03 a{ height:76px; background-image:url(../images/nav_lifestyle.jpg); top:204px; }

.container .mainVisual .nav li.nav04 a{ height:70px; background-image:url(../images/nav_visit.jpg); top:290px; }


/* ==

　03. メインコンテンツ

=============================================================================== */
/* コンテンツ一覧
------------------------------------------------------------------------------- */
.section .cntsIndex {
	clear:both;
	width:960px;
	height:190px;
	margin:0 0 0 -10px;
	padding:0 0 10px 0;
	background:url(../images/bg_cntsIndexOff.gif) no-repeat 10px bottom;
	}
.section .cntsIndex:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}

.section .cntsIndex .cnts-box {
	width:230px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
	display:inline;
	background:none;
	position:relative;
	}
.section .cntsIndex .cnts-box h2 {
	margin:0;
	padding:0;
	}
.section .cntsIndex .cnts-box ul {
	margin:10px;
	padding:0;
	list-style:none;
	}
.section .cntsIndex .cnts-box ul li {
	margin:0 0 8px;
	}
.section .cntsIndex .cnts-box ul li a {
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_02.gif) 7px 3px no-repeat;
	}
.section .cntsIndex .cnts-box ul li a.blank{
	background:url(/common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
	}

.section .cntsIndex .btn {
	clear:both;
	margin:0;
	padding:0;
	position:absolute;
	top:170px;
	left:10px;
	}
.section .cntsIndex .btn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}
.section .cntsIndex .btn .slide {
	text-align:center;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	width:230px;
	display:inline;
	background:none;
	}
.section .cntsIndex .btn .btn-slide {
	background:url(../images/bt_cntsIndex.gif) left top no-repeat;
	width:210px;
	height:20px;
	display:inline-block;
	/display:block;
	overflow:hidden;
	text-indent:-9999px;
	}

/*
.section .cntsIndex .btn .active {
	background:url(../images/bt_cntsIndex_close.gif) no-repeat;
	width:210px;
	height:20px;
	display:inline-block;
	/display:block;
	text-indent:-9999px;
	}
*/

/* lifestyle box */
/*
.section .cntsIndex #lifestyle ul {
	margin:10px 8px 10px 2px;
	padding:0;
	}
.section .cntsIndex #lifestyle ul li {
	float:left;
	margin:0 0 0 8px;
	padding:0;
	display:inline;
	width:102px;
	}
.section .cntsIndex #lifestyle ul li .txt a {
	margin:0;
	padding-left:6px;
	background:url(/common/images/renew2009/arrow_02.gif) 0 3px no-repeat;
	}
	
.section .cntsIndex #lifestyle ul li .pic {
	float:none;
	margin:0 0 3px 0;
	padding:0;
	line-height:0;
	}
.section .cntsIndex #lifestyle ul li .pic a {
	background:none;
	padding-left:0;
	}
.section .cntsIndex #lifestyle ul li .pic a img {
	border:solid 1px #ccc;
	}
.section .cntsIndex #lifestyle ul li .pic a:hover img {
	border:solid 1px #ff0000;
	padding:0;
	}
*/
	
/* コンテンツ一覧タブ
------------------------------------------------------------------------------- */
.section .cntsTab {
	width:950px;
	margin:0;
	padding:0;
	background:url(../images/bg_cntsTab.gif) no-repeat left bottom;
	}
.section .cntsTab:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}
.section .cntsTab #aboutTab,
.section .cntsTab #lifestyleTab,
.section .cntsTab #meritTab,
.section .cntsTab #consultTab {
	padding:25px 10px 10px 10px;
	display:none;
	}
.section .cntsTab #aboutTab		 { background:url(../images/bg_cntsTab_about.gif) no-repeat; }
.section .cntsTab #lifestyleTab	 { background:url(../images/bg_cntsTab_lifestyle.gif) no-repeat; }
.section .cntsTab #meritTab		 { background:url(../images/bg_cntsTab_merit.gif) no-repeat; }
.section .cntsTab #consultTab	 { background:url(../images/bg_cntsTab_consult.gif) no-repeat; }


.section .cntsTab dl {
	margin:0 0 10px 0;
	padding:0;
	width:930px;
	clear:both;
	background:url(../images/line_cntsTab.gif) no-repeat left bottom;
	}
.section .cntsTab dl.lastChild {
	margin:0;
	background:none;
	}
.section .cntsTab dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}
.section .cntsTab dl dt {
	float:left;
	width:230px;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#333;
	}
.section .cntsTab dl dd {
	float:left;
	width:700px;
	padding:0 0 5px 0;
	/padding:0 0 10px 0;
	}
.section .cntsTab dl dd li {
	float:left;
	width:175px;
	margin:0 0 5px 0;
	padding:0;
	display:inline-block;
	}
.section .cntsTab dl dd a {
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) 0 4px no-repeat;
	display:inline-block;
	}
.section .cntsTab dl dd a.blank{
	background:url(/common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
	padding-left:17px;
	}


/* lifestyle tab */
.section .cntsTab #lifestyleTab {
	clear:both;
	position:relative;
	padding-bottom:0;
	/padding-bottom:10px;
	width:930px;
	zoom:1;
	overflow:hidden;
	}

.section .cntsTab #lifestyleTab div.inner {
	clear:both;
	margin:0;
	width:945px;
	}
.section .cntsTab #lifestyleTab div.inner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}
.section .cntsTab #lifestyleTab div.inner ul li {
	width:300px;
	float:left;
	margin:0 0 10px;
	padding:0 0 0 15px;
	padding:0 15px 0 0;
	display:inline-block;
	}
* html .section .cntsTab #lifestyleTab div.inner ul li {
	display:inline;
	}

.section .cntsTab #lifestyleTab ul li p.pic {
	float:left;
	width:110px;
	margin:0;
	}
.section .cntsTab #lifestyleTab ul li p.txt {
	float:left;
	width:190px;
	margin:0;
	line-height:1.3;
	}
.section .cntsTab #lifestyleTab ul li p.txt a {
	margin:0 0 5px 0;
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) 0 5px no-repeat;
	display:inline-block;
	}
.section .cntsTab #lifestyleTab ul li p.txt a.blank{
	background:url(/common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
	padding-left:17px;
	}
.section .cntsTab #lifestyleTab ul li img {
	border:solid 1px #ccc;
	}
.section .cntsTab #lifestyleTab ul li a:hover img {
	border:solid 1px #ff6600;
	}

#lifestyleTab h3 {
	clear:both;
	background:url(../images/line_cntsTab.gif) no-repeat left bottom;
	margin:0 0 10px 0;
	/margin:10px 0; 
	padding:0 0 10px 0;
	font-weight:bold;
	font-size:100%;
	}



/* コンテンツ一覧以下2カラム
------------------------------------------------------------------------------- */
.section .main{
	clear:both;
	width:680px;
	min-height:1%;
	line-height:1.3;
	float:left;
	margin:20px 0 0 0;
}
.section .sub{
	width:250px;
	min-height:1%;
	float:right;
	margin:20px 0 0 0;
}
.section .main:after,
.section .sub:after,
.section .main div:after,
.section .sub div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.section .main div{
	min-height:1%;
	position:relative;
}
.section .main div h2{
	margin-bottom:0;
	padding-bottom:10px;
	background:#fff url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
}

@media print{
	* html .section .main li a,
	* html .section .main div.bunjo p a{
		height:1%;
		display:block;
	}
}


/* 2カラム */
.section .main .column2{
	width:680px;
	min-height:1%;
	margin-bottom:20px;
	overflow:visible;
	clear:both;
}
.main .column2 .floatL{
	width:330px;
}
.main .column2 .floatR{
	width:330px;
}



/* まちなかジーヴォ
------------------------------------------------------------------------------- */
.column2 .machinaka{
	width:330px;
}
.machinaka div{
	width:330px;
	min-height:1%;
	margin-bottom:20px;
	padding-bottom:0;
	line-height:1.5;
	clear:both;
}
.machinaka div p.img{ float:left; }
.machinaka div p.txt{
	width:245px;
	float:right;
}
.machinaka div p.txt img{ margin-bottom:5px; }
.machinaka p.txt a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 3px no-repeat;
}


/* 土地からお探しの方へ
------------------------------------------------------------------------------- */
.column2 .bunjo{
	width:330px;
}
.bunjo div{
	width:330px;
	min-height:1%;
	margin-bottom:20px;
	padding-bottom:0;
	line-height:1.5;
	clear:both;
}
.bunjo div p.img{ float:left; }
.bunjo div p.txt{
	width:245px;
	float:right;
}
.bunjo div p.txt img{ margin-bottom:5px; }
.bunjo p.txt a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 3px no-repeat;
}


/* 展示場を探す
------------------------------------------------------------------------------- */
.column2 .tenjijo {
	width:330px;
	}
.tenjijo p.map {
	margin:0 0 10px 0;
	}
.tenjijo p.txt a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 3px no-repeat;
}



/* お知らせ
------------------------------------------------------------------------------- */
.section .main .info h2{ margin-bottom:0; padding-bottom:0; }



/* ==

　04. サブコンテンツ

=============================================================================== */
.sub h2{
	min-height:22px;
	padding:8px 5px 0 15px;
	background:url(/common/images/renew2009/bk_h2_250px.gif) left top no-repeat;
	font-size:14px;
	line-height:1.0;
}
* html .sub h2{ height:22px; }

.sub h2 img{ margin:-8px 0 0 -15px; }


/* 共通
------------------------------------------------------------------------------- */
.sub .ranking li{
	width:243px;
	min-height:1%;
	margin:0;
	padding:5px 7px 5px 0;
	background:#f9f9f9 url(../images/line_ranking.gif) left bottom repeat-x;
	line-height:1.3;
	position:relative;
	float:none;
	clear:both;
}
.sub .tenji li,
.sub .bunjo li{
	width:236px;
	min-height:1%;
	margin:0;
	padding:5px 7px;
	background:#f9f9f9 url(../images/line_ranking.gif) left bottom repeat-x;
	line-height:1.3;
	position:relative;
	float:none;
	clear:both;
}
.sub div li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


/* タイトルまわり */
.sub .title{
	padding:0 0 4px;
	background:url(../images/line_ranking.gif) left bottom repeat-x;
	clear:both;
}
.sub .title p{
	margin:0;
	padding:0 5px 0 0;
	background:none;
}
.sub .title p img{ vertical-align:middle; }
.sub .title p span{
	padding:3px;
	border:1px solid #ccc;
	font-size:85%;
	font-weight:normal;
}
.sub .title p.txt{
	width:243px;
	margin:0;
	padding:5px 5px 0 0;
}
.sub .tenji .title p{ min-height:16px; padding:4px 0 0 25px; background:url(/common/images/renew2009/ic_tenji.gif) left top no-repeat; }
.sub .bunjo .title p{ min-height:16px; padding:4px 0 0  48px; background:url(../images/ic_bunjo.gif) left top no-repeat; }
.sub .kyoten .title p{ min-height:16px; padding:4px 0 0 25px; background:url(/common/images/renew2009/ic_shiten.gif) left top no-repeat; }
* html .sub .tenji .title p,
* html .sub .bunjo .title p,
* html .sub .kyoten .title p{ height:16px; }

/* テキストリンク */
.sub div ul.txt_link{
	margin-bottom:30px;
	clear:both;
}
.sub div ul.txt_link li{
	width:auto;
	margin:3px 12px 0 0;
	padding:0 0 0 6px;
	background:#fff url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	font-size:85%;
	white-space:nowrap;
	position:relative;
	float:left;
	clear:none;
}
.sub .ranking ul.txt_link{ margin-bottom:20px; }
.sub .kyoten ul.txt_link{ margin-bottom:0; }
.sub .kyoten ul.txt_link li{
	padding-bottom:5px;
	font-size:100%;
	float:none;
}

/* バナー */
.sub p.bnr{ margin-bottom:10px; }


/* お近くのダイワハウス（支店・営業所－地図）
------------------------------------------------------------------------------- */
.kyoten{
	width:250px;
	margin:0 0 10px;
	padding:0;
	background:none;
	clear:both;
}
.sub .kyoten div.map{
	position:relative;
	float:none;
	clear:both;
}


/* 人気ブログランキング
------------------------------------------------------------------------------- */
.ranking{
	width:250px;
	margin-bottom:10px;
	min-height:1%;
	line-height:1.3;
	clear:both;
}
.ranking li .floatR{ width:218px; }
.ranking li p{ margin-bottom:3px; }
.ranking li .txt p{ margin-bottom:5px; }
.ranking li p.city{
	padding:0;
	font-size:85%;
	line-height:1.2;
	color:#333;
}
.ranking li p.rank_num{ padding-left:3px; float:left; }
.ranking li p.img{ float:left; }
.ranking li div.txt{ width:159px; float:right; }


/* 住宅展示場一覧
------------------------------------------------------------------------------- */
.sub .tenji {
	width:250px;
	margin:0 0 20px 0;
	padding:0;
	}
.sub .tenji h3 {
	font-size:100%;
	margin:0 0 5px 0;
	padding:3px 0 5px 25px;
	background:url(../images/h3_tenji.gif) no-repeat;
	min-height:20px;
	_height:20px;
	}
.sub .tenji ul {
	width:250px;
	margin:0;
	padding:0;
	}
.sub .tenji ul li {
	clear:both;
	background:url(../images/line_tenji.gif) no-repeat left bottom;
	width:250px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	}
.sub .tenji li p.pic {
	width:80px;
	float:left;
	}
.sub .tenji li p.txt{
	width:170px;
	line-height:1.3;
	float:left;
	clear:none;
}
.sub .tenji p.txt span.tel{
	padding-left:15px;
	background:url(/common/images/renew2009/ic_tel.gif) left 1px no-repeat;
}

.sub .tenji p.otherTenji {
	clear:both;
	margin:-5px 0 0 0;
	padding:0;
	font-size:85%;
	}
.sub .tenji p.otherTenji a {
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 3px no-repeat;
	}



/* 分譲住宅・宅地一覧
------------------------------------------------------------------------------- */
.sub .bunjo li span{
	margin-bottom:3px;
	padding:4px 0 4px 50px;
	background:url(../images/item_bunjo.gif) left top no-repeat;
	font-size:90%;
	display:block;
}
.sub .bunjo li.takuchi span{ background:url(../images/item_takuchi.gif) left top no-repeat; }