@charset "UTF-8";
/* -----------------------------------------------------------
 
/* CSS構造 */
/*
 * 10:TOP
 * 11:コンセプト
 * 12:周辺環境
 * 13:間取り
 * 14:設備
 * 15:サービスセキュリティ
 * 16:物件概要
 
----------------------------------------------------------- */

/*==========================================================================================
	10:TOP
==========================================================================================*/

div#flash,
div.topvisual {
	width:920px;
	margin:0 auto;
	}

div#info2 {
	width:920px;
	margin:3px auto 8px auto;
	text-align:right;
	font-size:80%;
	}

/*トップ3ボタン*/
ul#topBtn{
	width:920px;
	height:145px;
	margin:10px auto 30px auto;
	}
	
ul#topBtn li{
	float:left;
	margin-right:10px;}
ul#topBtn li.none{
	margin-right:0;}

/*いんふぉめーしょん*/
div#info {
	clear:both;
	width:920px;
	margin:0 auto;
	padding-bottom:15px;
}
table.topinfo {
	width: 920px;
}
table.topinfo td.present {
	width: 250px;
	text-align: right;
}
table.topinfo td.info {
	padding:0 10px;
	width:120px;
}	
table.topinfo td.info2 {
	padding-left:20px;
}	
	
/*ニュース*/	
dl#news{
	line-height:1.3;
	margin-right: 10px;
}
dl#news dt,
dl#news dd{
	margin-bottom:5px;
}

dl#news dt{
	clear:both;
	float:left;
	width:60px;

}

dl#news dd{
	padding-left:20px;
	text-align:left;
	float:left;
	width:430px;
}

/*blog update*/
#blogupdate {
	/*
	margin-top:20px;
	*/
}
#blogupdate dl{
	line-height:1.3;
}
#blogupdate dt,
#blogupdate dd{
	margin-bottom:5px;
}

#blogupdate dt{
	clear:both;
	float:left;
	width:60px;

}

#blogupdate dd{
	padding-left:20px;
	text-align:left;
	float:left;
	width:430px;
}
#blogupdate .NEW {
	padding-left:3px;
	color:#F60;
}


/*==========================================================================================
	12:コンセプト
==========================================================================================*/
/*追加*/
ul#btn{
	margin-bottom:30px;
		text-align:center;}
ul#btn li{
	display:inline;
	margin:10px 20px;
	}

div.eqline{
	clear:left;
	height:50px;
	background:url(../images/concept/koda/line2.gif) center right no-repeat;}

div#eq01 {
	height:180px;
	background:url(../images/concept/koda/image1.jpg) right top no-repeat;
	}
div#eq01 p {
	width:310px;
	margin-bottom:8px;
	}
	
div#eq02 {
	float:left;
	width:352px;
	height:426px;
	padding-top:20px;
	padding-right:30px;
	background:url(../images/concept/koda/line.gif) 352px repeat-y;
	}
div#eq03 {
	float:left;
	}

div#eq04 {
	clear:left;
	height:200px;
	background:url(../images/concept/koda/image4.jpg) right top no-repeat;
	}
div#eq04 p {
	width:255px;
	padding-top:95px;
	}

div#eq05 {
	height:240px;
	padding-left:515px;
	background:url(../images/concept/koda/image5.jpg) left top no-repeat;
	}

div#eq06 {
	height:37px;
	padding-top:210px;
	padding-left:164px;
	background:url(../images/concept/koda/image6.jpg) left top no-repeat;
	}


div#conTitle{
	margin-bottom:10px;
	text-align:center;
	}
.sejun{
	font-size:14px;}
	


div#consept01 {
	position:relative;
	height:240px;
	margin-bottom:10px;
	line-height:1.3;
	font-size:12px;

	}

.hands{
	position:absolute;
	top:0;
	right:0;
	width:300px;
	height:90px;
	padding-left:150px;
	background:url(../images/concept/hands_img.jpg) no-repeat left top;}

.gen{
	position:absolute;
	top:100px;
	right:0;
	width:300px;
	height:113px;
	padding-left:150px;
	background:url(../images/concept/gen_img.jpg) no-repeat left top;}
	
	
div#consept03 {
	height:260px;
		margin-bottom:20px;
		background:url(../images/concept/hall.gif) no-repeat right bottom;}	
	.sys td{
	font-size:12px;}

.sys td img{
	margin-right:10px;}
.sys p{
	margin:0;
	padding-right:10px;}
	

.sys4{
	width:480px;
	margin-right:10px;
	padding:10px;
	background:#D4E3E8;}

div#consept02 {
	margin-bottom:15px;
	font-size:12px;
	background:url(../images/concept/img5.gif) no-repeat right top;

	}
	table.ashi td p{
		margin:0;
		padding-right:10px;}
	table.ashi td img {
		margin-right:10px;}

/*==========================================================================================
	12:周辺環境
==========================================================================================*/
div#loflash {
	width:800px;
	margin: 20px 0 20px 30px;
}

/*ライフインフォメーション*/
table#life {
	width:920px;
	margin:0 auto}

table#life div.ti  {
	width:450px;
	margin-bottom:5px;
	padding:3px 0;
	text-align:left;
	color:#FFF;
	font-size:105%;
	}
table#life td table {
	width:450px;
	margin-bottom:10px;
	}
table#life td table td {
	padding:3px 3px 3px 0;
}

table#life td table td.spot{
	text-align:left;
	background: url(../images/location/line_dot.gif) repeat-x center;}
table#life td table td span.white {
	padding-right:10px;
	background:#fff;
}
table#life td table td.toho {
	width:70px;
	text-align:right;
	}
table#life td table td.minutes {
	width:40px;
	text-align:right;
	}
table#life td table td.meters{
	width:70px;
	text-align:right;
}

/*各色*/

.style1 { background: #EA6172;}
.style2 { background: #3684C6;}
.style3 { background: #09AC61;}
.style4 { background: #F69500;}
.style5 { background: #B062A3;}
.style6 { background: #E85F9D;}
.style7 { background: #09C;}
.style8 { background: #EA609E;}

/*==========================================================================================
	13:間取り
==========================================================================================*/
div#perth {
	float:left;}

ul#plan {
	float:right;
	width:450px;
	}
ul#plan li {
	float:left;
	margin:0 0 10px 10px;}
	
div#perthH {
	clear:both;
	margin:30px auto 20px auto;
	padding:20px;
	text-align:center;
	background:#F0F0F0;
	}

/*プランナビ*/
ul.planNavi {
	width:740px;
	height:40px;
	margin:0 auto;
	text-align: center;
	}
ul.planNavi li {
	float:left;
		padding:0 5px;
	}
ul.planNavi li.none {
		border-right:none;
	}
/*各プラン*/
div#planbox{
	clear:both;
	width:920px;
	margin:0 auto;}

div#planD{
	float:left;
	width:280px;
	}
div#planD p{
	padding:10px;
	text-align:center;
	background:#F0F0F0;}
div#planM{
	float:right;
	width:630px;
	text-align:center;}
/*==========================================================================================
	14：設備
==========================================================================================*/	
	/**/
div#sani{
 height:300px;
 background:url(../images/equipment/sani02.jpg) bottom no-repeat;}
td.bal {
	background:url(../images/equipment/back.jpg) bottom repeat-x;}

/*==========================================================================================
	15：クオリティ
==========================================================================================*/
table.qua {
	width:920px;
	margin-bottom:10px;
	}
table.qua td.column01{
	width:425px;
	padding:9px;
	border:#CCC solid 1px;
	}
table.qua td.column02{
	width:898px;
	padding:9px;
	border:#CCC solid 1px;
	}
table.qua h4{
	margin:0px 0px 10px;
	padding:2px;
	text-align:left;
	border-bottom:1px #336699 dotted;
	}
table.qua p{
	width:100%;
	text-align:center;}
table.qua img {
	margin-left:10px;}


div#amenity {
	margin:20px 0 40px 0;
	border:#CCC 1px solid;
	background:#ECF3F4;
	}
div#amenity table#kanki{
	width:920px;
	margin:10px auto;

	}
	
div#amenity table#ame td{
	padding:5px;
}
	
	/**/
div#security{
	margin:20px 0 40px 0;
	}
div#security table#sec{
	width:460px;
	float:left;}
div#security table#sec img{
	margin-right:10px;}
	
div#security div#secright {
	float:right;
	width:460px;
	padding:5px;
	background:#EAEAEA;
	}

/*==========================================================================================
	16：物件概要
==========================================================================================*/
table#outline {
	margin-left:10px;
	}

table#outline td,table#outline th {
	padding:5px;
	border-bottom:#999 dotted 1px;
	text-align:left;
}
table#outline th {
	white-space:nowrap;
	}