@charset "Shift_JIS";

/* ------------------------------
Dynatech HOTEL STORY
RESERVE FORM
ver.2004
------------------------------ */
body {
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;
}


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

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



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

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

h3 {
color: #101ACA;
margin: 0px 0px 3px 0px;
padding: 0px;
}

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

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

/* ------------------------------------------
	Original Header
------------------------------------------ */
html, body, div, p, dl, dt, dd, ul, ol, li, span, strong, em, table, th, td { margin: 0; padding: 0;}
ul, li		{ list-style-type: none;}

body			{ /*font-family:'ＭＳ Ｐゴシック',sans-serif;  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/}
body			{ font-size:16px; /*\*/ font-size:100%; /**/ /* font-size:82%; */ font-size:84%; /* line-height:132%; */ line-height:175%;}
body			{ background-image:url(./images/backg_body.jpg);background-repeat: repeat-y;background-position: top center;line-height: 175%; margin:0;padding: 0;}

#footer-navi a		{ text-decoration: underline;}
#footer-navi a:hover	{ text-decoration: underline;}


#direct_in		{ width: 760px; margin-bottom:25px; text-align: center; font-size: 12px;}
#direct_in ul		{ list-style: none; margin: 0; padding: 0;}
#direct_in ul li	{ display: inline; padding: 0 10px; border-right: 1px solid #ddd;}
#direct_in ul li.last	{ border-right: none;}
#direct_in ul li a	{ color:#333333; text-decoration: underline;}
#direct_in ul li a:hover{ color:#333333; text-decoration: none;}

#original_maincol	{ width: 800px; margin: 0 auto; padding: 15px; font-size: 16px;}


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


/* ------------------------------
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: #101ACA;
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;
text-align: center;
}

/* 050426 update */
table#vacancy th {
	width: 25%;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 3px 5px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
	}

table#vacancy td {
/*width: 16px;*/
margin: 0;
padding: 0;
/*padding: 0 0 0 5px;*/
text-align: center;
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;
text-align: center;
}

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

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

.no-vacancy {
color: #336B0E;
}

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;
text-align: center;
}

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

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

.no-vacancy {
color: #336B0E;
}

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
	2005/05/25 
----------------------------------------------- */
div.plan-list {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

div.plan-list p {
	font-size: 80%;
	line-height: 1.3em;
	margin: 0 0 10px;
	padding: 0;
}
div.plan-list img {
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	background-color: #ddd;
}

/*	plan list clear fix
	2005/05/25
----------------------------------------------- */
div.plan-list:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html div.plan-list { height: 1%;}
div.plan-list { display: block;}
/* End hide from IE-mac */

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

/* ------------------------------
SHOPPING 05/04/21
------------------------------ */

.shpfont1 {
font-size: 150%;
line-height: 1.5em;
color: #9B4220;
margin: 0px 0px 5px 0px;
padding: 0px;
}

h2.shpmenu {
font-size: 150%;
}

h2.shpcat {
font-size: 100%;
line-height: 1.5em;
color: #9B4220;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 8px;
border-left: 5px solid #71270B;
background-color: #FFFFFA;
border-bottom: 1px solid #DDDDDD;
}


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

h3.shp02 {
font-size: 100%;
margin: 15px 0px 15px 0px;
padding: 0px;
color: #004200;
}


STRONG.goods
{
    color: #800000;
}

div.shp01 {

    font-size: 10pt;
	margin: 0px 00px 0px 10px;
	padding: 0px;
	float: left;
}

div.shp02 {

	border-bottom: 1px dashed #DDDDDD;

}

TD.shopcomment
{

    font-size: 10pt;
	text-align: left;
    
}

TD.shpright
{

	text-align: right;
    
}

TD.shpcenter
{

	text-align: center;
    
}


th.shp01 {

	color: #00008B;
    font-size: 80%;
	background-color: #DEB887;

}

p.shp01 {
	font-size: 12px;
	margin: 20px 10px 20px 10px;
}

BODY.shp01 {

	background-color: #EED9AB;

}

a.shp01 {

    font-size: 10pt;
    
}