@charset "UTF-8";



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

#main h1.index {
  margin-bottom:-5px;
}

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

#contents_index {
  /* --- 製品トップのみの設定です--- */
  background: url(img/00_bg.jpg) top right no-repeat;
  height:500px;
}

/* --- ie6のみ除外　 --- */
* html #contents_index {
  width:607px;
}

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

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: 371px;
  /* ★--- 枠線の幅・線種・色を設定してください（短縮プロパティでの設定です）--- */
  border: none;
/* ★Note:（このボックスの幅[width]＋左右線幅[border]＋右マージン[margin]）x １列のボックスの数　で算出される寸法が、#mainの横幅以内に収まるように設計してください */
}

ul#thumbslist li.top01 {
  height:137px;
}

ul#thumbslist li.top02 {
  height:82px;
}

ul#thumbslist li.top03 {
  height:107px;
}

ul#thumbslist li.top04 {
  height:82px;
}

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


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

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

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

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

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

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

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

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

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

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

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

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


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

ul#thumbslist li a:hover  strong {
  color: #FFF886;
}


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

h1.title {
  margin-bottom:20px;
}

.subtitle {
  background:url(img/subtitle.jpg) no-repeat top left;
  color:#FFFFFF;
  text-indent:1em;
  height:31px;
  padding-top:2px;
}


.subtitle_s {
  background:url(img/subtitle_s.jpg) no-repeat top left;
  color:#FFFFFF;
  text-indent:1em;
  height:31px;
  padding-top:2px;
}

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


ul.products {
  color:#083A8F;
  margin-top:20px;
}

ul.products_b {
  color:#000000;
  list-style:none;
  margin-left:5em;
  text-indent:-5em;
}

.caption {
  line-height:2.5em;
  font-size:10px;
}

table {
  margin-top:2em;
}

table tr {
  height:3em;
}