body
{
    background: none repeat scroll 0 0 #C5E9F9;
    color: #333333;
    font-family: "メイリオ",Arial,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 90%;
    line-height: 1.4em;
}
a:hover img 
{
	opacity: 0.7; /* Safari,Opera */
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6,7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
}
/**************************************************
* コンテンツタイトル
***************************************************/
div#container
{
    /*background: url("../../common/Images/img_main.jpg") no-repeat scroll center top transparent;*/
    background: url("../../common/Images/yado_header_bg_parts.jpg") repeat-x left -2px;
    margin: 0 auto;
}

/**************************************************
* ヘッダー部分
***************************************************/
div#header
{
    height: 160px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
/*div#header, h1#header_img, h1#header_img a 
{
    display: block;
    overflow: hidden;
}
h1#header_img 
{
    float: left;
    height: 118px;
    padding: 30px 0 0 50px;
    text-indent: -9999px;
}
h1#header_img a 
{
    background: url("../../Common/Images/tit_yoyaku.png") no-repeat scroll 0 0 transparent;
    width: 385px;
}
h1#header_img a 
{
    height: 118px;
}
p#btn_topPage 
{
    display: block;
    float: right;
    height: 32px;
    overflow: hidden;
    width: 202px;
}*/

#header_img {
    float:left;
}
#btn_topPage {
    float:right;
}

/**************************************************
* メニュー部分
***************************************************/
div#menu
{
	border-bottom:2px solid #FF7F00;
}
div#shisetsuMenu
{
	margin-right:4px;
	margin-bottom:0px;
	float:left;
}
div#PlanMenu
{
	margin-left:4px;
	margin-bottom:0px;
	float:left;
}

/**************************************************
* パンくずリスト
***************************************************/
div#pankuzu 
{
	font-size:small;
	text-align:left;
    width:90%;
    margin:0px auto 10px;
}

/**************************************************
* フッター部分
***************************************************/
div#btn_pageTop_area 
{
    background: none repeat scroll 0 0 #C5E9F9;
}
div#btn_pageTopBox 
{
    height: 26px;
    margin: 0 auto;
    padding-top: 20px;
    width: 1002px;
}
p#btn_pageTop 
{
    float: right;
    height: 26px;
    width: 150px;
}
p#btn_pageTop a 
{
    background: url("../../Common/Images/btn_pagetop.gif") repeat scroll 0 0 transparent;
    display: block;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    width: 150px;
}
p#btn_pageTop a:hover 
{
	/*background-position: 0 -26px;*/
}
div#footer_area 
{
    background: none repeat scroll 0 0 #FFFFFF;
}
div#footer 
{
    margin: 0 auto;
    width: 1002px;
}
ul#fnavi 
{
    clear: both;
    list-style: none outside none;
    padding: 30px 0;
}
ul#fnavi li,ul#fnavi li a 
{
	height: 20px;
	display: block;
	overflow: hidden;
}
ul#fnavi li 
{
	float: left;
}
ul#fnavi li a 
{
	background: url(../../Common/Images/fnavi.gif);
	text-indent: -9999px;
}
ul#fnavi li#f_about a 			{ width: 110px;	background-position:      0  0; }
ul#fnavi li#f_kojin a 			{ width:  97px;	background-position: -110px  0; }
ul#fnavi li#f_dantai a 			{ width:  97px;	background-position: -207px  0; }
ul#fnavi li#f_use a 			{ width:  72px;	background-position: -304px  0; }
ul#fnavi li#f_member a 			{ width:  73px;	background-position: -376px  0; }
ul#fnavi li#f_question a 		{ width: 115px;	background-position: -449px  0; }
ul#fnavi li#f_privacy a 		{ width: 136px;	background-position: -564px  0; }
ul#fnavi li#f_manual a 			{ width: 107px;	background-position: -700px  0; }
ul#fnavi li#f_faq a 			{ width: 110px;	background-position: -807px  0; }
ul#fnavi li#f_inquiry a 		{ width:  83px;	background-position: -917px  0; }
/* ------- */
ul#fnavi li#f_about a:hover 	{ background-position:      0 -20px; }
ul#fnavi li#f_kojin a:hover 	{ background-position: -110px -20px; }
ul#fnavi li#f_dantai a:hover 	{ background-position: -207px -20px; }
ul#fnavi li#f_use a:hover 		{ background-position: -304px -20px; }
ul#fnavi li#f_member a:hover 	{ background-position: -376px -20px; }
ul#fnavi li#f_question a:hover 	{ background-position: -449px -20px; }
ul#fnavi li#f_privacy a:hover 	{ background-position: -564px -20px; }
ul#fnavi li#f_manual a:hover 	{ background-position: -700px -20px; }
ul#fnavi li#f_faq a:hover 		{ background-position: -807px -20px; }
ul#fnavi li#f_inquiry a:hover 	{ background-position: -917px -20px; }

div#fInfoBox 
{
    clear: both;
    padding-bottom: 10px;
    text-align: right;
}
div#fInfoBox address 
{
	font-size: 0.92em;
	padding: 15px 0 5px 0;
}
/**************************************************
* 問い合わせ部分
***************************************************/
#toiawase
{
	margin:70px auto 10px auto;
	width:98%;
	font-size:0.8em;
	text-align:center;	
	border-top:dotted 1px #BCBCBC;
	padding-top:10px;
}
#toiawase ul
{
	margin:0;
	padding:0;
}
#toiawase li
{
	display:inline;
	margin:0px 0px 0px 4px;
	padding-right:5px;
	border-right:solid 1px #CCCCCC;  
}
#toiawase li.right
{
	border-right:none;  
}


/**************************************************
* コンテンツタイトル
***************************************************/
h2.contenttitle
{
	font-size:large;
	/*font-size:15px;*/
	font-weight:bold;
	color:#000066;
    width:85%;
    margin:10px auto 10px auto;
    border-bottom:solid 1px #CBCAD5;
    border-right:solid 2px #CBCAD5;
    background:#EEEDF6;
    padding:5px 5px 5px 10px;
}

/**************************************************
* コンテンツメイン
***************************************************/
div#main .contentbody 
{
	font-size:90%;
	line-height:150%;
	color:#333333;
    margin:20px auto;
}

/*************************************
*
* メイン部分
*
**************************************/
div#wrapper
{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: -20px auto 0;
    padding-bottom: 20px;
    padding-top: 30px;
    width: 1000px;
}
div#main
{
	color: #333333;
    font-size: 90%;
    margin: 0 auto;
    width: 80%;
}
h1#pageTitle
{
	font-size:large;
	font-weight:bold;
	padding:7px 5px 7px 10px;
	color:#353535;
	background-color:#FFF3E2;
	border-left:solid 8px #FDBF6F;
    margin: 0 auto 25px;
    width: 870px;
}


/**************************************************
* タグ一覧
***************************************************/
div#main .taglist
{
	width:96%;
	text-align:left;
    margin: 3px;
    padding: 4px;
}
div#main .taglist a
{
	text-decoration: none;
	margin-right:10px;
}
div#main .taglist a:hover
{
	text-decoration: underline;
	margin-right:10px;
}

/**************************************************
* 詳細表示（中央寄せ）
***************************************************/
div#main .shosaicenter
{	
	text-align:center;
    border-spacing:0;
}
.center
{
	text-align:center;
	margin:5px auto 10px auto;
}
/**************************************************
* 詳細表示（右寄せ）
***************************************************/
div#main .shosairight
{
	text-align:right;
    border-spacing:0;
}
/**************************************************
* 詳細表示（左寄せ）
***************************************************/
div#main .shosaileft
{
	text-align:left;
    border-spacing:0;
}

/**************************************************
* 中央表示
***************************************************/
.dispcenter
{
	text-align:center;
    margin:2px;
}
/**************************************************
* 右寄せ表示
***************************************************/
.dispright
{
	text-align:right;
    border-spacing:0;
    font-size:small;
}
/**************************************************
* 左寄せ表示
***************************************************/
.displeft
{
	text-align:left;
    border-spacing:0;
}

/**************************************************
* 中央表示（小）
***************************************************/
.dispcentersmall
{
	text-align:center;
    border-spacing:0;
    font-size:small;
}
/**************************************************
* 右寄せ表示（小）
***************************************************/
.disprightsmall
{
	text-align:right;
    border-spacing:0;
    font-size:small;
}
/**************************************************
* 左寄せ表示（小）
***************************************************/
.displeftsmall
{
	text-align:left;
    border-spacing:0;
    font-size:small;
}

/**************************************************
* リンクボタン（中央寄せ）
***************************************************/
.lbtncenter 
{
	/*font-size:12px;*/
	text-align:center;
    border-spacing:0;
    margin-top:3px;
    margin-bottom:3px;
}
.lbtncenter a
{
/*	color:#000000;
	background:#cccccc;
	border-style:outset;
	text-decoration: none;*/
}
.lbtncenter a:hover
{
/*	background:#cccccc;
	border-style:inset;
	text-decoration: none;*/
}

/**************************************************
* リンクボタン（左寄せ）
***************************************************/
.lbtnleft 
{
	/*font-size:12px;*/
	text-align:left;
    border-spacing:0;
    margin-top:6px;
    margin-bottom:6px;
}
.lbtnleft a
{
	color:#000000;
	background:#cccccc;
	border-style:outset;
	text-decoration: none;
}
.lbtnleft a:hover
{
	background:#cccccc;
	border-style:inset;
	text-decoration: none;
}

/**************************************************
* リンクボタン（右寄せ）
***************************************************/
.lbtnright 
{
	text-align:right;
    border-spacing:0;
    margin-top:0px;
    margin-bottom:6px;
}
.lbtnright a
{
	border-style:outset;
	color:#000000;
	background:#cccccc;
	text-decoration: none;
	padding:2px 10px;
}
.lbtnright a:hover
{
	/*border-style:inset;
	background:#cccccc;
	text-decoration: none;*/
}

/**************************************************
* テーブル
***************************************************/

table.accessList
{
	width:100%;
	font-size:90%;
	border-top:solid 1px #FDBF6F;
	border-bottom:solid 1px #FDBF6F;
}
table.accessList th
{
	width:30%;
	padding:7px;
	text-align:center;
	background-color:#FFF3E2;
	font-weight:bold;
	border-top:solid 1px #FDBF6F;
	border-bottom:solid 1px #FDBF6F;
	border-right:solid 1px #FDBF6F;
}
table.accessList td.border
{
	padding:7px;
	background:#FFFFFF;
	word-break:break-all;
	border-top:solid 1px #FDBF6F;
	border-bottom:solid 1px #FDBF6F;
}
table.accessList td.noborder
{
	padding:7px;
	border:none 0px;
	background:#FFFFFF;
	word-break:break-all;
}
table.list
{
	font-size:90%;
	margin:10px auto;
}
table.list th
{
	width:30%;
	padding:7px;
	text-align:center;
	border:solid 1px #9DACE0;
	background:#E1E9FA;
	font-weight:bold;
}
table.list td
{
	padding:7px;
	border:solid 1px #9DACE0;
	background:#FFFFFF;
	word-break:break-all;
}
/*table.borderBox
{
	width:100%;
	font-size:90%;
	margin:15px auto;
	border-top:solid 1px #A9999A;
	border-bottom:solid 1px #A9999A;
}
table.borderBox td
{
	padding:7px;
	border-bottom:dotted 1px #A9999A;
	word-break:break-all;
}*/
.previewNG
{
	display:none;
}


/**************************************************
* ページ切り替え（表示順変更）
***************************************************/
div.sortChange
{
	width:100%;
	text-align:right;
	margin:0px auto;
	color:#353535;
}

/**************************************************
* 改ページ部分
***************************************************/
div.page
{
	font-size:1.1em;
	text-align:center;
	position:relative;
	padding-top:15px;
}
p.pageKirikae
{
	margin:0px auto;
}
p.pageMsg
{
	position:absolute;
	top:20px;
	right:0px;
	display:inline;
}
div.page span.prevPage,div.page span.directPage,div.page span.nextPage
{
	margin:0px 5px;
}
div.page span.directPage span.nowPage
{
	font-size:1.2em;
	font-weight:bold;
	margin:0 5px;
}
div.page span.directPage a
{
	margin:0 3px;
}
/**************************************************
* 施設詳細部分
***************************************************/
div#shisetsuPic
{
	width:100%;
	margin-bottom:20px;
}
div.shisetsuMainPic
{
	width:500px;
	margin-right:10px;
	float:left;
	overflow:hidden;
}
div#shisetsuPic1
{
	width:200px;
	float:left;
	margin:auto 10px 20px 10px;
	overflow:hidden;
}
div#shisetsuPic2
{
	width:200px;
	float:left;
	margin:auto 10px auto 10px;
	overflow:hidden;
}
div#photo1
{
	width:360px;
}
div#photo2
{
	width:360px;
}

/**************************************
 *	プラン一覧部分
 **************************************/
div#syosaiMain
{
	width:740px;
	margin:5px auto 20px auto;
	font-size:small;
}

div#syosaiMain div.searchArea
{
	width:95%;
	background-color:#F0F4F8;
	padding:7px 10px;
	margin:0px auto;
}
div#syosaiMain div.searchArea div.search_box
{
	border-bottom:solid 1px #A9999A;
	padding:7px;
	margin:0px 5px;
}

div#syosaiMain table.noborder td
{
	border-style:none;
	border-spacing:10px;
}

div#search_stayStartDate
{
	width:300px;
	float:left;
}
div#search_ninzu
{
	width:150px;
	float:left;
}
div#search_roomCnt
{
	width:150px;
	float:left;
}
div#search_ryokin
{
	width:400px;
	float:left;
}
div#search_roomtype
{
	width:200px;
	float:left;
}

div#btnKensaku
{
	margin:15px auto 10px auto;
	text-align:center;
}

div#name
{
	width:70px;
	float:left;
}

div#ichiran
{
	margin:30px auto 20px auto;
}
div.planIchiran
{
	width:100%;
	margin-top:5px;
	border-top:solid 1px #A9999A;
	border-bottom:solid 1px #A9999A;
}
div.planNoBorder
{
	margin-bottom:10px;
}
div.plan
{
	margin-bottom:10px;
	padding:5px 0px 5px 0px;
	border-bottom:dotted 1px #A9999A;
}
div.planPic
{
	width:150px;
	margin:5px 10px 10px 10px;
	float:left;
}
div.planWaku
{
	width:350px;
	float:left;
	margin-right:5px;
}
div.planName
{
	margin:5px auto 0px auto;
	font-weight:bold;
	text-align:left;
	font-size:medium;
}
div.planSyokai
{
	width:350px;
	margin:5px 5px 10px 5px;
	font-size:small;
}
div.ryokin
{
	color:#F55500;
	font-size:small;
	font-weight:bold;
}
div.planKoumoku
{
	width:190px;
	margin:5px 5px 10px 5px;
	padding:5px 5px;
	float:left;
	background-color:#FFF3E2;
}
div.planKikan
{
	width:100%;
	text-align:right;
}

/**************************************************
* プラン詳細部分
***************************************************/
div#planTop
{
	margin-bottom:10px;
}
div#planMainPic
{
	width:370px;
	margin:5px 5px 10px auto;
	overflow:hidden;
	float:left;
}
div#planRight
{
	width:370px;
	margin:5px 5px 10px auto;
	float:right;
}
div#planName
{
	color:#453535;
	font-size:large;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:15px;
}
div#planSyoukai
{
	margin:10px 5px 10px 0px;
	padding-bottom:10px;
	border-bottom:dotted 1px #A9999A;
}
div#planNaiyou
{
	margin:10px 5px 20px 0px;
	padding-bottom:10px;
}
div.pic
{
	margin-top:20px;
	margin-bottom:40px;
	padding-top:20px;
	border-top:solid 1px #A9999A;
}
div#pic1
{
	width:210px;
	overflow:hidden;
	float:left;
	margin:0px 20px 0px 35px;
}
div#pic2
{
	width:210px;
	overflow:hidden;
	float:left;
	margin:0px 20px 0px 20px;
}
div#pic3
{
	width:210px;
	overflow:hidden;
	float:left;
	margin:0px 20px 0px 20px;
}
.previewON
{
	margin-bottom:10px;
}

/*************************************
* 宿泊施設予約システム　料金カレンダー部分
**************************************/
div#planCalender
{
	margin-bottom:30px;
}
div#calender
{
	width:65%;
	margin-right:10px;
	background-color:White;
	border:1px solid #999999;
	float:left;
}
div#calTitle
{
	background-color:#FDBF6F;
	color:#333333;
	font-size:medium;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
	height:30px;
}
div#DispYM
{
	width:440px;
	padding:5px 7px;
	text-align:center;
	margin:10px auto auto auto;
}
div#lastM
{
	width:146px;
	text-align:left;
	float:left;
}
div#date
{
	width:148px;
	text-align:center;
	font-size:large;
	font-weight:bold;
	float:left;
}
div#nextM
{
	width:146px;
	text-align:right;
	float:left;
}

TABLE.cal_table
{
	width:455px;
	border:1px solid #999999;
	border-collapse:collapse;
	margin:auto auto 10px auto;
	font-size:small;
}
TABLE.cal_table th.nichiyo
{
	width:60px;
	border:1px solid #999999;
	background-color:#FCC0A7;
	text-align:center;
	padding:3px 5px 3px 5px;
}
TABLE.cal_table th.doyo
{
	width:60px;
	border:1px solid #999999;
	background-color:#CCECF4;
	text-align:center;
	padding:3px 5px 3px 5px;
}
TABLE.cal_table th.heijitu
{
	width:60px;
	border:1px solid #999999;
	background-color:#E0Dcc8;
	text-align:center;
	padding:3px 5px 3px 5px;
}
TABLE.cal_table td
{
	border:1px solid #999999;
	text-align:left;
	padding:3px 3px;
	height:40px;
	width:60px;
}
th.checksel
{
	width:30px;
}
TABLE.cal_table button
{
	text-align:center;
	margin:0px auto;
}
td.style1
{
	background-color:#FED8A4;
}
td.style2
{
	background-color:#FFFFFF;
}
td.style3
{
	background-color:#E6E6E6;
}
.empty
{
	margin-left:18px;
	font-weight:bold;
	font-family:MS UI Gothic;
	font-size:1.1em;
}
.empty_no
{
	margin-left:18px;
	font-weight:normal;
	font-family:MS UI Gothic;
	font-size:1.1em;
}
.ninzuEdit{
	width:80%;
	margin:10px auto 10px auto;
	background-color:#ff9999;
	padding:5px 7px;
}

.ninzuDisp{
	width:80%;
	margin:10px auto 10px auto;
	background-color:#F8E9D1;
	padding:5px 7px;
}

.ryokinSet{
	width:80%;
	text-align:right;
	margin:20px auto 20px auto;
	ime-mode:disable;
}

.ryokinComment{
	width:80%;
	text-align:left;
	margin:5px auto 0px auto;
	color:#FF0000;
}

.errmsg2
{
	margin:5px 10px;
	color:#FF0000;
	text-align:center;
	font-weight:bold;
}

.Ddlist
{
	width:310px;
}

/*************************************
* 人数条件設定部分
**************************************/
div#joken
{
	width:460px;
	border:1px solid #FAEAD4;
	background-color:#FCF7F0;
	margin:10px auto 5px auto;
	padding:5px 10px;
}
div#jokenLeft
{
	width:80px;
	float:left;
	font-size:70%;
}
div#jokenRight
{
	width:370px;
	float:left;
}
div#errMessage
{
	color:Red;
	font-size:small;
	margin-bottom:10px;
}
div#attention
{
	color:Red;
	font-size:small;
	margin:10px auto 5px 20px;
}
div#setumei
{
	text-align:right;
	font-size:small;
	margin:auto 20px 5px auto;
}
div#room
{
	font-size:90%;
	font-weight:bold;
}
div#otona
{
	width:100px;
	font-size:x-small;
	margin:auto auto 5px 5px;
}
div#childNinzu
{
	width:360px;
	margin:auto auto 5px 5px;
	text-align:left;
}
table#editCondition
{
	width:100%;
	float:left;
	margin:0px auto 10px 5px;
}
table#editCondition tr
{
	font-size:x-small;
}
div.childKoumoku
{
	width:125px;
	float:left;
}
div#planBikou
{
	margin:10px auto;
	padding:7px 15px;
	border:solid 1px #A9999A;
}
/**************************************
 *	料金カレンダー横部分
 **************************************/

div#syokaiRight
{
	width:255px;
	background-color:#FFF3E2;
	border:solid 1px #FDBF6F;
	float:right;
}
div.koumoku
{
	margin:15px 15px 15px 15px;
	border-bottom:dotted 1px #FDBF6F;
	font-size:small;
}
div.koumoku2
{
	margin-top:7px;
	padding-top:5px;
	border-top:dotted 1px #A9999A;
}
div.midashi
{
	font-weight:bold;
	border-left:solid 10px #FE9F34;
	line-height:50%;
	padding:2px 5px;
}
div.dispsmall
{
	text-align:left;
    border-spacing:0;
    font-size:small;
    padding-left:10px;
}

/**************************************
 *	予約フォーム部分
 **************************************/

div#yoyakuNavi
{
	width:705px;
	margin:10px auto 20px auto;
}
div.naviStepImage
{
	width:166px;
	margin-right:10px;
	float:left;
}

#loginerrmsg3
{
	color:#FF0000;
	font-size:small;
	text-align:center;
	position:relative;
	bottom:170px;
	left:90px;
	background:#CCCCCC;
	padding:20px;
	width:640px;
	border:solid 1px #FFFFFF;
}

/*************************************
* 汎用
**************************************/

/*赤*/
.fcol1{ color:#FF0000;}
/*青*/
.fcol2{ color:#0000FF;}
/*オレンジ*/
.fcol3{ color:#FF6600;}
/*グレイ*/
.fcol4{ color:#999999;}

/****** 文字関係 start **************/
.sizeBs{
	font-size:small;
	font-weight:bold;
	color:#453535;
}
/****** 文字関係 end **************/