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

/* ================================================================ *
	kyoritz 2008/03
	カスタマイズ CSS
	
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。
	「★」が付されている設定項目は相互に依存します。
	注意して設定してください。
 * ================================================================ */

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

body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #333333;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
}

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

}

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

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

#header h1 {
  margin-top: 0;
  margin-bottom: 0;

}

#header p {
  float: right;
  margin: -60px 3px 0px 0px;
}


/* ---------------------------------------------------------------- *
	トップページコンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#mainbox {
  /* ★ --- レイアウト調整：左右カラムの設定に応じて設定 --- */
  /* Note：padding-left をサイドメニューの幅＋マージンとし，
           padding-right をサイドコンテンツの幅＋マージンとして
           ください */
  padding-left: 200px;
  padding-right: 170px;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  background: tranparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  width: 620px;
}


#mainbox .imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 6px;
  text-align: center;
}

div .txtleft {
  text-align: left;
}

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

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


#navititle ul {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください --- */
    padding: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
    list-style: none;
    text-indent: -9999px;
}

#navititle li {
  display: block;
  width: 200px;
  height: 32px;
}

#navititle .contentsmenu{
  text-decoration: none;
  color: #ff0000;
  background: #ffffff url(img/contentsmenu.jpg) no-repeat;
}



#navilist ul {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください --- */
    padding: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
    list-style: none;
    text-indent: -9999px;
}

#navilist li, #navilist a {
  display: block;
  width: 200px;
  height: 48px;
}

#navilist a {
  text-decoration: none;
  color: #ff0000;
  background: #ffffff url(img/menu.jpg) no-repeat;
}

#navi02 a {
  background-position: 0 -48px;
}

#navi03 a {
  background-position: 0 -96px;
}

#navi04 a {
  background-position: 0 -144px;
}

#navi05 a {
  background-position: 0 -192px;
}

#navi06 a {
  background-position: 0 -240px;
}

#navi07 a {
  background-position: 0 -288px;
}

#navi08 a {
  background-position: 0 -336px;
}

#navi09 a {
  background-position: 0 -384px;
}

#navi10 a {
  background-position: 0 -432px;
}




























#navi01 a:hover {
  background-position: -200px 0px;
}

#navi02 a:hover {
  background-position: -200px -48px;
}

#navi03 a:hover {
  background-position: -200px -96px;
}

#navi04 a:hover {
  background-position: -200px -144px;
}

#navi05 a:hover {
  background-position: -200px -192px;
}

#navi06 a:hover {
  background-position: -200px -240px;
}

#navi07 a:hover {
  background-position: -200px -288px;
}

#navi08 a:hover {
  background-position: -200px -336px;
}

#navi09 a:hover {
  background-position: -200px -384px;
}

#navi10 a:hover {
  background-position: -200px -432px;
}























#subnavilist ul {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください --- */
    padding: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
    list-style: none;
    text-indent: -9999px;
}

#subnavilist li, #subnavilist a {
  display: block;
  width: 200px;
  height: 32px;
}

#subnavilist a {
  text-decoration: none;
  color: #ff0000;
  background: #ffffff url(img/submenu.jpg) no-repeat;
}

#subnavi02 a {
  background-position: 0 -32px;
}

#subnavi03 a {
  background-position: 0 -64px;
}

#subnavi04 a {
  background-position: 0 -96px;
}

#subnavi05 a {
  background-position: 0 -128px;
}

#subnavi06 a {
  background-position: 0 -160px;
}


#subnavi01 a:hover {
  background-position: -200px 0px;
}

#subnavi02 a:hover {
  background-position: -200px -32px;
}

#subnavi03 a:hover {
  background-position: -200px -64px;
}

#subnavi04 a:hover {
  background-position: -200px -96px;
}

#subnavi05 a:hover {
  background-position: -200px -128px;
}

#subnavi06 a:hover {
  background-position: -200px -160px;
}

#navipresent ul {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください --- */
    padding: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
    list-style: none;
    text-indent: -9999px;
}

#navipresent li {
  display: block;
  width: 200px;
  height: 48px;
}

#subnavipresent ul {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください --- */
    padding: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
    list-style: none;
    text-indent: -9999px;
}

#subnavipresent li {
  display: block;
  width: 200px;
  height: 32px;
}



/* ---------------------------------------------------------------- *
	サイドコンテンツ領域の設定です
 * ---------------------------------------------------------------- */

#sidebox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドコンテンツ領域内のそれぞれのコンテンツに背景色を
           指定してもよいでしょう */
  background: transparent;
  /* ★ --- サイドコンテンツの幅を設定してください --- */
  width: 170px;

}


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

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

/* ---------------------------------------------------------------- *
	サイドボックス内のコンテンツの設定です
 * ---------------------------------------------------------------- */

/* Note：中カラムのコンテンツから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #F2F2F2;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* Note：ボックス内の最初のボックスの上マージンは折りたたまれない
           ので，「0」を指定することをおすすめします */
  margin-top: 0;
  /* margin-bottom: 3px; */
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  /* padding-top: 1em; */
  /* padding-right: 1em; */
  /* padding-bottom: 1em; */
  /* padding-left: 1em; */
}


/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
}

.topimgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin: 0 0 0 200px;
  padding: 0;
}


/* ---------------------------------------------------------------- *
	サイドボックス内の画像のみボックスの設定です
 * ---------------------------------------------------------------- */

/* Note：通常の画像のみボックスから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* margin-top: 3px; */
  /* margin-bottom: 3px; */
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

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

/* ページトップリンクの設定です */

#pagetop {
  float: right;  
  /* --- マージンを設定してください --- */
  margin: 0 5px 5px 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  clear: both;
  
}