@charset "utf-8";

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

　目次

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

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


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


/* ==

　00. file import

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



/* ==

　01. index.html

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

#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.recoFooter{ font-size:85%; }

/* 重要なお知らせ */
#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;
}


/* mainVisual
------------------------------------------------------------------------------- */
div.mainVisual{
	width:934px;
	margin:0 auto 10px;
	padding:13px 14px 13px 12px;
	background:url(../images/bg_mainVisual.gif) left top no-repeat;
	text-align:center;
	clear:both;
}
div.mainVisual:after{ content:''; display:block; clear:both; }

div.mainVisual p{ float:right; }


/* ナビ */
div.mainVisual div.nav{ float:left; }
div.mainVisual div.nav ul{ width:275px; }
div.mainVisual div.nav li a{
	width:275px;
	height:53px;
	margin:0;
	padding:0;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;	
}
div.mainVisual div.nav li a:hover, div.mainVisual div.nav li a:active{ background-position:right top; }

div.mainVisual div.nav li.nav_jutaku a{ height:54px; background-image:url(../images/nav_jutaku.gif); }
div.mainVisual div.nav li.nav_bunjo a{ background-image:url(../images/nav_bunjo.gif); }
div.mainVisual div.nav li.nav_mansion a{ background-image:url(../images/nav_mansion.gif); }
div.mainVisual div.nav li.nav_renew a{ background-image:url(../images/nav_renew.gif); }
div.mainVisual div.nav li.nav_shinrin a{ background-image:url(../images/nav_shinrin.gif); }
div.mainVisual div.nav li.nav_chintai a{ height:54px; background-image:url(../images/nav_chintai.gif); }




/* コンテンツ一覧
------------------------------------------------------------------------------- */
.main .conts{
	width:552px;
	margin:0 0 10px -12px;
	padding:0;
	background:url(../images/bg_conts.gif) 12px bottom no-repeat;
	clear:both;
}
.main .conts div{
	width:264px;
	margin:0 0 0 12px;
	padding:0 0 7px;
	font-size:115%;
	/*font-size:100%;*/
	line-height:1.5;
	display:inline;
	float:left;
	clear:none;
}

.main .conts h3{
	margin:0 0 10px;
	padding:2px 0 0 2px;
	background:url(../images/bg_hd_conts.gif) left top no-repeat;
}
.main .conts p{ margin:0 10px 10px; }

.main .conts ul{ width:244px; margin:0 auto; padding-top:10px; 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{
	margin-right:20px;
	font-size:115%;
	/*font-size:100%;*/
	float:left;
	clear:none;
}
#live .section .itemList div.odd{ margin-right:0px; }

/* 左カラム */
#live .section .floatL .itemList div{ width:260px; }
#live .section .floatL .itemList div dl,
#live .section .floatL .itemList div p.txt{ width:180px; }

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

/* 住まいのご相談・サポート */
#live .section .support .itemList div{
	width:390px;
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
#live .section .support .itemList div p.txt{ width:310px; }
#live .section .support .itemList div dl{
	width:310px;
	margin-top:10px;
	float:left;
}
#live .section .support .itemList div dt{ margin-bottom:3px; }
#live .section .support .itemList div dd ul{
	width:310px;
	overflow:hidden;
}
#live .section .support .itemList div dd li{
	margin:0 20px 3px 0;
	white-space:nowrap;
	font-size:100%;
	float:left;
}
#live .section .support .itemList div dd li a{
	padding-left:10px;
	background:url(../../common/images/renew2009/arrow.gif) left 2px no-repeat;
}






/* ご入居前からご購入後まで、安心のお手伝い
------------------------------------------------------------------------------- */
.main #assist{ width:970px; margin:0 0 20px -20px; /margin-bottom:10px; clear:both; }
.main #assist h2{ margin-left:20px; }
.main #assist dl{ width:245px; margin:0 0 0 20px; display:inline; float:left; }
.main #assist dl.assist02{ width:415px; }
.main #assist dt{ margin:0 0 10px; }

/*
.main #assist dd{ font-size:115%; line-height:1.3; }
*/
.main #assist dd{ font-size:100%; line-height:1.3; }
.main #assist dd li{ width:245px; padding:0 0 10px; clear:both; }
.main #assist dd li:after{ content:''; display:block; clear:both; }

.main #assist dd p.img{ width:80px; float:left; }
.main #assist dd p.txt{ width:155px; float:left; }

.main #assist .assist02 dd ul{ width:430px; margin:0 0 0 -15px; clear:both; }
.main #assist .assist02 dd li{ width:190px; margin:0 0 0 15px; display:inline; float:left; clear:none; }
.main #assist .assist02 dd p.txt{ width:110px; }

.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 5px no-repeat; display:block; }
.main #assist dd li p.txt a.blank{ background:url(/common/images/renew2009/arrow_blank.gif) left 4px no-repeat; }







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

.main #mailmagazine div{ width:705px; float:left; clear:none; }
.main #mailmagazine .btn{
	width:705px;
	padding-top:10px;
	float:none;
	clear:both;
}
.main #mailmagazine .btn p{
	width:224px;
	min-height:185px;
	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:185px; }
.main #mailmagazine .btn p a{
	width:204px;
	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; }



.main #mailmagazine div.floatL{ width:235px; padding:10px 0 0 10px; text-align:center; float:left; clear: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 20px; clear:both; }
div.floatR div.shiten p{ margin:0 0 10px; font-size:115%; /*font-size:100%;*/ line-height:1.5; }

div.floatR div.shiten ul{
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
}
div.floatR div.shiten li{
	min-width:115px;
	margin:0 15px 0 0;
	padding-bottom:7px;
	/*font-size:100%;
	font-size:115%;*/
	font-size:14px;
	white-space:nowrap;
	position:relative;
	float:left;
}
* html div.floatR div.shiten li{ width:115px; display:inline; }
div.floatR div.shiten li a{ padding-left:15px; 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{
	padding:10px 0 0;
	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:13px;
	left:-11em;
	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{ margin:0 5px; padding-right:80px; }
div.floatR div.shiten li div li{ width:auto; margin:0 0 5px; padding:0; /*font-size:115%;*/ 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; }