@charset "Shift_JIS";

/* ------------------------------
Dynatech HOTEL STORY
RESERVE FORM
ver.2004
------------------------------ */
body {
font-family: "‚l‚r ‚oƒSƒVƒbƒN",
"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;
}


/* ------------------------------
CONTENTS
------------------------------ */
#contents {
width: 100%;
margin: 0px;
padding: 0px;
}

FORM {
margin: 0px 0px 0px 0px;
padding: 0px;
}



/* ------------------------------
HEADING
------------------------------ */
h1 {
font-size: 110%;
color: #004827;
margin: 0px 0px 3px 0px;
padding: 0px;
}

h2 {
font-size: 90%;
line-height: 1.5em;
color: #004827;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 8px;
border-left: 5px solid #004827;
background-color: #AEF082;
}

h3 {
font-size: 90%;
line-height: 1.2em;
color: #004827;
margin: 0px 0px 3px 0px;
padding: 0px;
}

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

.onelinecap {
font-size: 12px;
line-height: 1.0em;
color: #82AF91;
margin: 0px 0px 5px 0px;
padding: 0px;
}


/* ------------------------------
READ
------------------------------ */
p.read {
font-size: 80%;
line-height: 1.3em;
margin: 0px 0px 20px 0px;
padding: 0px;
}


/* ------------------------------
SUPP
------------------------------ */
p.supp {
font-size: 80%;
line-height: 1.2em;
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #82AF91;
}


/* ------------------------------
NOTE
------------------------------ */
ul.note {
font-size: 70%;
line-height: 1.3em;
margin: 0px 0px 20px 0px;
padding: 0px;
list-style-type: none;
}


/* ------------------------------
LIST
------------------------------ */
ul.normal {
font-size: 80%;
line-height: 1.8em;
margin: 0px 0px 20px 0px;
padding: 0px;
list-style-type: none;
}


/* ------------------------------
TABLES "SEARCH"
------------------------------ */
table#search {
width: 100%;
margin: 0px;
padding: 0px;
border-top: 1px solid #DDDDDD;
}

table#search th {
width: 20%;
font-size: 80%;
text-align: left;
white-space: nowrap;
margin: 0px;
padding: 3px 5px;
background-color: #F2F2EE;
border-bottom: 1px solid #DDDDDD;
}

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

select, input {
vertical-align: middle;
margin: 0px 3px;
padding: 0px;
}

table#search td.btn {
margin: 0px;
padding: 10px 0px;
border-style: none;
background-color: #FFFFFF;
}

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


/* ------------------------------
TABLE "VACANCY"
------------------------------ */
table#vacancy {
width: 100%;
font-size: 80%;
margin: 0px;
padding: 0px;
border-top: 1px solid #D8D6CF;
border-left: 1px solid #D8D6CF;
border-right: 1px solid #D8D6CF;
}

table#vacancy th {
color: #52514B;
color: #000000;
text-align: left;
margin: 0px;
padding: 3px 5px;
white-space: nowrap;
background-color: #F2F2EE;
border-bottom: 1px solid #D8D6CF;
}

table#vacancy td {
width: 16px;
text-align: center;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}

#vacancy-month {
font-size: 80%;
color: #C9C8C3;
margin: 0px 0px 10px 0px;
padding: 0px;
}

td.weekly {
background-color: #F2F2F2;
color: black;
}

td.saturday {
background-color: #E4F9F8;
color: blue;
}

td.sunday {
background-color: #F7E9E9;
color: red;
}




.no-vacancy {
color: #9B4220;
}

h3.ex01 {
font-size: 100%;
margin: 0px 0px 3px 0px;
padding: 0px;
}

p.ex02 {
font-size: 80%;
margin: 0px 0px 3px 0px;
padding: 0px;
}


/* ------------------------------
TABLE "calendar"
------------------------------ */
table#calendar {
width: 100%;
font-size: 80%;
margin: 0px;
padding: 0px;
border-top: 1px solid #D8D6CF;
border-left: 1px solid #D8D6CF;
border-right: 1px solid #D8D6CF;
}

table#calendar th {
color: #52514B;
color: #000000;
text-align: left;
margin: 0px;
padding: 3px 5px;
white-space: nowrap;
background-color: #F2F2EE;
border-bottom: 1px solid #D8D6CF;
}

table#calendar td {
/*width: 16px;*/
text-align: center;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}

#calendar-month {
font-size: 80%;
color: #C9C8C3;
margin: 0px 0px 10px 0px;
padding: 0px;
}

td.weekly {
background-color: #F2F2F2;
color: black;
}

td.saturday {
background-color: #E4F9F8;
color: blue;
}

td.sunday {
background-color: #F7E9E9;
color: red;
}

.no-vacancy {
color: #9B4220;
}

h3.ex01 {
font-size: 100%;
margin: 0px 0px 3px 0px;
padding: 0px;
}

p.ex02 {
font-size: 80%;
margin: 0px 0px 3px 0px;
padding: 0px;
}


/* ------------------------------
TABLE "INPUT FORM"
------------------------------ */
table#input-form {
width: 100%;
margin: 20px 0px;
padding: 0px;
}

table#input-form th {
width: 20%;
color: #52514B;
font-size: 80%;
text-align: left;
white-space: nowrap;
margin: 0px;
padding: 3px 0px;
}

table#input-form td {
width: 80%;
font-size: 80%;
text-align: left;
vertical-align: middle;
white-space: nowrap;
margin: 0px;
padding: 3px 0px;
}

table#input-form td.btn {
margin: 0px;
padding: 10px 0px;
border-style: none;
}


/* ------------------------------
TABLE "VACANCYLIST"
------------------------------ */
table#vacancy-list {
font-size: 80%;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px;
border-top: 1px solid #DDD;
border-right: 1px solid #DDD;
}

table#vacancy-list th {
text-align: left;
color: #000;
margin: 0px;
padding: 2px 5px;
background-color: #F2F2EE;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

table#vacancy-list td {
text-align: left;
margin: 0px;
padding: 5px;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

table#vacancy-list td.btn {
text-align: center;
margin: 0px;
padding: 5px;
border-style: none;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

table#vacancy-list td.money {
text-align: right;
}


/* ------------------------------
TABLE "RESERVE INFO"
------------------------------ */
table.reserve-info {
font-size: 80%;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px;
border-top: 1px solid #DDD;
}

table.reserve-info th {
width: 20%;
color: #000;
text-align: left;
margin: 0px;
padding: 3px 5px;
background-color: #F2F2EE;
border-bottom: 1px solid #DDD;
}

table.reserve-info td {
width: 80%;
text-align: left;
margin: 0px;
padding: 3px 10px;
border-bottom: 1px solid #DDD;
}

table.reserve-info td.btn {
margin: 0px;
padding: 10px 0px;
border-style: none;
background-color: #FFFFFF;
}

p.price {
font-size: 12px;
line-height: 1.3em;
margin: 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #EEE;
}

p.total {
font-size: 12px;
line-height: 1.3em;
margin: 0px 0px 5px 0px;
padding: 0px;
}

p.total strong {
margin: 0px 10px 0px 0px;
padding: 0px;
}


/* ------------------------------
ITEMS
------------------------------ */
div.item {
width: 13%;
margin: 0px 10px 0px 0px;
padding: 0px 10px 0px 0px;
float: left;
}

div.item2 {

margin: 0px 20px 0px 0px;
padding: 0px;
float: left;
}

div.item p {
white-space: nowrap;
font-size: 12px;
line-height: 1.3em;
margin: 5px 0px;
padding: 0px;
}


/* ------------------------------
TABLE "NORMAL"
------------------------------ */
table.normal {
width: 100%;
font-size: 80%;
margin: 0px 0px 20px 0px;
padding: 0px;
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
}

table.normal th {
text-align: center;
color: #FFF;
margin: 0px;
padding: 3px 5px;
background-color: #999;
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
}

table.normal td {
text-align: center;
margin: 0px;
padding: 3px 5px;
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
}


/* ------------------------------
BACK BUTTON
------------------------------ */ 
div#back-btn {
border-top: 1px solid #DDD;
margin: 0px;
padding: 0px; 
}


/* ------------------------------
SALES POINT
------------------------------ */
p#sales-point {
font-size: 80%;
line-height: 1.3em;
margin: 0px 0px 20px 0px;
padding: 5px;
background-color: #FAFAF9;
border: 1px solid #EEEEEE;
}


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

div.plan-list p {
font-size: 80%;
line-height: 1.3em;
margin: 0px 0px 10px 0px;
padding: 0px;
}

div.plan-list img {
margin: 0px 0px 0px 10px;
padding: 0px;
float: right;
display: block;
background-color: #DDDDDD;
}


/* ------------------------------
PLAN-DATA
------------------------------ */
div#plan-data-bg {
margin: 0px 0px 20px 0px;
padding: 5px;
background-color: #F2F2EE;
border: 1px solid #E8E8E0;
}

table.plan-data {
font-size: 80%;
margin: 0px;
padding: 0px;
border-collapse: collapse;
border-style: none;
}

table.plan-data th {
text-align: left;
white-space: nowrap;
margin: 0px;
padding: 2px 10px 2px 0px;
}

table.plan-data td {
text-align: left;
margin: 0px;
padding: 2px 10px 2px 0px;
}


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

.float-reset {
font-size: 1px;
clear: both;
margin: 0px;
padding: 0px;
}
/*
ORIGINAL CSS
by K.T

*/

INPUT.txt
{
    text-align: left;
}
INPUT.num
{
    text-align: right;
}
INPUT.largebutton
{
    font-weight: bold;
}
TABLE.searchbox
{
    border-color: gray;
    border-style: dashed;
    border-width: thin;
    padding: 0px;
    margin: 0px;
}
TH.small
{
    font-size: 10pt;
}
TD.txt
{
    text-align: left;
}
TD.num
{
    text-align: right;
}
TD.ttl
{
    text-align: center;
}
TD.smalltxt
{
    font-size: 10pt;
    text-align: left;
}
TD.smallnum
{
    font-size: 10pt;
    text-align: right;
}
TD.smallttl
{
    font-size: 10pt;
    text-align: center;
}
TD.smalltxtselected
{
    font-size: 10pt;
    text-align: left;

}
TD.headercornertxt
{
    border: 1px solid #000000;
    text-align: left;
}
TD.headercornerttl
{
    text-align: center;
    background-color: #66CC99;

}
TD.headercornernum
{
    text-align: right;
    background-color: #66CC99;
}
TD.headersidetxt
{
    text-align: left;
    background-color: #CCFFCC;

}
TD.headersidettl
{
    text-align: center;
    background-color: #CCFFCC;
}
TD.headersidenum
{
    text-align: right;
    background-color: #CCFFCC;
}
TD.headerweekdaytxt
{
    text-align: left;
    background-color: #F6F6F6;
}
TD.headerweekdayttl
{
    text-align: center;
    background-color: #F6F6F6;
}
TD.headerweekdaynum
{
    text-align: right;
    background-color: #F6F6F6;
}
TD.headersaturdaytxt
{
    text-align: left;
    background-color: #99CCFF;
}
TD.headersaturdayttl
{
    text-align: center;
    background-color: #99CCFF;
}
TD.headersaturdaynum
{
    text-align: right;
    background-color: #99CCFF;
}
TD.headersundaytxt
{
    text-align: left;
    background-color: #FF9999;
}
TD.headersundayttl
{
    text-align: center;
    background-color: #FF9999;
}
TD.headersundaynum
{
    text-align: right;
    background-color: #FF9999;
}
TD.weekdaytxt
{
    text-align: left;
    background-color: #FFFFFF;

}
TD.weekdayttl
{
    text-align: center;
    background-color: #FFFFFF;
}
TD.weekdaynum
{
    text-align: right;
    background-color: #FFFFFF;
}
TD.saturdaytxt
{
    text-align: left;
    background-color: #ECF5FF;
}
TD.saturdayttl
{
    text-align: center;
    background-color: #ECF5FF;
}
TD.saturdaynum
{
    text-align: right;
    background-color: #ECF5FF;
}
TD.sundaytxt
{
    text-align: left;
    background-color: #FFE8E8;
}
TD.sundayttl
{
    text-align: center;
    background-color: #FFE8E8;
}
TD.sundaynum
{
    text-align: right;
    background-color: #FFE8E8;
}
TD.shortcaption
{
    font-size: 12pt;
    text-align: left;


}
TD.longcaption
{
    line-height: 150%;
    font-size: 10pt;
    text-align: left;
    background-color: #CCDEFF;
}
STRONG
{
    font-weight: bold;
}
STRONG.large
{
    font-size: 12pt;
}
STRONG.small
{
    font-size: 10pt;
}
STRONG.highlight
{
    color: #0000FF;
}
STRONG.highlightlarge
{
    color: #0000FF;
    font-size: 12pt;
}
STRONG.highlightsmall
{
    color: #0000FF;
    font-size: 10pt;
}
STRONG.noproblem
{
    color: #666666;
}
STRONG.largenoproblem
{
    font-size: 12pt;
    color: #666666;
}
STRONG.smallnoproblem
{
    font-size: 10pt;
    color: #666666;
}
STRONG.attention
{
    color: #3366CC;
}
STRONG.largeattention
{
    font-size: 12pt;
    color: #3366CC;
}
STRONG.smallattention
{
    font-size: 10pt;
    color: #3366CC;
}
STRONG.caution
{
    color: #CC3300;
}
STRONG.largecaution
{
    font-size: 12pt;
    color: #CC3300;
}
STRONG.smallcaution
{
    font-size: 10pt;
    color: #CC3300;
}
STRONG.space
{
    color: #FFFFFF;
}
STRONG.largespace
{
    font-size: 12pt;
    color: #FFFFFF;
}
STRONG.smallspace
{
    font-size: 10pt;
    color: #FFFFFF;
}
A.linknoproblem
{
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
A.linkattention
{
    font-size: 10pt;
    font-weight: bold;
    color: #3366CC;
    text-decoration: none;
}
A.lnikcaution
{
    font-size: 10pt;
    font-weight: bold;
    color: #CC3300;
    text-decoration: none;
}
A.linknoproblem:hover
{
    color: #FF00FF;
    text-decoration: underline;
}
A.linkattention:hover
{
    color: #FF00FF;
    text-decoration: underline;
}
A.lnikcaution:hover
{
    color: #FF00FF;
    text-decoration: underline;
}



/* ------------------------------
COMPLETION 04/09/16
------------------------------ */
div#completion {
text-align: center;
margin: 0px;
padding: 20px 10px 10px 10px;
background-color: #F1EEE8;
border: 1px solid #C0B8AB;
}

div#completion h4 {
width: 250px;
font-size: 110%;
color: #61563D;
/*border-bottom: 5px solid #CBC5BA;*/
border-bottom: 1px solid #A8A194;
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}

div#completion h5 {
font-size: 100%;
font-weight: normal;
line-height: 2.5em;
color: #3F3D3A;
margin: 0px;
padding: 0px;
}

div#completion p {
font-size: 80%;
line-height: 1.5em;
color: #3F3D3A;
white-space: nowrap;
margin: 0px 0px 15px 0px;
padding: 0px;
}

div#completion p span {
color: red;
margin: 0px 5px;
}

p#jump-site {
font-size: 80%;
text-align: right;
margin: 5px 0px 0px 0px;
padding: 0px;
}