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

/* ================================================================ *
「★」が付されている設定項目は相互に依存します。注意して設定。
 * ================================================================ */

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

body {
/* --- 基本的な前景色（文字色）を設定 --- */
	color: #333;
/* --- 背景を設定（短縮プロパティ）--- */
	background: #fff;
}

#container {
/* --- 内容部分の背景を設定 --- */
/* Note：内容部分の背景を透明にしたり、透過 GIF を利用したりして
	 背景に変化をつけることができます */
	background: transparent;
/* --- ドキュメント本体の幅を設定してください --- */
/* Note：百分率指定も可能です */
	width: 900px;
/* --- ドキュメント本体の位置を設定 --- */
/* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
	margin: 0 auto;
/* --- ウインドウ幅を縮めた場合でも最低限の読みやすさを確保できる寸法を設定 */
/* Note：IE6ではこのプロパティは無効 */
	/* min-width: 900px; */
}

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

#header {
/* --- 背景を設定（短縮プロパティ） --- */
	background: #fff;
/* --- マージンを設定 --- */
/* Note：下マージンはナビゲーションの上マージンと折りたたみが生じます */
	margin-top: 0;
	margin-bottom: 0;
/* --- パディングを設定 --- */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

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

#navi {
	clear: both;
/* --- 背景を設定（短縮プロパティ） --- */
	background: #fff url(../img/bg.png) repeat-x;
/* --- マージンを設定 --- */
/* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
/* Note：下マージンはコンテンツの上マージンとの折りたたみが生じます */
	margin-top: 0;
	margin-bottom: 0px;
/* --- パディングを設定 --- */
/* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合
	 上下パディングには正の値を指定してください */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
/* --- 必要に応じて、ボックスの下線を設定（短縮プロパティ） --- */
	border-bottom: 1px solid #eee;
}

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

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

#navi ul li a {
	margin: 0;
	padding: 6px 20px 5px 20px;
/* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定 --- */
	display: block;
/* --- クリッカブル領域を幅・テキスト配置指定 --- */
	width: 109px;
	text-align: center;
/* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定（短縮プロパティでの設定） --- */
	border-right: 1px solid #ccc;
/* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定（短縮プロパティでの設定） --- */
	border-bottom: 5px solid #c9171e;/* 深緋 こきひ */
/* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定（短縮プロパティでの設定） --- */
	background: url(../img/bg.png) repeat-x;
/* --- ナビゲーション１項目あたりのフォントの太さを指定 --- */
	color: #999;
	font-weight: bold;
}

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

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

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


#main .linkto{
/* --- 背景を設定（短縮プロパティ） --- */
	background: #fff url(../img/sq_arrow.gif) no-repeat 5px 7px;
}

#main .ind0{
	margin-left: 2.0em;
}

#main .ind2{
	margin-left: 2.0em;
}

#main .ind4{
	margin-left: 4.0em;
}


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

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

#sidenavi ul {
/* --- マージンを設定 --- */
		margin: 0;
/* --- パディングを設定 --- */
		padding: 1px;
/* --- 背景を設定（短縮プロパティ）--- */
		background:#eee;
}

#sidenavi ul li {
	display: block;
/* --- マージンを設定してください --- */
	margin: 0;
/* --- パディングを設定（短縮プロパティ） --- */
	padding: 0px;
/* --- リストの境界線を設定（短縮プロパティ） --- */
	border-bottom: 1px solid #eee;
/* --- 背景を設定（短縮プロパティ） --- */
	background: #fff url(../img/sq_arrow.gif) no-repeat 5px 7px;
/* --- 背景画像でリストマーカを指定の為、リストの行頭につく印を消す --- */
	list-style-type: none;
}
#sidenavi ul li a {
	display: block;
	margin: 0;
	padding: 5px 20px 5px 25px;
	background: #fff url(../img/sq_arrow.gif) no-repeat 5px 7px;
	text-decoration: none;
}
#sidenavi ul li a:hover {
	display: block;
	margin: 0;
	padding: 5px 20px 5px 25px;
	background: #eee url(../img/sq_arrow.gif) no-repeat 5px 7px;
	text-decoration: none;
}
#sidenavi ul li a:active {
	display: block;
	padding: 5px 20px 5px 25px;
	margin: 0;
	background: #eee url(../img/sq_arrow.gif) no-repeat 5px 7px;
	text-decoration: none;
}


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

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

.contents {
/* --- 背景を設定（短縮プロパティ）--- */
	background: #fff;
/* --- マージンを設定 --- */
/* Note：上マージンはヘッダの下マージン，
	 直上のコンテンツの下マージンとの折りたたみが生じます */
/* Note：下マージンは直下のコンテンツの上マージン
	 フッタの上マージンとの折りたたみが生じます */
	margin-top: 0;
	margin-bottom: 0px;
/* --- パディングを設定 --- */
/* Note：コンテンツ部分に上下マージンを持つものが含まれる場合
	 上下パディングには正の値を指定 */
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
/* --- 枠線の太さ・線種・色を設定（短縮プロパティ） --- */
	/* border: 1px solid #eee; */
}

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

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

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

.imgbox {
/* --- 背景を設定（短縮プロパティ）--- */
	background: #fff;
/* --- マージンを設定 --- */
/* Note：上下マージンの折りたたみに注意 */
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

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

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

}

#footer ul {
		margin-bottom: 4px;
		padding: 0;
/* --- フッタメニュー左端の罫線の太さ・線種・色を設定（短縮プロパティ） --- */
		border-left: 1px solid #ccc;
}

#footer ul li {
	margin: 0;
	padding: 0 5px;
/* --- フッタメニュー右側の区切り線の太さ・線種・色を設定（短縮プロパティ） --- */
	border-right: 1px solid #ccc;
/* --- 横並びリストのリストマーカ画像を設定 --- */
/* Note：16×16 ピクセル以下のものを使用 */
	background-image: none;
}