/* PEARL HOTELS COMMON STYLESHEET */




/* リセット */

ul,li {
	margin: 0;
	padding: 0;
}

/* 画像 */
#wrap_side_area img {
	margin: 0;
	vertical-align: bottom;
	}



form {
	margin: 0;
	}


.float_CL {
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	}

.null {
	font-size: 0px;
} 

#main_wrap {
	width: 760px;
	margin-top: 21px;
	margin-bottom: 18px;
	}

#wrap_side_area {
	width: 179px!important;
	width/**/:190px;
	padding-right: 11px;
	float: left;
	}

#wrap_main_area {
	width: 570px;
	float: right;
	}


/* ログイン */

#club {
	background: #F7F7F7;
	border-right: 1px solid #367BC0;
	border-left: 1px solid #367BC0;
	text-align: center;
	font-size: 10px;
	}

#club .login {
	padding: 2px 0;
	}

#club .login .input_box {
	margin: 5px;
	}

#club .login .input_box input {
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	height: 20px;
	}

#club .login .input_box img {
	vertical-align: middle;
	}

#club .login .auto {
	text-align: left;
	margin-left: 28px;
	color: #666666;
	}


#club .login .auto input {
	vertical-align: middle;
	}

#club .login .login_btn {
	margin-top: 5px;
	}

#club .txt_link {
	margin-right: 11px;
	text-align: right;
	line-height: 20px;
	}
	
#club .name {
	width: 167px;
	line-height: 24px;
	font-weight: bold;
	text-align: right;
	font-size: 14px;
	letter-spacing: 0.1em;
	}

#club .point {
	width: 167px;
	line-height: 20px;
	font-weight: bold;
	text-align: right;
	font-size: 14px;
	letter-spacing: 0.1em;
	background: url(../../img2/club_point.gif) no-repeat 0px 0px;
	}

#club .logout {
	margin: 8px 0;
	}

#club .btn img {
	margin: 10px 0 0;
	}

#club .btn .top_btn img {
	margin: 6px 0 0;
	}

#club .txt {
	width: 155px;
	margin-left: 12px;
	}

#club .txt p {
	margin: 0;
	text-align: left;
	font-size: 10px;
	}

.club_bottom {
	font-size: 0px;
	margin-top: 0;
	margin-bottom: 20px;
	}



/* 宿泊予約 */

#search {
	padding-left: 30px;
	padding-bottom: 4px;
	background: url(../../img2/search_bg.gif);
	}

#search p {
	font-size: 10px;
	margin: 0;
	text-align: left;
	}

#search select {
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 5px;
}

#search .search_select {
	width: 360px;
	float: left;
	}

#search .search_select .select_left {
	width: 180px;
	float: left;
	white-space: nowrap;

	}

#search .search_select .select_right {
	width: 180px;
	float: right;
	white-space: nowrap;

	}

#search .search_select .select_right img {
	vertical-align: text-top;
	}

#search .search_select .select_right .goukei {
	font-size: 10px;
	}

#search .search_condition {
	width: 170px;
	float: right;
	text-align: right;
	}

#search .search_condition .condition_txt {
	margin-top: 10px;
	margin-right: 36px;
	font-size: 10px;
	}

#search .search_condition .condition_txt input {
	font-size: 12px;
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 5px;
}

#search .condition_check {
	font-size: 10px;
	}


#search .condition_check input {
	vertical-align: middle;
}

.search_btn {

	}


/* 宿泊予約2 */

#search2 {
	padding-left: 30px;
	padding-bottom: 4px;
	background: url(../../img2/search_bg.gif);
	}

#search2 p {
	font-size: 10px;
	margin: 0;
	text-align: left;
	}

#search2 select {
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 5px;
}

#search2 .search2_select {
	width: 355px;
	float: left;
	}

#search2 .search2_select .select2_left {
	width: 150px;
	float: left;
	white-space: nowrap;

	}

#search2 .search2_select .select2_right {
	width: 195px;
	float: right;
	white-space: nowrap;

	}

#search2 .search2_select .select2_right img {
	vertical-align: text-top;
	}

#search2 .search2_select .select2_right .goukei2 {
	font-size: 10px;
	}

#search2 .search2_condition {
	width: 125px;
	float: left;
	text-align: right;
	margin-right: 20px;
	}

#search2 .search2_condition .condition2_txt {
	margin-top: 10px;
	margin-right: 0px;
	font-size: 10px;
	}

#search2 .search_2condition .condition2_txt input {
	font-size: 12px;
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 5px;
}

#search2 .search2_condition2 {
	width: 100px;
	float: left;
	text-align: left;
	margin-top: 10px;
	}

#search2 .search2_condition2 .condition2_txt {
	margin-top: 10px;
	margin-right: 36px;
	font-size: 10px;
	}

#search2 .search_2condition2 .condition2_txt input {
	font-size: 12px;
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 5px;
}

#search2 .condition2_check {
	font-size: 10px;
	}


#search2 .condition2_check input {
	vertical-align: middle;
}

.search2_btn {
	margin-bottom: 20px;
	}



/* 空室状況 */



#aki_title h2 {
	font-size: 0px;
	border-left: 5px solid #FE9900;
	border-bottom: 1px solid #FE9900;
	margin: 0 0 10px;
	padding: 2px;
	text-align: right;
	}
	
#aki_title h2 .title {
	float: left;
	}
	
#aki_title h2 .bb {
	float: right;
	}

#aki {
	margin-bottom: 16px;
	}

#aki table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 570px;
	}

#aki th {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFEFB1;
	font-size: 12px;
	font-weight: normal;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	vertical-align: middle;
	color: #333333;
	white-space: nowrap;
	}

#aki td {
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.4em;
	vertical-align: middle;
	color: #333333;
	}


/* 空室状況トップページ */



#aki_top_title h2 {
	border-left: 5px solid #FE9900;
	border-bottom: 1px solid #FE9900;
	margin: 0 0 10px;
	padding: 2px;
	text-align: right;
	font-size: 85%;
	}
	
#aki_top_title h2 .title {
	float: left;
	color: #FD6706;
	padding-left: 2px;
	padding-bottom: 1px;
	}
	
#aki_top_title h2 .bb {
	float: right;
	}

#aki_top {
	margin-bottom: 16px;
	}

#aki_top table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 570px;
	}

#aki_top th {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFEFB1;
	font-size: 12px;
	font-weight: normal;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	vertical-align: middle;
	color: #333333;
	white-space: nowrap;
	}

#aki_top td {
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.4em;
	vertical-align: middle;
	color: #333333;
	}



/* インデックス */


.map_swf {
	margin: 20px 0;
	}

#wrap_side_area .banner_area {
	margin-top: 7px;
	}

#wrap_side_area .banner_area img {
	margin-bottom: 7px;
	}

#wrap_main_area .pagetop {
	width: 570px;
	text-align: right;
	}

#hotels {
	width: 570px;
	margin-bottom: 20px;
}

#hotels td {
	vertical-align: top;
}

#hotels .hotelsinfo {
	margin: 4px 32px 4px 10px;
	width: 238px;
}

#hotels_group {
	width: 570px;
	margin-top: 10px;
}

#hotels_group td {
	vertical-align: top;
}

#hotels_group .hotels_groupinfo {
	margin: 4px 32px 4px 10px;
	width: 238px;
}

.info {
	font-size: 10px;
	line-height: 1.8em;
	background: url(../../img2/hotelsinfo_arrow.gif) no-repeat 12px 8px;
	padding-left: 20px;
	text-align: left;
	color: #1C4571;
}


/* インフォメーション */

#wrap_main_area #information{
	width: 570px;
	margin-top: 20px;
	}


#wrap_main_area #information .information_left {
	width: 380px;
	float: left;
	}


/* 全体トップ新着情報 */

.infolist{ 
	font-size: 12px;
	width: 380px;
	}

.infolist .record{ 
	margin: 5px 0 0;
	padding: 0;
	}

.infolist .record .date{
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 1.5em;
	color: #666;
	background: url(../../img2/infolist_li.gif) no-repeat 8px 6px;
	width: 102px!important;
	width/**/:120px;
	float: left;
	}

.infolist .record .news{
	line-height: 1.5em;
	}
	

/* 各ホテルトップ新着情報 */


.newplan_title{
	background: url(../../img2/m_bg.gif) repeat-x;
	margin-top: 15px;
	}

.newplan {
	font-size: 12px;
	width: 570px;
	margin: 0 0 20px;
	}

.newplan .subtilte{
	color: #005492;
	line-height: 2em;
	font-weight: bold;
	padding: 0 0 0 18px;
	}

.newplan .subblock {
	width: 570px;
	position:relative;
	}

.newplan .subblock .list {
	line-height: 1.5em;
	position:absolute;
	bottom: 0;
	right: 0;
	}

.newplan .record{
	width: 552px!important;
	width/**/:570px;
	padding: 0 0 0 18px;
	}

.newplan .record .date{
	float: left;
	width: 100px;
	line-height: 1.5em;
	color: #666;
	}

.newplan .record .news{
	line-height: 1.5em;
	}



/* エアリー会員限定特別プラン */



.clubinfo{
	width: 380px;
	}

.clubinfo ul {
	margin: 5px 0 0;
	padding: 0;
	}

.clubinfo li {
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 1.8em;
	list-style: none;
	color: #FE7D0A;
	}
	
.clubinfo .list {
	font-size: 12px;
	text-align: right;
	line-height: 1.8em;
	color: #FE7D0A;
	font-weight: bold;
	}

.clubinfo a:link {
	color: #FE7D0A;
	text-decoration: underline;
}

.clubinfo a:visited {
	color: #FE7D0A;
	text-decoration: underline;
}

.clubinfo a:hover {
	color: #FE7D0A;
	text-decoration: none;
}


#wrap_main_area #information .banner{
	width: 178px;
	float: right;
	margin-left: 12px;
	}



/* 各ホテルトップ */

#wrap_main_area .basictitle {
	margin-top: 20px;
	}

#wrap_main_area .basicinfo {
	width: 550px;
	margin: 5px 10px;
	}
	
#wrap_main_area .basicinfo .data{
	width: 518px!important;
	width/**/:550px;
	padding: 0 12px 0 20px;
	background: #EEF5FD;
	}
	
#wrap_main_area .basicinfo .name{
	font-size: 12px;
	line-height: 1.8em;
	font-weight: bold;
	color: #444444;
	}

#wrap_main_area .basicinfo .basic{
	width: 518px;
	position:relative;
	}

#wrap_main_area .basicinfo .access{
	width: 458px;
	font-size: 10px;
	line-height: 1.6em;
	color: #444444;
	}
	
#wrap_main_area .basicinfo .btn_map {
	position:absolute;
	bottom: 0;
	right: 0;
	}



#wrap_main_area .info_container {
	width: 550px;
	margin: 0 10px 10px;
	background: url(../../img2/hotels_basicinfo_dot.gif) repeat-x left top;
	}

#wrap_main_area .info_container td {
	background: url(../../img2/hotels_basicinfo_dot.gif) repeat-x left bottom;
	font-size: 12px;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: left;
	}

#wrap_main_area .info_container .reset td {
	background: none;
	padding: 0;
	font-size: 12px;
	line-height: 1.6em;
	text-align: left;
	}

#wrap_main_area .info_container .left{
	width: 259px;
	float: left;
	}

#wrap_main_area .info_container .left .data {
	width: 177px!important;
	width/**/:182px;
	vertical-align: top;
	}

#wrap_main_area .info_container .right{
	width: 280px;
	float: right;
	}

#wrap_main_area .info_container .right .data {
	width: 198px!important;
	width/**/:203px;
	vertical-align: top;
	}

#wrap_main_area .info_container .icon {
	width: 24px!important;
	width/**/:29px;
	vertical-align: top;
	}

#wrap_main_area .info_container .btn {
	width: 43px!important;
	width/**/:48px;
	vertical-align: bottom;
	}