@charset "EUC-JP";

p.h2_en{
	height:21px;
	margin:0 0 25px 0;
	background:url(../img/search/h2_en.gif) no-repeat left top;
	padding: 4px 0 0 100px;
	width:870px;
}

.c01{
	width:660px;
	float:right;
	margin-bottom: 34px;
}

div.pickup {
	width: 235px;
	height:590px;
	float: left;
	overflow:auto;
}

div.pickup h3{
	width:213px;
	height:23px;
	margin-bottom:5px;
	background: url(../img/search/side_pickup.jpg) no-repeat 50% 0;
	text-indent:-9999px;
}

div.pickup div.pu {
	width: 210px;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}

div.pickup div.pu1 {
	width: 210px;
	text-align: center;
	margin:0;
}


div.pickup .img_ph { margin-bottom: 5px;}
div.pickup div.pu p   { margin: 10px 10px;}

div.pickup div.pu span.category { padding: 3px; color: #FFF; font-size: 10px; }
div.pickup div.pu span.category.office    {
	background-color: #A3C2C2;
}
div.pickup div.pu span.category.residence {
	background-color: #E0C2A3;
}


div.pickup div.pu p.detail {
	text-align: right;
	font-size: 11px;
}

/*-----------------------------------------------
 __index
-----------------------------------------------*/

.index .c01 h2{
	width:108px;
	height:26px;
	margin-bottom:20px;
	background:url(../img/search/index/h2.gif) no-repeat left top;
	text-indent:-9999px;
}

.index .c01 h3{
	clear: both;
	text-indent: -1000em;
	height: 24px;
	margin-bottom:10px;
}
.index .c01 h3.q1{ background: url(../img/search/index/h3_01.gif) no-repeat;}
.index .c01 h3.q2{ background: url(../img/search/index/h3_02.gif) no-repeat;}
.index .c01 h3.q3{ background: url(../img/search/index/h3_03.gif) no-repeat;}
.index .c01 h3.q5{ background: url(../img/search/index/h3_05.gif) no-repeat;}
.index .c01 h3.q6{ background: url(../img/search/index/h3_06.gif) no-repeat;}
.index .c01 h3.q7{ background: url(../img/search/index/h3_07.gif) no-repeat;}
.index .c01 h3.q3.residence{ background: url(../img/search/index/h3_03_r.gif) no-repeat;}

.index .c01 table { margin-bottom: 30px;}
.index .c01 table img { margin-bottom: 10px;}

.index .c01 ul {
	border: 1px solid #CCC;
	padding: 15px 15px 10px;
	margin-bottom: 30px;
}

.index .c01 ul li {
	float: left;
	font-size: 14px;
	margin-bottom: 5px;
	width: 120px;
}

.index .c01 ul.q7s li{
	width:200px;
}

.index .c01 ul.q2 li {
	width: 310px;
}
.index .c01 ul.q3 li { width: 200px;}

.index .btn{
	background: url(../img/search/btn_blue.jpg) no-repeat;
	width: 175px;
	height: 35px;
	color:#FFF;
	border:none;
	cursor:pointer;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 30px;
}

.index .btn:hover{
	filter: alpha(opacity=69);
	-moz-opacity:0.69;
	opacity:0.69;
}

/*-----------------------------------------------
 __list
-----------------------------------------------*/

.list .c01 h2{
	width:108px;
	height:26px;
	margin-bottom:20px;
	background:url(../img/search/list/h2.gif) no-repeat left top;
	text-indent:-9999px;
	float: left;
}

.list .c01 div.paging{
	float: right;
	width: 400px;
	text-align: right;
}

.list .c01 div.paging a.num{
	border: 1px solid #CCC;
	padding: 3px 6px;
	margin-left: 6px;
}
.list .c01 div.paging a.num:hover{ background-color: #F5F5F5;}

.list .c01 div.area{ clear: both;}
.list .c01 div.area .box{
	border: 1px solid #CCC;
	width: 300px;
	padding: 10px;
	line-height: normal;
	height: 100px;
}
.list .c01 div.area .box p { margin-bottom: 3px; }
.list .c01 div.area .box p.room_title { color:#0033CC;}
.list .c01 div.area .box img.ph { margin-right: 10px; float:left;}
.list .c01 div.area .box p.detail { font-size: 10px;}

.list .roomno{
	font-size:80%;
	margin-left:10px;
}

/*-----------------------------------------------
 __detail
-----------------------------------------------*/

.detail .c01 h2{
	width:108px;
	height:26px;
	margin-bottom:20px;
	background:url(../img/search/detail/h2.gif) no-repeat left top;
	text-indent:-9999px;
	float: left;
}

.detail .c01 img.back{
	float: right;
	margin-left: 5px;
}

.detail .c01 h3{
	background-color: #666;
	clear:both;
	color: #FFF;
	padding: 5px 15px;
	font-size: 16px;
	margin-bottom: 15px;
}

.detail .c01 h4{
	text-align: left;
	clear: both;
	margin-bottom: 5px;
	font-size: 16px;
}

.detail .c01 .box01{
	margin-bottom: 15px;
	clear: both;
	padding-top: 15px;
}

.detail .c01 .box01 table.info {
	border: 3px solid #CCC;
	width: 100%;
}

.detail .c01 .box01 table.info th,
.detail .c01 .box01 table.info td {
	padding: 2px 5px;
	border: 1px solid #CCC;
	vertical-align: top;
}


.detail .c01 .box01 table.info td {
	text-align:left;
	width:560px;
}

.detail .c01 .box01 table.info th {
	background-color: #F5F5F5;
	width:70px;
}



.detail .c01 .box02{
	text-align: center;
	margin-bottom: 30px;
}

.detail .c01 .box02 .main{
	width: 315px;
	height: 210px;
	text-align: center;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}

.detail .c01 .box02 .sub{
	margin: 0 4px 0 0px;
}

.detail .c01 .box03 {
	margin-bottom: 20px;
}

.detail .c01 .box03 table {
	width: 100%;
	border-top: 1px solid #CCC;
}

.detail .c01 .box03 th,
.detail .c01 .box03 td {
	padding: 5px;
	border: 1px solid #CCC;
	vertical-align: top;
}

.detail .c01 .box05{
	clear: both;
}

.detail .c01 .box05 table {
	border: 3px solid #CCC;
	margin-bottom: 15px;
}
.detail .c01 .box05 th,
.detail .c01 .box05 td {
	border: 1px solid #CCC;
	padding: 5px 10px;
}
.detail .c01 .box05 th {
	background-color: #F5F5F5;
}

.detail .c01 .box05 .map {
	border: 1px solid #CCC;
	height: 300px;
	margin-bottom: 30px;
}

.detail .btn{
	background: url(../img/search/detail/btn_contact.jpg) no-repeat;
	width: 275px;
	height: 32px;
	border:none;
	cursor:pointer;
	margin-bottom: 30px;
	text-indent: -1000em;
}

.detail .btn:hover{
	filter: alpha(opacity=69);
	-moz-opacity:0.69;
	opacity:0.69;
}


/*-----------------------------------------------
 __trade
-----------------------------------------------*/



#contents.trade {
}

#contents.trade .c01 {
	width:860px;
	float:left;
	margin-left:32px;
	padding-bottom:100px;
}

#contents.trade .c01 h2 {
	width:284px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/search/index/h2.gif) no-repeat left top;
}

#contents.trade .c01 .group {
	width:825px;
	margin:0 auto;
	padding:50px 0 0 37px;
}

#contents.trade .c01 h3 {
	width:265px;
	height:37px;
	text-indent:-9999px;
	background:url(../img/search/trade/h3.jpg) no-repeat left top;
	margin-bottom:30px;
}

#contents.trade .c01 .area_gr {
}

#contents.trade .c01 .area_gr .area {
	width:246px;
	height:465px;
	border:1px solid #CCC;
	float:left;
	margin-right:40px;
}

#contents.trade .c01 .area_gr .area img {
}

#contents.trade .c01 .area_gr .area .detail {
	padding:5px 20px 10px;
	text-align:center;
}

#contents.trade .c01 .area_gr .area .detail p.title {
	font-size:133%;
	font-weight:bold;
	text-align:center;
}

#contents.trade .c01 .area_gr .area .detail p {
	line-height:140%;
	text-align:left;
	margin-bottom:10px;
}

#contents.trade .c01 .area_gr .area .detail a {
}

#contents.trade .c01 .area_gr .area .detail a img {
}

#contents.trade .c01 .area_gr .area .info {
	padding:9px 8px;
}

#contents.trade .c01 .area_gr .area .info iframe {
	width:100%;
	height:140px;
}

*:first-child+html #contents.trade .c01 .area_gr .area .info iframe {
	height:135px;
}

div.none {
	margin-right:0px;
}


#contents.trade .c01 .area_gr .area1 {
	width:246px;
	height:285px;
	border:1px solid #CCC;
	float:left;
	margin-right:40px;
}

#contents.trade .c01 .area_gr .area1 img {
}

#contents.trade .c01 .area_gr .area1 .detail {
	padding:5px 20px 10px;
	text-align:center;
}

#contents.trade .c01 .area_gr .area1 .detail p.title {
	font-size:133%;
	font-weight:bold;
	text-align:center;
}

#contents.trade .c01 .area_gr .area1 .detail p {
	line-height:140%;
	text-align:left;
	margin-bottom:10px;
}

#contents.trade .c01 .area_gr .area1 .detail a {
}

#contents.trade .c01 .area_gr .area1 .detail a img {
}

#contents.trade .c01 .area_gr .area1 .info {
	padding:9px 8px;
}

#contents.trade .c01 .area_gr .area1 .info iframe {
	width:100%;
	height:140px;
}

.cl{
	clear:both;
}

#contents.trade img.bt_unhex{
	margin-top:10px;
}
