@charset "utf-8";
/************************************/
/* 初期化 							*/
/************************************/
/* body, div, form, h1,h2,h3,h4,h5,h6, p, address, dl,dt,dd,ul,ol,li, table,th,td	*/
body, div, form, h1,h2,h3,h4,h5,h6, p, address, dl,dt,dd,ul,ol,li
{
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	font-style:normal;
}

/************************************/
/* ＨＴＭＬボディ					*/
/************************************/
body
{
	font-size:12px;
	background:#fff;
	color:#222;
}

div,span,strong,em,img,
	h1,h2,h3,h4,h5,h6,
	p,ul,ol,li,dl,dt,dd,
	form
{
	margin:0;
	padding:0;
	border:0;
}

hr
{
	display:none;
}

/****************************/
/* タグ						*/
/****************************/
h2,h3,h4,
	h2 a,h3 a,h4 a
{
	font-weight:bold!important;
}

a {
	color:#1020b0;
	text-decoration:none;
}

a:visited
{
	color:#1020b0;
	text-decoration:none;
}

a:hover
{
	color:#f63;
	text-decoration:underline;
}

em
{
	font-style:normal;
	font-weight:bold;
}

/**********
h1,h2,h3,h4,h5,h6,dt,th,strong,em
{
	font-style:normal;
	font-weight:normal;
}
*************/

li
{
	list-style:none;
}

img
{
	margin:0;
	padding:0;
	border:none;
}

table
{
	border-collapse:collapse;
}

#frame_outline,
	#header_frame,
	#guide_frame,
	#body_frame,
	#footer_frame,
	#main_frame,
	#left_frame,
	#chatchCOPY,
	#gotoTOP
{
	zoom:100%;
}

#frame_outline:after,
	#header_frame:after,
	#guide_frame:after,
	#body_frame:after,
	#footer_frame:after,
	#main_frame:after 
	#left_frame:after,
	#chatchCOPY:after,
	#gotoTOP:after,
	#index_box:after
{
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0px;
}

/****************************************************************************/
/* 各フレームの定義															*/
/*	１．上下																*
/*		・ヘッダ															*/
/*		・ＴＯＰガイダンス（パンくずというらしい）							*/
/*		・ＴＯＰ広告														*/
/*		・ボディ															*/
/*		・ボトム広告														*/
/*		・フッタ															*/
/*																			*/
/*	２．ボディ																*/
/*		左・右の２分割構成。												*/
/*		左とセンターは、１ブロックの中に入れる。							*/
/*																			*/
/*	まず、全体のサイズを定義するために、 frame_outline を定義する。			*/
/*	そして、ヘッダ、ボディフレーム、フッタの３分割構成にする。				*/
/*	ボディは、２分割の外側を定義(frame_body)								*/
/*																			*/
/*	これらは、全て１回しか使わないので、 id にする							*/
/*	その中は、極力クラス定義とする。（例外あり）							*/
/****************************************************************************/
/************************************/
/* 全体の構成 						*/
/************************************/
#frame_outline
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	background:#FAFAFF;							/* 背景色		*/
	border:1px solid #310d77;					/* 外枠の色		*/
	width:972px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

/************************************/
/* ヘッダー部分 					*/
/*	frame_outline の中に入る		*/
/************************************/
#header_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#f6f6f6;							/* 背景色		*/
	border-top:2px solid #310d77;
	margin:0;
	padding:0;
	height:50px;
}

/************************************/
/* キャッチコピーブロック用			*/
/* 	header_frame の中に入る			*/
/************************************/
#catchCOPY {
/*	width:100%;							*/
/*	border-top:2px solid #310d77;		*/
/*	border-bottom:1px solid #949494;	*/
/*	background:#e6e6e6;					*/
/*	font-size:83%;						*/
/*	height:25px;						*/
	margin:0;
	padding:5px 0px 0px 0px;					/* 上に少し空白	*/
}

/************************************/
/* ガイドフレーム					*/
/*	frame_outline の中に入る		*/
/************************************/
#guide_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	border-top:1px solid #949494;
	border-bottom:2px solid #310d77;
	margin:0;
	padding:0;
}


/************************************/
/* フレームボディ					*/
/*	frame_outline の中に入る		*/
/************************************/
#body_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	margin:0;
	padding:0;
}

/************************************/
/* フッターフレーム 				*/
/*	frame_outline の中に入る		*/
/************************************/
#footer_frame
{
/*	clear:both;	*/
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	border-top:1px solid #949494;
	border-bottom:2px solid #310d77;
	background:url("/images/bg_footer.gif") repeat-x;
	margin:0 auto;
	padding:5px 5px 0px 5px;					/* 上に少し空白	*/
	height:20px;
}

/************************************/
/* 左のサイドフレーム 				*/
/************************************/
#left_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	background:#f8f8ff;							/* 背景色		*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	float:left;
}

/************************************/
/* センターフレーム 				*/
/************************************/
#main_frame
{
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
/*	background:#FAFAFF;							/* 背景色		*/
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:800px;
	float:right;
}


/************************************/
/* 「ページ先頭へ戻る」のブロック	*/
/************************************/
#gotoTOP {
/*	clear:both;	*/
/*	border-width: 1px 1px 1px 1px;				/* ボーダー太さ */
/*	border-style: dotted;						/* ボーダー種類 */
/*	border-color: #dadada;						/* ボーダー色	*/
	background:#f8f8ff;							/* 背景色		*/
	margin:2px 20px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
}

#gotoTOP strong {
	font-weight:normal;
}


/************************************/
/* スタイルシートクリア 			*/
/*	「左右の回り込みの解除」 		*/
/************************************/
#clear_css
{
	clear:both;
	line-height:0;
	height:0;
	background:#f0f0ff;							/* 背景色		*/
}
