/* Stylesheet for the amuze document */

/*
  背景ブルー :#4281BD
  濃いブルー :#104e8b;
*/

body,td { 
  font-size: 13px;
  color: #eee; 
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
}

body.cont { 
  font-size: 13px;
  color: #eee; 
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  background: #4281BD url(material/line_back2.gif) repeat-x top left;
}

td.topimage { /* トップイメージ */
  background: url(material/top_image.jpg) no-repeat top left;
  vertical-align:top;
}

div.main { /* メイン */
  line-height:150%;
  padding: 4px;
  margin-left: 18px;
  margin-right: 5px;
}

/*一般*/
div.subtitle{ font-Size:9.5pt;line-height: 135%; color:#666666; margin-left:8px;}

div.t1{font-Size:10.5pt; color:#ffffee;}
div.t2{font-Size:12pt; color:#ffffee; font-weight:bold;
       margin:5px 5px 8px 0px;
       border: 1px solid #fff; padding:3px;}
div.pt{font-Size:9.5pt; color:#ff0000; margin-left:15px;}
span.date{font-Size:9pt; color:#ffffcc;}


div.waku { /* 全体枠 */
  padding: 0px;
  border: 1px solid #000000;
}

.waku2{ /* 全体枠（枠、色つき) */
  font-weight:normal;
  color:#ffc;
  line-height:1.5;
  margin:0px 10px 1px 10px; padding:10px;
  border: 1px solid #ffc;
}

div.txt { /* テキスト一般 */
  line-height:140%;
  font-size: 13px;
}

div.txt_s { /* テキスト（小） */
  line-height:135%;
  font-size: 10px;
}

em.subtitle { /* サブタイトル */
  font-size:18px;
  padding: 2px;
  letter-spacing:2px;
  font-family: "ヒラギノ明朝 Pro W6","平成明朝","ＭＳ Ｐ明朝";
}

em.point { /* ポイント文字 */
  font-size:16px;
  color:#ffffaa;
  letter-spacing:1px;
  border-bottom: 1px solid #ff0000;
}

em.r_line { /* ポイント重要文 赤下線（強調） */
  font-style:normal;
  color:#ff3;
  border-bottom: 1px solid #ff0000;
  padding-bottom:1px;
  line-height:90%;
}


h1.subtitle { /* サブタイトル */
  font-size:18px;
  padding: 2px;
  letter-spacing:2px;
  font-family: "ヒラギノ明朝 Pro W6","平成明朝","ＭＳ Ｐ明朝";
}

h2.room { /* ルーム名に使用 */
  font-size:14px;
  margin-top:5px;
  padding: 2px;
  letter-spacing:1px;
}

h3.reserved { /* 予約ページに使用 */
  margin:8px 1px 8px 1px;
  padding:4px 4px 4px 6px;
  color:#ffffee;
  background:#3270A3;
  border:1px solid #fff;
}

td.rt { /* 予約ページに使用（テーブルタイトル） */
  vertical-align:top;
  padding-top:10px;
}

.txt_help{ /* テキスト（補足） */
  font-size:10px;
  font-weight:normal;
  color:#ffc;
  line-height:1.5;
  margin:0px 1px 1px 1px; padding:0px 2px 1px 2px;
}


.red { /* 赤文字 */
  color:#f33;
}

.yellow { /* 黄文字 */
  color:#ff3;
}
span.sub { /* サブタイトル小文字 */
  font-size:14px;
  padding: 2px;
  letter-spacing:2px;
}

span.m2 { /* 白抜き文字（ �u） */
  font-size:15px;
  background-color:#ffffee;
  color:4281BD;
  font-weight:bold;
  margin:3px;
  padding:3px;
}

.txt-s { /* テキスト（小） */
  font-size:10px;
  margin-left:3px;
  color:#ffffee;
}

div.subtitle { /* サブタイトル */
  padding: 4px;
  font-size:20px; letter-spacing:2px;
  margin-top:-4px; margin-left:4px;
}

div.subtitle_roman { /* サブタイトル（英文字用） */
  font-family: verdana, Helvetica;
  font-size:23px;
  padding: 5px;
  padding-left:0px;
  line-height:150%;
  letter-spacing:1px;
}

em.indextitle { /* インデックスタイトル（白抜き） */
  font-size:16px;
  font-style:normal;
  padding: 2px;
  color:#333;
  line-height:155%;
  letter-spacing:1px;
  background-color: #ffffff; 
}

em.conttitle { /* コンテンツタイトル */
  font-size:18px;
  font-style:normal;
  font-weight:bold;
  font-family: "ヒラギノ明朝 Pro W3","平成明朝","ＭＳ Ｐ明朝";
  padding: 2px;
  color:#4281BD;
  letter-spacing:1px;
}

h2.conttitle { /* コンテンツタイトル */
  font-size:18px;
  font-style:normal;
  font-weight:bold;
  font-family: "ヒラギノ明朝 Pro W3","平成明朝","ＭＳ Ｐ明朝";
  padding: 2px;
  color:#4281BD;
  letter-spacing:1px;
}

td.cel { /* テーブル背景つき */
  padding:2px; 
  background-color: #4281BD;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-bottom:1px solid #104e8b;
  border-right:1px solid #104e8b;
}

div.cel_cont { /* テーブル内コンテンツ */
  margin-left:8px;
  line-height:150%; letter-spacing:1px;
}

/* コピーライト */
div.copyright {
  font-family: verdana, Helvetica;
  color:#ddd;
  font-size:8pt;
  padding:3px;
  text-align: right;
}

/* リンク */
A {color: #ffffdd;}
A:hover {color:#ff0000; text-decoration:underline;}


/* フォーム */
INPUT,TEXTAREA,SELECT {
  border:1px solid #555555;
  background-color :#fff;
  color:#555555;
  font:0.95em/1.45em 'MS UI Gothic','Osaka','san-serif';
}

input.btn{ /* ボタン */
  width:80px;
  background-color:#ffffcc;
  border-color:#ffcccc;
}

/* ----------------------------------------- */
/* ボタン設定【ミディアムポップ ver】        */
/* ----------------------------------------- */
.rebtn { /* ボタン */
  font-size:14px;
  font-weight:bold;
  letter-spacing:2px;
  line-height:1.7;
}
.rebtn A { /* リンク(ブルー) */
  text-decoration:none;
  color:#eeffef; height:24px;
  margin-top:1px; padding:3px 10px 2px 10px;
  background:#285685; border:1px solid #CDDEE2;
  border-right:1px solid #123A60; border-bottom:1px solid #123A60;
}
.rebtn A:hover { /* マウスオーバー(オレンジ) */
  color:#ffe; background:#C15D3E; border:1px solid #ffc3b2;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e;
}

/* 予約用 ////////////////////// */
.rebtn2 { /* ボタン */
  font-size:15px;
  font-weight:bold;
  letter-spacing:3px;
  line-height:1.7;
}
.rebtn2 A { /* リンク(ブルー) */
  text-decoration:none;
  color:#eeffef; height:24px;
  width:170px; text-align:center;
  margin:10px 60px 10px 0px; padding:8px 12px 7px 12px;
  background:#285685; border:1px solid #CDDEE2;
  border-right:1px solid #123A60; border-bottom:1px solid #123A60;
}
.rebtn2 A:hover { /* マウスオーバー(オレンジ) */
  color:#ffe; background:#C15D3E; border:1px solid #ffc3b2;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e;
}