@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. index.html
　02. レコメンド（分譲小窓）
　03. 
　04. 
　05. 
　06. 


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


/* ==

　00. file import

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

@import url("/common/css/rn01/common.css");
#live div.topicPath{ background:none !important; }
#hdArea{ margin-bottom:5px; }



/* ==

　01. index.html

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

#live div.title{ width:950px; margin:0 auto; padding:0; position:relative; clear:both; }
#live h1{ margin:0; padding:0 0 7px; float:left; }

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

#live div.pb20{ padding-bottom:20px; }

/* 重要なお知らせ */
#live div.imp{ margin-bottom:20px; clear:both; }







/* パンくずリスト
------------------------------------------------------------------------------- */
div.topicPath{
	width:950px;
	min-height:1%;
	margin:0 auto;
	padding:0 5px 15px;
	background:url(../images/bk_topicPath.gif) 0 -5px no-repeat;
	position:relative;
	clear:both;
}
div.topicPath:after{ content:''; display:block; clear:both; }

div.topicPath li{
	margin-right:5px;
	font-size:10px;
	line-height:1.2;
	color:#666;
	float:left;
}
div.topicPath li a{
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}
div.topicPath p{
	font-size:10px;
	line-height:1.2;
	position:absolute;
	top:0;
	right:0px;
}
div.topicPath p.siteTop{ position:relative; top:0; right:0; float:left; }
div.topicPath p.siteTop a{
	margin-right:5px;
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}

div.topicPath.cateTop {
	padding-bottom: 8px;
}

#kurashi h1{ margin:10px 0 20px; }


/* リキッドエリア
------------------------------------------------------------------------------- */
#topLiquidBg {
	position: absolute;
	width: 100%;
	min-width: 960px;
	z-index: 0;
	top: 171px;
	left: 0;
	overflow: hidden;
}
#topLiquidBg img {
	width: 100%;
	height: auto;
}
* html #topLiquidBg img {
	display: none;
}
.container.topLiquidContainer {
	position: relative;
	z-index: 10;
}
#topLiquidMain {
	position: relative;
	margin-bottom: 30px;
	padding-top: 31px;
	z-index: 10;
	clear: both;
}
#topLiquidMain .mainVisual {
	margin-bottom: 0;
}



/* メインビジュアル
------------------------------------------------------------------------------- */
#live .mainVisual{
	width:926px;
	margin:0 auto 20px;
	padding:12px;
	background:url(../images/mainVisual/bg.png) left top no-repeat;
	clear:both;
}
#live .mainVisual:after{ content:''; display:block; clear:both; }

.mainVisual div.btns{ width:279px; padding-top:3px; float:left; }
.mainVisual div.btns li{
	margin-top:-3px;
	padding:3px;
	background:url(../images/mainVisual/bg_btn.png) left top no-repeat;
}
.mainVisual div.btns li a{ display:block; }


.mainVisual div.imgs{ width:637px; padding:3px 0 0 7px; float:left; clear:none; }

/* メイン
------------------------------------------------------------------------------- */
.container h2.typePng{
	padding-bottom: 1px;
	background:url(../images/bk_h2_03.png) right top no-repeat;
}
.container .floatL h2.typePng{
	background:url(../images/bk_h2.png) right top no-repeat;
}
.container .floatR h2.typePng{
	background:url(../images/bk_h2_02.png) right top no-repeat;
}

/* コンテンツ一覧
------------------------------------------------------------------------------- */
.main .conts{
	width: 540px;
	margin:0 0 25px;
	padding:0;
}
.main .conts div {
	width: 260px;
	font-size:115%;
	line-height:1.5;
}
.main .conts .columnL{ float: left; }
.main .conts .columnR{ float: right; }
.main .conts h3 {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
.main .conts h3 a {
	display: block;
	padding: 18px 0 17px 9px;
	background: url(../images/bg_subt_sumai.gif) left top repeat-x;
}
.main .conts .img { margin-bottom: 10px; }

.main .conts ul{
	width: 260px;
	margin: 11px 0 0;
	padding-top: 12px;
	background: url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
}
.main .conts div li{
	margin:0 0 5px;
	padding:0 0 0 7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 6px no-repeat;
	font-size:85%;
}
.main .conts .arealist li{ margin:0 15px 5px 0; white-space:nowrap; float:left; }





/* アイテムリスト
------------------------------------------------------------------------------- */
#live .section .itemList div{
	padding-right:20px;
	font-size:115%;
	float:left;
	clear:none;
}
#live .section .itemList div.odd{ margin-right:0px; }
/* #live .section div .itemList dt{ font-size:115%; } */


/* 左カラム */
#live .section .floatL .itemList div{ width:250px; background:none; }
#live .section .floatL .itemList div dl,
#live .section .floatL .itemList div p.txt{ width:170px; }


/* 右カラム */
#live .section .floatR .itemList div{ width:180px; }
#live .section .floatR .itemList div dl,
#live .section .floatR .itemList div p.txt{ width:100px; }



/* 住まい方提案 */
#live .section #lifestyle{ padding-bottom:10px; }
#live .section #lifestyle .itemList{ margin-top:-10px; }
#live .section #lifestyle .itemList div{
	min-height:95px;
	margin-top:10px;
	padding-top:0;
}
* html #live .section #lifestyle .itemList div{ height:95px; }
#live .section #lifestyle .itemList div dd{ line-height:1.3; }
#live .section #lifestyle .itemList div dt a{ background-position:left 5px; }



/* 住まいのご相談・サポート */
#live .section .floatR .supportBox {
	width: 390px;
	margin-bottom:30px;
}
#live .section .floatR .supportBox .img {
	float: left;
	width: 72px;
}
#live .section .floatR .supportBox div {
	float: right;
	width: 308px;
}
#live .section .floatR .supportBox h3{ margin-bottom: 10px; }
#live .section .floatR .supportBox ul{
	width:310px;
	overflow:hidden;
}
#live .section .floatR .supportBox li{
	margin:0 20px 3px 0;
	white-space:nowrap;
	font-size:100%;
	float:left;
}
#live .section .floatR .supportBox li a{
	padding-left:10px;
	background:url(/common/images/renew2009/arrow.gif) left 2px no-repeat;
}
#live .section .floatR .supportBox li.blank a{
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
}
#live .section .floatR .bnrBox {
	width: 390px;
	margin-bottom: 30px;
	background: #e6e6e6 url(../images/bg_support02.gif) left bottom no-repeat;
}
#live .section .floatR .bnrBox ul {
	width: 380px;
	padding: 10px 0 0 10px;
	background: url(../images/bg_support01.gif) left top no-repeat;
	float:none;
}
#live .section .floatR .bnrBox li{ margin: 0 0 10px; }





/* ご入居前からご購入後まで、安心のお手伝い
------------------------------------------------------------------------------- */
.main #assist{
	width: 950px;
	margin-bottom: 30px;
}

.main #assist .assistBox {
	width: 950px;
	background: url(../images/bg_assist.gif) left bottom no-repeat;
}

.main #assist dl{	float:left; }
.main #assist .assist01{ width: 255px; }
.main #assist .assist02{ width: 436px; }
.main #assist .assist03{ width: 259px; }
.main #assist dt img{ vertical-align:bottom; }
.main #assist dd {
	padding: 11px 11px 0;
	font-size:100%;
	line-height:1.3;
}
.main #assist .assist02 dd {
	padding: 10px 0 0 10px;
}
.main #assist dd li{ width:233px; padding:0 0 10px; clear:both; }
.main #assist dd li:after{ content:''; display:block; clear:both; }

.main #assist dd p.img{ width:72px; float:left; }
.main #assist dd p.txt{ width:153px; float:right; }

.main #assist .assist02 dd ul{ width:425px; margin:0; clear:both; }
.main #assist .assist02 dd li{ width:205px; margin:0 5px 0 0; float:left; clear:none; }
.main #assist .assist02 dd p.txt{ width:125px; }

.main #assist dd li a strong{ color:#404f6f; }
.main #assist dd li p.txt a{ padding:0 0 5px 17px; background:url(/common/images/renew2009/arrow.gif) 4px 0.35em no-repeat; display:block; }
.main #assist dd li p.txt a.blank{ background:url(/common/images/renew2009/arrow_blank.gif) left 0.3em no-repeat; }







/* イベントバナーエリア
------------------------------------------------------------------------------- */
#live .main .bnr_event { width:390px; padding-bottom:20px; }
#live .main .bnr_event li {
	width: 390px;
	margin-bottom:10px;
	background: #e6e6e6 url(../images/bg_support02.gif) left bottom no-repeat;
}
#live .main .bnr_event li p {
	width: 380px;
	padding: 10px 0 10px 10px;
	background: url(../images/bg_support01.gif) left top no-repeat;
}

#live .main .bnr_event li.noBg{ background:none; background-color:transparent; }





/* お近くの大和ハウス
------------------------------------------------------------------------------- */
#live .kyoten{ margin-bottom:30px; background:none; position:relative; }
.kyoten div{ height:267px; padding:10px 0 0 9px; background:url(../images/map/bg_kyoten.gif) left top no-repeat; }
.kyoten div div{ height:auto; padding:0; background:none; }

.kyoten .map{ width:232px; }
.kyoten .map p.pb, .kyoten .condition p.pb{ padding-bottom:5px; }


.kyoten .condition{ width:auto; padding-left:12px; float:left; zoom:1; }
.kyoten .condition fieldset{ padding:0; background-color:#f2f2f2; border:none; }

.kyoten .condition fieldset div{
	width:115px;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:5px;
	/padding-top:2px;
	/padding-bottom:2px;
	border-bottom:1px solid #dbdbdb;
}
.kyoten .condition fieldset select{ margin:5px 0 5px 5px; }




/* 大和ハウスのメールマガジン
------------------------------------------------------------------------------- */
.main #mailmagazine{ width:950px; margin:0 0 20px; font-size:115%; /*font-size:100%;*/ line-height:1.5; clear:both; }

.main #mailmagazine .bnrWrap {
	width: 950px;
	background: url(../images/bg_mailmagazine.gif) left bottom no-repeat;
}
.main #mailmagazine .bnrWrap div {
	float: left;
	width: 570px;
	margin-right: 25px;
	padding-bottom: 15px;
}
.main #mailmagazine .bnrWrap .lastChild {
	width:355px;
	margin-right: 0;
}
.main #mailmagazine .bnrWrap h3 {
	margin-bottom: 10px;
}
.main #mailmagazine .bnrWrap p {
	margin: 0 12px;
}


.main #mailmagazine .bnrWrap p.btn{ margin-top:1.5em; }
.main #mailmagazine .bnrWrap p.btn a{
	padding:10px 30px 10px 10px;
	background:#e33050 url(/mail/images/arrow_btn.png) right center no-repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/*font-size:18px;*/
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
}
.main #mailmagazine .bnrWrap p.btn a:link, .main #mailmagazine .bnrWrap p.btn a:visited{ color:#fff; text-decoration:none; }
.main #mailmagazine .bnrWrap p.btn a:hover, .main #mailmagazine .bnrWrap p.btn a:active{ color:#fff; text-decoration:none; }







/* スペシャルコンテンツバナー
------------------------------------------------------------------------------- */
#live .floatR div.bnr ul{ margin-bottom:0; }
#live .floatR div.bnr li{ margin-bottom:0; padding-bottom:10px; }





/* ==

　03. 支店

=============================================================================== */
div.floatR div.shiten{ margin:0 0 30px; clear:both; }
div.floatR div.shiten p{ margin:0; font-size:115%; /*font-size:100%;*/ line-height:1.5; }

div.floatR div.shiten ul{
	width:399px;
	margin:0 0 0 -9px;
	padding-top:10px;
	clear:both;
}
div.floatR div.shiten li{
	width:124px;
	margin:0 0 9px 9px;
	background:url(../images/bg_shiten01.gif) left top no-repeat;
	font-size:12px;
	white-space:nowrap;
	position:relative;
	z-index:50;
	float:left;
}
* html div.floatR div.shiten li{ display:inline; }

div.floatR div.shiten li p.btn_shitenName{
	margin:0;
	padding:5px 5px 5px 0;
	background:url(../images/bg_shiten02.gif) left bottom no-repeat;
	text-align:center;
}

div.floatR div.shiten li a{ padding-left:13px; background:url(../images/ic_balloon.gif) left 2px no-repeat; }
div.floatR div.shiten li a strong{ color:#404f6f; }

div.floatR div.shiten p.txtlink_all{
	margin:0;
	padding:20px 0 0;
	background:url(/common/images/renew2009/line_dotted03.gif) left 10px repeat-x;
	font-size:100%;
	text-align:right;
}
div.floatR div.shiten p.txtlink_all a{ padding-left:12px; background:url(/common/images/renew2009/arrow.gif) left 3px no-repeat; }


/* 吹きだし
------------------------------------------------------------------------------- */
div.floatR div.shiten li div.balloon{
	width:312px;
	margin:0;
	padding:0 10px 20px;
	background:url(../images/bg_balloon.png) left bottom no-repeat;
	font-size:85%;
	position:absolute;
	bottom:20px;
	left:-11em;
	z-index:100;
	display:none;
}
div.floatR div.shiten li div.top_balloon{ width:332px; margin:0; padding:10px 0 0; background:url(../images/top_balloon.png) left top no-repeat; font-size:1px; line-height:1.0; position:relative; top:-10px; left:-10px; }
* html div.floatR div.shiten li div.top_balloon{ padding-top:8px; }

div.floatR div.shiten li div.add, div.floatR div.shiten li div.details{ width:312px; position:relative; }

div.floatR div.shiten li div.add p{
	margin:0 5px 5px;
	padding:2px 80px 0 25px;
	background:url(/common/images/renew2009/ic_shiten.gif) left top no-repeat;
	line-height:1.3;
	white-space:normal;
}

div.floatR div.shiten li div ul{ width:auto; margin:0 5px; padding-right:80px; background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x; }
div.floatR div.shiten li div li{ width:auto; margin:0 0 5px; padding:0; /*font-size:115%;*/ background:none; line-height:1.3; white-space:normal; display:block; float:none; }
div.floatR div.shiten li div a{ padding-left:0; background:none; }


/* 地図ボタン */
div.floatR div.shiten li div p.btn_map{ margin:0; padding:0; background:none; position:absolute; top:0; right:5px; }
div.floatR div.shiten li div p.btn_map a{
	width:76px;
	height:19px;
	background-image:url(../images/btn_map.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
div.floatR div.shiten li div p.btn_map a:hover, div.floatR div.shiten li div p.btn_map a:active{ background-position:right top; }

/* 詳細を表示ボタン */
div.floatR div.shiten li div p.btn_details{ position:absolute; top:8px; right:5px; }
div.floatR div.shiten li div p.btn_details a{
	width:76px;
	height:19px;
	background-image:url(../images/btn_details.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
div.floatR div.shiten li div p.btn_details a:hover, div.floatR div.shiten li div p.btn_details a:active{ background-position:right top; }







/* ==

　99. SNSボタン

=============================================================================== */
#sns{ width:700px; margin:0; padding:5px 0 0; text-align:right; float:right; }
#sns:after{ content:''; display:block; clear:both; }
#sns p{ margin:0; padding:0; display:inline; }
#sns p{ /padding:0 0 0 5px; }