/*
同一要素内に、.class と #id が記述された場合は、#id が優先されるが、
#id が定義されていない場合は、.class で定義された内容が表示される。
.class で定義された値（テーブルの高さや幅等）が、#id に踏襲される。
*/

/* ユニバーサルセレクタ(*)を用いたCSSのリセット（必須） */
/* この記述により、グレーアウトされた全体スクロールバーが消え、「content」のスクロールバーのみの表示となった。 */
*	{	margin: 0;
		padding: 0;
	}

html	{	overflow: hidden;		/* 本来のスクロールバーを隠す。 */
		height: 100%;
		width: 100%;			/* これは指定しなくても良いが、"#content" では指定する必要があるので、念のために指定。 */
	}

body	{	overflow: hidden;		/* 本来のスクロールバーを隠す。 */
		height: 100%;
		width: 100%;			/* これは指定しなくても良いが、"#content" では指定する必要があるので、念のために指定。 */
		background-color: #edf3f3;	/* #edf3f3; */
		font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
		font-family:"ＭＳ ゴシック",Osaka,sans-serif,serif;
	}

#menu	{	position: absolute;		/* "relative" ではコンテンツ表示位置に不具合（JavaScriptの有無で縦位置変化）が発生する。 */
		width: 100%;
		background-color: transparent;	/* 指定しなく（デフォルト）とも"transparent;"になるが、念のため。 */
		z-index: 1;			/* "#content" よりも "#menu" を前面表示しないと、"#menu_center" も前面表示されない。 */
		/* border: solid 2px #ff0000; */	/* for Debug */
	}

/* メニューを横方向中央に位置させるための入れ子 */
#menu_center	{	position: relative;
			margin: auto;			/* 横方向のセンタリング */
			/* "width:"：配下の入れ子の中にこの値を超えるものが存在する場合は、他の幅狭の入れ子が"margin: auto;"でセンタリングできなくなる。また、"width:"を指定しないと、横方向にセンタリングできない。 */
			width: 970px;			/* 722px（table_main） + 10px（間隔） + 234px（hitarts_logo_board） = 966px + α */
			height: 66px;
			background-color: transparent;	/* 指定しなく（デフォルト）とも"transparent;"になるが、念のため。 */
			text-align: center;
			/* border: solid 2px #00ff00; */	/* for Debug */
		}

#menu_part	{	position: absolute;		/* 座標原点は親<div>領域（#menu_center）。 */
			left: 30px;
			top: 0px;
			width: 966px;
			height: 66px;
			/* border: solid 2px #0000ff; */	/* for Debug */
		}

#content{	overflow-x: auto;			/* スクロールバーを表示。 */
		overflow-y: scroll;			/* スクロールバーを表示。 */
		/* overflow: auto; */			/* スクロールバーを表示。 */
		position: relative;		/* これを指定しないと、垂直スクロールバーが現れない。 */
		/* bottom: 10px; */		/* "#menu" を "position: relative;" にした場合に有用となる。 */
		height: 100%;			/* これを指定しないと、垂直スクロールバーが現れない。 */
		width: 100%;			/* これを指定しないと、窓を縮小表示してリロードする際に表示がおかしい。 */
		/* margin: auto; */		/* センタリングできないので、無効とする。 */
	}

.table	{	width: *;
		height: *;
		border-collapse: collapse;
	}

.left	{	width: 17px;
		background-image: url(../Jpeg/frame_edge_left.jpg);
		background-repeat: repeat-y;
		background-position: right;
		text-align: center;
	}

.center	{	width: *;
		background-color: #ffffff;
		text-align: center;
	}

.table_content	{	position: relative;	/* これを指定しないと、子供要素での位置指定が画面の絶対位置になってしまう。 */
			width: 980px;
			margin: auto;
			/* border: solid 2px #0000ff; */	/* for Debug */
		}

.right	{	width: 17px;
		background-image: url(../Jpeg/frame_edge_right.jpg);
		background-repeat: repeat-y;
		background-position: left;
		text-align: center;
	}

.bottom_left	{	height: 17px;
			background-image: url(../Jpeg/frame_edge_bottom_left.jpg);
			background-repeat: no-repeat;
			background-position: right top;
			text-align: center;
		}

.bottom_center	{	height: 17px;
			background-image: url(../Jpeg/frame_edge_bottom_center.jpg);
			background-repeat: repeat-x;
			background-position: top;
			text-align: center;
		}

.bottom_right	{	height: 17px;
			background-image: url(../Jpeg/frame_edge_bottom_right.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			text-align: center;
		}

/* 以下は、本文共通のスタイルシート */

.text_form_1_c	{	width: 360px;
			text-align: center;
			line-height: 1.5;
			color: #0000ff;
			font-size: 16px;
			font-weight: bold;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ Ｐゴシック",sans-serif,serif;
		}

.text_form_1_l	{	/* background-color: #f4f4f4; */
			width: 540px;
			padding: 10px;
			text-align: left;
			line-height: 1.5;
			color: #0000ff;
			font-size: 14px;
			font-weight: bold;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ Ｐゴシック",sans-serif,serif;
		}

.text_form_1_l_n {	/* background-color: #f4f4f4; */
			width: 540px;
			padding: 10px;
			text-align: left;
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.text_content_l	{	width: 260px;
			text-align: left;
			line-height: 1.5;
			color: #0000ff;
			font-size: 14px;
			font-weight: bold;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
			/* border: solid 2px #0000ff; */	/* for Debug */
		}

.table_faq	{	margin-left: 25px;
			float: none;
			width: 755px;
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
			border-collapse: collapse;
			border: solid 1px #dcdcdc;
		}

.td_faq		{	vertical-align: top;
			border-top: solid 1px #dcdcdc;
		}

.text_form_2_l	{	position: relative;
			width: 780px;
			/* background-color: #edf3f3; */
			/* padding: 5px; */
			text-align: left;
			/* text-indent: 1em; */		/* 最初の行だけに適用されるのでパス。全角スペースで対応。 */
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.text_form_2_c	{	width: 780px;
			text-align: center;
			/* text-indent: 1em; */		/* 最初の行だけに適用されるのでパス。全角スペースで対応。 */
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.text_form_front {	width: 550px;
			text-align: left;
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.table_front	{	width: 600px;
			color: #000000;
			font-size: 13px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.td_front_l	{	width: 50%;
			text-align: right;
		}

.table_bouton	{	background-color: #4169e1;
			font-size: 12px;
			font-weight: bold;	/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.a-bouton:link	{	text-decoration: none;
			color: #ffffff;
		}

.a-bouton:visited	{	text-decoration: none;
				color: #ffffff;
			}

.a-bouton:hover	{	color: #ffa500;
		}

.a-bouton:active	{	color: #ffff00;
			}

.text_form_3	{	width: 780px;
			text-align: center;
			/* text-indent: 1em; */		/* 最初の行だけに適用されるのでパス。全角スペースで対応。 */
			line-height: 1.5;
			color: #000000;
			font-size: 12px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.text_form_4	{	width: 780px;
			text-align: right;
			/* text-indent: 1em; */		/* 最初の行だけに適用されるのでパス。全角スペースで対応。 */
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: "ＭＳ ゴシック",sans-serif,serif;
		}

.text_normal	{	color: #000000;
			font-size: 10px;
			font-weight: normal;		/* normal/bold/lighter/bolder/100〜900 */
			font-family: sans-serif,serif;
			display: block;
		}

.image		{
			border: solid 0px #ff0000;	/* これを指定しないと、<image> では枠が発生 */
		}

.table_estimate	{	border-collapse: collapse;
			width: 100%;
		}

.td_estimate_c	{	border: solid 1px #000000;
			padding: 4px;
			text-align: center;
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
		}

.td_estimate_l	{	border: solid 1px #000000;
			padding: 4px;
			text-align: left;
			line-height: 1.5;
			color: #000000;
			font-size: 13px;
		}

.td_1		{	width: 36%;
		}

.td_2		{	width: 23%;
		}

.td_3		{	width: 11%;
		}

.td_4		{	width: 30%;
		}

.td_5		{	width: 64%;
		}