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

/* ================================================================ *
　デザインCSS 「★」が付されている設定項目は相互に依存。注意して設定
 * ================================================================ */

@media screen,tv {

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */
body {
/* --- 基本的な前景色（文字色）を設定 --- */
	color: #333333;
/* --- 背景を設定（短縮プロパティ設定）--- */
	background: #ffffff;
}

#container {
/* --- 内容部分の背景を設定 --- */
/* Note：内容部分の背景を透明にしたり、透過GIFも使用可能 */
	background: transparent;
/* --- ドキュメント本体の幅を設定 --- */
/* Note：百分率指定も可能 */
	width: 975px;
/* --- ドキュメント本体の位置を設定 --- */
/* Note：「0」のみで左寄せ、「0 auto」でセンタリング */
	margin: 0 auto;
}

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

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

#mobile-info {
	background: #ffffff;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */
.pagetitle {
	background: url("../../../../") repeat-x;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0.5em;
	border-top: 4px solid #698aab;
	border-bottom: 1px solid #698aab;
}
.contents {
/* --- 背景を設定（短縮プロパティ設定）--- */
	background: #ffffff;
/* --- マージンを設定 --- */
/* Note：上マージンはヘッダの下マージン、直上のコンテンツの下マージンとの折りたたみが生じます */
/* Note：下マージンは直下のコンテンツの上マージン、フッタの上マージンとの折りたたみが生じます */
	margin-top: 0;
	margin-bottom: 0px;
/* --- パディングを設定 --- */
/* Note：コンテンツ部分に上下マージンを持つものが含まれる場合
上下パディングには正の値を指定 */
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */
.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 img.fig2 {
/* --- 画像をどちらに回り込ませるか設定 --- */
/* Note：left（左）または right（右）を指定します；
この指定によって以降のマージンの指定方法が異なります */
	float: right;
/* --- 画像のマージンを設定 --- */
/* Note：前記の回り込みについて「left」のとき→左マージン 0，
「right」のとき→右マージン 0 としてください */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1em;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定
 * ---------------------------------------------------------------- */
.imgbox {
/* --- 背景を設定（短縮プロパティ設定）--- */
	background: #ffffff;
/* --- マージンを設定 --- */
/* Note：上下マージンの折りたたみに注意 */
	margin-top: 0;
	margin-bottom: 0;
}

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

#footer ul {
	margin-bottom: 4px;
	padding: 0;

	text-align: left;
}

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

#footer ul li.first {
	margin: 0;
	padding: 0 5px;
/* --- フッタメニュー左端の罫線の太さ・線種・色を設定--- */
	border-left: 1px solid #cccccc;
	background-image: none;
}
}

/* ---------------------------------------------------------------- *
	印刷用の設定
 * ---------------------------------------------------------------- */

@media print {

/* hidden elements */
div#sidenavi,
div#footer {
	display: none;
	}

}