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



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

.clearAll {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clFloatLeft {float: left;}
.clFloatRight {float: right;}

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

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

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

#inContainer { display: inline-block; }

/* Hides from IE-mac \*/
* html #inContainer { height: 1%; }
#inContainer { display: block; }
/* End hide from IE-mac */

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

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

}


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

#navi {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #FFFFFF url(img/bg.png) repeat-x;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 10px;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  /* --- 枠を設定してください --- */
  border-top: none;
  border-bottom: 1px solid #EEEEEE;
}


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

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

}

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

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

/* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避
         します。以降，指示に従って同じ値での指定を 2 回続けて
         ください。 */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 6px;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 6px;
}

#sidenavi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#sidenavi { display: inline-block; }

/* Hides from IE-mac \*/
* html #sidenavi { height: 1%; }
#sidenavi { display: block; }
/* End hide from IE-mac */

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

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

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

.contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 15px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0.7em;
  padding-right: 0.5em;
  padding-bottom: 0.7em;
  padding-left: 0.5em;
  /* --- 枠線を設定してください --- */
  border-top: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
}
.contentsHude {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF url(../img/hude.gif) no-repeat top left;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 15px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 26px;
  /* --- 枠線を設定してください --- */
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;

}
.contentsImgNoflot {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 15px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 0.7em;
  /* --- 枠線を設定してください --- */
  border-top: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
}
/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

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

.contents dt {
	color: #666;font-weight: bold;
	border-left: solid #3DA4CB 10px;
	padding-left: 5px;
}
.contents dd {
  background: url(../img/dd_uri.gif) no-repeat center left;
	font-size: 14pt;
	padding-left: 22px;
	margin-left: 20px;
	margin-bottom: 20px;
}
/* ---------------------------------------------------------------- *
	サイドボックス内のコンテンツの設定です
 * ---------------------------------------------------------------- */

/* 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; */
}



.contentsBack {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* Note：ボックス内の最初のボックスの上マージンは折りたたまれない
           ので，「0」を指定することをおすすめします */
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
	font-size: 9pt;
	border: solid #b3b3b3 1px;
	padding: 1em 1em 1em 1em;
	margin-left: 8px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 8px;
}


h2.titlehed {
	background: url(../img/blocktitle.jpg) top left;color: #FFFFFF;text-align: center;
	padding-top: 1px;
	margin-bottom: 0px;

}

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

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


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

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


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

#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF url(../img/footer-back.gif) repeat-y top left;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定してください */
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 1em;
}

#footer ul li {
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
}


/* ---------------------------------------------------------------- *
	Webform用のテーブル設定です
 * ---------------------------------------------------------------- */

table.webformTable {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 96%;	border: solid #E0E0E0 1px;
	margin-left: 5px;
	margin-bottom: 5px;
}
table.webformTable caption {
	text-align: center;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 12pt;
	background: #999999;	border-top: solid #E0E0E0 1px;
	border-right: solid #E0E0E0 1px;
	border-left: solid #E0E0E0 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
}
table.webformTable th {
	text-align: center;
	background: #EEEEEB;
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
	padding: 4px 4px 4px 4px;	border: solid #E0E0E0 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
}
table.webformTable td {
	text-align: left;
	font-size: 10pt;
	padding: 5px 3px 5px 5px;	border: solid #E0E0E0 1px;
}

table.webformTable thead {background: #FFFFF0;}
table.webformTable tbody {background: #ffffff;}
table.webformTable tfoot {background: #FFFFF0;}

table.webformTable img {
	position: static;
}