@charset "UTF-8";

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

#main_top {
  /* ★ --- レイアウト調整：サイドメニューの設定に応じて設定 --- */
  /* Note：サイドメニューを左に配置した場合，padding-left をサイド
           メニューの幅＋マージンとし，padding-right を 0 として
           ください；右に配置した場合，左右パディングを逆に読み替えて
           ください */
  padding-left: 10px;
  padding-right: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  background: tranparent;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはフッタの上マージンとの折りたたみが生じます */
  margin-top: 0;
  margin-bottom: 0;
  width:800px;
}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */
 
.contents_top {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
           マージンとの折りたたみが生じます */
  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
           マージンとの折りたたみが生じます */
  margin-top: 0;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;

}


/* ---------------------------------------------------------------- *
	各コンテンツへのボタン部分の設定です
 * ---------------------------------------------------------------- */

ul#thumbslist {
  /* ★--- マージンを設定してください --- */
  margin: 0;
  /* ★--- パディングを設定してください --- */
  padding: 0;
  padding-top:0px;
  padding-left:5px;
}

ul#thumbslist li {
  /* --- 各ボタンのレイアウトのための、大きさ設定 --- */
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: none;
  /* Note:サムネイルのリストアイテム（サムネイルとキャプションを囲むボックス）に関する設定です。 */
  /* ★--- マージンを設定してください --- */
  /* Note:float:left;をすでに設定しているため、左方向のマージンは0にし、右方向のマージンでリスト同士の間隔を調整してください */
  margin-right: 4px;
  margin-top:5px;
  margin-bottom: 0px;
  /* ★--- パディングを設定してください --- */
  /* Note:このオブジェクトはフロートさせるため、0と設定し、余白はさらに内側のボックスで設定いただくことをおすすめします */
  padding: 0;
  /* ★--- ボックスの幅と高さを設定してください --- */
  /* Note：ボックスからはみ出す分は出力されません；内容の量にに対して
           余裕をもって設定してください */
  width: 251px;
  height: 117px;
  /* ★--- 枠線の幅・線種・色を設定してください（短縮プロパティでの設定です）--- */
  border: none;
/* ★Note:（このボックスの幅[width]＋左右線幅[border]＋右マージン[margin]）x １列のボックスの数　で算出される寸法が、#mainの横幅以内に収まるように設計してください */
}


ul#thumbslist li a {
  /* --- 各ボタンのリンク判定エリア設定 --- */
  height:102px;
  margin-left:0px;
  margin-right:0px;
  padding-top:2px;
  padding-left:10px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: nomal;
  color:#333333;
  text-align:left;
  text-decoration:none;
}


/* --- 各ボタンの背景画像 --- */

ul#thumbslist li.top01 a {
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/top_btn01.jpg) no-repeat;
}

ul#thumbslist li.top02 a {
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/top_btn02.jpg) no-repeat;
  padding-top:5px;
  padding-right:4px;
  text-align:right;
}

ul#thumbslist li.top03 a {
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/top_btn03.jpg) no-repeat;
  padding-top:5px;
}


/* --- 各ボタンのロールオーバーのアンダーラインを消す --- */

ul#thumbslist li a:hover {
  text-decoration:none;
}

/* --- 各ボタンのロールオーバーの背景画像 --- */

ul#thumbslist li.top01 a:hover {
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/top_btn01_f2.jpg) no-repeat;
  text-decoration:none;
}

ul#thumbslist li.top02 a:hover {
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/top_btn02_f2.jpg) no-repeat;
  text-decoration:none;
}

ul#thumbslist li.top03 a:hover {
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/top_btn03_f2.jpg) no-repeat;
  text-decoration:none;
}


ul#thumbslist li a strong {
/* --- 各ボタンのタイトルの設定 --- */
  color:#000000;
  font-size:120%;
  font-weight:bold;
}

ul#thumbslist li.top01 a:hover  strong {
  color: #002955;
}

ul#thumbslist li.top02 a:hover  strong {
  color: #00372B;
}

ul#thumbslist li.top03 a:hover  strong {
  color: #69310C;
}

.top_mm {
  padding-right: 5px;
  padding-left:0px;
  padding-top:0px;
  color:#000000;
}


ul#thumbslist li.top02 .top_mm {
  padding-right: 55px;
  padding-top:9px;
}