﻿HTML  { overflow-y:scroll;}
BODY  { margin: 0; padding:0px; background-color:#BB9F7A; font-family:"メイリオ", Sans-Serif, 'Hiragino Kaku Gothic Pro'; font-size:16px; line-height:1.8em; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); }
IMG   { border:0; *vertical-align:top; }
SELECT, INPUT, TEXTAREA
      { font-family:"メイリオ", Sans-Serif; font-size:1.1em; margin-bottom:3px; }
INPUT[type="text"], INPUT[type="tel"], INPUT[type="number"], INPUT[type="password"], TEXTAREA, SELECT { border-radius:4px; border-width:1px; }
TABLE { border-spacing:0; *border-collapse:collapse; }
h1    { margin: 0; padding:5px 20px 0 20px; font-weight:normal ; font-size:large; border:0;}
h1 a  { font-size:medium;} 
h2    { margin: 0 0 10px; padding: 4px 10px; font-size:16px; font-weight:normal; border-bottom:1px solid #999; }
h3    { font-size:12px; line-height:1.4em; margin:8px 0 2px; padding:0 10px; color:#FFF; background-color:#999; font-weight:bold; border-radius:5px; }

.ime-active      { ime-mode: active;}
.ime-disabled    { ime-mode: disabled;}
.num-center   { ime-mode: disabled; text-align: center;}
.num-right    { ime-mode: disabled; text-align: right;} 

/*　ページ背景＆サイズ　*/
.head { padding:5px 5px 5px 10px; line-height:50px; height:50px; }
.toolbtn { float:right; text-align:center; font-size:10px; font-weight:bold; line-height:1.4em; color:White; display:block; width:40px; margin-top:7px; text-decoration:none; position:relative; }
.toolbtn IMG {  border-radius:3px; margin-bottom:2px; }
.toolbtn SPAN { background-color:Red; color:White; font-size:12px; position:absolute; top:-6px; right:0; min-width:11px; padding:0 2px; height:15px; line-height:15px; display:block; border-radius:10px; }

.content_outer    { padding:10px; font-family:"メイリオ", Sans-Serif, 'Hiragino Kaku Gothic Pro'; font-size:16px; line-height:1.8em; background-color:White; }

/*　メインコンテンツ　*/
.modal          { background-image:url('image/modalback.png'); position:fixed; top:0; left:0; width:100%; z-index:1; display:none; }
.DIVwindow   { display:none; position:absolute; top:20px; left:10px; z-index:2; line-height:1.4em; background-color:White; border-radius:8px; box-shadow: 0px 0px 4px 0px #000; -webkit-box-shadow: 0px 0px 4px 0px #000; -moz-box-shadow: 0px 0px 4px 0px #000; }

.wintitle { background-color:#678; line-height:30px; color:White; padding:0 10px; border-radius:8px 8px 0 0; cursor:pointer; }
.wintitle:hover { background-color:#678; }

/*　カレンダー　*/
.forecast           { margin:auto; width:95%; text-align: center; table-layout:fixed; }
.forecast TD        { padding:0 1px 1px; vertical-align:top; }

.monthlabel         { text-align:center; font-size:20px; line-height:40px; font-weight:bold; border-bottom:1px solid #CCC; margin-bottom:5px; color:#2c2c2c; }
.monthlabel a       { color:#AAA; text-decoration:none; text-shadow:1px 0px 2px black; }

.daylabel           { display:block; background-color:#F5F5F5; font-size:13px; line-height:17px; font-weight:bold; border-top:1px solid #AAA; border-bottom:1px solid #CCC; }
.rooms              { display:block; font-size:24px; line-height:40px; font-family:ＭＳ ゴシック }
.rooms:hover        { background-color:#EEE; }
.dayrate            { font-size:11px; line-height:11px; }

.alloff { }
.pc { display:none; }

/*　使い方　*/
.main { background-color:#eee; padding:5px; border-radius:5px; font-size:11px; line-height:1.6em; }
.main H2 { margin-top:20px; border-bottom:1px solid black; font-weight:bold; }
.main IMG { border-radius:5px; margin:10px auto; width:95%; display:block; }
.main HR { clear:left; margin:5px 0; }

/*　アカウント設定　*/
.accounttbl { width:100%; white-space:nowrap; }
.accounttbl TD { border-bottom:1px solid #AAA; padding:10px 5px; }
