html, body {							/* スクロールバーの色 */
  scrollbar-face-color: #ffe1e2;		/* 表面の色 */
  scrollbar-shadow-color: #ffb9b9;		/* 影の色 */
  scrollbar-highlight-color: #ffb9b9;	/* ハイライトの色 */
  scrollbar-3dlight-color: #ffb9b9;		/* 左端と上端の色 */
  scrollbar-darkshadow-color: #ffb9b9;	/* 右端と下端の色 */
  scrollbar-track-color: #f7e8e8;		/* 背景色 */
  scrollbar-arrow-color: #ff80a9;		/* 矢印の色 */
}

body {
  background-color: #f2ebd8;		/* 背景色 */
  text-align: center;				/* div#sitebox を中央揃え */
}


/* ************* ページ構成 ************* */
 /*  ページ枠  */
#allbox {
  width: 750px;						/* 横幅 */
  border-right: 1px solid #ffb9b9;	/* 右線 [幅 種類(1本線) 色] */
  border-left: 1px solid #ffb9b9; 	/* 左線 [幅 種類(1本線) 色] */
  background-color: #faf6f6;		/* 背景色 */
}
 /* 左右カラムのコンテナブロック */
#sitebox {
  width: 720px;					/* 横幅 */
  margin-left: auto;			/* div 要素を中央揃え */
  margin-right: auto;			/* div 要素を中央揃え */
  text-align: left;				/* 文字を左寄せ */
}
 /* ヘッダー表示用スペース */
#header {
  width: 100%;					/* 横幅 IE6 のバグ対策 */
  clear: right;					/* 右寄せ */
}
 /* メインメニュー表示用スペース */
#menu {
  width: 100%;					/* 横幅 IE6 のバグ対策 */
  clear: right;					/* 右寄せ */
  margin: 12px 0px;				/* 領域間の余白:上下 左右 */
  background-color: #faf6f6;	/* 背景色 */
}
 /* 内容表示用スペース */
#contents {
  width: 100%;					/* 横幅 */
  float: right;					/* 右寄せ */
}
 /* ページ先頭へ用スペース */
#ptop {
  width: 100%;					/* 横幅 IE6 のバグ対策 */
  clear: right;					/* 右寄せ */
  margin: 1px 0px 3px;			/* 領域間の余白:上 右左 下 */
  text-align: right;			/* 文字を右寄せ */
}
/* フッター表示用スペース */
#footer {
  width: 100%;						/* 横幅 IE6 のバグ対策 */
  clear: right;						/* 右寄せ */
  margin: 1px 0px 10px;				/* 領域間余白:上 左右 下 */
  padding: 5px;						/* 領域内余白:上下左右 */
  border-top: 3px solid #ffb9b9;	/* 上線 [幅 種類(1本線) 色] */
}


/* ************* ページ枠内全統一のスタイル ************* */
 /* 画像に枠を表示しない(画像にリンクをする場合など) */
img {
  border: 0px;		/* 枠線(囲む) なし */
}

 /* pタグ文字で囲んだ文章の余白をあけない */
p {
  margin: 0px;		/* 領域間余白:上下左右 */
  padding: 0px; 	/* 領域内余白:上下左右 */
}

 /* --- 文章中の簡易リンク文字スタイル --- */
 /* リンク可な文字にマウスが乗る前 */
.linkcont a {
  color: #e77687;					/* 文字色 */
  text-decoration: none;	/* 下線なし */
}
 /* リンク可な文字にマウスが乗ったとき */
.linkcont a:hover {
  color: #d76677;					/* 文字色 */
  border-bottom: 1px solid #e77687;	/* 下線 [幅 種類(1本線) 色] */
}

 /* --- 強調文字スタイル --- */
 /* 文字色：濃い緑 */
strong.empgreen {
  color: #007236;	/* 文字色 */
}
 /* 文字色：紫 */
strong.emppurple {
  color: #cc00ff;	/* 文字色 */
}
 /* 文字色：青 */
strong.empblue {
  color: #3300ff;	/* 文字色 */
}
 /* 文字色：ピンク */
strong.emppink {
  color: #ff00cc;	/* 文字色 */
}

 /* --- タイトルスタイル --- */
 /* 線色：ライトピンク */
div.titlelpink {
  width : 95%;						/* 横幅 */
  margin: 30px 20px 0px 35px;		/* 領域間余白:上 右 下 左 */
  padding: 7px;						/* 領域内余白:上下左右 */
  letter-spacing: 1px;				/* 文字間隔 */
  font-size: 90%;					/* 文字のサイズ */
  text-align: left;					/* 文字を左寄せ */
  border-bottom: 1px solid #ffb9b9;	/* 下線 [幅 種類(1本線) 色] */
  border-left: 5px solid #ffb9b9;	/* 左線 [幅 種類(1本線) 色] */
}
 /* 線色：オレンジ */
div.titleorange {
  margin: 40px 0px 5px;				/* 領域間余白:上 左右 下 */
  padding: 2px 7px;					/* 領域内余白:上下 左右 */
  letter-spacing: 3px;				/* 文字間隔 */
  font: bold 95%;					/* 文字スタイル [太字 サイズ] */
  text-align: left;					/* 文字を左寄せ */
  border-bottom: 1px solid #ff9900;	/* 下線 [幅 種類(1本線) 色] */
  border-left: 5px solid #ff9900;	/* 左線 [幅 種類(1本線) 色] */
}
 /* 線色：緑 */
div.titlegreen {
  margin: 40px 0px 5px;				/* 領域間余白:上 左右 下 */
  padding: 2px 7px;					/* 領域内余白:上下 左右 */
  letter-spacing: 3px;				/* 文字間隔 */
  font: bold 95%;					/* 文字スタイル [太字 サイズ] */
  text-align: left;					/* 文字を左寄せ */
  border-bottom: 1px solid #00cc00;	/* 下線 [幅 種類(1本線) 色] */
  border-left: 5px solid #00cc00;	/* 左線 [幅 種類(1本線) 色] */
}
 /* 線色：ブルー */
div.titleblue {
  margin: 40px 0px 5px;				/* 領域間余白:上 左右 下 */
  padding: 2px 7px;					/* 領域内余白:上下 左右 */
  letter-spacing: 3px;				/* 文字間隔 */
  font: bold 95%;					/* 文字スタイル [太字 サイズ] */
  text-align: left;					/* 文字を左寄せ */
  border-bottom: 1px solid #0000cc;	/* 下線 [幅 種類(1本線) 色] */
  border-left: 5px solid #0000cc;	/* 左線 [幅 種類(1本線) 色] */
}


/* ************* ページ枠内一部統一のスタイル ************* */
 /* --- 画像リンク処理 (ホーム(トップ) ＆ Not Foundページ) --- */
 /* 体験画像にマウスが乗る前 */
.trialimg a {
  width : 119px;					/* 横幅 */
  height: 104px;					/* 縦幅 */
  background: url(img/trial0.gif);	/* 画像 */
}
 /* 体験画像にマウスが乗ったとき */
.trialimg a:hover {
  background: url(img/trial5.gif);	/* 画像 */
}

 /* コース案内画像にマウスが乗る前 */
.courseimg a {
  width : 119px;					/* 横幅 */
  height: 104px;					/* 縦幅 */
  background: url(img/course0.gif);	/* 画像 */
}
 /* コース案内画像にマウスが乗ったとき */
.courseimg a:hover {
  background: url(img/course5.gif);	/* 画像 */
}

 /* イベント画像にマウスが乗る前 */
.eventimg a {
  width : 119px;					/* 横幅 */
  height: 104px;					/* 縦幅 */
  background: url(img/event0.gif);　/* 画像 */
}
 /* イベント画像にマウスが乗ったとき */
.eventimg a:hover {
  background: url(img/event5.gif);	/* 画像 */
}


 /* --- Error 説明文表示処理 (周辺地図 ＆ Not Foundページ) --- */
 /* Error 説明文 */
.nfcont {
  padding: 15px;			/* 領域内余白:上下左右 */
  letter-spacing: 2px;		/* 文字間隔 */
  line-height: 120%;		/* 文字行間(100% = 文字の高さ) */
}
 /* 枠線(右なし) */
.tbl {
  width : 14px;						/* 横幅 */
  height: 100px;					/* 縦幅 */
  border-width: 5px 0px 5px 1px;	/* 枠線(右なし) [幅] */
  border-color: #ffb9b9;			/* 枠線(右なし) [色] */
  border-style: solid;				/* 枠線(右なし) [種類(1本線)] */
}
 /* 枠線(左なし) */
.tbr {
  width : 14px;						/* 横幅 */
  height: 100px;					/* 縦幅 */
  border-width: 5px 1px 5px 0px;	/* 枠線(左なし) [幅] */
  border-color: #ffb9b9;			/* 枠線(左なし) [色] */
  border-style: solid;				/* 枠線(左なし) [種類(1本線)] */
}

 /* --- 各コースのスタイル --- */
 /* 大枠 */
.bframe {
  text-align: center;		/* 文字を中央揃え */
  margin: 30px;				/* 領域間余白:上下左右 */
}
 /* 小枠 */
.sframe {
  width: 530px;				/* 横幅 */
}
 /* --- 見出し(タイトル)文字のスタイル --- */
 /* 段落の先頭1文字 */
p.blue:first-letter {
  margin-right: 7px;			/* 領域間余白:右 */
  padding: 3px;					/* 領域内余白:上下左右 */
  font-size: 150%;				/* 文字のサイズ */
  color: #f4f4ff;				/* 文字色 */
  line-height: 150%;			/* 文字行間(100% = 文字の高さ) */
  background-color: #3300cc;	/* 背景色 */
}
 /* 段落の先頭1文字以外 */
.titlelc {
  margin-top: 5px;		/* 領域間余白:上 */ 
  font: bold 150%;		/* 文字スタイル [太字 サイズ] */
  color: #3300cc;		/* 文字色 */
  letter-spacing: 5px;	/* 文字間隔 */
  text-align: left;		/* 文字を左寄せ */
}

 /* 注意事項など欄外説明文 */
.attention {
  margin: 5px 0px 10px;		/* 領域間余白:上 左右 下 */
  padding: 0px 15px;		/* 領域内余白:上下 左右*/
  font-size: 80%;			/* 文字サイズ */
  color: #333333;			/* 文字色 */
  letter-spacing: 2px;		/* 文字間隔 */
  line-height: 120%;		/* 文字業間(100% = 文字の高さ) */
  text-align: left;			/* 文字を左寄せ */
}

 /* --- コース表のスタイル --- */
 /* 表全体 */
table.courset {
  width: 530px;					/* 横幅 */
  border-collapse: collapse;	/* 隣接するセルの枠線の表示の仕方 [重ねて表示] */
  font: 80% monospace;			/* 文字スタイル [サイズ 種類] */
  border: 2px solid #cc0000;	/* 枠線(囲む) [幅 種類(1本線) 色] */
}
 /* 表のセル(全部) */
table.courset th,
table.courset td {
  padding: 5px 10px;			/* 領域内余白:上下 左右 */
  border-style: solid dashed;	/* 枠線 [種類(上下 1本線, 左右 破線)] */
  border-color: #cc0000;		/* 枠線 [色] */
  border-width: 1px;			/* 枠線 [太さ] */
  letter-spacing: 2px;			/* 文字間隔 */
  line-height: 120%;			/* 文字行間(100% = 文字の高さ) */
  text-align: center;			/* 文字を中央揃え */
}
 /* 表のヘッダ(上部) */
table.courset thead th {
  border-bottom: 3px double #cc0000;	/* 下線 [幅 種類(2本線) 色] */
  background-color: #ffdddd;			/* 背景色 */
}
 /* 価格セル */
table.courset td.price {
  text-align: right;		/* 文字を右寄せ */
}
 /* 価格セル(２段バージョン中央揃え) */
table.courset td.price2l {
  border-bottom: 1px dashed;	/* 下線 [幅 種類(破線)] */
}
 /* 価格セル(２段バージョン右揃え) */
table.courset td.price2 {
  text-align: right;			/* 文字を右寄せ */
  border-bottom: 1px dashed;	/* 下線 [幅 種類(破線)] */
}

 /* --- その他の費用表のスタイル --- */
 /* 表全体 */
table.otherst {
  width: 530px;					/* 横幅 */
  border-collapse: collapse;	/* 隣接するセルの枠線の表示の仕方 [重ねて表示] */
  font: 80% monospace;			/* 文字スタイル [サイズ 種類] */
  border: 2px solid #ff9900;	/* 枠線(囲む) [幅 種類(1本線) 色] */
}
 /* 表のセル(全部) */
table.otherst th,
table.otherst td {
  padding: 5px 10px;			/* 領域内余白:上下 左右 */
  border-style: solid dashed;	/* 枠線 [種類(上下 1本線, 左右 破線)] */
  border-color: #ff9900;		/* 枠線 [色] */
  border-width: 1px;			/* 枠線 [太さ] */
  letter-spacing: 2px;			/* 文字間隔 */
  line-height: 120%;			/* 文字行間(100% = 文字の高さ) */
}
 /* 表のヘッダ(上部) */
table.otherst thead th {
  border-bottom: 3px double #ff9900;	/* 下線 [幅 種類(2本線) 色] */
  background-color: #fff4dd;			/* 背景色 */
  letter-spacing: 30px;					/* 文字間隔 */
}
 /* 費用セル */
table.otherst td.figure {
  text-align: right;		/* 文字を右寄せ */
}
 /* 費用セル */
table.otherst td.cost {
  text-align: center;		/* 文字を中央揃え */
}

 /* --- 道具セットのスタイル --- */
 /* 表全体 */
table.toolt {
  width: 530px;					/* 横幅 */
  border-collapse: collapse;	/* 隣接するセルの枠線の表示の仕方 [重ねて表示] */
  font: 80% monospace;			/* 文字スタイル [サイズ 種類] */
  border: 2px solid #00cc00;	/* 枠線(囲む) [幅 種類(1本線) 色] */
}
 /* 表のセル(全部) */
table.toolt th,
table.toolt td {
  padding: 5px 10px;			/* 領域内余白:上下 左右 */
  border-style: solid dashed;	/* 枠線 [種類(上下 1本線, 左右 破線)] */
  border-color: #00cc00;		/* 枠線 [色] */
  border-width: 1px;			/* 枠線 [太さ] */
  letter-spacing: 2px;			/* 文字間隔 */
  line-height: 120%;			/* 文字行間(100% = 文字の高さ) */
}
 /* 表のヘッダ(上部) */
table.toolt thead th {
  border-bottom: 3px double #00cc00;	/* 下線 [幅 種類(2本線) 色] */
  background-color: #ddffdd;			/* 背景色 */
  letter-spacing: 20px;					/* 文字間隔 */
}
 /* 価格セル */
table.toolt td.price {
  text-align: center;		/* 文字を中央揃え */
}

 /* --- 時間表のスタイル --- */
 /* 表全体 */
table.timet {
  width: 530px;					/* 横幅 */
  border-collapse: collapse;	/* 隣接するセルの枠線の表示の仕方 [重ねて表示] */
  font: 80% monospace;			/* 文字スタイル [サイズ 種類] */
  border: 2px solid #0000cc;	/* 枠線(囲む) [幅 種類(1本線) 色] */
}
 /* 表のセル(全部) */
table.timet th,
table.timet td {
  padding: 5px 10px;			/* 領域内余白:上下 左右 */
  border-style: solid dashed;	/* 枠線 [種類(上下 1本線, 左右 破線)] */
  border-color: #0000cc;		/* 枠線 [色] */
  border-width: 1px;			/* 枠線 [太さ] */
  letter-spacing: 2px;			/* 文字間隔 */
  line-height: 120%;			/* 文字行間 (100% = 文字の高さ) */
  text-align: center;			/* 文字をセンタリング */
}
 /* 表のヘッダ(上部) */
table.timet thead th {
  border-bottom: 3px double #0000cc;	/* 下線 [幅 種類(2本線) 色] */
  background-color: #ddddff;			/* 背景色 */
  letter-spacing: 20px;					/* 文字間隔 */
}

 /* --- コースメニュー表示スタイル --- */
 /* 各メニュー表示領域 */
div.couslist {
  text-align: center;		/* div.couslist(中身も含め)文字をセンタリング */
}
 /* 要素cnavi */
.cnavi {
  list-style-type: none;	/* リストの先頭に表示するマーカー なし */
  margin: 20px 0px 10px;	/* 領域間余白:上 20px 左右 0px 下 10px */
  letter-spacing: 2px;		/* 文字間隔 2px */
}
 /* ブロック要素<li> */
.cnavi li {
  display: inline;			/* ブロック要素<li>をインライン形式で表示 */
}							/* インライン:文字列扱い,前後上下に余白や改行をしない) */
 /* リンク可のコースメニューにマウスが乗る前 */
.cnavi a, .cnavi .nolink span {
  width: 135px;						/* 横幅 */
  height: 10px;						/* 縦幅 */
  margin: 0px 10px;					/* 領域間余白:上下 左右 */
  font-size: 80%;					/* 文字サイズ */
  color: #666666;					/* 文字色 */
  background: #f6f2e6;				/* 背景色 */
  text-decoration: none;			/* テキストの線,点滅 なし */
  padding: 4px;						/* 領域内余白:上下左右 */
  border: 1px solid #ffd4e0;		/* 枠線(囲む) [幅 種類(1本線) 色] */
  border-bottom: 2px solid #ffd4e0;	/* 下線 [幅 種類(1本線) 色] */
}
 /* 現在表示されている画面のコースメニュー(リンク不可のメニュー) */
.cnavi .nolink span {
  font-size: 85%; 					/* 文字サイズ */
  color: #000000;					/* 文字色 */
  background: #ffeeee;				/* 背景色 */
  padding: 4px;						/* 領域内余白:上下左右 */
  border: 1px solid #ffb9b9;		/* 枠線(囲む) [幅 種類(1本線) 色] */
  border-bottom: 2px solid #ffb9b9; /* 下線 [幅 種類(1本線) 色] */
}
 /* リンク可のコースメニューにマウスが乗ったとき */
.cnavi a:hover {
  color: #000000;					/* 文字色 */
  background: #ffeeee;				/* 背景色 */
  border: 1px solid #ffb9b9;		/* 枠線(囲む) [幅 種類(1本線) 色] */
  border-bottom: 2px solid #ffb9b9;	/* 下線 [幅 種類(1本線) 色] */
}


/* ************* ヘッダー枠内のスタイル ************* */
 /* ロゴ用 png画像の表示 */
* html div .rogo {
  background-image: url(img/blank.gif);	/* 背景画像の指定(指定のみ,実物画像なし) */
  width: 120px;						/* 横幅を固定 */
  height: 57px;						/* 高さを固定 */
													/* png画像を読み込む */
  filter: progid: DXImageTransform .Microsoft .AlphaImageLoader(src=img/rogo.png);
  background-repeat: no-repeat;		/* 背景画像を繰り返さない */
}
 /* フィルターで読み込んだpng画像を表示 */
* html div .rogo img {
  display: none;				/* imgタグを非表示 */
}
 /* 注意：IE6以下では img タグでの半透明 .png が表示されない */
 /* [* html] pngが普通に使えるIE7やfirefoxにはフィルターを適用させない */

 /* 教室名＆教室紹介文の文字（共通要素） */
p.poutline, p.topname {
  margin: 0px 12;				/* 領域間の余白:上下 左右 */
  font-size: 80%;				/* 文字サイズ */
  color: #999999;				/* 文字色 */
}
 /* 教室名の文字 */
p.topname {
	margin-top: 10px;			/* 領域間の余白:上 */
  color: #d76677;				/* 文字色 */
}

 /* --- お気に入りに追加ボタンのスタイル --- */
 /* マウスが乗る前 */
.favorite a {
  width: 120px;								/* 横幅 */
  margin-top: 8px;						/* 領域間の余白:上 */
  padding: 2px 5px;						/* 領域内余白:上下 左右 */
  font: 60% sans-serif;				/* 文字スタイル [サイズ 種類] */
  letter-spacing: 1px;				/* 文字間隔 */
  text-decoration: none;			/* 下線なし */
  color: #d76677;							/* 文字色 */
  background: #ffeeee;				/* 背景色 */
  border: 1px solid #d76677;	/* 枠線(囲む) [幅 種類(1本線) 色] */
}
 /* マウスが乗ったとき */
.favorite a:hover {
  color: #ff7099;							/* 文字色 */
  background: #faf6f6;				/* 背景色 */
  border: 1px solid #ff7099;	/* 枠線(囲む) [幅 種類(1本線) 色] */
}


/* ************* メインメニュー枠内のスタイル ************* */
 /* メインメニュー表示領域 */
div .menulist {
  width: 720px;					/* 横幅 */
  height: 35px;					/* 縦幅 */
  text-align: center;		/* div#menulist(中身も含め)文字をセンタリング */
  border-bottom: 1px solid #ffb9b9;	/* 下線 [幅 種類(1本線) 色] */
}

 /* 要素mnavi */
#mnavi {
  list-style-type: none;	/* リストの先頭に表示するマーカー なし */
  margin: 0px;						/* 上下左右(領域間)の余白 なし */
  padding: 0px;						/* 上下左右(領域内)の余白 なし */
  font: bold;							/* 文字スタイル 太字 */
  letter-spacing: 2px;		/* 文字間隔 */
}

 /* ブロック要素<li> */
#mnavi li {
  display: inline;			/* ブロック要素<li>をインライン形式で表示 */
}												/* インライン:文字列扱い,前後上下に余白や改行をしない) */

 /* リンク可のメインメニューにマウスが乗る前 */
#mnavi a, #mnavi #here span {
  width: 120px;						/* 横幅 */
  height: 35px;						/* 縦幅 */
  font-size: 80%;					/* 文字サイズ */
  color: #666666;					/* 文字色 */
  text-decoration: none;			/* テキストの線,点滅 なし */
  padding-top: 17px;				/* 領域内余白:上 */
  									/* 背景スタイル [画像 表示位置 画像固定] */
  background: url(img/navia.gif) bottom no-repeat;
}

 /* 現在表示されている画面のメインメニュー(リンク不可のメニュー) */
#mnavi #here span {
  font-size: 85%; 					/* 文字サイズ */
  height: 35px;						/* 縦幅 */
  color: #000000;					/* 文字色 */
  padding-top: 15px;				/* 領域内余白:上 */
  									/* 背景スタイル [画像 表示位置 画像固定] */
  background: url(img/navispan.gif) bottom no-repeat;
}

 /* リンク可のメインメニューにマウスが乗ったとき */
#mnavi a:hover {
  color: #000000;					/* 文字色 */
  									/* 背景スタイル [色 画像 表示位置 画像固定] */
  background: url(img/navihover.gif) bottom no-repeat;
}

/* ************* ページ先頭へ枠内のスタイル ************* */
 /* [▲ このページ先頭へ] リンク文字にマウスが乗る前 */
.pagetop a {
  width: 100%;					/* 横幅 */
  font: bold 70%;				/* 文字スタイル:太字, サイズ */
  color: #999999;				/* 文字色 */
  text-decoration: none;		/* 下線 なし */
  padding: 5px 20px;			/* 領域内の余白:上下, 右左 */
  background: #f6f2e6;			/* 背景色 */
  text-align: right;			/* テキストを右寄せに */
}
 /* [▲ このページ先頭へ] リンク可の文字にマウスが乗ったとき */
.pagetop a:hover {
  width: 100%;					/* 横幅 */
  color: #ff7099;				/* 文字色 */
  padding: 5px 20px;			/* 領域内の余白:上下, 右左 */
  background: #ffeeee;			/* 背景色 */
}


/* ************* フッター枠内のスタイル ************* */
 /* --- リンクしない部分(著作権)のフッタースタイル --- */
 /* 日米共通部分のスタイル */
.copyri {
  width: 100%;				/* 横幅 */
  color: #999999;			/* 文字色 */
  text-align: center;		/* 文字をセンタリング */
}
 /* 英語表記のスタイル */
.copyen {
  font-size: 75%;		/* 文字サイズ */
}
 /* 日本語表記のスタイル */
.copyjp{
  font-size: 65%;		/* 文字サイズ */
}
 /* --- リンク文字スタイル --- */
 /* リンク文字共通要素 */
.hfdlink {
  font: bold 60%;			/* 文字スタイル [太字 サイズ] */
  letter-spacing: 0.5px;	/* 文字間隔 */
  text-align: left;			/* 文字を左寄せ */
}
 /* リンク可な文字にマウスが乗る前 */
.hfdlink a {
  color: #999999;			/* 文字色 */
  text-decoration: none;	/* 下線なし */
}
 /* リンク可な文字にマウスが乗ったとき */
.hfdlink a:hover {
  color: #ff7099;				/* 文字色 */
  text-decoration: underline;	/* 下線の表示 */
}