@charset "utf-8";

/* ****************************************************
Title: top.css
Created: 2008-08-11
Last Modified: 2008-08-11
Editor(s): tsutsu
Last Editor: tsutsu
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 General Elements
#02 gNavi
#03 pageBody
#04 sidebar
#05 content
#09 clearfix
#10 common classes

----------------------------------------*/


/* #01 General Elements
---------------------------------------------------------------------------- */


/* #02 gNavi
---------------------------------------------------------------------------- */

div#gNavi dl dd ul li#gNaviTop,
div#gNavi dl dd ul li#gNaviTop a {
	background: url(../images/gnavi_top.gif) no-repeat left top;
}


/* #03 pageBody
---------------------------------------------------------------------------- */


/* #04 sidebar
---------------------------------------------------------------------------- */

div#sidebar {
}

div#sidebar div#login {
	background: #F0F0F0 url(../images/bg_section_s_bottom.gif) no-repeat left bottom;
	margin: 0 0 10px 0;
	padding: 0 10px 13px;
}

div#sidebar div#login h2 {
	background: url(../images/bg_section_s_top.gif) no-repeat left top;
	margin: 0 -10px 7px;
	padding: 10px 0 0 10px;
}

div#sidebar div#login p {
	margin: 0 0 10px 0;
}

div#sidebar div#login p span.note {
	color: #00845D;
}

div#sidebar div#login p.reminder {
	clear: both;
	margin: 0 0 12px 0;
}

div#sidebar div#login p.reminder a {
	background: url(../images/icon_arrow_link01.gif) no-repeat 0 0.2em;
	color: #333333;
	padding: 0 0 0 10px;
}

div#sidebar div#login p.button {
	text-align: center;
	margin: 0;
}

div#sidebar div#login dl {
	margin: 0 0 4px 0;
}

div#sidebar div#login dl dt,
div#sidebar div#login dl dd {
	display: inline;
	float: left;
}

div#sidebar div#login dl dt {
	clear: left;
	margin: 0 5px 0 0;
	padding: 3px 0 0 0;
}

div#sidebar div#login dl dd {
	margin: 0 0 7px 0;
}

div#sidebar div#login dl dd input {
	height: 14px;
}

div#sidebar div#login dl dd.loginId input {
	width: 160px;
}

div#sidebar div#login dl dd.loginPassword input {
	width: 118px;
}

div#sidebar ul.planList li {
	clear: left;
	width: 214px;
}


/* #05 content
---------------------------------------------------------------------------- */

div#content {
}

div#content div.section {
	clear: both;
	background: url(../images/bg_section_bottom.gif) no-repeat left bottom;
	margin: 0 0 5px 0;
	padding: 0 0 7px 0;
}

div#content div.section h2 {
	background: url(../images/bg_section_top.gif) no-repeat left top;
	padding: 13px 0 0 12px;
}

div#content div#search {
	position: relative;
}

div#content div#search a {
	color: #000000;
}

div#content div#search a.mapLink {
	background: url(../images/icon_map.gif) no-repeat left center;
	color: #0379CB;
	display: inline-block;
	margin: 0 0 0 10px;
	min-height: 15px;
	_height: 15px;
	padding: 3px 0 0 23px;
}

div#content div#search dl {
	margin: 0 auto 19px;
	position: relative;
	width: 529px;
}

div#content div#search dl dt {
	color: #FFFFFF;
	position: relative;
	width: 108px;
}

div#content div#search dl dt span {
	font-size: 90%;
	margin: 0 0 0 7px;
}

div#content div#search dl dd {
	background: url(../images/bg_search.gif) no-repeat left top;
	margin: -26px 0 0 0;
	padding: 6px 0 6px 116px;
	min-height: 20px;
}

div#content div#search dl dd.first {
	background-position: 0 -5px;
	margin-top: -21px;
	padding-top: 2px;
	min-height: 20px;
}

div#content div#search dl dd.option {
	margin-top: -36px;
	padding-bottom: 0;
}

div#content div#search dl dd input,
div#content div#search dl dd select {
	margin: -2px 0 0 0;
	vertical-align: middle;
}

div#content div#search dl dd input#days {
	text-align: center;
	width: 17px;
}

div#content div#search dl dd ul {
	list-style: none;
}

div#content div#search dl dd ul li {
	display: inline;
	float: left;
	margin: 0 5px 5px 0;
	width: 30%;
	white-space: nowrap;
}

div#content div#search p.button {
	clear: both;
	text-align: center;
}

div#content div#hotelSearch {
	margin: 0 0 10px 0;
}

div#content div#hotelSearch h2 {
	margin: 0;
	padding-top: 10px;
}

div#content div#hotelSearch p {
	margin: -21px 0 0 130px;
}

div#content div#hotelSearch p input {
	vertical-align: middle;
}

div#content div#hotelSearch p input.searchText {
	height: 14px;
	width: 302px;
}

div#content div#planBlock {
	background: none;
	overflow: hidden;
	width: 556px;
}

div#content div#planBlock ul.planList {
	width: 582px;
}

div#content div#planBlock ul.planList li {
	display: inline;
	float: left;
	margin: 0 26px 0 0;
	width: 265px;
}

div#content div#planBlock ul.planList li p {
	margin: 0 0 10px 0;
}

div#content div#planBlock ul.planList li p.planPic {
	margin-right: 9px;
}

div#content div#planBlock ul.planList li p.planTitle {
	margin: 0 0 2px 0;
}

div#content div.panelBlock {
	clear: both;
	display: none;
	margin: 0;
	padding: 0;
	width: 290px;
}

div#content div.panelBlock li a {
	color: #000000;
}

div#content div.panelBlock li.ui-tabs-selected a {
	color: #FF0000 !important;
	text-decoration: none;
}

div#content div#hotelMap {
	background: url(../images/bg_map.gif) no-repeat left top;
	clear: both;
	height: 228px;
	position: absolute;
	left: 330px;
	top: 48px;
} 

div#content div#hotelMap ul#hotelMapList {
	height: 180px;
	list-style: none;
}

div#content div#hotelMap ul#hotelMapList li#hokkaido {
	position: absolute;
	top: 41px;
	left: 143px;
}

div#content div#hotelMap ul#hotelMapList li#tohoku {
	position: absolute;
	top: 82px;
	left: 228px;
}

div#content div#hotelMap ul#hotelMapList li#kanto {
	position: absolute;
	top: 134px;
	left: 218px;
}

div#content div#hotelMap ul#hotelMapList li#koshinetsu {
	position: absolute;
	top: 93px;
	left: 138px;
}

div#content div#hotelMap ul#hotelMapList li#tokai {
	position: absolute;
	top: 171px;
	left: 190px;
}

div#content div#hotelMap ul#hotelMapList li#hokuriku {
	position: absolute;
	top: 120px;
	left: 114px;
}

div#content div#hotelMap ul#hotelMapList li#kansai {
	position: absolute;
	top: 149px;
	left: 137px;
}

div#content div#hotelMap ul#hotelMapList li#chugoku {
	position: absolute;
	top: 145px;
	left: 71px;
}

div#content div#hotelMap ul#hotelMapList li#shikoku {
	position: absolute;
	top: 184px;
	left: 130px;
}

div#content div#hotelMap ul#hotelMapList li#kyushu {
	position: absolute;
	top: 185px;
	left: 34px;
}

div#content div#hotelMap ul#hotelMapList li#okinawa {
	position: absolute;
	top: 74px;
	left: 49px;
}

div#content div#hotelMap p.closePanel {
	margin: 12px 11px;
}

div#content div#hotelMap p.closePanel a {
	background: url(../images/icon_close.gif) no-repeat left center;
	display: inline-block;
	height: 12px;
	min-height: 12px;
	padding: 2px 0 0 20px;
}

div#content div#hotelList {
	background: url(../images/bg_map_bottom.gif) no-repeat left bottom;
	_height: 1%;
	padding: 11px 11px;
} 

div#content div#hotelList h3 {
	background: #01583E;
	color: #FFFFFF;
	margin: 0 0 5px 0;
	padding: 3px 10px 2px;
	width: 248px;
}

div#content div#hotelList li {
	margin: 2px 0;
}

div#content div#hotelList li a {
	background: url(../images/icon_hotel_list.gif) no-repeat 0 2px;
	padding-left: 12px;
}


/* #09 clearfix
---------------------------------------------------------------------------- */


/* #10 common classes
---------------------------------------------------------------------------- */

ul.planList {
	list-style: none;
}

ul.planList li p {
	margin: 0 0 5px 0;
}

ul.planList li p.planPic {
	display: inline;
	float: left;
	margin-right: 6px;
}

ul.planList li p.planTitle {
	margin: 0 0 2px 0;
}

.ui-tabs-hide {
	display: none;
}