@charset "utf-8";

/* ページ全体 
--------------------------------------------------*/
body{
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:12px;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	color:#333;
}
h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,p,div,form,img,hr{
	margin:0px;
	padding:0px;
	border:none;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
}
img{
	border:none;
	vertical-align:top;
}
ul{
	list-style-type:none;
}
.cl{
	clear:both;
}

/* 画像の回り込み */
.imgL img{
	float:left;
	margin-right:10px;
}
.imgR img{
	float:right;
	margin-left:20px;
	margin-bottom:0;
}


/* リンク 
--------------------------------------------------*/
a{
	color:#0062a7;
	text-decoration:none;
}
a:visited{
	color:#0062a7;
	text-decoration:none;
}
a:hover{
	color:#39F;
}


/* ヘッダー 
--------------------------------------------------*/
#header{
	width:960px;
	margin:0 auto;
}
#hdLeft{
	width:203px;
	float:left;
}
#hdRight{
	width:757px;
	float:right;
	text-align:right;
	padding-top:22px;
}
#hdRight a{
	text-decoration:underline;
	color:#333;
}


/* ナビゲーションメニュー 
--------------------------------------------------*/
#navWrap{
	width:100%;
	background:url(images/menu_bg.png) top left repeat-x;
	margin-top:15px;
}
#nav{
	width:959px;
	margin:0 auto;
	border-left:1px solid #bfbfbf;
}
#nav li{
	float:left;
	width:159px;
	height:40px;
	border-right:1px solid #bfbfbf;
	background:url(images/menu_bg_ov.png) top left no-repeat;
}
#nav li a{
	display:block;
	padding:12px 0 10px;	
	color:#333;
	background:url(images/menu_bg.png) top left no-repeat;
	font-size:14px;
}
#nav li a:hover{
	background:none;
	color:#000;
	font-weight:bold;
}

#nav li.on a{
	color:#000;
	background:none;
	font-weight:bold;
}
#nav li.last{
	width:158px!important;
}


/* メイン画像
--------------------------------------------------*/
#main{
	margin-bottom:18px;
}


/* コンテンツ
--------------------------------------------------*/

/* レイアウト */
#content{
	width:960px;
	margin:18px auto 0;
	text-align:left;
}
#contL{
	width:233px;
	float:left;
}
#contR{
	width:705px;
	float:right;
	line-height:1.9;
}
.colL{
	width:300px;
	float:left;
}
.colR{
	width:260px;
	float:right;
}
.colL2{
	width:80px;
	float:left;
}
.colR2{
	width:530px;
	float:left;
	margin-left:20px;
}

.wrap1{
	border:1px solid #dcdcdc;
}
.wrap2{
	padding:20px;
}
.wrap3{
	padding:15px 20px;
	background:#f4f4f4;
	/* 角丸ボーダー */
	border:1px solid #ccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.wrap4{
	padding:15px 20px;
	background:#f4f4f4;
	/* 角丸ボーダー */
	border:3px solid #70a7cf;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.wrap5{
	padding:5px;
	border:1px solid #ddd;
}


/* マウスオーバー時の画像 */
#content a:hover img{
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

/* サイドバー */
#sidemenu{
	border:3px solid #dcdcdc;
	padding:1px;
}
#sidemenu h3{
	background:#70a7cf;
	color:#fff;
	font-size:18px;
	text-align:center;
	letter-spacing:2px;
	font-family:Century Gothic;
	padding:5px 0;
}

#sidemenu ul{
	padding:0 5px;
}
#sidemenu li{
	background:url(images/bullet.png) center left no-repeat;
	border-bottom:1px dotted #333;
}
#sidemenu li a{
	display:block;
	padding:9px 0 7px 15px;	
	font-size:14px;
	color:#333;
}
#sidemenu li a:hover{
	color:#70a7cf;
}

#sidemenu li.on a{
	color:#70a7cf;
}

#sidemenu li.last{
	border:none;
}


/* 新着情報 */
#news{
	border:3px solid #70a7cf;
	padding:1px;
	margin:20px 0;
	line-height:1.1;
}
#news h3{
	background:#0062a7;
	color:#fff;
	font-size:18px;
	text-align:center;
	letter-spacing:2px;
	padding:8px 0 7px;
}
#news ul{
	margin:5px 20px 15px;
}
#news li{
	border-bottom:1px dotted #bbb;
	padding:8px 0;
}
#news dt{
	width:80px;
	float:left;
}
#news dd{
	width:530px;
	float:left;
	margin-left:20px;
}


/* 物件情報 */
#property{
	border:3px solid #dcdcdc;
	padding:1px;
	margin:0 0 20px;
	line-height:1.2;
}
#property a:hover{
	text-decoration:underline;
}
#property h3{
	background:#70a7cf;
	color:#fff;
	font-size:18px;
	letter-spacing:2px;
	padding:5px 0;
	text-align:center;
}
#property h4{
	color:#0062a7;
	font-size:14px;
	padding:5px 0;
	font-weight:bold;
}
#property ul{
	margin:15px 20px;
	padding-bottom:15px;
	border-bottom:1px dotted #bbb;
}
#property li.img{	
	max-width:100px;
	margin-right:5px;
	float:left;
}
.area{	
	font-size:11px;
	color:#777;
}
.desc{	
	margin-top:5px;
	line-height:1.7;
}


/* フッター 
--------------------------------------------------*/
#footer{
	border-top:1px solid #bfbfbf;
	background:#eee;
	margin:20px auto 0;
	padding:10px 0;
	font-size:10px;
	color:#777;
}
#footer a{
	color:#777;
}
#footer a:hover{
	color:#555;
}


/* リスト
--------------------------------------------------*/

/* 購入の手順 */
ul.flow li{
	background:url(images/arrow.jpg) bottom center no-repeat;
	padding-bottom:40px;
	margin-bottom:10px;
}
ul.flow li.last{
	background:none;
	padding-bottom:0;
	margin-bottom:10px;
}

/* ギャラリー　画像幅150px */
ul.gallery li{
	border:1px solid #dcdcdc;
	padding:5px;
	margin-right:19px;
	margin-bottom:19px;
	width:150px;
	float:left;
	text-align:center;
}
ul.gallery li.last{
	margin-right:0!important;
}
ul.gallery li img{
	max-width:150px;
	max-height:113px;
}

/* ギャラリー　画像幅110px */
ul.gallery2 li{
	border:1px solid #dcdcdc;
	padding:5px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	text-align:center;
}
ul.gallery2 li img{
	max-width:110px;
}

/* トップページ　物件紹介例2　最大画像幅128px */
ul.gallery3{
	display:table;
	margin:20px auto 0;
	padding-left:20px;
}
ul.gallery3 li{
	border:1px solid #dcdcdc;
	padding:5px;
	margin-right:20px;
	float:left;
}
ul.gallery3 li img{
	max-width:128px;
}

/* トップページ　物件紹介例1　最大画像幅250px　高さ250px */
ul.gallery4{
	display:table;
	margin:20px auto 10px;
	padding-left:20px;
}
ul.gallery4 li{
	margin-right:20px;
	float:left;
}
ul.gallery4 li img{
	max-width:250px;
	max-height:250px;
}

/* 物件詳細ページ　最大画像幅200px　高さ200px */
ul.gallery5{
	display:table;
	margin:20px auto 10px;
}
ul.gallery5 li{
	margin-right:1px;
	margin-bottom:20px;
	float:left;
}
ul.gallery5 li img{
	max-width:220px;
	max-height:165px;
}

/* 物件詳細ページ　その他の画像 */
ul.gallery6{
	display:table;
	margin:20px auto 0;
}
ul.gallery6 li{
	margin-right:20px;
	margin-bottom:20px;
	float:left;
}

/* リストスタイル */
ul.list1 li{
	background:url(images/bullet3.png) top left no-repeat;
	padding-left:20px;
	line-height:2.0;
}

ul.list2 li{
	margin-bottom:10px;
}

ul.list3 li{
	list-style:outside square;
	margin-left:20px;
	line-height:2.0;
}

ul.list4 li{
	border-bottom:1px dotted #ccc;
	line-height:2.0;
}

/* 下線表 */
ul.list5{
width:100%;
display:inline-block;
/display:inline;
/zoom:1;
border-bottom:1px dotted #ccc;
}
ul.list5 li{
border-top:1px dotted #ccc;
width:100%;
display:inline-block;
/display:inline;
/zoom:1;
}
ul.list5 dl{
padding:4px 0;
margin:1px 0;
width:100%;
display:inline-block;
/display:inline; 
/zoom:1;
}
ul.list5 dt{
width:15%;
float:left;
padding-top:2px;
}
ul.list5 dd{
width:85%;
float:left;
}

ol.list1 li{
	margin-left:26px;
	padding-bottom:10px;
}

dl.list1 dt{
	font-size:14px;
	font-weight:bold;
	list-style:outside square;
	background:url(images/bullet2.png) center left no-repeat;
	padding-left:20px;
	color:#0062a7;
}
dl.list1 dd{
	margin-bottom:15px;
	margin-left:20px;
}

dl.list2 dt{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:120px;
}
dl.list2 dd{
	float:left;
}

dl.list3 dt{
	float:left;
	padding-right:20px;
	margin-bottom:20px;
	width:120px;
	border-bottom:1px dotted #ccc;
}
dl.list3 dd{
	float:left;
	border-bottom:1px dotted #ccc;
}


/* テキスト
--------------------------------------------------*/
h2.tt1{
	font-size:12px;
	color:#0062a7;
}
h2.tt2{
	font-size:18px;
	padding:8px 0 0 20px;
	color:#0062a7;
}
h3.tt1{
	font-size:12px;
}
h3.tt2{
	background:#0062a7;
	color:#fff;
	font-size:18px;
	text-align:center;
	letter-spacing:2px;
}
h3.tt3{
	border-left:6px solid #0062a7;
	padding-left:10px;
	font-weight:bold;
	color:#0062a7;
}
h4.tt1{
	background:#70a7cf;
	color:#fff;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
}

.name1{
	font-size:24px;
	font-family:Century Gothic;
	padding-left:20px;
	color:#0062a7;
	width:370px;
	float:left;
}
.name2{
	font-size:18px;
	padding:8px 20px 0 0;
	float:right;
	color:#0062a7;
	width:280px;
	text-align:right;
}
.txt1{
	font-size:12px!important;
	color:#333!important;
	font-weight:normal!important;
}
.txt11{
	font-size:11px;
}


/* テーブル
--------------------------------------------------*/
.table1{
	background:#ccc;
}
.table1 td{
	padding:4px 20px 2px;
	background:#fff;
}

.table2{
	background:#ccc;
}
.table2 td{
	padding:4px 20px;
	background:#fff;
}

.table3{
	background:#ccc;
}
.table3 td{
	padding:4px;
	background:#fff;
}

.table4{
	border-top:2px dotted #bfbfbf;
}
.table4 td{
	border-bottom:2px dotted #bfbfbf;
}


/* その他
--------------------------------------------------*/
.pad1{
	padding:5px 0 3px;
}
.pad4{
	padding-bottom:4px;
}
.padL2{
	padding-left:20px;
}
.mar24{
	margin-top:24px;
}
.mar18{
	margin-top:18px;
}
.mar1{
	margin-top:10px;
}
.mar2{
	margin-top:20px;
}
.mar3{
	margin-top:30px;
}
.mar5{
	margin-top:5px;
}
.marB2{
	margin-bottom:20px;
}
.bd{
	border:1px solid #ccc;
}
.border1{
	border-bottom:1px dotted #0062a7;
}
.border2{
	border-bottom:1px solid #0062a7;
}
.bg1{
	background:#ccc!important;
}
.bg2{
	background:#ddd!important;
}
.bg3{
	background:#efefef!important;
}
.red{
	color:#F00;
}
.blue{
	color:#0062a7;
}
.blue2{
	color:#70a7cf;
}