@charset "utf-8";

/* ****************************************************
Title: reserv.css
Created: 2008-08-11
Last Modified: 2008-08-22
Editor(s): tsutsu,teruko yamada
Last Editor: teruko yamada
***************************************************** */


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

#01 General Elements
#02 gNavi
#03 pageBody
#04 sidebar
#05 content
#06 table
#07 calendar
#08 reSearch
#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(../../top/images/gnavi_top.gif) no-repeat left top;
}


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


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

div#sidebar {
}

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

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

div#sidebar div#logout h3 img {
	float: left;
	padding-bottom: 5px;
	vertical-align: top;
}

div#sidebar div#logout h3 span {
	display: block;
	float: right;
	font-size: 0.85em;
	margin-right: 10px;
}

div#sidebar div#logout h3 span a {
	color: #333333;
}

div#sidebar div#logout div#point {
	clear: both;
	border-top: #BFBEBE dotted 1px;
	border-bottom: #BFBEBE dotted 1px;
	margin: 5px 0;
	padding: 5px 0;
}

div#sidebar div#logout div#point p {
	font-size: 0.85em;
	margin-bottom: 0.5em;
}

div#sidebar div#logout div#point p span {
	font-size: 0.85em;
	text-decoration: underline;
}

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

div#sidebar div#logout div#point dl dt {
	display: inline;
	float: left;
}

div#sidebar div#logout div#point dl dt {
	clear: left;
	border-left: #003333 solid 2px;
	margin: 0 3px 5px 0;
	padding: 0 0 0 3px;
}

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

div#sidebar div#logout ul.pointList {
	clear: left;
}

div#sidebar div#logout ul.pointList li a {
	background: url(../images/icon_arrow_link02.gif) no-repeat 0 0.3em;
	padding: 0 0 0 10px;
}

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



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

div#contentWide {
	width: 780px;
}

div#content div.section h2,
div#contentWide div.section h2 {
	clear: both;
	background-color: #01583E;
	padding: 4px 7px;
	margin-bottom: 5px;
}

div#content div.section h2 img,
div#contentWide div.section h2 img {
	vertical-align: top;
}

div#content div.section h2 img.sameBu {
	margin: 5px 5px 0 0;
}

div#content div.section div.facilities {
	clear: both;
	padding-top: 10px;
}
div#content div.section div.facilities h3 {
	background-color: #3D957B;
	padding: 4px 7px;
	margin-bottom: 5px;
	height: 15px;
}

div#content div.section h4 {
	background: url(../images/h3_bg.jpg) no-repeat left center;
	color: #FFFFFF;
	clear: both;
	font-weight: bold;
	font-size: 1.2em;
	height: 17px;
	padding: 5px 7px 4px;
	margin: 10px 0 5px;
}

div#content h5.planName {
	color: #3D957B;
	font-weight: bold;
	font-size: 120%;
}

div#content div.section#search,
div#content div.section#reSearch,
div#content div.section#hotelSearch {
	clear: both;
	background: url(../../top/images/bg_section_bottom.gif) no-repeat left bottom;
	margin: 0 0 5px 0;
	padding: 0 0 7px 0;
}
div#content div.section#search h5,
div#content div.section#reSearch h5,
div#content div.section#hotelSearch h5 {
	background: url(../../top/images/bg_section_top.gif) no-repeat left top;
	padding: 13px 0 7px 12px;
	position: relative;
}
div#content div.section#search h5 img,
div#content div.section#reSearch h5 img,
div#content div.section#hotelSearch h5 img {
	vertical-align: text-top;
}
div#content div.section#search h5 a,
div#content div.section#reSearch h5 a,
div#content div.section#hotelSearch h5 a {
	background: url(../images/icon_arrow_link03.gif) no-repeat 0 0.1em;
	font-size: 0.85em;
	padding: 0 0 0 10px;
	position: relative;
	top: 3px;	
	margin: 3px 10px;
}

div#content div.section#search ul {
	margin: 0 12px 2px;
	padding: 0;
}
div#content div.section#search ul li {
	border-left: #C6C6C6 solid 2px;
	display: inline;
	margin: 0 20px 5px 0;
	padding: 0 0 0 5px;
}
div#content div.section#search ul li span {
	color: #959595;
}

div#content div.section div.hotel dl {
	float: right;
	margin: 0 auto 3px;
	width: 378px;
}
div#content div.section div.hotel dl dt {
	color: #FFFFFF;
	position: relative;
	width: 113px;
}
div#content div.section div.hotel dl dd {
	background-color: #EAEAEA;
	margin: -21px 0 1px 114px;
	padding: 3px 3px 0;
	min-height: 18px;
}

div#content div.section div.hotel img.hotelImg {
	float: left;
	padding-bottom: 10px;
}

div#content div.section div.hotel p {
	float: right;
	text-align: right;
	margin: 0;
	width: 380px;
}
div#content div.section div.hotel p a,
div#content div.section p.iconLink a {
	background: url(../images/icon_arrow_link02.gif) no-repeat 0 0.3em;
	padding: 0 0 0 10px;
}
div#content div.section div.hotel p.btnLink a {
	background: none;
	padding-left: 2px;
}

div#content div.section div.hotel p.pageLink {
	text-align: right;
	margin-bottom: 5px;
}
div#content div.section div.hotel p.pageLink a {
	background: none;
	padding-left: 5px;
}

div#content div.section div.plan {
	clear: both;
}
div#content div.section div.plan dl {
	border-left: #003333 solid 2px;
	border-bottom: #003333 solid 2px;
	margin: 0 0 5px;
	padding: 5px 5px 3px;
}
div#content div.section div.plan dl dt {
	clear: both;
	font-size: 1.2em;
}
div#content div.section div.plan dl dd {
	border-top: #BFBEBE dotted 1px;
	clear: both;
	padding-top: 3px;
}

div#content div.section div.plan dl div a {
	font-weight: bold;
	color: #333333;
}
div#content div.section div.plan dl dt span,
div#content div.section div.plan dl dd div {
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
}
div#content div.section div.plan dl dd div span.price {
	color: #FF0000;
}
div#content div.section div.plan dl dt a.btn,
div#content div.section div.plan dl dd div.btn {
	float: right;
	margin: 0;
	padding: 0;
	width: 195px;
}
div#content div.section div.plan dl dt a.btn img,
div#content div.section div.plan dl div.btn img {
	padding: 0 0 2px 3px;
}

div#content div.section p.rulesArea {
	text-align: center;
}
div#content div.section p.rulesArea span.note {
	color: #00845D;
}
div#content div.section p.buArea,
div#contentWide div.section p.buArea {
	clear: both;
	text-align: center;
}
div#content div.section p.buArea img,
div#contentWide div.section p.buArea img {
	margin-left: 10px;
}

div#content div#confirm {
	height: 350px;
}

div#content div.section div.facilities img {
	float: left;
	margin: 1px 10px 10px 0;
}
div#content div.section div.facilities dl {
	border-top: #BFBEBE dotted 1px;
	margin: 0;
	padding-top: 5px;
}
div#content div.section div.facilities dl dt {
	color: #3D957B;
	font-weight: bold;
}
div#content div.section div.facilities dl dd {
	margin-bottom: 5px;
}
div#content div.section div.facilities dl dd ul {
	list-style: inside disc ;
}
div#content div.section div.facilities p.photoLeft,
div#content div.section div.facilities dl.photoLeft {
	float: right;
	width: 370px;
}

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;
}



/* #06 table
---------------------------------------------------------------------------- */

div#content table,
div#contentWide table {
	clear: both;
	margin-bottom: 25px;
	padding: 0;
	width: 100%;
}
div#content table.t02,
div#content table.t04 {
	margin-bottom: 5px;
}
div#content table th,
div#contentWide table th {
	border: 1px solid #BFBEBE;
	background: #EAEAEA;
	padding: 0 5px;
	vertical-align: middle;
	width: 10em;
}
div#content table td,
div#contentWide table td {
	border: 1px solid #BFBEBE;
	padding: 1px 5px;
}
div#content table td.bigText {
	font-size: 1.2em;
	text-align: center;
}

div#content div.section table td input.nameText {
	width: 220px;
}
div#content div.section table td input.addressText,
div#contentWide div.section table td input.addressText {
	width: 320px;
}

div#content div.section table td p.price {
	font-size: 1.2em;
	text-align: left;
	padding: 5px 3px;
	width: 98%;
}
div#content div.section table td p.price span {
	float: right;
}

div#content table.t03 th,
div#content table.t04 th,
div#contentWide table.t03 th {
	text-align: left;
	padding: 3px 10px;
	width: 100%;
}
div#content table.t03 td,
div#content table.t04 td,
div#contentWide table.t03 td {
	padding: 3px 10px;
}
div#content table.t04 td dd {
	padding-bottom: 5px;
}
div#content table#leave td dl,
div#contentWide table#leave td dl {
	padding: 5px 0;
}
div#content table#leave td dl dt {
	clear: left;
	float: left;
	width: 11em;
}
div#content table#leave td dl dd {
	padding-left: 6em;
}
div#contentWide table#leave td dl dt {
	clear: left;
	float: left;
	width: 17em;
}
div#contentWide table#leave td dl dd {
	padding-left: 17em;
}

div#content table td.reserveNum {
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}
	
div#contentWide div#kiyaku h3 {
	color: #005939;
	font-weight: bold;
	font-size: 120%;
}

.margintop {
	margin-top: 10px;
}

.marginbottom {
	margin-bottom: 10px;
}

div#contentWide div#kiyaku ul.kiyakuList {
	list-style: decimal ;
	margin: -5px 15px 15px 25px;
}

div#contentWide div#kiyaku ul.kiyakuList li {
	margin-bottom: 2px;
}

div#contentWide div#kiyak p {
	margin-bottom: 0;
	padding-bottom: 0;
}

div#content dl.mypageList {
	margin: 10px 3px 0 ;
}


div#content dl.mypageList dt {
	background: url(../images/icon_green_line.gif) no-repeat left top;
	padding: 0px 15px 2px 10px;
	margin-left: 0px;
}

div#content dl.mypageList dd {
	margin-bottom: 8px;
}

div#content table#mypageTable {
	margin-bottom: 10px;
}


/* #07 calendar
---------------------------------------------------------------------------- */

#calendar {
	margin: 20px auto;
}

#calendar h3 {
	border-bottom: #BFBEBE dotted 1px;
	margin: 20px auto 0;
	padding-bottom: 2px;
}

#calendar h4#month {
	background: none;
	color: #FF0000;
	margin: 10px auto;
	text-align: center;
}
#calendar h4#month span {
	float: left;
	display: block;
	width: 32%;
}
#calendar h4#month span.month {
	font-size: 1.5em;
}
#calendar h4#month span.monthBack {
	background: url(../images/icon_arrow_link04.gif) no-repeat 0 0.3em;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
}
#calendar h4#month span.monthNext {
	background: url(../images/icon_arrow_link05.gif) no-repeat right 0.3em;
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
}

#calendar ul li {
	display: block;
	float: left;
	border: #999999 solid 1px;
	margin: -1px 0 0 -1px;
	padding:5px;
	text-align: center;
	vertical-align: top;
	width: 67px;
	height: 50px;
}

#calendar ul.week li {
	background: #E8E8E7;
	height: 15px;
}

#calendar ul li.sun,
#calendar ul li.hol,
#calendar ul li.ok {
	color: #FF0000;
}
#calendar ul li.sat {
	color: #006699;
}
#calendar ul li.noroom {
	color: #999999;
}
#calendar ul li.triangle {
	color: #08B380;
}


/* #08 reSearch
---------------------------------------------------------------------------- */

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

div#content div#reSearch a.mapLink {
	background: url(../../top/images/icon_map.gif) no-repeat left center;
	color: #0379CB;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 3px 0 0 20px;
}

div#content div#reSearch dl {
	margin: 0 auto 19px;
	width: 529px;
}

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

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

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

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

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

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

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

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

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

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

div#content div#hotelSearch {
	margin: 0 0 20px 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;
}


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

div#content div.section div.plan dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#content div.section div.plan dl {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div#content div.section div.plan dl {
	height: 1%;
}
div#content div.section div.plan dl {
	display: block;
}
/* End hide from IE-mac */


/* #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;
}