@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ================================================================ *
	design.css
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */

body {
  /* --- 基本的な前景色（文字色）を設定 --- */
  color: #333333;
  /* --- 背景を設定（短縮プロパティ）--- */
  background: #FFFFFF url(img/bg2.jpg); 
}

#container {
  /* --- 内容部分の背景を設定 --- */
  background: transparent;
  /* --- ドキュメント本体の幅を設定 --- */
  /* Note：百分率指定も可能 */
  width: 760px;
  /* --- ドキュメント本体の位置を設定 --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景を設定（短縮プロパティ） --- */
  background: transparent;
/*  background: #330000; */
  /* --- マージンを設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定 --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定
 * ---------------------------------------------------------------- */

#navi {
  /* --- 背景を設定（短縮プロパティ） --- */
  background: #FFFFFF url(img/bg2.gif) repeat-x;
  /* --- マージンを設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定 --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，上下パディングに正の値を指定 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  /* --- 必要に応じて、ボックスの下線を設定（短縮プロパティ） --- */
  /* border-bottom: 1px solid #EEEEEE; */
}

#navi ul {
  /* --- マージンを設定 --- */
  margin: 0;
  /* --- パディングを設定 --- */
  padding: 0;
  /* --- 高さを設定 --- */
  height: 30px;
}

#navi ul li {
  /* --- マージンを設定 --- */
  margin: 0;
  /* --- パディングを設定 --- */
  padding: 0;
  /* --- 横並びにさせるためにフロートを指定 --- */
  float: left;
}

#navi ul li a {
  margin: 0;
  padding: 6px 20px 5px 20px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域を
    テキスト部分だけでなくボックス単位とするためには display: block;と指定 --- */
  display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定（短縮プロパティ） --- */
  border-right: 1px solid #CCCCCC;
  /* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定（短縮プロパティ） --- */
  /* border-bottom: 0px solid #FFFFFF; */
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定（短縮プロパティ） --- */
  background: url(img/bg.png) repeat-x;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定 --- */
  font-weight: bold;
}

#navi a:hover {
  /* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定（短縮プロパティ） --- */
  /* border-bottom: 1px solid #666666;  *?
  /* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定（短縮プロパティ） --- */
  /* Note：16×16 ピクセル以下のものを使用。背景色をあわせて指定している場合は、透過処理されている画像が必要 */
  background: #CC9966;
  /* 通常のリンクテキストでテキストに下線がついてしまう。テキスト下線は不要なためここで指定して上書き */
  text-decoration: none;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  /* --- 背景を設定（短縮プロパティ）--- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：この要素のマージン・パディングは，その有無と値によって
           複雑な折りたたみを生じます。複雑なカスタマイズをしない
           限り，以下を「すべて 0」にしておく。 */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定 --- */
  padding-top: 0;
  padding-bottom: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
  /* --- 背景を設定（短縮プロパティ）--- */
  background: #FFFFFF;
  /* --- マージンを設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定 --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合、上下パディングは正の値を指定 */
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 0;
  padding-left: 1em;
  /* --- 枠線の太さ・線種・色を設定（短縮プロパティ） --- */
  border: 15px solid #EEEEEE;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

.contents img.fig {
  /* --- 画像をどちらに回り込ませるか設定 --- */
  /* Note：left（左）または right（右）を指定；この指定によって以降のマージンの指定方法が異なる */
  float: left;
  /* --- 画像のマージンを設定 --- */
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，「right」のとき→右マージン 0 とする */
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- 背景を設定（短縮プロパティ）--- */
  background: #FFFFFF;
  /* --- マージンを設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定
 * ---------------------------------------------------------------- */

#footer {
  /* --- 背景を設定（短縮プロパティ）--- */
/*  background: transparent url(img/logo_tomo48.jpg) no-repeat right top; */
  background: transparent;
  /* --- テキストのセンタリング --- */
  text-align:center;
}

#footer ul {
/*    margin-bottom: 4px;  */
    padding: 15px 0px 20px 0px;
  /* --- フッタメニュー左端の罫線の太さ・線種・色を設定（短縮プロパティ） --- */
  /* border-left: 1px solid #CCCCCC; */
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定（短縮プロパティ） --- */
  /* border-right: 1px solid #CCCCCC; */
  /* --- 横並びリストのリストマーカ画像を設定 --- */
  /* Note：16×16 ピクセル以下のものを使用 */
  background-image: none;
}

/* Flashを設置するエリア */
.class-flash {
  /* flort clear */
	clear: both;
  background: #110000;
}