/*****************************
* J-TOP FC デフォルトCSS
* 2007/05/26 K.Okamura
*****************************/

/********************
* BODY
********************/
body {
	color : #333333;		/* 文字色 */
	text-align:center;		/* 行揃え */
	background-image:url("../images/baseimage.gif");
	text-align: center;		/* IE 向けセンタリング指定 */
}
/*********************
* DIV_ID 外枠
*********************/
div#outline{
	width: 801px;			/* 外枠の表示幅 */
	margin: 0 auto;			/* Firefox 向けセンタリング指定 */
}
/********************
* DIV_ID ヘッダー
********************/
div#header{
	width:100%;					/* 表示幅 */
	height:159px;				/* 表示高 */
	text-align:left;			/* 行揃え */
	margin: 0px 0px 0px 0px;	/* マージン */
	background-color: #000000;	/* 背景色 */
}
/*********************
* DIV_ID コンテンツ
*********************/
div#contents{
	width:100%;					/* 表示幅 */
	height:400px;				/* 表示高 */
	margin: 0px 0px 0px 0px;	/* マージン */
	padding: 0px 0px 0px 0px;	/* 余白 */
	background-color: #ffffff;	/* 背景色 */
}
/* floatクリア */
div#contents:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/**************************
* DIV_ID コンテンツメイン
**************************/
div#contents_main{
	width:397px;				/* 表示幅 */
	height:100%;				/* 表示高 */
	text-align:left;			/* 行揃え */
	background-color: #ffffff;	/* 背景色 */
	/*background-color: #ffddff;*/	/* 背景色 */
	float:left;					/* 表示位置 */
}
/* floatクリア */
div#contents_main:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/***************************************
* DIV_ID コンテンツメイン（２カラム用）
***************************************/
div#contents_main2{
	width:595px;				/* 表示幅 */
	height:100%;				/* 表示高 */
	text-align:left;			/* 行揃え */
	margin: 0px 0px 0px 0px;	/* マージン */
	background-color: #ffffff;	/* 背景色 */
	/*background-color: #ffddff;*/	/* 背景色 */
	float:right;				/* 表示位置 */
}
/* floatクリア */
div#contents_main2:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/**************************
* DIV_ID コンテンツ左側
**************************/
div#contents_left{
	width: 200px;				/* 表示幅 */
	height: 100%;				/* 表示高 */
	text-align: left;			/* 行揃え */
	margin:0px;		/* マージン */
	padding:0px 0px 0px 0px;
	float: left;				/* 表示位置 */
	background-color: #f5f5f5;	/* 背景色 */
	margin: 0px 0px 0px 0px;	/* マージン */
}
/* floatクリア */
div#contents_left:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/*********************************
* DIV_ID コンテンツ左側メニュー
*********************************/
div#contents_left_menu{
	/*width: 180px;*/		/* 表示幅 */
	text-align: center;		/* 行揃え */
	margin: 5px;			/* マージン */
	padding: 5px;			/* 余白 */
}
/**************************
* DIV_ID コンテンツ右側
**************************/
div#contents_right{
	width: 200px;				/* 表示幅 */
	height: 100%;				/* 表示高 */
	text-align: left;			/* 行揃え */
	background-color: #ffffff;	/* 背景色 */
	/*background-color: #ff99ee;*/	/* 背景色 */
	float: right;				/* 表示位置 */
}
/* floatクリア */
div#contents_right:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/********************
* DIV_ID フッター
********************/
div#footer{
	width: 100%;		/* 表示幅 */
	height: 80px;		/* 表示高 */
	text-align: center;	/* 行揃え */
	clear: both;		/* 表示位置クリア */
	/*background-color: #ffffff;*/	/* 背景色 */
	background-image: url("../images/footerbg.gif");	/* 背景画像 */
}
/* floatクリア */
div#footer:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* P_ID フッターリンク */
p#footer_link{
	font-size:12px;
	color:#0000FF;
	margin:10px 0px 3px 0px;
	padding-top:5px;
}
/* P_ID フッターCopyright */
p#footer_copyright{
	margin:10px 0px 3px 0px;
}

/********************
* DIVタイトルクラス
*********************/
.div_title{
	width: 540px;				/* 表示幅 */
	margin: 10px 5px 10px 30px;	/* マージン */
}
/* タイトルヘッダー */
.div_title_header{
	height: 25px;				/* 表示高 */
	font-size: 18px;  			/* 文字の大きさ */
	font-weight: bolder;		/* 文字の太さ */
	color: #FF1493;				/* 文字の色 */
	padding: 5px 0px 5px 15px;	/* 余白 */
	margin: 0px 0px 0px 0px;	/* マージン */
	background: #ffecec;		/* 背景色 */
	border-top: solid 1px #ffcccc;		/* 枠線上 */
	border-right: solid 1px #ffcccc;	/* 枠線右 */
	border-bottom: solid 1px #ffcccc;	/* 枠線下 */
	border-left: solid 20px #ffcccc;	/* 枠線左 */
	background-repeat: no-repeat;		/* 画像繰り返し */
	background-position: left center;	/* 画像表示位置 */
}
/* タイトルテキスト */
.div_title_txt{
	font-size: 12px;  			/* 文字の大きさ */
	color: #888888;				/* 文字の色 */
	margin: 0px 0px 0px 0px;	/* マージン */
	padding: 5px 0px 0px 15px;	/* 余白 */
	text-align: left;			/* 行揃え */
	background: #FFFAFA;		/* 背景色 */
}
/* floatクリア */
div.div_title_txt:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/*************************
* コメントDIVクラス
*************************/
.div_comment{
	width: 549px;					/* 表示幅 */
	margin: 10px 5px 20px 20px;		/* マージン */
}
/* コメントヘッダー */
.div_comment_head{
	width: 100%;				/* 表示幅 */
	height: 25px;				/* 表示高 */
	font-weight: bolder;		/* 文字の太さ */
	font-size: 16px;			/* 文字の大きさ */
	text-align: left;			/* 行揃え */
	vertical-align: middle		/* 縦方向の揃え */
	line-height: 16px;			/* 行の高さ */
	margin: 0px 0px 0px 0px;	/* マージン */
	padding: 5px 0px 5px 20px;	/* 余白 */
	background-repeat: no-repeat;		/* 画像繰り返し */
	background-position: left center;	/* 画像表示位置 */
	background-image: url("../images/title003_04.jpg");	/* 背景画像 */
}
/* コメント本文 */
.div_comment_body{
	/*width: 100%;*/				/* 表示幅 */
	font-size: 14px;  			/* 文字の大きさ */
	margin: 0px 0px 0px 0px;	/* マージン */
	padding: 5px 5px 5px 15px;	/* 余白 */
	text-align: left;			/* 行揃え */
	background: #F0F8FF;		/* 背景色 */
}
/* floatクリア */
div.div_comment_body:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/**************************
* DIV監督画像
**************************/
.div_okamura{
	width: 130px;					/* 表示幅 */
	height: 170px;					/* 表示高 */
	font-size: 12px;  				/* 文字の大きさ */
	padding: 10px 5px 5px 10px;		/* 余白 */
	float: right;					/* 表示位置 */
}
/* floatクリア */
div.div_okamura:after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/**************************
* DIVジャンプ
***************************/
div.jump{
	width:100%;
	text-align:right;
	margin:15px 0px 3px 0px;
}
/**************************
* TABLE規約
***************************/
.tb_kiyaku {
	width: 525px;				/* 表示幅 */
	table-layout: fixed;		/* テーブル表示方法 */
	font-size: 14px;  			/* 文字の大きさ */
}
/**************************
* LI指導方針
***************************/
.li_shidou{
	list-style-type: decimal;	/* マーカー文字の種類 */
}
/**************************
* 強調文字
***************************/
.span_stress{
	color: #00008B;
	font-size: 16px;
	font-weight: bolder;		/* 文字の太さ */
}