@charset "shift_jis";
@import url(common.css);
@import url(textsettings.css);

/* ================================================================ *
この CSS を書き換えることでデザインレイアウトをカスタマイズ可能
「★」が付されている設定項目は相互に依存。注意して設定のこと。
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */
 
html { 
	overflow-y:scroll; /* スクロールバー常に表示 */
}

body {
/* --- 基本的な前景色（文字色）を設定 --- */
	color: #333;

/* --- 背景を設定（短縮プロパティ設定）--- */
	background: #fff;
}

#container {
/* --- 内容部分の背景を設定 --- */
/* Note：内容部分の背景を透明にしたり透過 GIFを利用したりして背景に変化可能 */

	background: transparent;

/* --- ドキュメント本体の幅を設定 --- */
/* Note：百分率指定も可能です */
	width: 900px;

/* --- ドキュメント本体の位置を設定 --- */
/* Note：「0」のみで左寄せ、「0 auto」でセンタリング */
	margin: 0 auto;
}

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

#header {
/* --- 背景を設定（短縮プロパティ設定） --- */
	background: #fff;

/* --- マージンを設定 --- */
/* Note：下マージンはナビゲーションの上マージンと折りたたみが生じます */
	margin-top: 0;
	margin-bottom: 0;

/* --- パディングを設定 --- */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

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

#navi {
/* --- 背景を設定（短縮プロパティ設定） --- */
	background: #fff url(../img/bg.png) repeat-x; 

/* --- マージンを設定 --- */
/* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
/* Note：下マージンはコンテンツの上マージンとの折りたたみが生じます */
	margin-top: 0;
	margin-bottom: 5px;

/* --- パディングを設定 --- */
/* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合、
	 上下パディングには正の値を指定 */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
/* --- 必要に応じて、ボックスの下線を設定（短縮プロパティ設定） --- */
	border: 1px solid #e8ece9; /* フロスティグレイ frosty gray */
}

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

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

#navi ul li a {
	margin: 0;
	padding: 6px 20px 5px 20px;
/* --- 以下はナビゲーション１項目あたりの設定 ---*/

/* --- クリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定 --- */
	display: block;
/* --- 右側の境界線の線種と色と太さを指定（短縮プロパティ設定） --- */
	border-right: 1px solid #ccc;
/* --- 下側の境界線の線種と色と太さを指定（短縮プロパティ設定） --- */
/*border-bottom: 5px solid #c3d825; 若草色 わかくさいろ*/
/* --- 背景画像とリピート方向を指定（短縮プロパティ設定） --- */
	background: url(../img/bg.png) repeat-x;
/* --- フォントの太さを指定 --- */
	font-weight: bold;
	color:black;
}

#navi a:hover {
/* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定（短縮プロパティ設定） --- */
/* border-bottom: 5px solid #c3d825; */

/* --- マウスオーバーした時の背景色と、横並びリストのリストマーカ画像を設定（短縮プロパティ設定） --- */
/* Note：16×16 pix以下のものを使用。背景色をあわせて指定の場合は、透過処理画像である必要有 */

	background: #dbebc4 url(../img/arrow.gif) no-repeat 3px 5px;
	/* アスパラガスグリーン asparagus greenn */
	color: black;

/* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ビゲーションのテキスト下線は不要なためここで指定して上書き */
	text-decoration: none;
}

#navi .active {
	/* border-bottom: 5px solid #c3d825; 若草色 わかくさいろ */
	background: #dbebc4 url(../img/arrow.gif) no-repeat 3px 5px;
	/* アスパラガスグリーン asparagus greenn */
	color: black;
	text-decoration: none;
}

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

#main {
	min-height: 700px;
	/* ★ --- レイアウト調整：左右カラムの設定に応じて設定 --- */
/* Note：padding-left をサイドメニューの幅＋マージンとし、
	 padding-right をサイドコンテンツの幅＋マージンとしてください */

	padding-left: 210px;
	padding-right: 0px;
	/* --- 背景を設定（短縮プロパティ設定）--- */
/* Note：サイドメニュー部分全体に背景を適用させるには、この部分で背景を指定しておく必要があります */
	background: tranparent;
	/* --- マージンを設定 --- */
/* Note：上下マージンの折りたたみに注意 */
	margin-top: 0;
	margin-bottom: 0;
}

* html #main {
	height: 620px;
}

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

#sidenavi {
/* --- 背景を設定（短縮プロパティ設定）--- */
/* Note：ここでの背景設定はメニュー部分の内容がある部分にしか適用されません。
	 サイドメニュー部分全体に背景を適用させる場合はコンテンツコンテナの
	 背景としてサイドメニュー部分の背景を作ります */
	background: #fff url(../img/bg.png) repeat-x;

/* ★ --- メニューの幅を設定 --- */
	width: 200px;

/* ★ --- メニューを左右どちらに寄せるか設定 -- */
/* Note：左に寄せる場合は、「left: 0; right: auto;」、
	 右の場合は「left: auto; right: 0;」 */
	top: auto;
	left: 0;
	right: auto;

/* --- パディングを設定 --- */
/* Note：コンテンツ部分に上下マージンを持つものが含まれる場合、
	 上下パディングには正の値を指定 */
	padding-top: 0;
	padding-bottom: 0;

/* --- 絶対配置することによって左サイドバーが選択できなくなるため、
	他のカラムより上のレイヤーに配置する設定 --- */
	z-index: 1;
}

#sidenavi ul {
/* --- マージンを設定 --- */
	margin: 0;

/* --- パディングを設定 --- */
	padding: 3px;

/* --- 背景を設定（短縮プロパティ設定）--- */
	background:#ddd;
}

#sidenavi ul li {

/* --- マージン設定 --- */
	margin: 0;

/* --- パディング設定（短縮プロパティ設定） --- */
	padding: 0;

/* --- リストの境界線設定（短縮プロパティ設定） --- */
	border-bottom: 1px solid #ddd;

/* --- 背景設定（短縮プロパティ設定） --- */
	background: #fff url(../img/bg.png) repeat-x;

/* --- 背景画像でリストマーカ指定、リストの行頭につく印を消します --- */
	list-style-type: none;
	display: block;

}

#sidenavi ul li a {
	margin:0;
	padding: 6px 20px 5px 20px;
	display: block;
	background:#fff url(../img/bg.png) repeat-x;
	text-decoration: none;

}

#sidenavi a {
	display: block;
	color:black;
	text-decoration: none;
}

#sidenavi a:hover {
	display: block;
	background: #555 url(../img/arrow2.gif) no-repeat 3px 8px;
	color: white;
	text-decoration: none;
}

#sidenavi .active {
	display: block;
	background: #555 url(../img/arrow2.gif) no-repeat 3px 8px;
	color: white;
	text-decoration: none;

}

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

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

.contentsbox {
	background: #dbebc4; /* アスパラガスグリーン asparagus green */
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 5px 5px;
}

.contents {
/* --- 背景を設定（短縮プロパティ設定）--- */
	background: #fff url(../img/contents_bg_2.jpg) repeat-x bottom;

/* --- マージンを設定 --- */
/* Note：上マージンはヘッダの下マージン、直上のコンテンツの下マージンとの
	 折りたたみが生じます */
/* Note：下マージンは直下のコンテンツの上マージン、フッタの上マージンとの
	 折りたたみが生じます */
	margin-top: 0;
	margin-bottom: 5px;

/* --- パディングを設定 --- */
/* Note：コンテンツ部分に上下マージンを持つものが含まれる場合、
	 上下パディングには正の値を指定 */
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 0.7em;

/* --- 枠線の太さ・線種・色を設定（短縮プロパティ設定） --- */
/*	border: 1px solid #e8ece9;  フロスティグレイ frosty gray */
}

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

.contents img.fig {
/* --- 画像をどちらに回り込ませるか設定 --- */
/* Note：left（左）または right（右）を指定；
この指定によって以降のマージンの指定方法が異なります */
	float: left;

/* --- 画像のマージンを設定 --- */
/* Note：前記の回り込みについて「left」のとき→左マージン 0、
	 right」のとき→右マージン 0 とする */
	margin-top: 0;
	margin-right: 0.8em;
	margin-bottom: 0.5em;
	margin-left: 0;

}

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

.imgbox {
/* --- 背景を設定（短縮プロパティ設定）--- */
	background: #fff;

/* --- マージン設定 --- */
/* Note：上下マージンの折りたたみに注意 */
	margin-top: 0;
	margin-bottom: 6px;
}

/* ---------------------------------------------------------------- *
	画像を背景にしたページタイトルの設定
 * ---------------------------------------------------------------- */

.ir-ttlbox {
/* --- 背景を設定--- */
	background: #fff url(../ir/img/lead_2.jpg) no-repeat;

/* --- サイズを設定--- */
	width:900px;
	height:85px;

/* --- マージンを設定 --- */
/* Note：上下マージンの折りたたみに注意 */
	margin-top: 0;
	margin-bottom: 6px;
}

.co-ttlbox {
/* --- 背景を設定--- */
	background: #fff url(../ir/img/lead_2.jpg) no-repeat;

/* --- サイズを設定--- */
	width:900px;
	height:85px;

/* --- マージンを設定 --- */
/* Note：上下マージンの折りたたみに注意 */
	margin-top: 0;
	margin-bottom: 6px;
}

.ttl-text{
	color:#10774d;
	font-size:145%;
	text-indent: 1.5em;
	padding-top: 1em;
}


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

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

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