@charset "UTF-8";

/* ------------------------------
Dynatech HOTEL STORY
RESERVE FORM COMMON
ver.2004
------------------------------ */
bodya {
	font-family: 'ＭＳ Ｐゴシック','Osaka';

	font-size: 100%;
	color: #000;
	margin: 0px;
	padding: 20px;
	background-color: #FFF;

}

a:link, a:visited {
	color: blue;
	text-decoration: none;
}

a:hover, a:active {
	color: blue;
	text-decoration: underline;
}

img {
border: none;
}

/* ------------------------------
CONTENTS
------------------------------ */
#contents {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	float: left;
}

#contents input.button {

	padding: 5px 5px;
	margin: 0px 2px;
}


/* ------------------------------
HEADING
------------------------------ */
h1 {
	font-size: 90%;
	line-height: 1.5em;
	color: #FFF;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 8px;
	border-left: 5px solid #847B6B;
	background-color: #ADA594;
}

h2 {
	font-size: 90%;
	line-height: 1.2em;
	color: #847B6B;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../img/yaji01.gif) no-repeat left 1px;
}

.cap {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	color: #6E5944;
}

p.cap2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
/*	text-align: center;*/
	color: #03C;
}

p.cap2 span {
	margin: 0px 0px 0px 5px;
	color: #333;
}

p.cap3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	color: RED;
}

p.cap3 span {
	margin: 0px 0px 0px 5px;
	color: #333;
}



/* ------------------------------
PLAN LIST
------------------------------ */
div.plan-list {
	width: 100%;
	margin: 0px;
	padding: 10px 0px;
	border-bottom: 1px solid #CCCCCC;
}

div.plan-list p.comment {
	font-size: 80%;
/*	line-height: 1.3em;*/
	margin: 0px 0px 10px 2px;
	padding: 0px 0px 0px 14px;
	background: url(../img/file.gif) no-repeat left 3px;
}

div.plan-list p.yoyaku {
	font-size: 80%;
	line-height: 1.3em;
	margin: 5px 0px 10px 2px;
	padding: 0px 0px 0px 14px;
	background: url(../img/key.gif) no-repeat left 2px;
}


div.detail {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: center;
	float: left;
}


div.comment_area {
	margin: 0px 0px 0px 10px;
	padding: 10px;
	text-align: center;
	float: left;
}

div.listimgarea {
/*	margin: 0px 0px 0px 10px;*/

	text-align: center;
	float: right;
/*	border: 1px solid #d5d5d5;*/
}

div.listimgarea img {

/*	padding: 0px;*/
/*	display: block;*/
	background-color: #DDD;

}

div.listimgarea img.resbtn {
	margin: 0pxx;
	padding: 0px;
	display: block;
	border-style: none;
}

div.plan-list table.plan-data {
	font-size: 80%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	border-top: 1px solid #CCC;
}

div.plan-list table.plan-data th {
	text-align: left;
	white-space: nowrap;
	margin: 0px;
	padding: 2px 10px 2px 5px;
	border-bottom: 1px solid #CCC;
	background-color: #F5F1EB;
}

div.plan-list table.plan-data td {
	text-align: left;
	margin: 0px;
	padding: 2px 10px 2px 5px;
	border-bottom: 1px solid #CCC;
	background-color: #FAFAF9;
}


div.plan-list h3 {

	font-size:130%;
	border-style : solid ;
	border-width : 1px ;
	border-color : #cccccc ;
	border-bottom-color : #bbbbbb ;

	padding: 3px 0px 3px 10px;
	margin: 0px 0px 10px 0px;

	background-image: url("../image/button_back.gif");
	background-repeat: repeat-x;

}

div.plan-list #returntotop {

		font-size:75%;

}


div.photoarea {
	border: 1px solid #d5d5d5;
	overflow: hidden;
	width : 260px;
	}
div.photoareasmall {
	border: 1px solid #d5d5d5;
	overflow: hidden;
	width : 250px;

	}
div.photoarealarge {
	border: 1px solid #d5d5d5;
	overflow: hidden;
	width : 262px;
	}
div.photoareabig {
	border: 1px solid #d5d5d5;
	overflow: hidden;
	width : 392px;
	}


div.preview { 
	text-align: center;
	margin: 5px auto;
	width: 250px;
	height: 190px;
	overflow: hidden;

	}

div.previewsmall { 
	text-align: center;
	margin: 5px auto 0px auto;
	width: 250px;
	height: 160px;
	overflow: hidden;
	vertical-align: middle;

	}

div.previewlarge { 
	text-align: center;
	width:262px;
	height:190px;
	overflow: hidden;
	vertical-align: middle;

	}
div.previewbig { 
	text-align: center;
	width: 392px;
	height:290px;
	overflow: hidden;
	vertical-align: middle;

	}



div.selecter {
	width: 250px;
	height: 35px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	padding: 5px 0px 5px 25px ;

	}
div.selectersmall {

	height: 35px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	padding: 5px 0px 5px 20px;

	}
div.selecterlarge {

	height: 35px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	padding: 5px 0px 5px 26px;

	}
div.selecterbig {

	height: 35px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	padding: 5px 0px 5px 90px;
	}


div.selecter a {
	width: 35px;
	height: 35px;
	margin-right: 6px;
	border: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	decoration: none;
	text-align: middle;
	}
div.selecter a img { width: 35px; height: 35px;}
div.selecter a:hover { filter: Alpha(opacity=50); -moz-opacity: 0.7; opacity: 0.70;}

div.selectersmall a {
	width: 35px;
	height: 35px;
	margin-right: 6px;
	border: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	decoration: none;
	text-align: middle;
	}
div.selectersmall a img { width: 35px; height: 35px;}
div.selectersmall a:hover { filter: Alpha(opacity=50); -moz-opacity: 0.7; opacity: 0.70;}

div.selecterlarge a {
	width: 35px;
	height: 35px;
	margin-right: 6px;
	border: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	decoration: none;
	text-align: middle;
	}
div.selecterlarge a img { width: 35px; height: 35px;}
div.selecterlarge a:hover { filter: Alpha(opacity=50); -moz-opacity: 0.7; opacity: 0.70;}

div.selecterbig a {
	width: 35px;
	height: 35px;
	margin-right: 6px;
	border: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	decoration: none;
	text-align: middle;
	}
div.selecterbig a img { width: 35px; height: 35px;}
div.selecterbig a:hover { filter: Alpha(opacity=50); -moz-opacity: 0.7; opacity: 0.70;}

div.previewmiddle { 
	width:205px;
	height:150px;
	text-align: center;
	margin: 5px auto; 
	overflow: hidden;
	vertical-align: middle;

	}
div.previewmiddle img {}

div.selectermiddle {

	width:207px;
	height: 35px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	padding: 5px 0px 5px 10px ;

	}

div.selectermiddle a {
	width: 35px;
	height: 35px;
	margin-right: 3px;
	border: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	decoration: none;
	text-align: middle;
	}
div.selectermiddle a img { width: 35px; height: 35px;}
div.selectermiddle a:hover { filter: Alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.70;}


img.priceoptionimage{
	margin: 0 0 0 5px;
	padding: 0;
	float: right;
	background-color: #ddd;
}
TD.txt
{
    text-align: left;
}

/* ------------------------------
PLAN DATA
------------------------------ */
div.plan-data2 {
	width: 500px;
/*	width: 70%; */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

div.imagearea2 {
	float: left;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #ddd;
	width: 217px;

}

div.plan-data2 img {
	/*display: block;*/
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div.data2 {
	width: 275px;
/*	width: 60%;*/
	float: left;
	padding: 0px 0px 0px 5px;

}

div.planright {
	float: right;
	width: 290px;
}

div.planrightSoto {

	width: 288px;
	margin: 0px;
	border: 1px solid;
	border-color: #bbb #bbb #bbb #bbb;
	margin-bottom: 10px;

	overflow: hidden;

	}


div.planrightTop {
	width: 288px;
	height: 21px !important;
	margin: 0px 0px 5px 0px;


/*	background: #eee url(../img/calendar_bg04.gif) repeat left bottom;*/
	overflow: hidden;
	background-color: #F5F1EB;

	}


div.planrightTop ul {
	font-size: 75%;
	line-height: 1.3em;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

div.planrightTop ul li { float: left;}

div.planrightTop ul li a {
	width: 46px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 5;
	}
div.planrightTop ul li a#y-crt {
	width: 48px;
	height: 20px;
	line-height: 20px;
	color: #555;
	text-decoration: none;
	background: #fff url(../img/calendar_bg01.gif) no-repeat 0 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #fff;
	cursor: default;
}

div.planrightTop ul li a#beforenext {
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: #555;
	text-decoration: none;
	background: #fff url(../img/calendar_bg01.gif) no-repeat 0 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #fff;
/*	cursor: default;*/
	padding: 4px 0px 0px 0px;
}

div.planrightTop ul li a#beforenextmonth {
	width: 84px;
	height: 20px;
	line-height: 20px;
	color: #555;
	text-decoration: none;
	background: #fff url(../img/calendar_bg01.gif) no-repeat 0 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #fff;
	cursor: default;
}



div.planrightTop ul li a strong { 

	font-size: 18px; margin-left: 5px;
}

div.planrightTop a { color: #3366CC; text-decoration: underline;}
div.planrightTop a:hover { color: #002222; text-decoration: none;}


div.planrightSita{

	width: 288px;
	padding: 0px 0px 0px 4px;
}

div.plan-data2 dl {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 80%;
}

div.plan-data2 dl dt {
	margin: 0px 0px 2px 0px;
	padding: 1px 0px 1px 3px;
	font-weight: bold;
	background-color: #F5F1EB;
	border-bottom: 1px solid #CCC;
}

div.plan-data2 dl dd {
	margin: 0px 0px 2px 15px;
	padding: 0px;
}

div.plan-data2 p.comment {
	font-size: 80%;
	line-height: 1.3em;
	margin: 5px 0px 10px 0px;
	padding: 2px 2px 2px 16px;
	background: url(../img/file.gif) #FAFAF9 no-repeat 4px 5px;
	border: 1px solid #DDD;
}

p.next {
/*	width: 200px;*/
/*	text-align: right;*/
	text-align: center;
	font-size: 90%;
	line-height: 1.3em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

table.cal {

/*	width: 200px;*/
	width: 280px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 90%;
	border-top: 1px solid #847B6B;
	border-right: 1px solid #847B6B;
	border-left: 1px solid #847B6B;
	border-bottom: 1px solid #847B6B;
	border-collapse: collapse;

}

table.cal tr {
	margin: 0px;
	padding:0px;
}

table.cal th.month {
	margin: 0px;
	padding: 2px 4px;
	color: #FFF;
	text-align: left;
	border: 1px solid #847B6B;*/
	background-color: #ADA594;
}

table.cal th.day {
	margin: 0px;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #847B6B;*/
	background-color: #F5F5F5;
}

table.cal th.sat {
	margin: 0px;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #847B6B;*/
	background-color: #ddffff;
	color: blue;
}

table.cal th.sun {
	margin: 0px;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #847B6B;*/
	background-color: #ffe5e5;
	color: red;
}


table.cal td {
	width: 35px;
	margin: 0px;
/*	padding: 2px 4px;*/
	padding: 0px 0px;
	text-align: center;
	border: 1px solid #847B6B;*/
	background-color: #FfFfFf;

}


table.cal td.sat {
	width: 35px;
	margin: 0px;
	padding: 0px 0px;
	text-align: center;
	border: 1px solid #847B6B;*/
	background-color: #ddffff;
	color: blue;
}

table.cal td.sun {
	width: 38px;
	margin: 0px;
	padding: 0px 0px;
	text-align: center;
	border: 1px solid #847B6B;
	background-color: #ffe5e5;
	color: red;
}

table.cal a {

	width: 38px;
	display: block;
	text-decoration:none;
/*	background: #fff;*/
	display: block;
	float: left;
}

table.cal a:hover {
	text-decoration: none;
/*	background: #F5F5F5;*/
	background: antiquewhite;
/*
	border-top: 1px solid #847B6B;
	border-left: 1px solid #847B6B;
*/
}

table.smallcal {

	width: 245px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 80%;
	border-top: 1px solid #847B6B;
	border-right: 1px solid #847B6B;
	border-left: 1px solid #847B6B;
	border-bottom: 1px solid #847B6B;
}


table.shortcal th.day {
	background-color: #F5F5F5;
}

table.shortcal th.sat {
	background-color: #ddffff;
	color: blue;
}

table.shortcal th.sun {
	background-color: #ffe5e5;
	color: red;
}


table.shortcal td {
	background-color: #ffffff;

}


table.shortcal td.sat {
	background-color: #ddffff;
	color: blue;
}

table.shortcal td.sun {
	background-color: #ffe5e5;
	color: red;
}



p.notes {
	font-size: 80%;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

p.price {
	font-size: 70%;
/*	line-height: 1.3em;*/
	margin: 0px;
	padding: 0px;
	text-align: right;
}

div.price {
	font-size: 70%;
/*	line-height: 1.3em;*/
	margin: 0px;
	padding: 0px;
	text-align: right;
	color: #000;
}


p.dspdate {
	font-size: 100%;
	font-weight: bold;
/*	font-style: italic;*/
/*	line-height: 1.3em;*/
	margin: 0px;
	padding: 0px;
	text-align: right;
	color: #000;
}


div#dspwait {

	font-size: 120%;
	font-weight: bold;
	text-align: center;
	float: left;
	color: #0099CC;
	text-align: center;

}



/* ------------------------------
RYOUKIN KUUSHITSU ICHIRAN
------------------------------ */
table.daycont {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.3em;
}

table.daycont td {
	margin: 0px;
	padding: 3px;
	text-align: center;
}

table.daycont strong {
	font-size: 150%;
}

table.daycont b {
	margin: 0px 0px 0px 70px;
}

div.ryoukuu table {
	width: 800px;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.3em;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

div.ryoukuu th {
	text-align: center;
	white-space: nowrap;
	margin: 0px;
	padding: 2px 10px 2px 5px;
	border-bottom: 1px solid #DDD;
	background-color: #F5F1EB;
	border-right: 1px solid #DDD;
}

div.ryoukuu th.roomtype {
	text-align: left;
	font-weight: normal;
}

div.ryoukuu td {
	text-align: center;
	margin: 0px;
	padding: 2px 10px 2px 5px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background-color: #FAFAF9;
}

div.ryoukuu p {
	margin: 5px 0px;
	padding: 0px;
	font-size: 80%;
}

div.ryoukuu p.notes01 {
	margin: 5px 0px 5px 105px;
}

div.ryoukuu p.notes02 {
	margin: 2px 0px 0px 90px;
}

div.ryoukuu form {
	margin: 0px;
	padding: 0px;
}

div.ryoukuu dl.shounin {
	width: 214px;
	margin: 0px;
	padding: 2px 2px 0px 2px;
	font-size: 80%;
	border: 1px solid #999;
	float: left;
}

dl.shounin dt {
	width: 46px;
	margin: 0px 0px 2px 0px;
	padding: 2px;
	text-align: center;
	float: left;
}

dt.a {
	background-color: #F0DB7A;
}

dt.b {
	background-color: #F5E6A1;
}

dt.c {
	background-color: #F8F0C9;
}

dl.shounin dd {
	width: 156px;
	margin: 0px 0px 2px 50px;
	padding: 2px;
}

input.next {
	margin: 40px 0px 0px 375px;
	padding: 0px;
}

div#pricetitle{
	text-align: left;
	font-size: 80%;
}

div.ryoukuu td.child {
	text-align: left;
	width: 100px;
}

div.ryoukuu td.price {
	text-align: right;
	width: 50px;
}
div.ryoukuu td.remark {
	text-align: left;

}

/*-------------------------
KUUSITU
-------------------------*/
div.vacanttableSoto {
	width: 756px;
	text-align: left;
	margin: 0 auto;
	border: 1px solid;
	border-color: #bbb #666 #666 #bbb;
	margin-bottom: 10px;
	}

div.vacanttableTop {
	width: 756px;
	height: 25px !important;
	margin: 0px 0px 10px 0px;
	background: #eee url(../img/calendar_bg02.gif) repeat left bottom;
	overflow: visible;
	}

div.vacanttableTop ul {
	font-size: 75%;
	line-height: 1.3em;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

div.vacanttableTop ul li { float: left;}
div.vacanttableTop ul li a {
	width: 90px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 5;
	}
div.vacanttableTop ul li a#y-crt {
	width: 90px;
	height: 24px;
	line-height: 24px;
	color: #555;
	text-decoration: none;
	background: #fff url(../img/calendar_bg01.gif) no-repeat 0 0;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #fff;
	cursor: default;
}

div.vacanttableTop ul li a strong { 

	font-size: 18px; margin-left: 5px;
}

div.vacanttableTop a { color: #3366CC; text-decoration: underline;}
div.vacanttableTop a:hover { color: #002222; text-decoration: none;}


div.vacanttable{

	width: 756px;
	padding: 0px 3px 0px 3px;
}


div.vacanttable table {
	width: 750px;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.3em;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

div.vacanttable th {
	text-align: left;
	white-space: nowrap;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #DDD;
	background-color: #F5F1EB;
	border-right: 1px solid #DDD;
}

div.vacanttable th.roomtype {
	text-align: left;
	font-weight: normal;
}

div.vacanttable td {
	text-align: center;
	margin: 0px;
	padding: 2px 1px 2px 1px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background-color: #FfFfFf;
}

div.vacanttable p {
	margin: 5px 0px;
	padding: 0px;
	font-size: 80%;
}

div.vacanttable p.notes01 {
	margin: 5px 0px 5px 5px;
}

div.vacanttable p.notes02 {
	margin: 2px 0px 0px 5px;
}
div.vacanttable p.notes03 {
	margin: 2px 0px 0px 5px;
	font-size: 100%;
}

div.vacanttable form {
	margin: 0px;
	padding: 0px;
}

div.vacanttable dl.shounin {
	width: 214px;
	margin: 0px;
	padding: 2px 2px 0px 2px;
	font-size: 80%;
	border: 1px solid #999;
	float: left;
}

div.vacanttable div.symbolize {
	width: 745px;
	height: 18px;
	padding: 5px 0px 5px 0px ;
	font-size: 80%;	
	background: url(../img/calendar_bg03.gif) repeat center bottom;
	}


/* ------------------------------
TABLE "guestmode"
------------------------------ */
table#guestmode {
	/*table-layout:fixed;*/
	width: 800px;
	font-size: 80%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #D8D6CF;
	border-collapse: collapse;

}

table#guestmode th {
	width: 400px;
	color: #000;
	text-align: left;
	font-weight:normal;
	margin: 0;
	padding: 5px 10px;
	white-space: nowrap;
	background-color: #F2F2EE;

	border: 1px solid #DDDDDD;

	}


table#guestmode td {

	margin: 0;
	padding: 5px;
	text-align: left;
	border: 1px solid #DDDDDD;

}



table#nobrder {
	border: 0px;

}

table#nobrder td{
	border: 0px;

}

table#nobrder th{
	border: 0px;

}


/* ------------------------------
YOYAKUNAIYOU
------------------------------ */
div.yoyakunaiyou {

/*
	font-size: 100%;
*/

}

div.yoyakunaiyou h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 100%;
	color: #6E5944;
}


/* ------------------------------
OKYAKUSAMA TOUROKU
------------------------------ */
table#search {
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border-style: none;
	border-top: 1px solid #DDD;

}

table#search th {
	width: 25%;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 3px 5px;
	background-color: #F5F1EB;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size: 80%;
}


table#search td {
	width: 75%;
	text-align: left;
	vertical-align: middle;
/*	white-space: nowrap;*/
	margin: 0px;
	padding: 3px 5px;
	background-color: #FAFAF9;
	border-bottom: 1px solid #DDD;
	font-size: 80%;

}

span.mark {
	font-weight: normal;
	margin: 0px 5px;
	padding: 0px;
	color: #6E5944;
}

/* ------------------------------
OPTION
------------------------------ */
table.option {
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border-style: none;
	border-top: 1px solid #DDD;
}

table.option th {
	width: 25%;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	margin: 0px;
	padding: 3px 5px;
	background-color: #F5F1EB;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size: 80%;
}

table.option td {
	text-align: left;
	vertical-align: middle;
	/*white-space: nowrap;*/
	margin: 0px;
	padding: 3px 5px;
	background-color: #FAFAF9;
	border-bottom: 1px solid #DDD;
	font-size: 80%;

}

table.option td.menu {
	background-color: #FFF;
}

table.option td.menu1 {
	text-align: center;
}

table.option td.menu2 {
	background-color: #FFF;
	text-align: center;
}

table.option td.menu3 {
	background-color: #FFF;
	text-align: right;
}

table.option td.menu4 {
	text-align: right;
	font-weight: bold;
}


div.reserveother{

line-height:160%; 
}

div.reserveother dl,dd,dt{
padding:0; margin:0;


} 

div.reserveother dd{


margin: -1.6em 0 0 15em;

}


}


/* ------------------------------
KANRYOU
------------------------------ */
div.kanryou {
	text-align: center;
}

div.kanryou h2 {
	margin: 20px 0px;
	padding: 0px;
	background: url(../../../none.gif);
}

/* ------------------------------
SUPPLEMENTS
------------------------------ */
.hidden {
	display: none;
}

.float-reset {
	font-size: 1px;
	clear: both;
	margin: 0px;
	padding: 0px;
}


/* ------------------------------
DISTANCE
------------------------------ */
div.distance {
	width: 100%;
	margin: 30px 0px 15px 0px;
	padding: 0px;
}

div.distance p.jokyou {
	width: 100px;
	height: 30px;
	margin: 0px;
	padding: 3px;
	font-size: 80%;
	color: #847B6B;
	font-weight: bold;
	line-height: 1.2em;
	background-color: #F5F1EB;
	border: 1px solid #999;
	float: left;
}

div.distance p.now {
	width: 100px;
	height: 30px;
	margin: 0px;
	padding: 3px;
	font-size: 80%;
	color: #FFF;
	font-weight: bold;
	line-height: 1.2em;
	background-color: #ADA594;
	border: 1px solid #999;
	float: left;
}

div.distance p.yajirusi {
	margin: 0px 1px;
	padding: 14px 0px 0px 0px;
	font-size: 10px;
	color: #847B6B;
	float: left;
}

STRONG.attention
{
	font-family: 'MS UI Gothic','Osaka';
	font-family: 'ＭＳ Ｐゴシック','Osaka';
    color: #3366CC;
}

STRONG.caution
{
	font-family: 'MS UI Gothic','Osaka';
	font-family: 'ＭＳ Ｐゴシック','Osaka';
    color: #CC3300;
	
}

table#mypg {

	margin: 0px 0px 15px 0px;
	padding: 0px;
	border-style: none;
	border-top: 1px solid #DDD;

}

table#mypg th {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 3px 5px;
	background-color: #F5F1EB;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size: 80%;
}


table#mypg td {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	margin: 0px;
	padding: 3px 15px;
	background-color: #FAFAF9;
	border-bottom: 1px solid #DDD;
	font-size: 80%;

}

div.cardwait{

	border: solid 1px #aaaaaa;
	position:relative;
	display:none;
	color: black;
	background-color: white;
	padding: 10px;
	width:450px;
	height:100px;
	text-align: center;
	vertical-align: middle;
}

//


#floatPictureWindow{
    display:none;
    position:absolute;
    top:100px;
    left:100px;
    width:500px;
    height:400px;
}
#floatPictureWindow a.close{
    position:absolute;
    right:20px;
    top:1px;
}
#floatPictureWindow a.close img{
    border:none;
}
#floatPictureWindow dl{
    width:100%;
    height:100%;
    background:url("./images/floatWindow.png");
    margin:0;
}
#floatPictureWindow dl dt{
    height:25px;
    line-height:25px;
    text-indent:1em;
    color:white;
    font-weight:bold;
    cursor:move;
}
#floatPictureWindow dl dd{
    margin:0;
    padding:2em;
    line-height:1.5;
    text-indent:1em;
}


#carddata {

	font-size: 125%;
}

//planlist