@charset "Shift_JIS";

/* ------------------------------
Dynatech HOTEL STORY
RESERVE FORM
ver.2004
------------------------------ */
body {
font-family: 'ＭＳ Ｐゴシック','Osaka';
	font-family: 'MS UI Gothic','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: 100%;
margin: 0px;
padding: 0px;
}

#contents input.button {

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


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

/* ------------------------------
HEADING
------------------------------ */
h1 {
font-size: 110%;
color: #9B4220;
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 #71270B;
background-color: #9B4220;
}

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

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

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



.plantitle {


	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-color: #FCFCFB;
	background-image: url("./image/button_back.gif");
	background-repeat: repeat-x;

}

.plantitle h1{

	font-weight: normal;
}

/* ------------------------------
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 0px 0px 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;*/
white-space: normal;
margin: 0px;
padding: 3px 5px;
background-color: #FAFAF9;
border-bottom: 1px solid #DDDDDD;

}

table#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#reservelist {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
border-top: 1px solid #DDDDDD;
}

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

table#reservelist td {

font-size: 80%;

text-align: left;
vertical-align: middle;
/*white-space: nowrap;*/
white-space: normal;
margin: 0px;
padding: 3px 5px;
background-color: #FAFAF9;
border-bottom: 1px solid #DDDDDD;

}

/* ------------------------------
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;*/
width: 30px;

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: #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 "VACANCYetc"
------------------------------ */
table#vacancyetc {
/*table-layout:fixed;*/
width: 700px;
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;
}

table#vacancyetc th {
	width: 150px;
	color: #000;
text-align: center;
	margin: 0;
	padding: 3px 5px;
	white-space: nowrap;
	background-color: #F2F2EE;
	border-bottom: 1px solid #D8D6CF;
	border-left: 1px solid #DDDDDD;

	}


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


/* ------------------------------
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-bottom: 1px solid #D8D6CF;
	border-left: 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;

}



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

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

p.ex02 {
font-size: 14px;
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;
}

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

div.reserveother dd{


margin: -1.6em 0 0 15em;

}


/* ------------------------------
ITEMS
------------------------------ */
div.itemroom {
margin: 0px 10px 0px 0px;
padding: 0px 10px 0px 0px;
float: left;
}

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;
}
div.itemroom 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;
}

/* ------------------------------
TABLE "Card input"
------------------------------ */
table.card-input {
width: 100%;
font-size: 100%;
margin: 0px 0px 5px 0px;
padding: 0px;
border-top: 0px solid #DDD;
border-left: 0px solid #DDD;
}

table.card-input 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.card-input td {
width: 25%;
text-align: left;
margin: 0px;
padding: 3px 5px;
border-bottom: 1px solid #DDD;
border-right: 0px 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.photo-wrap  {

	margin: 0 0 0 10px;
	float: right;
/*	border: 1px solid #d5d5d5;*/
	width :150px;

}

div.plandetail {

/*	margin: 0 0 0 10px;*/
	padding: 0 0 0 0px;

	float: left;
/*	border: 5px solid #d5d5d5;*/

	}


div.preview { 
	margin: 5px; 
	overflow: hidden;

	}

div.selecter {
	height: 35px;
	padding: 5px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	vertical-align: middle;
	}

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

div.photo-wrapsmall {
	margin: 0 0 0 0px;

	float: right;
	border: 1px solid #d5d5d5;
	width:210px;
	background: #f5f5f5;
}

div.previewsmall { 

	width:208px;
	height:150px;
	text-align: center;
	margin: 5px auto; 
	overflow: hidden;
	vertical-align: middle;

	}

div.selectersmall {

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

	}

div.selectersmall a {
	width: 35px;
	height: 35px;
	margin-right: 1px;
	margin-left: 1px;
	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=70); -moz-opacity: 0.7; opacity: 0.70;}

div.plandetailsmall {

	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	width: 560px;
}

div.photo-wraplarge {
	margin: 0 0 0 0px;
	padding: 0;
	float: right;
	border: 1px solid #d5d5d5;
	width :262px;

	background: #f5f5f5;
}


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

	}

div.selecterlarge {


	height: 35px;
	padding: 5px 0px 5px 26px;
	border-top: 1px solid #ddd;
/*	background: #f5f5f5;*/
	vertical-align: middle;

	}

div.selecterlarge a {
	width: 35px;
	height: 35px;
	margin-right: 3px;
	margin-left: 3px;

	border: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	decoration: none;

	}
div.selecterlarge a img { width: 35px; height:35px;}
div.selecterlarge a:hover { filter: Alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.70;}

div.plandetaillarge {

	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	width: 510px;
}

div.photo-wrapbig {
	margin: 0 0 0 0px;
	padding: 0;
	float: right;
	border: 1px solid #d5d5d5;
	width :402px;

	background: #f5f5f5;
}


div.previewbig { 
	width:402px;
	height:300px;
	text-align: center;
	margin: 5px auto; 
	overflow: hidden;

	}

div.selecterbig {


	height: 35px;
	padding: 5px 0px 5px 90px;
	border-top: 1px solid #ddd;
/*	background: #f5f5f5;*/
	vertical-align: middle;

	}

div.selecterbig a {
	width: 35px;
	height: 35px;
	margin-right: 3px;
	margin-left: 3px;

	border: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	decoration: none;

	}
div.selecterbig a img { width: 35px; height:35px;}
div.selecterbig a:hover { filter: Alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.70;}

div.plandetailbig {

	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	width: 355px;
}


div.plandisplay {
/*	width: 100%;*/
	margin: 0;
	padding: 10 0 0 0px;
	width: 780px;

}

div.plan-left  {
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	background-color: #ddd;
}


img.planlistimage{
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	background-color: #ddd;
	border: none;
}

img.priceoptionimage{
	margin: 0 0 0 0px;
	padding: 0;
	float: right;
	background-color: #ddd;
	border: none;
}

/*	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;
border-top: 1px solid #DDDDDD;
}

table.plan-data th {
text-align: left;
white-space: nowrap;
margin: 0px;
padding: 3px 5px;
background-color: #F2F2EE;
border-bottom: 1px solid #DDDDDD;
}
table.plan-data td {
text-align: left;
margin: 0px;
padding: 3px 5px;
background-color: #FAFAF9;
border-bottom: 1px solid #DDDDDD;
}

table.plan-datainside {
font-size: 100%;
margin: 0px;
padding: 0px;
border-collapse: collapse;
border-style: none;
border-top: 0px;
}

table.plan-datainside th {
text-align: left;
white-space: nowrap;
margin: 0px;
padding: 3px 3px;
background-color: #F2F2EE;
border-bottom: 1px solid #DDDDDD;
}
table.plan-datainside td {
text-align: left;
margin: 0px;
padding: 3px 3px;
background-color: #FAFAF9;
border-bottom: 1px solid #DDDDDD;
}


/* ------------------------------
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;
	padding: 5px 5px;

}
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;
	font-family: 'MS UI Gothic','Osaka';
}
STRONG.largeattention
{
    font-size: 12pt;
    color: #3366CC;
	font-family: 'MS UI Gothic','Osaka';
}
STRONG.smallattention
{
    font-size: 10pt;
    color: #3366CC;
	font-family: 'MS UI Gothic','Osaka';
}
STRONG.caution
{
	font-family: 'MS UI Gothic','Osaka';
    color: #CC3300;
}
STRONG.largecaution
{
	font-family: 'MS UI Gothic','Osaka';
    font-size: 12pt;
    color: #CC3300;
}
STRONG.smallcaution
{
	font-family: 'MS UI Gothic','Osaka';
    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;
}

.shpfont11 {
color: #9B4220;
font: bold 150% "Times New Roman",serif

}

.shopfont12 {
color: #9B4220;
font: bold 100% "Times New Roman",serif;

}

.shpfont13 {
color: #9B4220;
font:normal 160% "Monotype Corsiva", "Times New Roman",serif ;
line-height:1em;
}

.shpfont14 {
color: #9B4220;
font:bold 90% Georgia,"Times New Roman", serif ;
}

.shpfont15 {
color: #004200;
font:bold 100% Georgia,"Times New Roman", serif ;
}

.shpfont16 {
color: #9B4220;
font:bold 100% "ＭＳ 明朝", serif ;
}

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

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;
font:bold 140% Georgia,"Times New Roman", serif ;
}

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

strong.shpprice
{
	color: #0620AE;   
}



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

TD.shpbottom
{

	text-align: bottom;
    
}



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

/*by yas 051227*/

/* ------------------------------
DISTANCE
------------------------------ */
div.distance {
	width: 100%;
	height: 30px;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 5px 0px;

}


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



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

div.distance p.yajirusi {
	margin: 0px 1px;
	padding: 12px 0px 0px 0px;
	font-size: 10px;
	color: #847B6B;
	float: left;
	text-align: center;
	vertical-align: middle;
}


/* ------------------------------
TABLE "planlist_sp"
------------------------------ */

#plan-list table {
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;
}

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

	width: 300px;
	}

#plan-list table td {
	/*width: 16px;*/
/*	width: 30px;*/
/*	width: 100px;*/
	margin: 0;
	padding: 0;
	/*padding: 0 0 0 5px;*/
	text-align: middle;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}



#plan-list table a {

	text-decoration: none;
/*	border: 1px solid #aaa;*/
/*	padding: 3px 5px;*/
	padding: 1px 1px;
	margin: 0px;
	float: middle;
	cursor: pointer;
	display: block;
	color: #333;
}

#plan-list span.cal-smallnumber {
	
	font: normal 85%/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, san-serif;
	float: right;
/*	vertical-align: bottom;*/
	vertical-align: text-bottom;
	float: middle;
	}
#plan-list span.cal-dsp {


/*	font: normal 140%/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, san-serif;*/

	font: normal 120%/1.2em "Trebuchet MS", Geneva, Arial, Helvetica, san-serif;
	float: middle;
/*	vertical-align: bottom;*/
	vertical-align: text-bottom;
	}

#plan-list table a:hover {
	text-decoration: none;
/*	border: 1px solid #666;*/
/*	border: 1px solid #333;*/
	background-color: #F2F2EE;

	}

#plan-list span.cal-header2 { font: bold 120% "Trebuchet MS"; padding: 0 5px;}

/*
カード決済時の待ちウインドウ
*/

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