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


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

body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #333333;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #DAE3F4 url(../img/bg_top.jpg) top left repeat-x;
}

#body_bottom {
  background: url(../img/bg_bottom.jpg) bottom left repeat-x;
}

#container {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: url(../img/bg_main.jpg) repeat-y;
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 820px;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}

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

#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: url(../img/bg_hedder.jpg);
  /* --- マージンを設定してください --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが
           生じます */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 25px;;
  padding-bottom: 0;
  padding-left: 25px;
  height:67px;
}

#hedder_navi {
  float:right;
  text-align:right;
}

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

#hedder_navi ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  padding-top:13px;
  /* --- 高さを設定してください --- */
  height: 1.5em;
}

#hedder_navi ul li {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 横並びにさせるためにフロートを指定してください --- */
  float: left;
  list-style:none;
}

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

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

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

#navi {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: url(../img/bg_g_navi.jpg) no-repeat 0px 5px;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはコンテンツの上マージンとの折りたたみが
           生じます */
  margin-top: 0;
  margin-bottom: 10px;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 13px;
  padding-right: 7px;
  padding-bottom: 0;
  padding-left: 14px;
  height:34px;
}

#navi ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 高さを設定してください --- */
  height: 2.5em;
}

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

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

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

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

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

/* ---------------------------------------------------------------- *
	ページトップ部分の設定です
 * ---------------------------------------------------------------- */
 
.page_top {
  clear:both;
  text-align:right;
  margin-right:14px;
  padding-right:14px;
  padding-bottom:20px;
  background: url(../img/btn_page_top.jpg) right 1px no-repeat;
}

html>/**/body .page_top { 
    background: url(../img/btn_page_top.jpg) right 4px no-repeat;
}

.page_top a,a:hover {
  color: 009b7b;
  text-decoration:none;
}
/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: url(../img/bg_footer.jpg) no-repeat right bottom;
  /* --- マージンを設定してください --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じます */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定してください */
  padding-left:25px;
  height:137px;
}

#footer address {
  padding-top:22px;
  margin-bottom:17px;
  color:#FFFFFF;
  font-style: normal;
}

#footer h1 {
  font-size:135%;
  font-weight:bold;
  color:#000000;
}

#footer p {
  line-height:1.2em;
  color:#000000;
}