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

/* ================================================================ *
	Web Designing 2007/10
	テンプレート C：3 カラム型
	カスタマイズ CSS
	
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
	「★」が付されている設定項目は相互に依存します。注意して
	設定してください。
 * ================================================================ */

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

body {
	color: #236081;
	background: url(../img/bg.gif) repeat-x;
}

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

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

#header {
	/* --- マージンを設定してください --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが
           生じます */
  margin: 0;
  margin-bottom: 0;
	/* --- パディングを設定してください --- */
  padding: 27px 0 27px 19px;
  background: url(../img/header_bg.gif) no-repeat;
}

/* ---------------------------------------------------------------- *
	日本語・英語の部分の設定です
 * ---------------------------------------------------------------- */

#lang {
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはコンテンツの上マージンとの折りたたみが
           生じます */
  margin: 0 15px 10px 0;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding: 4px 2px 2px 2px;
  text-align:right;
  font-weight:bold;
  color:#FFFFFF;
  font-size:90%;
}

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

#navi {
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはコンテンツの上マージンとの折りたたみが
           生じます */
  margin: 0 5px 2px 0;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding: 4px 2px 0px 2px;
  text-align:right;
  font-size:80%;
}

/* ---------------------------------------------------------------- *
	トップページ　ロゴ部分の設定です
 * ---------------------------------------------------------------- */

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

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

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

/* ---------------------------------------------------------------- *
	メインページの設定です
 * ---------------------------------------------------------------- */

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

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

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

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

#sidenavi ul li {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください（短縮プロパティでの設定です） --- */
    padding: 5px 10px 5px 20px;
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
    background: #fff url(../img/sq_arrow.gif) no-repeat 5px 7px;
  /* --- 背景画像でリストマーカを指定するため、リストの行頭につく印を消します --- */
    list-style-type: none;
}

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

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

.contents {
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
           マージンとの折りたたみが生じます */
  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
           マージンとの折りたたみが生じます */
  margin: 0 0 15px 5px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding: 0;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  
}

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

#sidebox {
  background: transparent;
  /* ★ --- サイドコンテンツの幅を設定してください --- */
  width: 364px;
  margin:0 15px 0 0;
}

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

/* Note：通常の画像のみボックスから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* margin-top: 3px; */
  /* margin-bottom: 3px; */
  float: right;
  margin: 0 0 10px 10px;
  line-height:1.35em;
  color:#151515;
  width:178px;
  font-size:70%;
}
#sidebox .imgbox .fig {  
  /* --- 画像のマージンを設定してください --- */
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0 としてください */
  margin: 0 0 10px 0;
}

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

#footer {
  /* --- マージンを設定してください --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じます */
  margin: 0;
  /* --- パディングを設定してください --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定してください */
  padding: 2em 0 1em 156px;
}
#footer .title{
  border-bottom: 1px solid #7fc7ef;
  padding:0 0 5px 8px;
  margin:0 0 10px 0;
}
#footer .left{
	float:left;
	margin:0;
	padding:0 0 0 25px;
	line-height:1.3em;
}

#footer .right{
	float:right;
	line-height:1.3em;
	width:386px;
	margin:0 0 25px 0;
}
/*
#footer ul {
	margin-bottom: 4px;
    padding: 5px 0 0 0;
}
#footer ul li {
  margin: 0;
  padding: 0 5px 0 0;
  background-image: none;
}
#footer ul li a{
	color:#236081;
}
*/