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

/*******************************
 *　全体レイアウト
 *******************************/

div#wrapper
{
    /*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;
}
span.value
{
	font-weight:bold;
	margin:0px 1px;
}

h1#pageTitle
{
	font-size:large;
	font-weight:bold;
	margin:10px auto 20px auto;
	padding:7px 5px 7px 10px;
	color:#353535;
	border-bottom:solid 1px #ff9933;
}

div.sortChange
{
	width:100%;
	text-align:right;
	margin:0px auto;
	color:#353535;
}
div.contentbody
{
	background: none repeat scroll 0 0 #FFFFFF;
    margin: -20px auto 0;
    padding-top: 30px;
    width: 1000px;
    padding-bottom: 20px;
}
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.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#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 
{
    height: 118px;
}
h1#header_img a 
{
    background: url("../../Common/Images/tit_yoyaku.png") no-repeat scroll 0 0 transparent;
    width: 385px;
}
p#btn_topPage 
{
    display: block;
    float: right;
    height: 32px;
    overflow: hidden;
    width: 202px;
}*/

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


/*******************************
 *　一覧　全体・検索部分
 *******************************/

div#syosaiMain
{
	width:800px;
	margin:10px auto 20px auto;
	padding-top:10px;
	font-size:small;
}
div#syosaiMain div.searchArea
{
	width:97%;
	background-color:#F0F4F8;
/*
	border:solid 1px #B5A5A5;
	background-color:#F1F6FE;
	border:solid 1px #9DACE0;
*/
	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;
	padding-right: 15px;
}
div#search_yadotype
{
	width:60%;
	float:left;
	margin-right:10px;
}
div#search_roomtype
{
	width:35%;
	float:right;
}
div#search_stayStartDate
{
	width:300px;
	float:left;
}
div#search_ninzu
{
	width:150px;
	float:left;
}
div#search_roomCnt
{
	width:150px;
	float:left;
}
div#btnKensaku
{
	margin:15px auto 10px auto;
	text-align:center;
}

/**************************************
 *	入力エリア汎用
 **************************************/
.ime_disabled
{
	ime-mode: disabled;
}

/*******************************
 *　一覧　施設データ書き出し部分
 *******************************/

div#ichiran
{
	width:100%;
	margin:35px auto auto auto;
}
div.yadoIchiran
{
	width:100%;
	margin:5px auto;
}

/*施設名見出し部分*/
div.shisetsuTitle
{
	width:100%;
	background-color:#F5E2A1;
	padding:5px 10px 7px 10px;
	border-top:solid 3px #E8BB21;
}
span.shisetsuName
{
	font-weight:bold;
	font-size:larger;
	float:left;
}
span.shisetsuIcon
{
	color:#ffffff;
	font-size:1.0em;
	font-weight:normal;
	text-align:center;
	padding:3px 5px;
	background-color:#858585;
	float:right;
}

/*施設内容全体枠*/
div.shisetsu
{
	margin-bottom:20px;
	padding:5px 7px 7px 0px;
}

/*左側枠（一覧用画像）*/
div.ichiranPic
{
	width:200px;
	margin:5px 10px auto 10px;
	float:left;
}

/*右側枠（紹介文・プラン一覧等）*/
div.waku
{
	width:550px;
	margin-right:5px;
	float:right;
}

/*所在地部分*/
div.yadoAddress
{
	width:400px;
	text-align:left;
	margin:5px 0px;
	float:left;
}

/*URL部分*/
div.yadoUrl
{
	width:400px;
	text-align:left;
	margin:5px 0px 10px 0px;
	float:left;
}


/*施設最安値部分*/
div.sRyokin
{
	width:130px;
	color:#F55500;
	font-weight:bold;
	text-align:right;
	margin:5px 0px 10px 0px;
	float:right;
}

/*施設紹介文部分*/
div.yadoSyokai
{
	margin-bottom:15px;
	font-size:small;
}

/*プラン一覧　全体枠*/
div.planList
{
	width:550px;
	font-size:small;
}
/*プラン一覧　見出し枠*/
div.planMidashi
{
	color:#453535;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding-bottom:5px;
	border-bottom:solid 1px #999999;
}
span.planMidashi1
{
	width:400px;
	font-size:1.1em;
	font-weight:bold;
	float:left;
}
span.planMidashi2
{
	width:100px;
	font-size:0.7em;
	font-weight:normal;
	padding-top:5px;
	text-align:right;
	float:right;
}

/*プラン一覧　書き出し部分*/
div.planItem
{
	margin:3px 0px 3px 0px;
	padding:2px 0px 5px 5px;
	border-bottom:dotted 1px #999999;
	line-height:150%;
}
div.planNoData
{
	width:100%;
	color:#666666;
	text-align:center;
}
div.planName
{
	width:60%;
	float:left;
}
div.pRyokin
{
	width:14%;
	color:#453535;
	font-weight:bold;
	text-align:right;
	float:right;
}
div.pIcon
{
	width:25%;
	float:right;
}
p.roomType
{
	width:45px;
	color:#555555;
	text-align:center;
	font-size:10px;
	border:solid 1px #FE9F34;
	background-color:#FFF3E2;
	padding:1px;
	float:left;
}
p.syokujiType
{
	width:62px;
	color:#777777;
	text-align:center;
	font-size:10px;
	border:solid 1px #777777;
	padding:1px;
	margin-left:3px;
	float:left;
}

div.planLink
{
	width:100%;
	text-align:right;
	margin-top:7px;
	font-size:small;
}



/**************************************************
* メッセージ表示域
***************************************************/
.message
{
	margin:5px 10px;
	color:#FF0000;
	text-align:center;
	font-weight:bold;
	font-size:medium;
}
.messagearea
{
	color:#ff0000;
	text-align:center;
    border-spacing:0;
}
.errmsg2
{
	margin:5px 10px;
	color:#FF0000;
	text-align:center;
	font-weight:bold;
}

/**************************************************
* 問い合わせ部分
***************************************************/
#toiawase
{
	margin:100px 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;  
}

/**************************************************
* フッター部分
***************************************************/
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;
}
/**************************************************
* ログイン認証部分(Mck.aspx)
***************************************************/
#ntop_login{
	width:750px;
	height:90px;
	background:#FFE9CA;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}

#ntop_login .login_kbn{
	height:45px;
	/*width:120px;*/
	width:100px;
	font-size:12px;
	text-align:center;
	float:left;
	background:#FFCC66;
}

#ntop_login .login_kbn h2{
	margin:17px 0 0 0;
}

#ntop_login .login_input{
	height:45px;
	width:160px;
	padding:0 3px;
	font-size:12px;
	float:left;
	background:#FFE9CA;

}
#ntop_login .login_input p{
	padding:5px 0 0 0;
}

#ntop_login .login_input input
{
	border:1px solid #000000;
	padding:1px;
}

.ntop_login_status{
	width:50px;
	height:45px;
	font-size:12px;
	text-align:left;
	float:left;

}
.ntop_login_status p{
	padding:17px 0 0 0;
	margin:0;

}

.ntop_login_status input{
	border:1px solid #000000;
	padding:1px;
	margin:1px;

}

#ntop_login .dotborder{
	width:750px;
	border-bottom:1px dotted #999999;
	height:0px;

}

#loginerrmsg
{
	color:#FF0000;
	font-size:small;
	text-align:center;
	position:absolute;bottom:47px;left:100px;
	background:#CCCCCC;
	padding:5px;
	width:640px;
	border:solid 1px #FFF;
}

#loginerrmsg2
{
	color:#FF0000;
	font-size:small;
	text-align:center;
	position:absolute;bottom:2px;left:100px;
	background:#CCCCCC;
	padding:5px;
	width:640px;
	border:solid 1px #FFF;
}

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



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