﻿@charset "utf-8";

#sidenavi_top {/*物件詳細ページ用微調整*/
	margin-left:10px;
}

.detail_header
{
	vertical-align: middle;
	color:#16406D;
}

.detail_h_icon
{
	float:left;
}

.detail_h_icon img
{
	margin-right:10px;
}

#detail_name
{
	vertical-align:top;
	font-size:28px;
	font-weight:bold;
	padding-top:5px;
	line-height: 130%;
}

#detail_name img
{
	margin-left:10px;
	margin-bottom:8px;
}


#detail_icon_set ul
{
	width:480px;
}

head~/* */body #detail_icon_set ul {/* for IE以外 */
	width:545px;
}


#detail_icon_set ul li
{
	display:inline;
	float:left;
	margin-top:3px;
}

#detail_icon_set ul li img
{
	margin-right:3px;
}

#detail_icon_set p
{
	float:right;
	font-weight:bold;
	font-size:16px;
	margin-top:2px;
	padding-top:0px;
	margin-left:0px;
}

*html #detail_icon_set p
{/* IE6用 */
	font-size:14px;
}

html:not(:only-child:only-child) #detail_icon_set p
{/* Safari用 */
	font-size:14px;
}

/* 物件詳細navi */
#detail_navi
{
	clear:both;
	z-index:15;
}

#detail_navi p
{
	margin-bottom:0px;
	float:right;
}

#detail_navi p img
{
	margin-left:2px;
}

#detail_navi ul
{
	padding-top:9px;
	margin-bottom:0px;
}

#detail_navi li
{
	float:left;
}

/* 詳細内容　h2以下のコンテンツ */
.detail_contents
{
	clear:both;
	margin-top:10px;
	width:675px;
}

.detail_contents h2,.detail_contents h3
{
	color:#16406D;
	font-weight:bold;
	font-size:120%;
	line-height:120%;
}

.detail_contents h2
{
	width:660px;
	vertical-align:middle;
	background:url(/bunjyo/detail/img/detailH2Bg.jpg) left bottom no-repeat;
	padding-left:15px;
	padding-bottom: 5px;
	clear:left;
	width:645px;
}

.detail_contents h2.about
{
	width:660px;
	vertical-align:middle;
	height:46px;
	background-image:url(/bunjyo/about/img/detailH2Bg.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	clear:left;
}

.detail_under_cont h3
{
	width:675px;
	vertical-align: top;
	height:52px;
	background-image: url(/bunjyo/detail/img/detailKukakuH3Bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:4px;
	margin-bottom:10px;
}

.detail_under_cont h3 img
{
	float:left;
	margin-right:12px;
	margin-top:-4px;
}

.detail_contents h2 span
{
	display:block;
	padding-top:5px;
	width:660px;
	line-height: 130%;
}

#detailTopimage
{
	width:675px;
	margin-bottom:10px;
}

.detailFlash p
{
	margin:0px;
	padding:0px;
}

.detail_season
{
	margin-top:20px;
	margin-bottom:20px;
}

.detail_season a
{
	margin-left:5px;
}

.illust
{
	width:675px;
	margin-bottom:10px;
}

.illust p
{
	text-align:center;
}

.detail_under_cont
{
	margin-top:10px;
	margin-bottom:10px;
}

/* 詳細トップ*/
.freearea /* id="top_freearea"と入れ替える予定　←layout2.cssに移動  */
{
	clear:both;
	padding:5px;
	width:665px;
}

.detailTop_freearea
{
	padding:5px;
	border:1px solid #c4c4c4;
	width:663px;

}

.detailTop_freearea div
{
     display: table-cell;  
     vertical-align: top;  
     margin: 0;  
}

/*for IE6 */  
* html .detailTop_freearea div {  
     display: inline;  
     zoom: 1;  
	width:auto;
	float:left;
}  
    
/*for IE7 */  
*:first-child+html .detailTop_freearea div {  
	display: inline;
	zoom: 1;  
	width:auto;
	float:left;
}  

.detailTop_freearea h2
{
	background:none;
	color:#666666;
	margin-bottom:10px;
	padding-left:0px;
	height:auto;
	width:auto;
}

.detailTop_freearea img
{
	margin-right:10px;
}

.detail_top_cont
{
	clear:left;
	margin-top:20px;
	margin-bottom:19px;
	width:675px;
}

.detail_top_cont .detail_portrait
{
	width:178px;
	text-align:center;
	float:right;
	margin-left:40px;
	border:1px solid #fff;
}

.detail_top_cont .detail_portrait p
{
	margin-top:5px;
	font-size:90%;
	margin-left:0px;
}

.detail_top_cont p
{
	margin-left:15px;
}

/* 物件詳細トップペー下部左コラム*/
.deatil_top_table
{
	width:455px;
	float:left;
}

.deatil_top_table th
{
	background: #949AA7 url(/bunjyo/detail/img/detailTopTableThBg.gif) left bottom no-repeat;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	width:75px;
	color:#fff;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.deatil_top_table td
{
	background:url(/bunjyo/detail/img/detailTopTableTdBg.gif) left bottom no-repeat;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
}

.deatil_top_table td dt
{
	clear:left;
	float:left;
}

.briefAccessMap_top
{
	margin-top:10px;
}

/* 物件詳細トップページ下部右コラム*/
.top_under_side
{
	width:180px;
	float:left;
	margin-left:40px;
}

.mobile_info,.blog_info,.inquiry_info
{
	margin-bottom:10px;
	width:180px;
}

.top_under_side h3
{
	width:auto;
	height:auto;
	background:none;
	margin-bottom:0px;
	width:180px;
}

.mobile_info h3
{
	padding-top:0px;
}

.mobile_info h3 img
{
	width:180px;
	padding:0;
	margin:0;
}

.mobile_info div
{
	border:1px solid #969CA9;
	padding:0px;
	margin:0px;
	width:178px;
}

.mobile_info div p
{
     display: table-cell;  
     vertical-align: middle;  
     margin: 0;
}

/*for IE6 */  
* html .mobile_info div p {  
     display: inline;  
     zoom: 1;  
}  
    
/*for IE7 */  
*:first-child+html .mobile_info div p {  
	display: inline;
	zoom: 1;  
}  

.mobile_info div p.qr
{
	padding-left:10px;
	padding-right:5px;
	font-size:90%;
}

.inquiry_info h3
{
	background-color:#16406D;
	color:#fff;
	font-size:100%;
	line-height:150%;
	padding:10px;
	width:160px;
}

.inquiry_info div
{
	border:1px solid #16406D;
	padding:10px;
	width:158px;
}

.inquiry_info div p
{
	line-height:150%;
}

.inquiry_info div div
{
	border:none;
	padding:0px;
}

.inquiry_info div div h4
{	
	margin-top:0px;
	float:left;
	height:24px;
}


.inquiry_info div div p
{
	float:left;
	margin-right:5px;
}

.requestTopS
{
	margin-bottom:40px;
	width:180px;
}

*html .requestTopS/*IE 6.0*/
{
	margin-bottom:0px;
}


/*区画一覧テーブル*/

.KukakuTable
{
	clear:left;
	width:675px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:0px;
	vertical-align: middle;
	background-image:url(/bunjyo/detail/img/thBgKukaku.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

.kukakuLand
{
	width:370px;
}


.KukakuTable th
{
	line-height:120%;
	color:#204B85;
	font-weight:normal;
	text-align:center;
	padding:5px 5px 4px 5px;
	border-top:1px solid #FFF;
	border-left:1px solid #FFf;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	height:16px;
}

.kukakuArea
{
	padding-top:2px;
	padding-bottom:2px;
}

.kukakuSale
{
	width:54px;
}

.kukakuPrice
{
	widows:60px;
}

.KukakuName
{
	width:92px;
}

.kakakuUnit
{
	width:46px;
}

.KukakuTable td
{

	vertical-align:middle;
	text-align:center;
	border-top:1px solid #FFF;
	border-left:1px solid #FFf;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-top:4px;
	padding-bottom:4px;
}


.detailPagetop
{
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
}

div.pagetop a:active {
	outline: none
}

.rowOdd
{
	background-color:#F5F5F5;
}

.rowEven
{
	background-color:#ECECEC;
}

#inlineflash {
	overflow-x: hidden;
	overflow-y: hidden;
}

.kukaku_para
{
	padding-left:15px;
	padding-right:15px;
	text-align:left !important;
}

.kukakuLandRent
{
	width:460px;
}


/* 物件概要*/

.briefTable
{
	clear:left;
	width:675px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:0px;
	vertical-align: middle;
	background-image: url(/bunjyo/detail/img/detailBrieftablBg.jpg);
	background-position:left top;
	background-repeat:repeat-y;

}

.briefTable th
{
	font-weight:normal;
	text-align:left;
	padding-left:15px;
	padding-top:4px;
	padding-bottom:3px;
	width:185px;
	background:url(/bunjyo/detail/img/detailBriefthBg.jpg) left bottom repeat-x;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.briefTable td
{
	padding-left:15px;
	padding-top:4px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:middle;
}

#brifeUpdate
{
	margin-top:20px;
	margin-bottom:20px;
}

head~/* */body #brifeUpdate
{
	margin-top:10px;
	margin-bottom:10px;
}

.briefAccessMap
{
	float:right;
}

.briefAccessMap img
{
	margin-right:10px;
}

.vendorInfo
{
	border:1px solid #ccc;
	margin-bottom:10px;
}

.vendorInfo dl
{
	padding:5px 5px 10px 15px;
}

/* 内装・設備*/
.showcase
{
	text-align:right;
	margin-top:20px;
}

.showcase .illust
{
	margin-bottom:0px;
}

.zoom675
{
	text-align:right;
	position:relative;
	top:-21px;
	margin:0;
	padding:0;
	display:block;
	width:674px;
}

.interior_para
{
	padding-left:15px;
	padding-right:15px;
}

.detailInterior li,
.detailAround li
{
	float:left;
	width:200px;
	display:inline;
	margin-right:20px;
	margin-bottom:18px;
}

.detailInterior li img
{
	border:1px solid #FFFFFF;
}

.detailInterior li a:hover img
{
	border:1px solid #FF9900;
}

.detailInterior li p
{
	margin-top:-18px;
}

.detailInterior .interiorLast,
.detailAround .interiorLast,
.detailFacilities .facilitiesLast
{
	margin-right:0px;
}

.zoom200
{
	text-align:right;
	position:relative;
	top:-20px;
	left:180px;
	margin:0;
	padding:0;
	display:block;
	width:20px;
}

/* 周辺地図・環境 */

.aroundOver
{
	text-align:left;
	margin-bottom:30px;
	margin-top:20px;
}

#aroundMap
{
	padding: 1px;
	width: 481px;
	text-align:left;
	border: 1px solid #ccc;
}

#around_g_map {/*google mapの表示される範囲を指定*/
	margin:1px 0px 1px 1px;
	width:479px;
	height:380px;
}

#aroundAddress
{
	width:178px;
	height:383px;
	text-align:center;
	border: 1px solid  #ccc;
	float:right;
}

#aroundAddress img
{
	margin-top:10px;
}

#aroundAddress div
{
	margin:10px;
}

#aroundAddress div h3
{
	color:#666;
	margin-bottom:5px;
	width:158px;
}

.detailFacilities
{
	width:675px;
}

.detailFacilities div
{
	float:left;
	width:330px;
	margin-right:15px;
}

.detailFacilities div h3
{
	width:330px;
	background: url(/bunjyo/detail/img/title_Back.jpg) no-repeat;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0px 8px 0px;
	text-indent: 1em;
}

.detailFacilities div ul
{
	padding:0;
	margin-left:12px;
	margin-top:5px;
	margin-bottom:20px;
}

.detailFacilities div ul li
{
	list-style:disc;
	list-style-position:inside;
}

/* 資料請求その他＞＞共通 */
.requestAllInOne h4 img
{
	margin:0px;
}

#requstL
{
	float:right;
}

#requstL img
{
	margin-right:0px;
	padding-right:0px;
}

#footerInquiry
{
	width:330px;
	height:96px;
	border:1px solid #16406D;
}

#footerInquiry h4 img
{
	margin-bottom:8px;
}

head~/* */body #footerInquiry h4 img
{/* IE以外 */
	margin-bottom:10px;
}


#footerInquiry p,
#footerInquiry dl
{
	margin-left:15px;
	line-height:150%;
}

#footerInquiry dt,
#footerInquiry dd
{
	display:inline;
}

#footerInquiry dd
{
	padding-right:1em;
}

/* プリント用ページ*/
body#print
{
	background: #FFF;
}

#print #contents_top
{
	float:none;
	margin:0 auto;
}

#print_header
{
	margin:0 auto 20px auto;
}

*html #print_header
{
	margin-top:-15px;
}

#print_header #logo {
	margin-top:6px;
	margin-bottom:12px;
	width:525px;
	float:left;
}

*html #print_header #logo
{
	width:522px;
}

#print_header p img{
	margin-top:36px;
}

.detail_header_print #detail_print_tel
{
	width:130px;
	float:right;
	margin:0;
	padding:0;
}

head~/* */body .detail_header_print #detail_print_tel
{
	width:120px;
}

#detail_print_tel p
{
	text-align: right;
	font-size: 120%;
	font-weight: bold;
}

#detail_name_print
{
	font-size:20px;
	font-weight:bold;
}

.detail_header_print
{
	clear:left;
	padding-top:20px;
	border-top:3px solid #003FB2;
}

.detail_header_print h1
{
	width:540px;
}

.detail_header_print h1 img
{
	float:left;
	margin-right:10px;
	vertical-align:top;
}

#detail_name_print span
{
	float:left;
	padding-top:2px;
	padding-bottom:10px;
	top:-70px;
}

.detail_header_print
{
	vertical-align: middle;
	height:52px;
	color:#16406D;
	margin: 0 auto;
}

#print .detail_contents
{
	margin-top:0px;
}


#print h2
{
	margin-bottom:10px;
}

/* googlemap関連　以下area.cssに同じ記述あり*/

#map
{/* googlemapエリア 外枠 */
	border: 1px solid #ccc;
	padding: 1px;
	margin: 10px 0;
	width: 672px;
	height:365px;
}

#area_g_map {/* googlemap表示領域 */
	margin:1px 0px 1px 1px;
	width:670px;
	height:363px;
}

/* googlemap関連　以上area.cssに同じ記述あり*/

#print #map
{
	margin-bottom:30px;
}

#print .briefTable
{
	margin-bottom:20px;
}

head~/* */body#print .briefTable
{
	margin-bottom:10px;
}


#print #footerInquiry dl
{
	margin-bottom:10px;
}

#btn_close
{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

#btn_close img
{
	margin-right:0px;
	padding-right:0px;
}


/* パナソニックグループの総合力*/
.syn_category-left
{
	width:300px;
	float:left;
	padding-left: 16px;
}

.syn_category-left img
{
	float: left;
	margin: 0;
	padding: 20px 0 5px 0;
}

.syn_category-right
{
	width:300px;
	float:left;
	padding-left: 50px;
}

.syn_category-right img
{
	float: left;
	margin: 0;
	padding: 20px 0 5px 0;
}

div.clearline
{
	clear: both;
}

.syn_Box
{
	width:659px;
	margin:30px 0 0 10px;
	background:url(/bunjyo/about/img/synthesis/linkTitle_bottom.gif) left bottom no-repeat;
	clear: both;
}

head~/* */body .syn_Box
{
	margin:30px 0px 0px 0px;
}

.syn_Box h3
{
	height:15px;
	width:659px;
}

.syn_Box ul
{
	padding: 9px 0 12px 10px;
}

.syn_Box li
{
	padding: 0 0 5px 8px;
	background:url(/bunjyo/about/img/synthesis/arrow.gif) left 3px no-repeat;
}

.syn_Box li .syosai
{
	font-size: 80%;
	padding-left: 10px;
}



/* パナホームの分譲事業*/
.bunjyo_imgBox
{
	float: left;
	margin: 10px 0;
}

.bunjyo_imgBox p
{
	text-align: left;
}

.bunjyo_imgBox .left
{
	float: left;
	font-size: 80%;
	width: 165px;
	padding-left: 12px;
}

.bunjyo_imgBox .right
{
	float: left;
	font-size: 80%;
	width: 165px;
	margin-left: 20px;
	padding-bottom: 50px;
}


.bunjyo_imgBox .left2
{
	float: left;
	width: 85px;
	padding-left: 12px;
}

.bunjyo_imgBox .right2
{
	font-size: 80%;
	width: 270px;
	float: left;
	padding-bottom: 50px;
}

.bunjyo_imgBox .right2 p
{
	padding-top: 65px;
}

.bunjyoColumn
{
	background:url(/bunjyo/life/img/systemColumnBg.gif) left top;
	padding:5px;
	margin-top: 30px;
}

#contents_top .bunjyoColumn div
{
	margin:0;
	background-color:#FFFFFF;
}

.bunjyoColumn h2
{
	background:none;
	padding-left:0px;
	margin:0 0 15px 0;
}

.bunjyoColumn h2 img
{
	margin-top:15px;
	margin-left:15px;
}

#contents_top .bunjyoColumn .scPhoto
{
	width:200px;
	float:right;
	margin-left:15px;
	margin-right:15px;
}

.scPhoto img
{
	margin-bottom:10px;
}

#contents_top .bunjyoColumn .scContents
{
	margin-left:15px;
}

.scContents h3
{
	margin-top:10px;
}

.scContents p
{
	width:400px;
	padding-bottom:10px;
}

head~/* */body .scContents p
{
	width:420px;
}

.scContents p span
{
	display:block;
	margin-top:5px;
}

.scc_01
{
	background:url(/bunjyo/life/img/systemColumnLine.gif) left bottom repeat-x;
}

.scc_02
{
	background:url(/bunjyo/common/img/dottedLine.gif) left bottom repeat-x;
}

.scc_03
{
	margin-top:10px;
	margin-bottom:5px;
}



/* パナホームの研究開発*/
p#research
{
	padding-bottom: 10px;
}

p#banner_prize img
{
	padding-top: 30px;
}

.research_imgBox .left
{
	float: left;
	font-size: 80%;
	width: 180px;
	padding: 0 0 5px 12px;
}

.research_imgBox .left img
{
	padding-left: 37px;
}

.research_imgBox .left h3
{
	width: 160px;
	text-align: center;
	font-weight: bold;
	color: #666;
}

.research_imgBox .left p
{
	margin-left: 10px;
}

.research_imgBox .left2
{
	float: left;
	font-size: 80%;
	width: 110px;
	padding: 0 0 5px 12px;
	display: inline;
}

.research_imgBox .left2 img
{
	padding-left: 50px;
}

.research_imgBox .left2 h3
{
	font-weight: bold;
	color: #666;
	margin-left: 5px;
	text-align:left;
}

.research_imgBox .left2 p
{
	padding-bottom: 30px;
}

.research_imgBox .left2_
{
	float: left;
	font-size: 80%;
	width: 160px;
	padding: 0 0 30px 30px;
	display: inline;
}

.research_imgBox .left2_ img
{
	padding-left: 50px;
}

.research_imgBox .left2_ h3
{
	font-weight: bold;
	color: #666;
	margin-left: 5px;
	text-align:left;
}

.research_imgBox .right
{
	float: right;
	font-size: 80%;
	padding: 35px 20px 0 0;
	display: inline;
}

.research_imgBox .right h3
{
	font-weight: bold;
	color: #666;
	text-align:left;
}

.research_imgBox .right p
{
	text-align:left;
}





/* 一歩先のエコ*/
#calc
{
	clear: both;
}

#calc p
{
	margin-left: 20px;
}

#calc ul
{
	margin: 2px 0 2px 20px;
}

#calc li
{
	font-size:80%;
	background: url(../../../about/img/eco/calc_icon.gif) 0 5px no-repeat;
	padding-left: 10px;
}

#calc li#attention
{
	font-size:80%;
	background: url(../../../about/img/eco/calc_icon2.gif) 0 5px no-repeat;
	padding-left: 10px;
}

#casbee
{
	background: url(../../../about/img/eco/casbee_back.gif) no-repeat bottom;
	width: 665px;
	margin: 20px 0 30px 0;
}

#casbee #casbee_txt
{
	padding: 0 20px 0 40px;
	width: 570px;
}

#casbee img#img
{
	padding: 5px 30px;
}

#powertech
{
	border: 1px solid #A5425B;
	width: 663px;
	margin: 20px 0 30px 0;
}

#puretech
{
	border: 1px solid #33922A;
	width: 663px;
	margin: 20px 0 30px 0;
}

#kiratech
{
	border: 1px solid #0057AA;
	width: 663px;
	margin: 20px 0 30px 0;
}

#tech_inner
{
	width: 360px;
	margin-left: 15px;
}

#tech_inner img
{
	float: left;
	margin: 10px 0;
}

#tech_inner p#txt
{
	font-size: 80%;
	float: right;
	text-align: left;
	display: inline;
	width: 210px;
	padding: 5px 0;
}

#tech_inner p#txt2
{
	font-size: 80%;
	float: right;
	text-align: left;
	display: inline;
	width: 260px;
	padding: 60px 0 0 0;
}

img.tech_line
{
	padding: 0 0 0 15px;
}

img.tech_catch
{
	padding-bottom: 10px;
}

img.tech_btn
{
	padding: 10px 0 30px 0;
}


/*flash表示用*/
div#flashContent{
width:675px;
margin:0px auto;
border:1px solid #CCCCCC;
}



/* 調整用必ず一番下においておくこと*/


.last_para
{
	margin-bottom:30px;
}


