@charset "utf-8";

@import url(base.css);

div#main {
	width:860px;
	padding:10px 20px 0;
	margin:0 auto;
	background:#F4F4F4;
}


h1 {
	position:absolute;
	top:20px;
	left:30px;
}
h1 a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
h2 {
	position:absolute;
	left:195px;
	top:30px;
	color:#F4F4F4;
	font-size:11px;
	_font-size:10px;
	font-weight:normal;
	clear:both;
}
*:first-child + html h2 {
	font-size:10px;
}
h3 {
	background:url(../img/h3-bg.jpg) no-repeat;
	padding:0 0 0 15px;
	font-size:1.2em;
	height:20px;
	line-height:20px;
	clear:both;
}
h3 img {
	padding-top:3px;
}


/*           会社概要              */

div.company table {
	margin:0 0 30px 20px;
}
div.company table tr {
	background:url(../img/com-line.jpg) no-repeat center bottom;
}
div.company table th {
	padding:15px 10px 5px;
	text-align:left;
	font-weight:normal;
	width:90px;
	color:#666;
	vertical-align:top;
}
div.company table td {
	padding:15px 10px 5px;
	color:#333;
}
div.company table td a ,div.company table td a:visited {
	color:#666;
	text-decoration:underline;
}
div.company table td a:hover {
	color:#333;
	text-decoration:none;
}
div#Gmap {
	width:860px;
	height:350px;
	margin-bottom:5px;
}
div.company p.acc {
	background:url(../img/map-use.jpg) no-repeat left top;
	padding:0 0 30px 85px;
}

div.company p.shop {
	float:right;
	padding:10px 20px 0px 0px;
}

div.company div.pro {
	background:url(../img/pro-line.jpg) no-repeat center bottom;
	padding:15px 0 15px 0;
	margin:0 0 0 15px;
}
div.company div.pro h4 {
	padding:5px 0 10px 0;
	font-size:1em;
}
div.company div.pro p {
	padding:0 10px 0 0 ;
	line-height:1.4;
}
	
div.company div.pro img {
	float:left;
	padding:0 15px 0 0;
}
div.company dl {
	clear:both;
	margin:10px 0 30px 15px;
}
div.company dl dt {
	border-left:5px solid #999;
	color:#666;
	font-weight:bold;
	margin:15px 0 5px 0;
	padding-left:10px;
}
div.company dl dd {
	background:url(../img/pro-line.jpg) no-repeat center bottom;
	padding:0 10px 10px 0;
	font-size:11px;
	_font-size:10px;
}
*:first-child + html div.company dl dd {
	font-size:10px;
}

/*               お問い合わせ               */
div.contact p {
	padding:15px;
}
div.contact p.pri {
	padding:15px 15px 50px;
}

div.contact p span {
	color:#FF0000;
	padding:0 5px 0 0;
}
div.contact p a {
	color:#FF0000;
	text-decoration:underline;
}
div.contact p a:hover {
	color:#666;
	text-decoration:none;
}


div.contact table {
	margin:0 0 30px 15px;
}
div.contact table tr {
	background:url(../img/con-line.jpg) no-repeat center bottom;
}
div.contact table th {
	padding:10px;
	text-align:left;
	width:140px;
	color:#666;
	vertical-align:top;
}
div.contact table th span {
	color:#FF0000;
}
div.contact table td {
	padding:10px;
	color:#666;
	font-weight:bold;
}
div.contact table td input ,div.contact table td textarea {
	border:1px solid #CCC;
}
div.contact table td.space {
	color:#333;
	padding:30px 10px 10px;
}
div.contact table tr.send {
	background:none;
}
div.contact div.send {
	text-align:center;
}
div.contact div.send button {
	border:none;
	background:none;
	cursor:pointer;
}

/*           お部屋探しのコツ              */
div.point p {
	padding:15px;
}
div.point ul.point {
	padding:0 0 15px 15px;
}
div.point ul.point li {
	font-weight:bold;
	padding:0 0 0 10px;
	margin-bottom:10px;
}
div.point ul.point li.point1 {
	border-left:5px solid #FF9900;
}
div.point ul.point li.point2 {
	border-left:5px solid #999900;
}
div.point ul.point li.point3 {
	border-left:5px solid #6699CC;
}
div.point div.section {
	border:1px solid #CCC;
	margin: 0 0 30px 15px;
	background:#FFF;
}
div.point div.section dl {
	padding:15px 15px 0;
}
div.point div.section dl.point1 dt {
	color:#FF9900;
}
div.point div.section dl.point3 dt {
	color:#6699CC;
}
div.point div.section dl dt {
	font-weight:bold;
	margin-bottom:5px;
}
div.point div.section dl dd {
	font-size:11px;
	_font-size:10px;
	margin-bottom:15px;
}
*:first-child + html div.point div.section dl dd {
	font-size:10px;
}

div.point div.section dl dd li {
	background:url(../img/point-arr.jpg) no-repeat left top;
	padding:0 0 2px 10px;
}
div.point div.section ul.point2 {
	padding:15px;
}
div.point div.section ul.point2 li {
	background:url(../img/point-arr.jpg) no-repeat left top;
	padding:0 0 2px 10px;
}
div.point div.section dl.point3 {
	padding:0 15px 0;
}
div.point div.section dl.point3 dd {
	background:url(../img/point-arr.jpg) no-repeat left top;
	padding:0 0 2px 10px;
}
div.point p.pointBt {
	background:url(../img/point.jpg) no-repeat left center;
	height:88px;
	padding:10px 0 5px 108px;
	display:block;
	margin:0 0 30px 15px;
	font-size:11px;
	_font-size:10px;
}
*:first-child + html div.point p.pointBt {
	font-size:10px;
}

/*　物件情報　*/
div.design ul.snavi ,div.design ul.snaviD {
	clear:both;
}
div.design ul.snavi li ,div.design ul.snaviD li {
	float:left;
	display:block;
	padding-bottom:30px;
}
div.design ul.snaviD li {
	padding-bottom:20px;
}

div.design ul.nav {
	clear:both;
}
div.design ul.nav li {
	float:left;
	display:block;
	padding:0 10px 20px 0;
}

div.design div.all {
	background:url(../img/all-line.jpg) no-repeat center bottom;
	padding:0;
	clear:both;
	margin-bottom:10px;
}

div.design div.all div {
	padding:15px;
	position:relative;
	float:left;
	border:1px solid #999;
	background:#FFF;
	margin-bottom:20px;
	width:388px;
	height:90px;
}
div.design div.all div.L {
	margin-right:20px;
}
div.design div.all div img {
}
div.design div.all div a:hover img , div.design ul.nav li a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div.design div.all div dl {
	position:absolute;
	top:14px;
	left:150px;
	display:block;
}
div.design div.all div dl dt {
	background:url(../img/all2-arr.jpg) no-repeat left top;
	padding:0 0 0 10px;
	font-weight:bold;
	margin-bottom:2px;
	color:#F00;
	font-size:1.2em;
}
div.design div.all div dl dt span.tit {
	display:block;
	font-weight:bold;
	color:#333;
}
div.design div.all div dl dd {
	padding:0 0 0 10px;
}
div.design div.all div dl dd ul li {
	padding:0 0 0 10px;
	background:url(../img/all-li-arr.jpg) no-repeat left center;
	font-size:11px;
	_font-size:10px;
}
*:first-child + html div.design div.all div dl dd ul li {
	font-size:10px;
}
div.design div.all div span.more {
	position:absolute;
	right:10px;
	bottom:5px;
	display:block;
}

div.design p.under {
	text-align:center;
	padding:10px;
	display:block;
	clear:both;
}

div.design p.under a {
	color:#666;
}

/*   物件詳細  */
div.design div.detail {
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	background:#FFF;
	padding:0 0 10px;
	margin-bottom:15px;
}
div.design div.detail h4 {
	padding:15px;
	border-top:1px solid #999;
}

div.detail div.aD {
	padding:0 15px 15px;
}
div.detail div.aD ul {
	float:left;
	width:400px;
}
div.detail div.aD ul li {
	padding:0 0 0 14px;
	background:url(../img/all-li-arr2.jpg) no-repeat left top;
	font-size:11px;
	_font-size:10px;
	margin-bottom:2px;
}
*:first-child + html div.detail div.aD ul li {
	font-size:10px;
}
div.detail div.aD ul li span {
	width:90px;
	display:inline-block;
}
div.detail div.area {
	clear:both;
	position:relative;
}
div.detail div.area p.att {
	text-align:right;
	font-size:11px;
	_font-size:10px;
	color:#666;
	position:absolute;
	right:15px;
	_right:30px;
	top:15px;
}
*:first-child + html div.detail div.area p.att {
	font-size:10px;
}
div.detail div.area table {
	background:#FFF;
	margin: 10px 0 20px 110px;
}
div.detail div.area table th {
	vertical-align:middle;
	text-align:center;
	padding-right:10px;
}
div.detail div.area table td {
	background:#CCC;
	height:70px;
	width:94px;
	vertical-align:top;
	border-left:10px solid #FFF;
	border-bottom:10px solid #FFF;
}
div.detail div.area table td a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}

/*  ShowCase */
div#showcase ,div#showcase02 {
	background:#FFF;
	margin: 10px 0 20px 110px;
	position:relative;
	clear:both;
	height:310px;
}
div#showcase ul#control ,div#showcase02 ul#control02 {
	position:absolute;
	top:0px;
	right:110px;
	width:220px;
	z-index: 1;

}
div#showcase ul#control li ,div#showcase02 ul#control02 li {
	display:block;
	float:left;
	padding:0 0 10px 10px;
	width:94px;
}

div#showcase ul#control li img ,div#showcase02 ul#control02 li img {
	vertical-align: bottom;
}

/*   privacy  */

dl.privacy {
	padding:10px 15px 40px 15px;
}
dl.privacy dt {
	font-weight:bold;
	padding:0 0 10px 0;
}
dl.privacy dd {
	padding:0 0 20px 0;
}
dl.privacy dd ul li {
	list-style:circle;
	margin-left:15px;
	line-height:1.6;
}

/* NewsD */

div.News div.NewsD {
	padding:20px 30px 20px;
	margin-bottom:50px;
	position:relative;
	width:700px;
}
div.News div.NewsD dl dt {
	font-weight:bold;
	font-size:14px;
	padding:0 0 4px 0;
	font-family:meiryo;
	border-bottom:1px solid #999;
}
div.News div.NewsD dl dt span {
	display:block;
	position:absolute;
	right:50px;
	top:20px;
	font-weight:normal;
	font-size:12px;
}

div.News div.NewsD dl dd {
	line-height:1.6;
	padding:5px 0 0 0;
}

/* shopinformation */
div#sh {
	clear:both;
	padding:15px 0 0;
	margin-bottom:50px;
}
div#sh div.menu {
	float:left;
	width:180px;
}
div#sh div.menu ul {
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
}
div#sh div.menu ul li {
	border-bottom:1px solid #999;
}
div#sh div.menu ul li a {
	display:block;
	width:153px;
	height:30px;
	line-height:30px;
	font-size:11px;
	color:#333;
	background:url(../img/shop-arr.jpg) no-repeat left center #FFF;
	text-decoration:none;
	padding-left:25px;
}
div#sh div.menu ul li a:hover {
	color:#FFF;
	background:url(../img/shop-arron.jpg) no-repeat left center #333;
}

div#sh div.shoparea {
	width:660px;
	float:right;
}
div#sh div.shoparea div.shopBox {
	clear:both;
	border:1px solid #999;
	background:#FFF;
	padding:14px;
	position:relative;
	margin-bottom:20px;
}
div#sh div.shoparea div.shopBox h4 {
	font-size:16px;
	font-family:meiryo;
	margin-bottom:5px;
}
div#sh div.shoparea div.shopBox h4 span {
	display:block;
	font-size:12px;
	color:#666;
	padding-bottom:2px;
}
div#sh div.shoparea div.shopBox p {
	position:absolute;
	right:14px;
	top:14px;
}
div#sh div.shoparea div.shopBox span.mail {
	position:absolute;
	right:14px;
	bottom:14px;
}
div#sh div.shoparea div.shopBox span.mail a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div#sh div.shoparea div.shopBox table {
	/*border-top:1px dotted #CCC;*/
}
div#sh div.shoparea div.shopBox table tr {
	background:url(../img/shop-line.jpg) no-repeat center bottom;
}
div#sh div.shoparea div.shopBox table th {
	font-weight:normal;
	text-align:left;
	color:#666;
	width:85px;
	padding:8px 0 4px;
	/*border-bottom:1px dotted #CCC;*/
	vertical-align:top;
}
div#sh div.shoparea div.shopBox table td {
	padding:8px 0 4px;
	/*border-bottom:1px dotted #CCC;*/
	width:270px;
}