/* --------------------------------------------------------------- */
/* 全体 */
/* --------------------------------------------------------------- */
body
{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size : 9pt;
	text-align : center;
}

*.centering
{
  margin-left:auto;
  margin-right:auto;
}

/* --------------------------------------------------------------- */
/* フォント */
/* --------------------------------------------------------------- */
.wTableList
{
    width : 900px;
}
.wTableListL
{
    width : 900px;
	text-align : left;
}
.wTableListR
{
    width : 900px;
	text-align : right;
}
.wTableListL
{
    width : 900px;
	text-align : left;
}
/* 画面タイトル文字 */
.title1 
{
	
	font-size : 12pt;
	font-weight : bold ;
}

/* 共通タイトル設定 */
h1.commonTitle
{
	font-size: 16px;
	font-weight: bold;
	background-color: #66CCFF;
	border-bottom: 1px solid #9999CC;
	border-right: 1px solid #9999CC;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 5px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* 文字（黒 太字） */
.textBlackB 
{
	color : Black ;
	font-weight : bold ;
}

/* 文字（赤） */
.textRed 
{
	color : Red ;
	font-weight : normal;
}
/* 文字（赤 太字） */
.textRedB 
{
	color : Red ;
	font-weight : bold ;
}

/* 文字（白） */
.textWhite 
{
	color : white ;
	font-weight : bold ;
}

/* 文字（青 太字） */
.textBlueB 
{
	color : #3366cc ;
	font-weight : bold ;
}

/* 文字（グレー） */
.textGrey 
{
	color : #cccccc ;
}

/* ボタンフォント */
.buttonText
{
	font-size : 9pt ;
	color : Black ;
}

/* ボタンフォント */
.inputButtonText
{
	font-size : 11pt ;
	color : Black ;
	height: 30px;
	padding: 5px 20px 5px 20px;
}

.buttonTextL
{
	font-size   : 11pt ;
	color       : Black ;
	height      : 35px;
	padding     : 5px 35px 5px 35px;
}

/* 完了画面サブタイトルフォント */
.textComplete
{
	font-size : 9pt ;
	text-align : left;
	color : Black ;
}

/* --------------------------------------------------------------- */
/* テキストボックス */
/* --------------------------------------------------------------- */

/* 金額（数値型7桁） */
.textBoxNumber7
{
	font-size : 9pt ;
	color : Black ;
	width : 50px ;
	text-align : right;
}

/* 数値型4桁 */
.textBoxNumber4
{
	font-size : 9pt ;
	color : Black ;
	width : 30px ;
	text-align : right;
}

/* 数値型3桁 */
.textBoxNumber3
{
	font-size : 9pt ;
	color : Black ;
	width : 25px ;
	text-align : right;
}

/* 数値型2桁 */
.textBoxNumber2
{
	font-size : 9pt ;
	color : Black ;
	width : 20px ;
	text-align : right;
}

/* TextBoxSingleLine10文字 */
.textBoxSingle10
{
	font-size : 9pt ;
	color : Black ;
	width : 150px ;
	text-align : left;
}

/* TextBoxSingleLine20文字 */
.textBoxSingle20
{
	font-size : 9pt ;
	color : Black ;
	width : 200px ;
	text-align : left;
}

/* TextBoxSingleLine30文字 */
.textBoxSingle30
{
	font-size : 9pt ;
	color : Black ;
	width : 280px ;
	text-align : left;
}
/* TextBoxSingleLine40文字 */
.textBoxSingle40
{
	font-size : 9pt ;
	color : Black ;
	width : 380px ;
	text-align : left;
}
/* TextBoxSingleLine60文字 */
.textBoxSingle60
{
	font-size : 9pt ;
	color : Black ;
	width : 390px ;
	text-align : left;
}
/* TextBoxSingleLine100文字 */
.textBoxSingle100
{
	font-size : 9pt ;
	color : Black ;
	width : 500px ;
	text-align : left;
}

/* TextBoxMultiLine30文字×2行 */
.textBoxMulti2
{
	font-size : 9pt ;
	color : Black ;
	width : 350px ;
	height : 30px;
	text-align : left;
}
/* TextBoxMultiLine30文字×3行 */
.textBoxMulti3
{
	font-size : 9pt ;
	color : Black ;
	width : 350px ;
	height : 50px;
	text-align : left;
}
/* TextBoxMultiLine30文字×4行 */
.textBoxMulti4
{
	font-size : 9pt ;
	color : Black ;
	width : 350px ;
	height : 70px;
	text-align : left;
}
/* TextBoxMultiLine30文字×5行 */
.textBoxMulti5
{
	font-size : 9pt ;
	color : Black ;
	width : 350px ;
	height : 70px;
	text-align : left;
}

/* --------------------------------------------------------------- */
/* アイコン関連 */
/* --------------------------------------------------------------- */

/* 当日 */
.today
{
	font-size : 9pt ;
	color : #ffffff ; 
	background-color : #FF0000
}

/* 通常 */
.tujo
{
	font-size : 9pt ;
	color:#ffffff ;
	background-color : #3366FF
}

/* 日帰り */
.higaeri
{
	font-size : 9pt ;
	color : #ffffff ;
	background-color : #00AA00
}

/* 多言語（英語） */
.eigo
{
	font-size : 9pt ;
	color : #ffffff ;
	background-color : #FF00FF
}

/* 土曜日の文字色 */
.SaturdayTextColor {
    color: Blue !important;
}

/* 休日の文字色 */
.HolidayTextColor {
    color: Red !important;
}

/* 土曜日の背景色 */
.SaturdayBackgroundColor {
    background-color: #E6FFFF !important;
}

/* 休日の背景色 */
.HolidayBackgroundColor {
    background-color: #FFEEEE !important;
}

/* 入力画面で変更された項目の文字色 */
.ChangedTextColor {
    color: Red !important;
    font-weight : bold !important;
}

/* --------------------------------------------------------------- */
/* テーブル関連 */
/* --------------------------------------------------------------- */

table
{
	
}
th
{
	
}
td
{
	
}

/* マスタ登録・変更・確認 */
table.taMstReg
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
	width : 900px;
	margin-left:auto;
	margin-right:auto;
}
th.thMstReg
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	height : 20px;
	padding : 3px;
	text-align : left;
	font-weight : normal;
	width : 300px;
}
th.thMstRegTransfer
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	height : 20px;
	padding : 3px;
	text-align : left;
	font-weight : normal;
	width : 130px;
}
/* 2012.02.21 updated by Fujikawa #3355 [一休/Biz] 施設側と異なる表示部分・非表示部分などを分かりやすく見分けたい。 start */
th.thMstRegHighlight
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #FFFF00;
	height : 20px;
	padding : 3px;
	text-align : left;
	font-weight : normal;
	width : 300px;
}
/* 2012.02.21 updated by Fujikawa #3355 [一休/Biz] 施設側と異なる表示部分・非表示部分などを分かりやすく見分けたい。 end */

th.thMstRegfw
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	height : 20px;
	padding : 3px;
	text-align : left;
	font-weight : normal;
	font-size : 9pt;
}

th.thMstRegHeader
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #63BAFF;
}
th.thMstRegLang
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	height : 20px;
	padding : 3px;
	text-align : left;
	font-weight : normal;
	width : 300px;
}
td.tdMstReg
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px ;
	padding : 3px ;
	text-align : left;
	width : 600px;
}
.tdChkBox td
{
    width : 200px;
}
td.tdMstRegfw
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px ;
	padding : 3px ;
	text-align : left;
}
th.thMstCol
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	padding : 3px;
	font-weight : normal;
}

/* マスタ系一覧 */
table.taMstList
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.thMstList
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	height : 30px;
	padding : 3px;
	text-align : center;
	font-weight : normal;
}
td.tdMstListCenter
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px ;
	padding : 3px ;
	text-align : center;
	vertical-align : middle;
}
th.thMasterList2
{
	border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
}

td.tdMasterList2
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
}
td.tdMstListLeft
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px ;
	padding : 3px ;
	text-align : left;
	vertical-align : middle;
	
}

td.tdMstListRight
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px ;
	padding : 3px ;
	text-align : right;
	vertical-align : middle;
	
}

/* キャンセルポリシー */
table.taCancelPolicy
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.thCancelPolicy
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px;
	background-color : #DEF3FF;
	color : black ;
	text-align : center;
	padding : 3px;
}
td.tdCancelPolicy
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px ;
	padding : 3px ;
	line-height : 20px ;
	text-align : center;
}

/* 枠なし */
th.thNoBorderLeft
{
	color : #0066CC ;
	font-weight : normal ;
	text-align : left;
}
/* コピーして新規の場合、メッセージのCSS */
td.tdCopyRegiste
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 40px ;
	padding : 3px ;
	line-height : 20px ;
	text-align : center;
	width : 900px;
	background-color: #ffbbff;
	font-weight:bold;
}
/* プラン作成トップ画面の注意事項、メッセージのCSS */
td.tdRegistePlanNotes
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 40px ;
	padding : 3px ;
	line-height : 20px ;
	text-align : center;
	width : 900px;
	background-color: #ffbbff;
}
/* TD専用プランの場合、注意喚起メッセージのCSS */
td.tdTDNotes
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 40px ;
	padding : 3px ;
	line-height : 20px ;
	text-align : center;
    background-color:#FFE2E2;
	font-weight:bold;
}
/* 関連プランCSS */
th.thRPlanList
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	height : 20px;
	padding : 3px;
	text-align : left;
	font-weight : normal;
}
td.tdRPlanList
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px ;
	padding : 3px ;
	text-align : left;
}
tr.trRPlanList
{
    display:block;
    width:900px;
}

/* 施設情報設定リンクタブ */
p
{
	float:left;
    margin:0px;
    display:block;
    width:60px;
    margin-top:5px;
}

.tabbox1
{
	height:26px;
	width: 700px;
}

.on
{
    background-color:#696969;
    width:100px;
    height:26px;
    margin-right:5px;
    text-align:center;
}

.off
{
    background-color:#DCDCDC;
    width:100px;
    height:26px;
    margin-right:5px;
    text-align:center;
}

.on a
{
	text-decoration:none;
    display:block;
    margin-top:5px;
}

.on a:link    {color:#ffffff;}
.on a:visited {color:#ffffff;}
.on a:hover   {color:#ffffff;}

.off a	
{
	text-decoration:underline;
    display:block;
    margin-top:5px;
}

.off a:link    {color:#000000;}
.off a:visited {color:#000000;}
.off a:hover   {color:#000000;}

.tabbox2
{
    clear:both;
    border-top:solid 10px #696969;
    border-bottom:solid 1px #696969;
    border-left:solid 1px #696969;
    border-right:solid 1px #696969;
	width: 700px;
}

/* 左寄せ */
.alignLeft
{
    text-align: left;
}

/* 右寄せ */
.alignRight
{
    text-align: right;
}

/* 中央寄せ */
.alignCenter
{
    text-align: center;
}

p.dataRow
{
    word-wrap: break-word;
    word-break: break-all;
    overflow:hidden;
    width:550px;
}

p.chrcntDsp1
{
    text-align: right;
    width:530px;
}

p.chrcntDsp2
{
    text-align: right;
    width:580px;
}

p.jpnDsp
{
    float:left;
    width:50px;
    margin-top: 0px;
}

p.inbDsp
{
    float:left;
    width:50px; 
    margin-top: 5px;
    text-align: left;
}

span.require {
    padding:0px 0px 0px 5px;
    font-size:80%;
    color: #ff0000;
}

/* エラーメッセージ */
.something_wrong{color:#FF0000; font-weight:bold;}

/* ワーニングメッセージ */
.something_dangerous{color:#663399; font-weight:bold;}

/* インフォメーションメッセージ */
.something_tellyou{color:#339999; font-weight:bold;}

/* Clearfix */
.clearfix:after {
	content: url(/accommodation/image/space.gif);
	display: block;
	clear: both;
	height: 0;
}



/* 各言語向けフォント指定 */
span.mlFont
{
    font-family: sans-serif;
    word-break: break-all;
    /* word-wrap: break-word; hold*/
}

.clearfix{display: inline-block; /* IE 7用 */
/* .clearfix{display: block;} */ /* Opera、Safari 7用 */
}

table.bg {
    background-color: #DEF3FF;
    border-width: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

table.bgNoBackColor {
    border-width: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
td.bgTd {
    background-color: #000080;
}

table.main {
    border-color: #000000;
    border-style: solid;
    border-width: 0;
    table-layout: auto;
    width: 100%;
    font-size:9pt;
}

th.L {
    text-align: left;
}

th.C {
    text-align: center;
}

th.R {
    text-align: right;
}

th.mainHth {
    background-color: #DEF3FF;
    color: #000000;
    line-height: 125%;
    padding: 1px 5px;
    height:23px;
}

td.mainTd {
    background-color: #FFFFFF;
    font-size: 100%;
    line-height: 115%;
    padding: 2px 5px;
    word-wrap: break-word;
}

/* 強調行用 */
tr.emphasizeRow {
    background-color:#FFFF00;
}
/* 強調行用(マウスホバー時) */
tr.emphasizeRowHover {
    background-color:#99FF99;
}

/* 通常行用 */
tr.normalRow {
    background-color:#FFFFFF;
}
/* 通常行用(マウスホバー時) */
tr.normalRowHover {
    background-color:#99FF99;
}

/* プラン販売中の背景色 */
tr.saleDuringRow
{
    background-color:#F2E5FF;
}
/* プラン販売中の背景色(マウスホバー時) */
tr.saleDuringRowHover {
    background-color:#99FF99;
}
/* 非公開行用(マウスホバー時) */
tr.notOpenedRowHover {
    background-color:#99FF99;
}

/* 交互着色行の色 */
tr.AlternatingRow {
	background-color:#EFEFEF;
}
/* 交互着色行の色(マウスホバー時) */
tr.AlternatingRowHover {
	background-color:#99FF99;
}

/* FAQ バルーン */
.faq-balloon-target {
    position: relative;
}

.faq-balloon {
    position: absolute;
    bottom: 110px;
    left: 10px;
    width: 100px;
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(201, 244, 254);
    color: #333;
    text-align: left;
}

.faq-balloon-left {
    position: absolute;
    bottom: 30px;
    left: 135px;
    width: 100px;
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(201, 244, 254);
    color: #333;
    text-align: center;
}

.faq-balloon--non-breakline {
    bottom: 88px;
    left: 10px;
    width: 160px;
}


.faq-balloon__text {
    margin: 5px auto;
}

/* balloonの矢印部 */ 
.faq-balloon:after {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -19px;
    margin-left: 20px;
    pointer-events: none;
    border: solid transparent;
    border-top: solid rgb(201, 244, 254);
    border-width: 10px;
}

.faq-balloon-left:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    left: -20px;
    bottom: 10px;
    margin-left: 0px;
    pointer-events: none;
    border: solid transparent;
    border-right: solid rgb(201, 244, 254);
    border-width: 10px;
}

#master-link-button input[type="button"] {
    background-color: #008DDE;
    color: white;
    font-size: 10pt;
    height: 30px;
    margin:10px 0;
    padding: 1px 10px 1px 10px;
    border-radius:5px;
    border:0;
}
#master-link-button input[type="button"]:hover{
    opacity: 0.75;
    cursor: pointer;
}