@charset "utf-8";						/* このファイルの文字コード指定 */

/* 擬似フレーム表示用 */

/* 基本クラス読み込み */
@import url(class.css);

/* 擬似フレーム基部設定1(表示領域中央) */
body {
  margin: 0;							/* マージンを初期化 */
  padding: 0;							/* パディングを初期化 */
  text-align: center;					/* IEでのオートマージン指定(IEのみここで指定しないと位置変更できない) */
  /*background-image : url(../images/backimage.gif);*/
  font-size : 11px;						/* 文字サイズ指定 */
}

/* 擬似フレーム基部設定2(divタグに設定すること) */
.innerframe #container {
  width: 750px;							/* 全体幅指定 */
  margin: 0 auto;						/* 枠を中央に */
  border: 1px solid #494949;				/* 枠の太さ、形状、色指定 */
  text-align: left;						/* 文字表示位置指定 */
  background-color : #FFFFFF;				/* 背景色指定 */
  overflow : hidden;					/* 表示しきれない領域は非表示とする */
}

/* 擬似フレーム基部設定2(文字中央寄せ。divタグに設定すること) */
.innerframe #container_c {
  width: 750px;							/* 全体幅指定 */
  margin: 0 auto;						/* 枠を中央に */
  border: 2px groove azure;				/* 枠の太さ、形状、色指定 */
  text-align: center;					/* 文字表示位置指定 */
  background-color : snow;				/* 背景色指定 */
  overflow : hidden;					/* 表示しきれない領域は非表示とする */
}

/* 擬似フレーム基部設定2(行間1.5文字。divタグに設定すること) */
.innerframe #container_l1_5 {
  width: 750px;							/* 全体幅指定 */
  margin: 0 auto;						/* 枠を中央に */
  border: 2px groove azure;				/* 枠の太さ、形状、色指定 */
  text-align: left;						/* 文字表示位置指定 */
  line-height: 1.5em;					/* 行間設定 */
  background-color : snow;				/* 背景色指定 */
  overflow : hidden;					/* 表示しきれない領域は非表示とする */
}

/* 擬似フレーム基部設定3(フレーム背景が必要場合。divタグに設定すること) */
.innerframe #container_backbox {
  width: 750px;							/* 全体幅指定 */
  margin-top:20px;							/* 全面表示指定 */
  background-image : url(../images/boxback.jpg);
  background-color : snow;				/* 背景色指定 */
}

/* 擬似フレーム(サイトロゴ&ナビゲーションバー)(divタグに設定すること) */
.innerframe #navi {
  padding: 0;						/* 上下、左右のパディング設定 */
  height : 100px;						/* 表示高さ指定 */
/* IEデフォルトでは背景が印刷されずロゴが印刷されないので変更する 2009.05.28. */
/*
  background-image : url(../images/mainbacklogo.jpg);
*/
  background-position : top;			/* 背景画像表示位置設定 */
  background-repeat : no-repeat;		/* 背景画像表示方法設定 */
}

/* 擬似フレーム(ヘッダ)(divタグに設定すること) */
.innerframe #header {
  padding: 0;						/* 上下、左右のパディング設定 */
  background-color : snow;				/* 背景色設定 */
}

/* 擬似フレーム(ヘッダ)見出し1 (h1タグ専用) */
/* All inner elements setting padding */
.innerframe #header h1 {
  margin: 0;							/* 親領域に対するマージン設定 */
  padding: 0;						/* 上下、左右のパディング設定 */
}

/* 擬似フレーム(左側メニュー)(divタグに設定すること) */
.innerframe #sidebar1 {
  display : block;						/* 領域のモード指定(高さを指定するため) */
  float: left;							/* 表示回り込み設定(左寄せ表示とする) */
  width: 145px;							/* 領域幅指定 */
  height : 600px;						/* 領域最低高さ設定 */
  padding: 0;						/* 上下、左右のパディング設定 */
  background-image : url(../images/sideback.jpg);
  background-position : right top;		/* 背景画像の位置設定 */
  background-repeat : no-repeat;		/* 背景画像の表示方法設定 */
  background-color : #0059E7;			/* 背景色設定 */
}

/* 擬似フレーム(左側メニュー)水平線、段落(hrタグとpタグにのみ影響) */
/* All inner elements setting left & right margin */
.innerframe #sidebar1 hr, .innerframe #sidebar1 p {
  margin-left: 2em;						/* 左マージン設定 */
  margin-right: 2em;					/* 右マージン設定 */
}

/* 擬似フレーム(メニューなし、マージンなしFlash領域作成)(divタグに設定すること) */
.innerframe #flashBlock {
  margin-top : 20px;						/* 上下、左右のマージン設定 */
  padding: 0;						/* 上下、左右のパディング設定 */
  height : 200px;						/* 表示高さ指定 */
}

/* 擬似フレーム(右側本文表示)(divタグに使用すること) */
.innerframe #mainContent {
  margin: 0 1.5em 0 170px;				/* マージン設定(上、右、下、左) */
  padding: 0 0;							/* 上下、左右のパディング設定 */
  background-color : transparent;		/* 背景色設定 */
  height:auto;
}

/* 擬似フレーム(メニューなし、本文のみ全面表示)(divタグに使用すること) */
.innerframe #mainBlock {
/* no use "sidebar1" */
  margin: 0 1.5em;				/* マージン設定(上下、左右共通) */
  background-color : #FFFFFF;				/* 背景色設定 */
}

/* 擬似フレーム(フッタ)(divタグに使用すること) */
.innerframe #footer {
  clear: both;							/* 回り込み全解除 */
  padding: 0;						/* 上下、左右のパディング設定 */
  background-color : snow;				/* 背景色設定 */
  font-size : 11px;						/* 文字サイズ設定(IE対策でここでの設定に変更) 2009.05.29. */
}

/* 擬似フレーム(フッタ)(Shift-JISページ専用。divタグに使用すること) 2009.05.29. */
.innerframe #footer_sjis {
  clear: both;							/* 回り込み全解除 */
  padding: 0;						/* 上下、左右のパディング設定 */
  background-color : snow;				/* 背景色設定 */
  font-size : 12px;						/* 文字サイズ(IE対策。IEのみUTF-8より小さく表示されるので) */
  width: 100%;
}

/* 擬似フレーム(フッタ)段落(pタグのみ影響) */
/* All inner elements setting padding */
.innerframe #footer p {
  padding: 0;						/* 上下、左右のパディング設定 */
  text-align: right;
}

/* 右側フロート表示(divタグに使用。内容を右寄せし、続くデータを左側に回りこませる) */
.fltrt {
  float: right;							/* 右寄せ設定 */
  margin-left: 2em;						/* 左マージン設定 */
}

/* 左側フロート表示(divタグに使用。内容を左寄せし、続くデータを右側に回りこませる) */
.fltlft {
  float: left;							/* 左寄せ設定 */
  margin-right: 2em;					/* 右マージン設定 */
}

/* フロート解除(brタグに使用。フロート表示の解除) */
.clearfloat {
  clear: both;							/* 回り込み全解除 */
  height: 0;							/* タグ高さ設定(表示しない) */
  font-size: 1px;						/* 文字サイズ設定(最小値) */
  line-height: 0px;						/* 行間設定(表示しない) */
}