@charset "UTF-8";

/* ================================================================ *
	トップページ設定用 CSS
	
	この CSS ではトップページ専用の設定を行っています。
 * ================================================================ */
 
 /* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

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

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

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

#sidenavi_top ul {
  /* --- マージンを設定してください --- */
    margin: 0 15px 10px 0;
  /* --- パディングを設定してください --- */
    padding: 0;
}

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

#sidenavi_top ul li.topmenu01 {
  /* --- パディングを設定してください（短縮プロパティでの設定です） --- */
    padding: 5px 10px 5px 20px;
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
    background: #FFFDF6 url(img/arrow01.gif) no-repeat 5px 7px;
  /* --- リストの境界線を設定してください（短縮プロパティでの設定です） --- */
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

/* 配置の基準の設定 */
#main_top {
  position: relative;
}

/* サイドメニューは絶対配置 */
#sidenavi_top {
  position: absolute;
  right: 0;
}