@charset "UTF-8";

/*-------------------------------------------------------------------
 *
 * File Name   : top.css
 *
-------------------------------------------------------------------*/

/* Index
------------------------------------------
== common ================
ContentArea
LeftArea
RightArea
MainArea

== module ================
Box
------------------------------------------ */

/*===================================================================
	common
===================================================================*/

/* ContentArea
------------------------------------------ */
#top #contentArea {
	width:960px;
	margin-top:40px;
}


/* MainBnrArea
------------------------------------------ */
#top #mainBnrArea {
	position:relative;
	width:960px;
	min-height:218px;
	_height:218px;
}
#top #mainBnrArea .mainBnrList {
	position:relative;
}
#top #mainBnrArea .mainBnrList li {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#top #mainBnrArea .subBnrList {
	position:relative;
	left:768px;
	top:25px;
	width:182px;
	height:155px;
	overflow:hidden;
	padding:5px 0;
	background:#b8b8b8;
	zoom:1;
	z-index:998;
}
#top #mainBnrArea .subBnrList ul {
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}
#top #mainBnrArea .subBnrList ul li {
	margin-top:5px;
}
#top #mainBnrArea .subBnrList ul li span{
	cursor:pointer;
}
#top #mainBnrArea .subBnrList ul li.suAct span{
	cursor:auto;
	_cursor:default; /* for IE6 */
}
#top #mainBnrArea .triUp,
#top #mainBnrArea .triDown {
	position:absolute;
	right:10px;
	top:0;
	z-index:999;
}
#top #mainBnrArea .triDown {
	top:195px;
}
#top #mainBnrArea .triUp span,
#top #mainBnrArea .triDown span {
	cursor:pointer;
}
#top #mainBnrArea .triUp img {
	padding:7px 82px 3px;
}
#top #mainBnrArea .triDown img {
	padding:3px 82px 7px;
}

/* cautionArea
------------------------------------------ */
#top .cautionAreaWrap {
	width:960px;
	margin-top:2px;
	background:url(../images/bg_caution_02.gif) left top repeat-y;
	zoom:1; /* for IE6 */ 
}
#top .cautionArea {
	background:url(../images/bg_caution_01.gif) left top no-repeat;
	zoom:1; /* for IE6 */
}
#top .cautionAreaBody {
	height:auto;
	min-height:30px;
	_height:30px; /* for IE6 */
	padding:10px 15px;
	background:url(../images/bg_caution_03.gif) left bottom no-repeat;
	zoom:1; /* for IE6 */
}
#top .cautionAreaBody .iCaution01 {
	height:auto;
	min-height:25px;
	_height:25px; /* for IE6 */
	padding:5px 0 0 50px;
	background:url(../images/ico_caution_01.gif) left top no-repeat;
	font-size:116%;
	font-weight:bold;
	color:#fda101;
	zoom:1; /* for IE6 */
	-ms-zoom:1; /* for IE */
}

/* LeftArea
------------------------------------------ */
#top #leftArea {
	float:left;
	width:711px;
}

/* RightArea
------------------------------------------ */
#top #rightArea {
	float:right;
	width:230px;
}

/* --- rightNavBox --- */
#top #rightArea .rightNavBox01,
#top #rightArea .rightNavBox02,
#top #rightArea .rightNavBox03 {
	width:230px;
}
#top #rightArea .rightNavBox01 dl,
#top #rightArea .rightNavBox02 dl,
#top #rightArea .rightNavBox03 dl {
	width:230px;
	_width:100%; /* for IE6 */
	background:url(../images/bg_rnav_box_02.gif) right top repeat-y;
}
#top #rightArea .rightNavBox01 dl dt {
	height:15px;
	padding:12px 0 0 14px;
	background:url(../images/bg_rnav_box_01.gif) right top no-repeat;
}
#top #rightArea .rightNavBox03 dl dt {
	height:33px;
	padding:12px 0 0 14px;
	background:url(../images/bg_rnav_box_01.gif) right top no-repeat;
}
#top #rightArea .rightNavBox01 dl dd,
#top #rightArea .rightNavBox02 dl dd {
	padding:10px 15px;
	background:url(../images/bg_rnav_box_03.gif) right bottom no-repeat;
	zoom:1;
}
#top #rightArea .rightNavBox03 dl dd {
	padding:10px 10px 15px 15px;
	background:url(../images/bg_rnav_box_03.gif) right bottom no-repeat;
	zoom:1;
}
#top #rightArea .rightNavBox02 dl dt {
	height:32px;
}


/* MainArea
------------------------------------------ */
#top #leftArea #mainArea { }

/* Contents
------------------------------------------ */

/* Box
------------------------------------------ */
#top .newsTtl { position:relative; }
#top .news { display:block; position:absolute; top:5px; left:632px; }
#top .rss { display:block; position:absolute; top:5px; left:580px; }

/* newsBox01 */
#top .newsBox01 dt { float:left; _height:1%; /* for IE6 */ padding:0 0 0 12px; background:url(../common/images/ico_link_01.gif) left 0.3em no-repeat; zoom:1; /* for IE6 */ -ms-zoom:1; /* for IE */  }
#top .newsBox01 dd { margin-left:10em; }


/*===================================================================
	Overwrite
===================================================================*/