@charset "UTF-8";

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

#main {
  /* サイドメニュー設置のための、背景のみの設定です --- */
  /* レイアウト等の設定は、design.cssを利用してください */
  background: url(../img/bg_sidenavi_b.jpg) no-repeat 10px bottom;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です
 * ---------------------------------------------------------------- */

#sidenavi {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：ここでの背景設定はメニュー部分の内容がある部分にしか適用
           されません。サイドメニュー部分全体に背景を適用させる場合は
           コンテンツコンテナの背景として，サイドメニュー部分の背景を
           作ってください */
  background: url(../img/bg_sidenavi_t.jpg) no-repeat 10px top;
  /* ★ --- メニューの幅を設定してください --- */
  width: 170px;
  /* ★ --- メニューを左右どちらに寄せるか設定してください -- */
  /* Note：左に寄せる場合は，「left: 0; right: auto;」，右の場合は
           「left: auto; right: 0;」です */
  top: auto;
  left: 0;
  right: auto;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 10px;
  padding-bottom: 0;
  /* --- 絶対配置することによって左サイドバーが選択できなくなってしまうため、他のカラムより上のレイヤーに配置する設定です --- */
  z-index: 1;
}

#sidenavi ul {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください --- */
    padding: 8px;
	padding-left:19px;
	padding-right:0px;
}

#sidenavi ul li {
    /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 背景画像でリストマーカを指定するため、リストの行頭につく印を消します --- */
  list-style-type: none;
}

#sidenavi ul li.title {
  /* --- sidenaviのタイトル --- */
  font-weight:bold;
  text-align:center;
  padding-right:10px;
  padding-bottom:7px;
}


#sidenavi ul li.current {
  /* --- sidenaviの現在いるページ --- */
  margin: 0;
  height:45px;
  padding-top:5px;
  padding-left:5px;
  text-align:left;
  font-weight: bold;
  display: block;
  background: url(../img/btn_side_navi_f2.jpg) no-repeat 1px 1px;
  text-decoration: none;
  color:#FFF886;
}


#sidenavi ul li.current.long {
  height:80px;
  background: url(../img/btn_side_navi_l_f2.jpg) no-repeat 1px 1px;
}

#sidenavi ul li.current.long2 {
  height:65px;
  background: url(../img/btn_side_navi_l2_f2.jpg) no-repeat 1px 1px;
}

#sidenavi ul li a {
  margin: 0;
  height:45px;
  padding-top:5px;
  padding-left:5px;
  text-align:left;
  
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/btn_side_navi.jpg) no-repeat 1px 1px;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: nomal;
  color:#333333;
}


#sidenavi ul li a.long {
  height:80px;
  background: url(../img/btn_side_navi_l.jpg) no-repeat 1px 1px;
}

#sidenavi ul li a.long2 {
  height:65px;
  background: url(../img/btn_side_navi_l2.jpg) no-repeat 1px 1px;
}

#sidenavi a:hover {
  /* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
  /* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
  background: url(../img/btn_side_navi_f2.jpg) no-repeat 1px 1px;
  /* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  text-decoration: none;
  color:#FFF886;
}


#sidenavi a:hover.long {
  background: url(../img/btn_side_navi_l_f2.jpg) no-repeat 1px 1px;
}

#sidenavi a:hover.long2 {
  background: url(../img/btn_side_navi_l2_f2.jpg) no-repeat 1px 1px;
}

#sidenavi ul li.single {
  /* --- パディングを設定してください --- */
  line-height: 2.5em;
}


#sidenavi ul li.single_com {
  /* --- パディングを設定してください --- */
  line-height: 2.5em;
  text-indent:20px;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}