@import "common.css";

* {
  margin:0;
  padding:0;
  line-height:100%;
}
img{border:none;}
.hidden hr{clear:both;visibility:hidden;}
h1,h2,h3{display:block;}
body#top {
	margin:0px auto;
	background:url(../images/top/background.gif) repeat-y center #fff;
}

/*--------------------------------------------------------------*/
div.container div.contents{
width:730px;
margin:0px 10px;
background-color: white;
}

/*****/
/*TOP*/
/*****/
#top div.container div.contents h2{
	height:44px;
	background:url(../images/top/catch.gif) no-repeat left center;
	text-indent:-9999px;
}

/*left-contents*/
#top div.container div.left-contents{float:left;}
#top div.container div.left-contents div.house-menu{
	width:312px;
	height:311px;
	background:url(../images/top/house.jpg) no-repeat left top;
}
#top div.container div.left-contents div.house-menu h3 a{
	width:170px;height:70px;
	position:absolute;
	text-indent:-9999px;
}
#top div.container div.left-contents div.house-menu h3#houselist a{
	margin:140px 0px 0px 30px;
}
#top div.container div.left-contents div.house-menu h3#roominfo a{
	margin:220px 0px 0px 30px;
}
#top div.container div.left-contents div.infospace{
	width:314px;
	height:100px;
	background:url(../images/top/info_space.gif) no-repeat left top;
	margin:20px 0px 0px;
}
html>body#top div.container div.left-contents div.infospace{
padding-top:3px;}
#top div.container div.left-contents div.infospace div.infobox{
	width:250px;
	height:60px;
	overflow:auto;
	margin:30px 0px 0px 60px;
}
#top div.container div.left-contents div.infospace div.infobox ul li{
	list-style-type:none;
	margin:3px 0px 5px 3px;
}
#top div.container div.left-contents div.infospace div.infobox ul li span{
	margin-right:5px;font-weight:bold;
}

/*right-contents*/
#top div.container div.right-contents{margin-left:320px;}
#top div.container div.right-contents div.circle-menu{
	width:402px;
	height:435px;
	background:url(../images/top/contentsmenu.jpg) no-repeat left top;
}
#top div.container div.right-contents div.circle-menu h3 a{
	display:block;
	position:absolute;
	text-indent:-9999px;
}
#top div.container div.right-contents div.circle-menu h3#party a{
	width:150px;height:160px;
	margin:35px 0px 0px 80px;
}
#top div.container div.right-contents div.circle-menu h3#experience a{
	width:150px;height:130px;
	margin:210px 0px 0px 220px;
}
#top div.container div.right-contents div.circle-menu h3#staffblog a{
	width:180px;height:140px;
	margin:220px 0px 0px 10px;
}



/*bottom-contents*/
#top div.container div.bottom-contents div.block{margin:20px 0px;}
#top div.container div.bottom-contents div.block blockquote{margin-top:10px;line-height:140%;}
#top div.container div.bottom-contents div#about01 h2{
	height:14px;
	background:url(../images/top/about01.gif) no-repeat left center;
}
#top div.container div.bottom-contents div#about02 h2{
	height:14px;
	background:url(../images/top/about02.gif) no-repeat left center;
}
#top div.container div.bottom-contents div#jgho p img{float:left;}
#top div.container div.bottom-contents div#jgho p{
	line-height:160%;
	color:#ff6600;}
#top div.container div#matemenu h3{
	clear:both;
	text-indent:-9999px;}
#top div.container div#matemenu ul{
	display:block;
	width:750px;
	height:80px;
	padding-left:120px;
	background:url(../images/top/matemenu/matemenu-bg.gif) no-repeat left top;
}
#top div.container div#matemenu ul li{
	float:left;
	list-style-type:none;
}
#top div.container div#matemenu ul li a{
	display:block;
	height:80px;
	background:url(../images/top/matemenu/matemenu.gif) no-repeat left top;
	text-indent:-9999px;
}
#top div.container div#matemenu ul li.mate-bbs a{
	width:110px;
	height:35px;
	margin-top:45px;
	background-position:-124px -45px;
}
#top div.container div#matemenu ul li.mate-news a{
	width:131px;
	height:35px;
	margin-top:45px;
	background-position:-234px -45px;
}
#top div.container div#matemenu ul li.mate-counselling a{
	width:126px;
	height:35px;
	margin-top:45px;
	background-position:-365px -45px;
}
#top div.container div#matemenu ul li.mate-birthday a{
	width:114px;
	height:55px;
	margin-top:25px;
	background-position:-491px -25px;
}
#top div.container div#matemenu ul li.mate-hello a{
	width:145px;
	height:67px;
	margin-top:13px;
	background-position:-605px -13px;
}


div.container div.footer{
	margin: 0px;
	width: 750px;
	text-align:center;
	background-image: url(../images/footer_bg.jpg);
	height:30px;
	color:#fff;
}


a{color:#71ABD1;text-decoration:underline;}
a:hover{color:#FB8700;text-decoration:none;}
div.right-contents ul li{line-height:150%;}
.contents{padding-top:20px;}
div.left-contents div,
div.right-contents div{margin-top:20px;}
div.left-contents{border-right:dotted #000 1px;}
div.right-contents{margin-top:20px;}



/* ハウスペ?ジ */
body.second div.container div.contents div.left-contents{
	width:540px;
	float:left;
}
body.second div.container div.contents div.right-contents{
	font-size:14px;
	font-weight:bold;
	width:170px;
	float:right;
}
body.second div.container div.contents div.right-contents div#houselist-east li,
body.second div.container div.contents div.right-contents div#houselist-west li{
	list-style-type:none;
}

#latest-house h2{
	display:block;
	background:url(../english/images/second/h2-latest-house.gif) no-repeat left top;
	width:511px;
	height:114px;
	text-indent:-9999px;
}
#latest-house{
	width:526px;
	height:330px;
	background:url(../english/images/second/latest-house_bg.gif) no-repeat left bottom;
	margin-top:0px;
}
#latest-house div.houselist{
	overflow:auto;
	width:490px;
	height:170px;
	margin:20px 0px 10px 20px;
	text-align:center;
}
#latest-house p{
	clear:left;
}
#latest-house p img{float:left;margin-right:10px;}
#latest-house p span.house-name{
	display:block;
	font-weight:bold;
}
#latest-house p span.house-text{
	
}

#house-btns{margin-top:20px;}
#house-btns h3{float:left;}
#house-btns h3 a{
	display:block;
	width:254px;
	height:57px;
	background:url(../english/images/second/house-btns.jpg) no-repeat;
	text-indent:-9999px;
}
#house-btns h3.gethouseinfo a{
 background-position:left top;
}
#house-btns h3.gethouseinfo a:hover{
	background-position:left bottom;
}
#house-btns h3#bookmark a{
	background-position:right top;
}
#house-btns h3#bookmark a:hover{
	background-position:right bottom;
}

div#house-map{}
div#house-map p#map-txt{
	width:243px;
	height:21px;
	background:url(../english/images/second/map-txt.gif) no-repeat left top;
	text-indent:-9999px;
}

div.right-contents h3.gethouseinfo a{
	display:block;
	width:163px;
	height:93px;
	background:url(../english/images/second/regist-btn.gif) no-repeat left top;
	text-indent:-9999px;
}
div.right-contents h3.gethouseinfo a:hover{
	background-position:left bottom;
}

div.right-contents #houselist-east h3{
	display:block;
	width:157px;
	height:52px;
	background:url(../english/images/second/h3-easthouse.gif) no-repeat left top;
	text-indent:-9999px;
}
div.right-contents #houselist-west h3{
	display:block;
	width:157px;
	height:52px;
	background:url(../english/images/second/h3-westhouse.gif) no-repeat left top;
	text-indent:-9999px;
}
div.right-contents #houselist-east li,
div.right-contents #houselist-west li{text-indent:23px;}
div.right-contents #houselist-east li.rent,
div.right-contents #houselist-east li.rent{
	height:21px;
	background:url(../images/second/icon-rent.jpg) no-repeat left top;
}




.second div.container div.header div.menu  {
clear : both;
width : 750px;
height : 30px;
background : url(../images/top/menu/background.gif) repeat-x left top;
margin : 0 0 0;
} 

.second ul.menu-main{
    width:750px;
    list-style-type:none;
    text-align:center;
	left:auto;
    /* for IE layoutfix */
    position:absolute;
    top:63px;
    left:0;
    /* /for IE layoutfix */
}

.second div.container div.header div.top-title h1{
	display:block;
	float:left;
	width:381px;
	height:63px;
	background: url(../images/second/head.jpg) no-repeat 30px bottom;
	text-indent:-9999px;
}

#mame{
	margin:20px;
	text-align:left;
	border-top:1px ridge #000000;
	border-bottom:1px inset #000000;
}
#mame p{
	margin-bottom:13px;
	font-size:12px;
	line-height:15px;
	
}
#mame h3{
	text-align:center;
	margin:10px 0px;
	color:#FF8040;
	font-size:20px;
	font-weight:bold;
}

table.house{
	width:470px;
	text-align:center;
}

table.house th.photo{
	width:200px;
	border:none;
}

table.house th.photo p{
	margin-top:10px;
	font-weight:bold;
}

table.house th{
	padding:0px 2px;
	font-size:13px;
	width:50px;
	font-weight:normal;
	border:solid 1px #000;
	border-collapse:collapse;
}

table.house td{
	padding:0px 6px;
	font-size:13px;
	text-align:left;
	border:solid 1px #000;
	border-collapse:collapse;
}

p.empty_main_title{
	color:#00F;
	font-size:18pt;
	margin-bottom:40px;
}

p.empty_title{
	color:#00F;
	font-size:17pt;
	margin-bottom:6px;
}

p.empty_title_date{
	color:#F00;
	font-size:12pt;
	margin-bottom:6px;
}

p.empty_photo_text{
	color:#00F;
	font-size:14pt;
	font-weight:bold;
	margin:20px 0 50px 0;
}

p.empty_photo_text a:link {color:blue; text-decoration:none;}
p.empty_photo_text a:visited {color:blue; text-decoration:none;}
p.empty_photo_text a:hover {color:red; text-decoration:none;}