@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 #c8c8c8;
  border-right: 1px solid #c8c8c8;
  
}

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

#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #FFFFFF url(../img/header.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;
}


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

#main {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  background: tranparent;
  /* --- マージンを設定してください --- */
  margin: 0 0 0 200px;
  padding: 0px;
}

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

#sidenavi {
	/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：ここでの背景設定はメニュー部分の内容がある部分にしか適用
           されません。サイドメニュー部分全体に背景を適用させる場合は
           コンテンツコンテナの背景として，サイドメニュー部分の背景を
           作ってください */
  background: #FFFFFF;
	/* ★ --- メニューの幅を設定してください --- */
  width: 200px;
	/* ★ --- メニューを左右どちらに寄せるか設定してください -- */
  /* Note：左に寄せる場合は，「left: 0; right: auto;」，右の場合は
           「left: auto; right: 0;」です */
  left: 0;
	/* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0;
	padding-bottom: 0;
	right: auto;
	z-index: 1;
	float: left;
	height: auto;
}
#ad_txt {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c8c8c8;
	width: 195px;
	padding-top: 5px;
	padding-left: 5px;
}


/* Note：バグ回避のため，同じ値での指定を 2 回行ってください */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}

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

#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/menu_title.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;
}

#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;
}



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

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

#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;
}

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


#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;
}

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

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

#navipresent li {
	display: block;
	width: 200px;
	height: 47px;
	margin: 0px;
	padding: 0px;
}

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


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


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

#footer {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;

}


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

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


/* Acrobatリーダーのご利用についての設定 */

#pdf {
  margin: 5px 0 3px 15px;
  padding: 5px 0 3px 15px;
}