/* トップページ用CSS */



/* --------------------------------------------------------------------------------------- */
/* 共通 */
* {
	margin:			0;
	padding:		0;
	font-size:		12px;
	color:			#333333;
}

body {
	background-color:	#323232;
}

A:link {
	text-decoration:	none;
}

A:visited {
	text-decoration:	none;
}

A:hover {
	text-decoration:	underline;
}

A:active {
	text-decoration:	none;
}

.clear {
	clear:			both;
}



/* --------------------------------------------------------------------------------------- */
/* ヘッダーエリア */
#header {
	width:			808px;
	height:			314px;
	background:		url("../img/bg_header_top02.gif") no-repeat center top;
	margin:			0 auto;
	margin-top:		35px;
}



/* メインメニュー */
#header div.mainMenu {
	height:			13px;
	padding:		1px 0px 0px 204px;
}

#header li{
	list-style-type:	none;
	float:			left;
}

#header li img{
	border:			0;
}

#header li.btn02{
	background:		url(../img/btn_main_top_02_ov.gif) no-repeat;
}

#header li.btn03{
	background:		url(../img/btn_main_top_03_ov.gif) no-repeat;
}

#header li.btn04{
	background:		url(../img/btn_main_top_04_ov.gif) no-repeat;
}

#header li.btn05{
	background:		url(../img/btn_main_top_05_ov.gif) no-repeat;
}

#header li.btn06{
	background:		url(../img/btn_main_top_06_ov.gif) no-repeat;
}

#header li.btn07{
	background:		url(../img/btn_main_top_07_ov.gif) no-repeat;
}

#header li.btn08{
	background:		url(../img/btn_main_top_08_ov.gif) no-repeat;
}

#header li a{
	display:		block;
}

#header li a:hover {
	background-color:	transparent;
}

#header li a:hover img{
	visibility:		hidden;
}



/* メインフラッシュ */
#header div.flashArea {
	padding:		0px 0px 0px 4px;
}



/* --------------------------------------------------------------------------------------- */
/* メインエリア */
#mainArea {
	width:			808px;
	background:		url("../img/bg_main_top01.gif") no-repeat center top;
	margin:			0 auto;
}



/* --------------------------------------------------------------------------------------- */
/* トピックスエリア（左） */
#topics {
	width:			300px;
	padding:		32px 0px 16px 479px;
	text-align:		left;
/* 	background-color:	#ff0000; */
}



/* タイトル１ */
h2 {
	height:			13px;
	text-indent:		-9999px;
}
h2.topics {
	background:		url('../img/title_top_topics01.gif') no-repeat;
}



/* 本文 */
#topics p {
	margin-top:		5px;
	line-height:		200%;
/* 	background-color:	#ff0000;*/
}



/* 右バナーマージン */
#topics img.right {
	margin-top:		30px;
	margin-left:		20px;
}



/* --------------------------------------------------------------------------------------- */
/* 高さ調整エリア（右） */
#right {
	float: 			right;
}



/* --------------------------------------------------------------------------------------- */
/* バナーエリア */
#banner {
	clear:			both;
	width:			750px;
	padding:		0px 29px 16px 29px;
	text-align:		right;
/* 	background-color:	#ff0000;*/
}



/* 右バナーマージン */
#banner img.right {
	margin-left:		20px;
}



/* --------------------------------------------------------------------------------------- */
/* フッターエリア */
#footer {
	width:			775px;
	height:			11px;
	background:		url("../img/bg_footer_top01.gif") no-repeat center top;
	padding:		4px 0px 0px 33px;
	margin:			0 auto;
}



/* 社名 */
h1 {
	height:			9px;
	text-indent:		-9999px;
}

h1.rctj {
	background:		url('../img/footer_top01.gif') no-repeat;
}