@charset "shift_jis";

/* default
------------------------------------------------------------------------------------------------*/
body{
	font-size: 100%;
	margin: 0px 0px 0px 10px;
	line-height: 1.4;
	font-family: "Sans-Serif", "MS UI Gothic", "Osaka"
}
table{
	font-size: 100%;
	margin: 0px;
	line-height: 1.4;
}
h1,h2,h3,p,ul,li,td,th{
	margin: 0;
	padding: 0;
	background: none;
	list-style: none;
	color:#330000;
}
.skip{
	position:absolute;
	z-index:100;
	top:0px;
	right:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
td.title
{
	background-color:#ebe3ce;
	color:#330000;
	height:20px;
}
td.detail
{
	background-color:#ffffff;
}

td.spa_list
{
	background-color:#fff5ee;
	padding:0px 0px 0px 5px;
}
td.spa_list_s_c
{
	background-color:#fff5ee;
	font-size:80%;
	padding:0px 0px 0px 5px;
	text-align:center;
}
td.spa_list_s
{
	background-color:#fff5ee;
	font-size:80%;
	padding:0px 0px 0px 5px;
	text-align:left;
}

td.spa_list_diff
{
	background-color:#ffefd5;
	padding:3px 0px 3px 5px;
}
.spa_detail_title
{
	color:#663300;
	font-size:140%;
	text-align:center;
}

h1.info
{
	font-size: 120%;
	line-height: 1.2;
	color:#330000;
	font-weight:bold;
}

span.infodata_lr
{
	word-break: break-all;
}

span.font4
{
	font-size:130%;
	color:"#330000";
}
span.font3
{
	font-size:120%;
}

.char_small_c
{
	font-size:80%;
	text-align:center;
}
.char_small
{
	font-size:80%;
	text-align:left;
}

.yado_area1
{
	background-color:#ffb683;
	padding:0px 3px 0px 3px;
	color:#330000;
}
.yado_area2
{
	background-color:#b3e681;
	padding:0px 3px 0px 3px;
	color:#330000;
}
.yado_area3
{
	background-color:#ffb1cc;
	padding:0px 3px 0px 3px;
	color:#330000;
}
.yado_area4
{
	background-color:#b6ccff;
	padding:0px 3px 0px 3px;
	color:#330000;
}
.yado_area5
{
	background-color:#ffffb3;
	padding:0px 3px 0px 3px;
	color:#330000;
}

/* topicsdata
---------------------------------------------*/
#topicsdata
{
	margin-top: 10px;
	margin-bottom: 20px;
}

/* infTop
---------------------------------------------*/
#infTop{
	margin-top: 8px;
	margin-bottom: 8px;
}

/* infNews
---------------------------------------------*/
#infNews{
/*	width: 94%;*/
	width: 700px;
}
#infNews h2{
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
}
#infNews p{
	font-size: 100%;
	line-height: 1.4;
	margin-right: 10px;
	margin-left: 20px;
}
#infNews ul{	
	margin-bottom: 10px;
	margin-top: 10px;
}
#infNews li{
	font-size: 100%;
	margin-left: 14px;
/*	line-height: 1.3;*/
	background: url(../images/icon-square.gif) no-repeat 5px 0.3em;
	margin-bottom: 10px;
	margin-right: 30px;
	border-bottom: solid 1px #dddddd;
	padding-left: 20px;
	padding-bottom: 10px;
/*
	padding-top: 5px;
	border-bottom: dotted 1px gray;
*/
}
#infNews li.end{
	margin-bottom: 0px;
	border: none;
}

.PageScroll
{
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #999999;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-base-color: white;
	overflow: auto;
	/*width: 100%;*/
	height: 200px;
	text-align: left
}

/* ShoppingCart
-------------------------------------------*/
.cart_data
{
	margin-top		: 30px;
/*	font-size		: 14px;*/
	margin-bottom	: 20px;
/*	height:450px;*/
/*	font-weight:bold;*/
}
.cart_data_detail
{
	margin-top		: 25px;
}
.info_list
{
	border			: solid 1px #999999 ;
	border-collapse	: collapse;
	background-color: #ffffff;
}
.info_detail
{
	margin			: 0px 0px 0px 0px;
    padding			: 5px;
	background-color: white;
	border			: solid 1px #999999 ;
/*	font-size		:12px;*/
}
.info_hed
{
    margin			: 0px 0px 0px 0px;
    padding			: 5px;
    background-color: #ebe3ce;
	border			: solid 1px #999999 ;
	text-align		: center;
/*
	font-size		: 12px;
	font-weight: bold;
    color: white;
*/
}

/* divReport
---------------------------------------------*/
#divReport{
/*	width: 94%;*/
	float: left;
	width: 375px;
}
#divTopics{
/*	width: 94%;*/
	float: right;
	width: 375px;
}
#divReport h2,
#divTopics h2
{
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
}
#divReport p,
#divTopics p
{
	font-size: 100%;
	line-height: 1.4;
	margin-right: 10px;
	margin-left: 20px;
}
#divReport ul,
#divTopics ul
{
	margin-bottom: 10px;
	margin-top: 10px;
}
#divReport li,
#divTopics li
{
	font-size: 100%;
	margin-left: 14px;
/*	line-height: 1.3;*/
	background: url(../images/icon-square.gif) no-repeat 5px 0.3em;
	margin-bottom: 10px;
	margin-right: 20px;
	border-bottom: solid 1px #dddddd;
	padding-left: 15px;
	padding-bottom: 10px;
/*
	padding-top: 5px;
	border-bottom: dotted 1px gray;
*/
}
#divReport li.end,
#divTopics li.end
{
	margin-bottom: 0px;
	border: none;
}

.report_list_title 
{
	background	:#ffffff;
	/*height	: 90px;*/
	margin	: 0;
	padding	: 0;
	/*padding	: 3px 0 3px 0;*/
	/*width	: 740px;*/
}
.report_list_title img
{
	vertical-align:middle;
}
.report_list_title td
{
	vertical-align	: middle;
	text-align		: left;
}
.report_list_title td.report_list_right
{
	vertical-align	: middle;
	padding-left	: 10px;
	font-family	: "Times New Roman", "MS UI Gothic", "Osaka";
	text-align		: left;
	text-decoration	: none;
}
.report_list_title td.report_list_right a
{
	text-decoration	: none;
	color:#330000;
}
.report_list_title span
{
	font-size		: 110%;
	font-weight		: bold;
}

.sp
{
	font-size	: 0;
	line-height	: 0;
	clear		: both;
	padding		: 0;
	margin		: 0;
}

/* Report Page
---------------------------------------------*/
.divReportDetail
{
	margin-top	: 15px;
}
/* Header */
div.divHead
{
	width	: 760px;
}
.divHead table
{
	width	: 760px;
	border	: none;
	border-collapse: collapse;
}
td.title_area
{
	padding-left: 10px;
	width		: 656px;
	text-align	: left;
}
span.title
{
	font-weight	: bold;
	font-size	: 42pt;
	color		: #330000;
}
span.title_ym
{
	font-size	: 20pt;
	color		: #330000;
}
span.title_comment
{
	font-size	: 12pt;
	color		: #330000;
}

/* Detail */
.divDetail{
/*	width: 94%;*/
	width: 760px;
	margin:15px 0 0 0;
	padding:0 0 10px 0;
	border-bottom: solid 1px #dddddd;
}
.divDetail.end{
	border-bottom: none;
}
/* 写真位置 左側 */
.divLeft1
{
	float		: left;
	width		: 200px;
	margin		: 0 5px 0 0;
	text-align	: center;
}
.divRight1
{
	float: right;
	width: 530px;
	margin:0 5px 0 0;
}
/* 写真位置 右側 */
.divLeft2
{
	float: left;
	width: 530px;
	margin:0 5px 0 10px;
}
.divRight2
{
	float: right;
	width: 200px;
	margin:0 0 0 5px;
	text-align	: center;
}
/* 文言 */
.divRight1 h3,
.divLeft2 h3,
.divDetailLine h3
{
	padding-top: 10px 10px 15px 5px;
}
.divRight1 p,
.divLeft2 p,
.divDetailLine p
{
	font-size	: 100%;
	line-height	: 1.4;
	margin		: 10px 20px 0 10px;
}
span.subtitle
{
	font-weight: bold;
	font-size: 110%
}
/* 写真下間隔 */
.divLeft1 img,
.divRight2 img
{
	padding-bottom:5px;
}
/* 写真横間隔 */
.divDetailLine
{
	margin:10px;
}
.divImageLine
{
	text-align:center;
	vertical-align:top;
}
.divImageLine img
{
	padding-right:5px;
	padding-bottom:5px;
	vertical-align:top;
}

#information
{
	margin	: 0;
	margin-bottom: 10px;
	padding	: 0;
	padding	: 3px 0 3px 0;
	width	: 740px;
}
#information img
{
	vertical-align:middle;
}

#booklet 
{
	float	: left;
	width	: 400px;
	padding	: 0 5px 0 10px;
}
#booklet span
{
	vertical-align	: middle;
	padding-left	: 10px;
}

#entry
{
	float	: right;
	width	: 300px;
	padding	: 0 5px 0 10px;
}
#entry a:hover
{
	left	: 1px;
	position: relative;
	top		: 1px
}
/* フォーム周り
--------------------------------------------　*/
#orderForm
{
	text-align		: left;
	margin-top		: 10px;
	margin-bottom	: 10px;
	width			: 760px;
}
#orderForm fieldset {
	margin	: 5px auto 10px auto;
	border	: 1px solid #cccccc;
	width	: 490px;
}
#orderForm legend
{
	color		: #623402;
	font-weight	: bold;
	font-size	: 110%;
	margin-left	: 10px;
	padding-top	: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
#orderForm dl
{
	margin	: 0px;
	padding	: 0px 20px 0px 20px;
}
#orderForm dt {
	margin-top	: 5px;
	font-size	: 100%;
	color		: #666666;
}
#orderForm dd
{
	padding-top: 0 0 5px 0;
}
#orderForm em
{
	color: #FF3300;
	font-style: normal;
}
#orderForm .submit
{
	margin-top	: 10px;
	margin-bottom: 10px;
	height		: 24px;
	text-align	: center;
}
#orderForm select
{
	background: #f7f7f7;
}
#orderForm .assist {
	color: #666666;
	font-size: .9em;
}
#orderForm .text1 {
	width: 150px;
	ime-mode: active;
}
#orderForm .text2 {
	width: 300px;
	ime-mode: active;
}
#orderForm .text3 {
	width: 300px;
}
#orderForm .zip2 {
	ime-mode: active;
}
#orderForm .text1, #orderForm .text2, #orderForm .text3, #orderForm .zip, #orderForm .zip2 {
	border: 3px double #cccccc;
	padding: 2px;
}
input.text1:focus, input.text2:focus, input.text3:focus, input.zip:focus, input.zip2:focus, textarea:focus {
	background-color: #FFFFCC;
}
input.zip, input.text3 {
	ime-mode:disabled;
}

.entry_list
{
	/*border			: solid 1px #999999 ;*/
	border-collapse	: collapse;
	background-color: #ffffff;
	margin-top		: 10px;
	margin-bottom	: 10px;
}
.entry_list th
{
    margin			: 0px;
    padding			: 5px;
    background-color: #ebe3ce;
	border			: solid 1px #999999 ;
	text-align		: center;
	font-weight		: normal;
}
.entry_list td
{
	margin			: 0px;
    padding			: 5px;
	background-color: white;
	border			: solid 1px #999999 ;
}
.entry_list .text
{
	ime-mode: active;
}
.entry_list .alpha
{
	ime-mode:disabled;
}
.entry_list em
{
	color: #ff0000;
	font-style: normal;
	/*font-weight:bold;*/
}
#btnConfirm, 
#btnEnter,
#btnCancel
{
	width	: 100px;
	padding	: 3px;
}
#divComment,
#divFin,
#divCancel,
#divConfirmMSG,
#divQuitMSG
{
	width			: 760px;
	margin-top		: 20px;
	margin-bottom	: 20px;
}
#divPrivacy
{
	margin	: 20px 0 20px 50px;
	text-align	: left;
	width		: 600px;
}
#divPrivacy ul
{
}
#divPrivacy li
{
	padding-left	: 20px;
	list-style-type	: disc;
}

/* input check error
------------------*/
.errBox
{
	margin	:2em;
	width	:450px;
	padding	:5px;
	background-color: #fdfdfd;
	border	:Red 1px solid;
	vertical-align:top ;
	line-height: 1.5;
	height	:5em;
	overflow:auto;
	color	: Red;
	text-align:left;
}
.errmsg
{
	margin			: 15px 0px 5px 0px;
	padding			: 0px;
	vertical-align	: top;
	text-align		: left;
	color			: Red;
	line-height		: 150%;
}
.errmsg li
{
	color			: Red;
}