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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. base
　02. パンくずリスト
　03. mainVisual
　04. contents
　05. main
　06. sub
　07. 重要なお知らせ
　08.イベントキャンペーン情報
　09. ニュースリリース
　10. 協賛・イベントバナー
　99. SNSボタン



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


/* ==

　00. file import

=============================================================================== */
@import url("map.css");


/* ==

　01. base

=============================================================================== */
body{ font-size:85%; }



/* ==

　02. パンくずリスト

=============================================================================== */
.topicPath{
	width:950px;
	min-height:1%;
	margin:0 auto 3px;
	padding:5px 5px 8px;
	min-height:12px;
	background:url(/common/images/renew2009/btm_header.gif) 0 0 no-repeat;
	position:relative;
	clear:both;
}
.topicPath:after{ content:''; display:block; clear:both; }

* html .topicPath{ height:12px; }
.topicPath p.txt{
	font-size:10px;
	line-height:1.2;
	position:absolute;
	top:10px;
	left:5px;
}


/* ==

　03. mainVisual

=============================================================================== */
div.mainView{
	width:958px;
	height:341px;
	margin:0 auto;
	background:url(../images/bk_mainView.gif) left top no-repeat;
	position:relative;
	clear:both;
}

.mainView:after{ content:''; display:block; clear:both; }

.imageReel p{ display:none; }

#loading{
	width:507px;
	height:185px;
	padding:120px 0 0 443px;
	background-color:#fff;
	/*
	color:#fff;
	text-align:center;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	*/
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}


.mainImgs {
	height:320px;
	width: 650px;
	overflow: hidden;
	position: relative;
	top:12px;
	left:14px;
}
.imageReel {
	position:relative;
	/*
	position: absolute;
	top: 0; left: 0;
	*/
}
/*.imageReel div {float: left;}*/
.imageReel div{
	position: absolute;
	top: 0;
	left: 0;
}



/* ボタン
------------------------------------------------------------------------------- */
.paging{
	width:275px;
	position:absolute;
	top:12px;
	right:13px;
	z-index:9999;
}
.paging li{
	margin:0 0 8px;
/*
	padding-left:11px;
	position:relative;
	float:left;
*/
}




/* ==

　04. contents

=============================================================================== */
#contents{
	width:958px;
	margin:0 auto 15px;
	background:url(../images/bk_contents.gif) center top no-repeat;
	clear:both;
}


#contents .tab{ padding:0 0 0 25px; height:67px; clear:both; }
#contents .tab li{
	margin:0 8px 12px;
	display:inline;
	float:left;
}
#contents .tab li p{
	padding:8px 8px 0;
	background-image:url(../images/bk_tab.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#contents .tab li.business p{ background-image:url(../images/bk_tab197px.gif); }
#contents .tab li.company p{ background-image:url(../images/bk_tab155px.gif); }

#contents .tab li p.on{ padding-top:4px; background-image:url(../images/bk_tab_on.gif); }
#contents .tab li.business p.on{ background-image:url(../images/bk_tab197px_on.gif); }
#contents .tab li.company p.on{ background-image:url(../images/bk_tab155px_on.gif); }


#contents .tab li p span{
	width:123px;
	height:17px;
	margin:0;
	padding:10px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	clear:both;
}
#contents .tab li.sumai p span{ background-image:url(../images/tab_live.gif); }
#contents .tab li.kurashi p span{ background-image:url(../images/tab_kurashi.gif); }
#contents .tab li.tochikatsu p span{ background-image:url(../images/tab_tochikatsu.gif); }
#contents .tab li.business p span{ width:162px; background-image:url(../images/tab_business.gif); }
#contents .tab li.company p span{ width:120px; background-image:url(../images/tab_company.gif); }

#contents .tab li p span a{
	width:103px;
	height:17px;
	margin:0 auto;
	text-indent:-9999px;
	display:block;
}
#contents .tab li.business p span a{ width:142px; }
#contents .tab li.company p span a{ width:100px; }


/* アクティブ */
#contents .tab li p.on span{
	width:143px;
	height:50px;
	margin:0;
	padding:0;
}
#contents .tab li.sumai p.on span{ background-image:url(../images/tab_live_on.gif); }
#contents .tab li.kurashi p.on span{ background-image:url(../images/tab_kurashi_on.gif); }
#contents .tab li.tochikatsu p.on span{ background-image:url(../images/tab_tochikatsu_on.gif); }
#contents .tab li.business p.on span{ width:182px; background-image:url(../images/tab_business_on.gif); }
#contents .tab li.company p.on span{ width:140px; background-image:url(../images/tab_company_on.gif); }

#contents .tab li p.on span a{ width:143px; height:50px; }
#contents .tab li.business p.on span a{ width:182px; }
#contents .tab li.company p.on span a{ width:140px; }



#contents div.details{ height:55px; margin:0; padding:0; clear:both; }

#contents div.details dl, #contents div.details dt{ display:none; }
#contents div.details dl.sumai{ display:block; }

#contents dd{ font-size:10px; }
#contents dd ul{ text-align:center; }
#contents dd li{ margin:0 7px 5px; display:inline; }

#contents .kurashi dd li{ margin:0 3px 5px; }
#contents .tochikatsu dd li, #contents .business dd li{ margin:0 10px 5px; }
#contents .company dd li{ margin:0 20px 5px; }




/* ==

　05. main

=============================================================================== */
.container .main{
	width:730px;
	overflow:hidden;
	float:left;
}




/* お近くのダイワハウスを探す
------------------------------------------------------------------------------- */
#kyoten{
	width:730px;
	margin:0 0 20px;
	/margin:0;
	clear:both;
}
#kyoten ul.tab li{ margin:0 3px 0 0; float:left; }


.container .main .section .kyoten{
	width:330px;
	/padding-bottom:10px;
	background:none;
	float:left;
	clear:none;
}
.container .main .section .kyoten h3{ margin:0 0 5px; }


#kyoten div.category{
	width:397px;
	margin-left:-7px;
	position:relative;
	float:right;
	clear:none;
}
#kyoten div.category h3{ margin:0 0 5px 7px; padding:8px 0 12px; background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x; }
#kyoten div.category li{ width:191px; margin:0 0 5px 7px; display:inline; float:left; }
#kyoten div.category li.event{ width:auto; float:none; }




/* 条件から探す */
#kyoten .kyoten div.condition{
	width:324px;
	min-height:214px;
	background-color:#f5f5f5;
	border:3px solid #dedcd9;
	float:none;
	position:relative;
	clear:both;
	display:none;
}
* html #kyoten .kyoten div.condition{ height:214px; }

.kyoten .condition fieldset{ margin:3px 0 0; }
.kyoten .condition fieldset div{
	width:300px;
	margin:0 auto;
	padding:5px 0;
	/padding:2px 0;
	/*
	border-bottom:1px solid #dedcd9;
	*/
}
/*.kyoten .condition fieldset p{
	font-size:12px;
	line-height:1.2;
}
.kyoten .condition fieldset p label{
	margin:-15px 0 0 18px;
	/margin:-15px 0 0 20px;
	display:block;
}
.kyoten .condition fieldset p a{
	margin-top:3px;
	/margin-bottom:3px;
	padding-left:22px;
	background:url(../images/renew2009/arrow_02.gif) 15px 4px no-repeat;
	font-size:85%;
	display:block;
}
*/
.kyoten .condition fieldset select{
	margin:7px 0 4px 8px;
	/*
	padding:0;
	display:block;
	*/
}
#kyoten .kyoten .condition div.btn{ text-align:center; }


/* カテゴリから探す */
#kyoten div.category p.txt{
	margin:5px 0 8px 10px;
	padding:0 0 2px 10px;
	/*background:url(/common/images/renew2009/line_dotted03.gif) left bottom repeat-x;*/
	border-left:4px solid #666;
	font-size:100%;
	line-height:1.0;
	font-weight:bold;
}
#kyoten div.category select{
	background-color:#333;
	color:#fff;
}
#kyoten div.category select option{ color:#fff; }




/* 大和ハウスのメールマガジン
------------------------------------------------------------------------------- */
.main #mailmagazine{ width:730px; margin:0 0 20px; line-height:1.5; clear:both; }
.main #mailmagazine p strong{ color:#f00; }

.main #mailmagazine .btn{
	width:555px;
	padding-top:10px;
	float:left;
	clear:none;
}
.main #mailmagazine .btn p{
	width:175px;
	min-height:200px;
	margin:0 10px 0 0;
	background:url(../images/bk_mm_btn.gif) left bottom no-repeat;
	line-height:1.3;
	display:inline;
	float:left;
}
* html .main #mailmagazine .btn p{ height:200px; }
.main #mailmagazine .btn p a{
	width:155px;
	padding:83px 10px 10px;
	background-position:left top;
	background-repeat:no-repeat;
	color:#666;
	text-decoration:none;
	overflow:hidden;
	display:block;
}
.main #mailmagazine .btn p a:link, .main #mailmagazine .btn p a:visited{ background-position:left top; }
.main #mailmagazine .btn p a:hover, .main #mailmagazine .btn p a:active{ background-position:right top; }

.main #mailmagazine .btn p.btn_jcolumn a{ background-image:url(../images/btn_jcolumn.jpg); }
.main #mailmagazine .btn p.btn_letter a{ background-image:url(../images/btn_letter.jpg); }
.main #mailmagazine .btn p.btn_ecocolumn a{ background-image:url(../images/btn_ecocolumn.jpg); }

.main #mailmagazine .btn p a strong{ display:none; }



/* イベント・キャンペーン情報
------------------------------------------------------------------------------- */
.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;
}

p.btn_event0{ margin-bottom:20px; text-align:center; }





/* ==

　06. 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:20px;
	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;
}



/* スペシャルコンテンツ
------------------------------------------------------------------------------- */
.container .sub .special{
	width:200px;
	margin:0 0 20px;
	padding:0;
	position:relative;
	clear:both;	
}
.container .sub .special div.bnrs{ /*height:240px;*/ margin:0; padding:0; overflow:hidden; position:relative; }

.container .sub .special .bnrs li{ margin:0 0 10px; }
.container .sub .special p.btn_bnrs{
	padding:15px 0 0;
	background:url(../images/sp_btm.gif) left top no-repeat;
	text-align:right;
}


.container .sub .special .fb_likebox{ margin-bottom:10px; }




/* 関連施設・情報
------------------------------------------------------------------------------- */
.container .sub dl.bnr dt{ margin:10px 0; }
.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;
}



/* ==

　07. 重要なお知らせ

=============================================================================== */
.container .important{ margin-bottom:10px; }

.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 .main .important h2{
	min-height:25px;
	padding:5px 13px 0;
	background:url(../images/bk_h2_imp730px.gif) left top no-repeat;
	font-size:115%;
	color:#ed1a3d;
}
* html .container .main .important h2{ height:25px; }

.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; }

 */
.main .important .info_eq p{ padding:0 0 10px; }









/* ==


　08.イベントキャンペーン情報

=============================================================================== */
.container #eventcampaign{
	margin:10px 0;
	position:relative;
}
.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; }






/* ==

　09. ニュースリリース

=============================================================================== */
.container #news{
	margin:10px 0 20px;
	position:relative;
}
.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; }





/* ==

　10. 協賛・イベントバナー

=============================================================================== */
.container div.support{ width:950px; clear:both; }
div.infiniteCarousel {
  width: 950px;
  height: 80px;
  margin:0 0 20px;
  background:url(../images/bk_support.gif) left top no-repeat;
  position: relative;
  clear:both;
}

.infiniteCarousel .wrapper {
  width: 870px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 80px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

/*
.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
*/

.infiniteCarousel .wrapper ul {
  /*width: 840px;  single item * n */
  position:absolute;
  top:0;
}

.infiniteCarousel ul li {
  width:200px;
  height:50px;
  padding:15px 10px 0;
  display:block;
  float:left;
}

/*
.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}
*/
.infiniteCarousel ul li a img{ display:block; }

.infiniteCarousel .arrow {
  width:20px;
  height:70px;
  background:url(../images/arrow_support.gif) no-repeat 0 0;
  text-indent:-9999px;
  position:absolute;
  top:5px;
  cursor:pointer;
  outline:0;
  display:block;
}
.infiniteCarousel .forward{ background-position:-42px 0; right:5px; }
.infiniteCarousel .back{ background-position:0 0; left:5px; }
.infiniteCarousel .forward:hover{ background-position:-63px 0; }
.infiniteCarousel .back:hover{ background-position:-21px 0; }







/* ==

　99. SNSボタン

=============================================================================== */
#sns{ width:350px; margin:0 0 10px; padding:0; /padding:0 0 5px; font-size:10px; text-align:right; position:absolute; top:4px; right:5px; clear:both; }
#sns:after{ content:''; display:block; clear:both; }
#sns p, #sns div#fb-root{ margin:0; padding:0; display:inline; }
#sns p, #sns div#fb-root{ /padding:0 0 0 5px; }