/* Bodyのスタイルシート設定 */
/* Body全体に対して適用されます */
body {
	font-family: Helvetica, Arial, "MS PGothic", sans-serif,"ヒラギノ角ゴ" Pro W3,Osaka, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "平成角ゴシック";
}


/* 背景画像　中央部指定（IDセレクタ）*/
/*背景画像を固定しています修正しないでください */
#holder {
	position: center;
	margin: 0;
	padding: 0;
	background: url("wall.gif") repeat-y;
	background-color: #fff;
  	width: 840px;
}

/* 背景画像　下部指定（IDセレクタ）*/
/*背景画像を固定しています修正しないでください */
#holder_bottom {
	position: center;
	margin: 0;
	padding: 0;
	background: url("wall_foot.gif") no-repeat;
	background-color: #fff;
  	width: 840px;
	 height: 20px;
}

/*<h1> ~ </h1>に適用されます。 */
/*見出しのスタイルです。 */
/*ロボット型検索エンジンではこの<h1>タグは重視されます。 */
/*自分が見出しに使用するスタイルを決定したら<h1>から<h6>までを*/
/*同じスタイルに置き換えます。<h1>タグは大見出し１番と言う事なので*/
/*その大見出しが同じページに複数回使用されるとスパム行為と判断される*/
/*可能性がありますので、<h1><h2><h3>と上手に使います*/
/*面倒な場合は下の<p class="titlestyle">を使用してください。*/
h1 {
	width: 95%;
	text-align: left;
	font-size: 18px;		/*タイトルの文字サイズ */
	color: #444444;	/*タイトルの文字色 */
	font-weight: bold;	/*タイトルの文字スタイル */
	float: left;
	padding: 10px 5px 5px 5px;			/*上、右、下、左、の順にパッティング指定*/
	margin: 3px 3px 3px 3px;			/*上、右、下、左、の順にマージン指定*/
	border-width: 1px 10px 1px 10px;	/*上、右、下、左、の順に太さ指定*/
	border-color: #F8281D;	/*タイトルスタイルの色*/
	border-style: solid;
	}
h2 {
	width: 95%;
	text-align: left;
	font-size: 18px;		/*タイトルの文字サイズ */
	color: #444444;	/*タイトルの文字色 */
	font-weight: bold;	/*タイトルの文字スタイル */
	float: left;
	padding: 5px 0px 5px 5px;			/*上、右、下、左、の順にパッティング指定*/
	margin: 5px 5px 0px 0px;			/*上、右、下、左、の順にマージン指定*/
	border-width: 0px 0px 1px 8px;		/*上、右、下、左、の順に太さ指定*/
	border-color: #F8281D;	/*タイトルスタイルの色*/
	border-style: solid;
	}
h3 {
	width: 95%;
	text-align: left;
	font-size: 18px;		/*タイトルの文字サイズ */
	color: #444444;	/*タイトルの文字色 */
	font-weight: bold;	/*タイトルの文字スタイル */
	float: left;
	padding: 5px 0px 5px 5px;			/*上、右、下、左、の順にパッティング指定*/
	margin: 5px 5px 0px 0px;			/*上、右、下、左、の順にマージン指定*/
	border-width: 1px 0px 0px 8px;		/*上、右、下、左、の順に太さ指定*/
	border-color: #F8281D;	/*タイトルスタイルの色*/
	border-style: solid;
	}
h4 {
	width: 95%;
	text-align: left;
	font-size: 18px;		/*タイトルの文字サイズ */
	color: #444444;	/*タイトルの文字色 */
	font-weight: bold;	/*タイトルの文字スタイル */
	float: left;
	padding: 5px 0px 5px 5px;			/*上、右、下、左、の順にパッティング指定*/
	margin: 3px 3px 3px 3px;			/*上、右、下、左、の順にマージン指定*/
	border-width: 1px 1px 1px 1px;		/*上、右、下、左、の順に太さ指定*/
	border-color: #F8281D;	/*タイトルスタイルの色*/
	border-style: solid;
	}

/*タイトルの付帯スタイル指定のクラスセレクタです。*/
/*<p class="titlestyle">〜</p>と指定してコメント部分に記載して使います。*/
/*<h1>タグ等で見出し指定をするのが面倒な場合はこちらをつかいます。*/
.titlestyle {
	width: 580px;
	text-align: left;
	font-size: 18px;		/*タイトルの文字サイズ */
	color: #444444;	/*タイトルの文字色 */
	font-weight: bold;	/*タイトルの文字スタイル */
	float: left;
	padding: 10px 5px 5px 5px;			/*上、右、下、左、の順にパッティング指定*/
	margin: 3px 3px 3px 3px;			/*上、右、下、左、の順にマージン指定*/
	border-width: 1px 10px 1px 10px;	/*上、右、下、左、の順に太さ指定*/
	border-color: #F8281D;	/*タイトルスタイルの色*/
	border-style: solid;
	}


/* 行間設定 */
/*FONT指定している箇所の文字行間をしていできます */
font{line-height: 130%;}

/* tableタグ関係のスタイルシート設定 */
/*ほとんど全ての文字行間をしていできます */
table{
	font-size : 11px;
	line-height: 150%;

	}

/* tdタグのナビゲーション関係のスタイルシート設定 */
/* リンク色やハイライト時の色の設定は下のリンクタグの設定で行います */
/* クラスセレクタです。<td>タグのみで <class="menu"> で呼び出せます。 */
/* フォントの太さはnormalかboldで指定*/

/*以下メニューの動作の指示 */
/*何もイベントが無い時 */

/*メニュー何もイベントが無い時 */
.menu a{
border:0px solid black;	/*1px以上にすると枠が出ます色の指定も可能 */
padding:0px 3px 0px 3px;
background-color:;
display:block;
color:#333333;	/*メニューの文字色、プロパティで設定すること（コメントアウト中）*/
font-size : 10px;			/*メニューの部分の文字サイズ*/
font-weight: bold;
}

/*メニューをロールオーバーしている時*/
/*イベントの無い時とロールオーバーしている時でフォントサイズを変更すると*/
/*ロールオーバー時に文字を大きくする等の動作も指定可能です*/
.menu a:hover{
border:0px solid black;		/*1px以上にすると枠が出ます色の指定も可能 */
background-color:#F8281D;	/*ロールオーバー時の背景ベタの色 */
display:block;				
color:#FFFFFF;				/*ロールオーバー時のメニューの文字色 */
font-size : 10px;				/*ロールオーバー時のメニューの文字サイズ*/
font-weight: bold;			/*ロールオーバー時のメニューの文字スタイル*/	
}

/* リンクタグ関係のスタイルシート設定 */
/* フォントの太さはnormalかboldで指定*/
a {
	text-decoration:none;
	color:red;			/*メニュー以外の場所のリンク色*/
	font-size : 10px;			/*メニュー以外の場所のリンク文字サイズ*/
	font-weight: bold;
}

/*メニュー以外の全ての場所でのリンクの動作の指示*/
a:hover {
	color:#f76600;			/*ロールオーバー時のメニュー以外の場所のリンク色*/
	font-size : 10px;			/*ロールオーバー時のメニュー以外の場所のリンク文字サイズ*/
	font-weight: bold;
/* background-color:#DADADA; */		/*背景のベタ指定、現在コメントアウトしています*/
}


input.submit {
	border-style:solid;
	border-color:#aaaaaa;
	border-width:1px;
	color:#000000;
	background-color:#dddddd;
}

/* 以下はクラスセレクタです。<タグ class="red"> で呼び出します。*/
.text {
	border-style:solid;
	border-color:#aaaaaa;
	border-width:1px;
	color:#000000;
}

.dotline{border-style:1px solid; }


/* <hr>スタイル指定、デフォルトはこのままで*/
/*ページ上で別途CSSで指定していないすべての<hr>タグに有効*/
hr {
	color: #cccccc;
	background-color: #999999;		/* <hr>タグで引いた線の色*/
	height: 1px;					/* <hr>タグで引いた線の太さ*/
	border: 0px;
	border-style: solid;				/* <hr>タグで引いた線のスタイル*/
	}