/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. パンくずリスト
　02. mainVisual
　03. main
　04. sub
　05. 重要なお知らせ
　06. ニュースリリース


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
@import url("../common/css/map_kyoten.css");


/* ==

　01. パンくずリスト

=============================================================================== */
.container .topicPath{ min-height:12px; }
* html .container .topicPath{ height:12px; }


/* ==

　02. mainVisual

=============================================================================== */
.container .mainVisual #mainimg{
	width:680px;
	text-align:center;
	float:right;
}



/* ナビゲーション
------------------------------------------------------------------------------- */
.container .mainVisual .nav{ background:#e6e7e9 url(../images/bk_nav.gif) left top no-repeat; }
.container .mainVisual .nav li.nav01 a{ height:50px; background-image:url(../images/nav_live.gif); top:0; }
.container .mainVisual .nav li.nav02 a{ height:49px; background-image:url(../images/nav_kurashi.gif); top:130px; }
.container .mainVisual .nav li.nav03 a{ height:49px; background-image:url(../images/nav_utilize.gif); top:179px; }
.container .mainVisual .nav li.nav04 a{ height:52px; background-image:url(../images/nav_business.gif); top:228px; }

/* 住まいサブ */
.container .mainVisual .nav li li a{ width:115px; height:24px; }
.container .mainVisual .nav li.nav01 li.nav01_sub01 a{ background-image:url(../images/nav_live_sub01.gif); top:52px; left:10px; }
.container .mainVisual .nav li.nav01 li.nav01_sub02 a{ height:23px; background-image:url(../images/nav_live_sub02.gif); top:76px; left:10px; }
.container .mainVisual .nav li.nav01 li.nav01_sub03 a{ background-image:url(../images/nav_live_sub03.gif); top:99px; left:10px; }
.container .mainVisual .nav li.nav01 li.nav01_sub04 a{ background-image:url(../images/nav_live_sub04.gif); top:52px; left:125px; }
.container .mainVisual .nav li.nav01 li.nav01_sub05 a{ height:23px; background-image:url(../images/nav_live_sub05.gif); top:76px; left:125px; }
.container .mainVisual .nav li.nav01 li.nav01_sub06 a{ background-image:url(../images/nav_live_sub06.gif); top:99px; left:125px; }


/* 土地活用バージョン（ナビゲーション）
------------------------------------------------------------------------------- */
.container #utilize .nav{ background:#e6e7e9 url(../images/bk_nav02.gif) left top no-repeat; }
.container #utilize .nav li.nav01 a{ height:50px; background-image:url(../images/nav02_live.gif); top:0; }
.container #utilize .nav li.nav02 a{ height:50px; background-image:url(../images/nav02_kurashi.gif); top:50px; }
.container #utilize .nav li.nav03 a{ height:46px; background-image:url(../images/nav02_utilize.gif); top:100px; }
.container #utilize .nav li.nav04 a{ height:51px; background-image:url(../images/nav02_business.gif); top:229px; }

/* 土地活用サブ */
.container #utilize .nav li li a{ width:230px; height:19px; left:10px; }
.container #utilize .nav li.nav03 li.nav03_sub01 a{ height:20px; background-image:url(../images/nav02_utilize_sub01.gif); top:146px; }
.container #utilize .nav li.nav03 li.nav03_sub02 a{ background-image:url(../images/nav02_utilize_sub02.gif); top:166px; }
.container #utilize .nav li.nav03 li.nav03_sub03 a{ background-image:url(../images/nav02_utilize_sub03.gif); top:185px; }
.container #utilize .nav li.nav03 li.nav03_sub04 a{ height:20px; background-image:url(../images/nav02_utilize_sub04.gif); top:204px; }



/* ==

　03. main

=============================================================================== */
.container .main{
	width:730px;
	overflow:hidden;
	float:left;
}

/* 重要なお知らせ（東日本大震災）
------------------------------------------------------------------------------- */
.main .important .info_eq{
	width:750px;
	margin:0 0 0 -20px;
	clear:both;
}
.main .important .info_eq p{ margin:0 0 7px 20px; }
.main .important .info_eq p.bnr{ margin-bottom:0; display:inline; float:left; }




/* お近くのダイワハウスを探す
------------------------------------------------------------------------------- */
.container .main .section .kyoten{
	/padding-bottom:10px;
	float:left;
	clear:none;
}


/* なんでダイワハウスなんだ？
------------------------------------------------------------------------------- */
.container .main .ad{
	width:320px;
	overflow:hidden;
	float:right;
}
.container .main .ad ul li{
	margin:0 20px 10px 0;
	float:left;
}
.container .main .ad ul li img{ margin-bottom:5px; }
.container .main .ad ul li a span{
	padding-left:10px;
	background:url(../common/images/renew2009/arrow.gif) left 3px no-repeat;
	display:block;
}
.container .main .ad ul li.odd{ margin-right:0; }

.ad td{
	vertical-align:top;
	
}
.container .main .ad td img{ margin-bottom:5px; }

.container .main .ad td a span{
	padding-left:10px;
	background:url(../common/images/renew2009/arrow.gif) left 3px no-repeat;
	display:block;
}

.ad_left{
	padding-left:15px;
}
.ad_bottom{
	padding-top:10px;
}

/* イベント・キャンペーン情報
------------------------------------------------------------------------------- */
.container .main .event_cp dl{
	margin-bottom:10px;
	overflow:hidden;
	clear:both;
}
* html .container .main .event_cp dl{ height:1%; }
.container .main .event_cp dt{
	width:70px;
	/*margin-top:10px;*/
	padding:10px 0;
	background:url(../common/images/renew2009/arrow.gif) right 15px no-repeat;
	line-height:1.0;
}
.container .main .event_cp dd{
	/*margin-top:-28px;
	padding:10px 5px 15px 80px;*/
	margin-top:-39px;
	padding:10px 5px 12px 80px;
	line-height:1.4;
}


/*
.container .main .event_cp dt{
	width:65px;
	margin-bottom:7px;
	padding:6px 5px 7px 0;
	background:url(../common/images/renew2009/arrow.gif) right 10px no-repeat;
	line-height:1.3;
}
.container .main .event_cp dd{
	margin:-3em 0 8px;
	padding:3px 5px 8px 80px;
	line-height:1.3;
}
*/



/* ==

　04. sub

=============================================================================== */
.container .sub{
	width:200px;
	float:right;
}
.container .sub div{ margin-bottom:10px; }
.container .sub div h2{ margin-bottom:5px; }

/* ダイワハウスについて
------------------------------------------------------------------------------- */
.container .sub .group h2{ margin-bottom:0; }
.container .sub .group ul{
	margin-bottom:7px;
	padding:10px 10px 5px;
	background-color:#eee;
}
.container .sub .group li{
	margin-bottom:5px;
	padding-left:10px;
	background:url(../common/images/renew2009/arrow.gif) left 3px no-repeat;
	line-height:1.2;
}

/* bnr
------------------------------------------------------------------------------- */
.container .sub dl.bnr dt{ margin:10px 0 3px; }
.container .sub dl.bnr li{
	margin:0 0 8px;
	padding-left:0;
	babackground:none;
	line-height:1.2;
}
.container .sub dl.bnr li img{ vertical-align:bottom; }

.container .sub dl.bnr li.txt a{
	width:184px;
	padding-left:16px;
	background:url(../common/images/renew2009/arrow.gif) 5px 3px no-repeat;
	display:block;
}
.container .sub dl.bnr li.txt a.blank{
	background:url(../common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
}



/* ==

　05. 重要なお知らせ

=============================================================================== */
.container .important{ margin-bottom:20px; }
.container .important li{
	margin-bottom:5px;
	line-height:1.4;
}

.container .important li a{
	width:710px;
	padding:3px 0 2px 20px;
	background:url(../common/images/renew2009/arrow.gif) 8px 7px no-repeat;
	display:block;
}
.container .important li a.blank{
	background:url(../common/images/renew2009/arrow_blank.gif) 2px 6px no-repeat;
}
.container .important li a.pdf{
	background:url(../common/images/renew2009/ic_pdf.gif) left 1px no-repeat;
}



/* 右カラム
------------------------------------------------------------------------------- */
.container .sub .important{
	margin-bottom:15px;
	position:relative;
}
.container .sub .important li a{
	width:180px;
}


/* ==


　 イベントキャンペーン情報

=============================================================================== */
.container #eventcampaign{
	margin:10px 0 20px;
	position:relative;
}
/*
.container #news h2{ margin-bottom:0; }
#news div{
	padding:7px 10px 0;
	background-color:#f4f4f4;
}
*/
.container #eventcampaign h3{
	height:30px;
	margin:0;
	padding:0;
	background:url(../images/t_news.gif) left top no-repeat;
	text-indent:-9999px;
	clear:both;
}
#eventcampaign dl{
	min-height:1%;
	padding:5px 10px 0;
	background:#f4f4f4;
	clear:both;
}
* html #eventcampaign dl{ height:1%; }
#eventcampaign dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

* html #eventcampaign dl{ height:1%; }

/* お知らせ
------------------------------------------------------------------------------- */
#eventcampaign dt{
	width:85px;
	padding:5px 5px 0;
	background:url(../common/images/renew2009/arrow_info.gif) right 3px no-repeat;
	line-height:1.3;
}
#eventcampaign dd{
	margin:-1.8em 0 0;
	padding:0 5px 8px 105px;
	/*border-bottom:1px dotted #ccc;*/
	background:url(../common/images/renew2009/line_dotted.gif) left bottom repeat-x;
	line-height:1.3;
}

* html #eventcampaign dd{ height:1%; }


/* 一覧
------------------------------------------------------------------------------- */
.container #eventcampaign p{
	text-indent:-9999px;
}
.container #eventcampaign p a{
	width:39px;
	height:17px;
	background-image:url(../common/images/renew2009/li_list.gif);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	position:absolute;
	top:7px;
	right:10px;
}
.container #eventcampaign p a:link, .container #eventcampaign p a:visited{ background-position:left top; }
.container #eventcampaign p a:hover, .container #eventcampaign p a:active{ background-position:right top; }


/* ==

　06. ニュースリリース

=============================================================================== */
.container #news{
	margin:10px 0 20px;
	position:relative;
}
/*
.container #news h2{ margin-bottom:0; }
#news div{
	padding:7px 10px 0;
	background-color:#f4f4f4;
}
*/
.container #news h3{
	height:30px;
	margin:0;
	padding:0;
	background:url(../images/t_news.gif) left top no-repeat;
	text-indent:-9999px;
	clear:both;
}
#news dl{
	min-height:1%;
	padding:7px 10px 0;
	background:#f4f4f4;
	clear:both;
}
* html #news dl{ height:1%; }
#news dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

* html #news dl{ height:1%; }

/* お知らせ
------------------------------------------------------------------------------- */
#news dt{
	width:85px;
	padding:5px 5px 0;
	background:url(../common/images/renew2009/arrow_info.gif) right 3px no-repeat;
	line-height:1.3;
}
#news dd{
	margin:-1.4em 0 0;
	padding:0 5px 12px 105px;
	/*border-bottom:1px dotted #ccc;*/
	background:url(../common/images/renew2009/line_dotted.gif) left bottom repeat-x;
	line-height:1.3;
}

* html #news dd{ height:1%; }


/* 一覧
------------------------------------------------------------------------------- */
.container #news p{
	text-indent:-9999px;
}
.container #news p a{
	width:39px;
	height:17px;
	background-image:url(../common/images/renew2009/li_list.gif);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	position:absolute;
	top:7px;
	right:10px;
}
.container #news p a:link, .container #news p a:visited{ background-position:left top; }
.container #news p a:hover, .container #news p a:active{ background-position:right top; }

