@charset "utf-8";

/*------------------------------------------------------------------------------
	Date: 2007/08/09
------------------------------------------------------------------------------*/

/*
########################################################
  top
########################################################
*/

/* common
--------------------------------------------*/

strong{
	color:#747061 !important;
}

span.detailBtn{
	display:block;
	margin:6px 0 0 0;
	padding:6px 0 0 0;
	background:url(../img/line_dot_02.gif) repeat-x left top;
}

span.detailBtn02 a,
span.detailBtn a {
	padding:0 3px 0 17px ;
	background:url(../img/ico_arrow_01.gif) no-repeat 0 center;
	
}

span.detailBtn02 a:hover,
span.detailBtn a:hover{
	color:#D85D11;
}

* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}

/* top layout
--------------------------------------------*/

/* layout */

div#container{
	min-width:970px;
	margin:0;
	text-align:left;
}

/* header */

div#header{
	width:970px;
	height:50px;
	position:relative;
	margin:0 auto;
	z-index:3;
}

div#header h1{
	width:166px;
	height:103px;
	position: absolute;
	/*left:-5px;*/
	left:0;
	top:0;
	z-index:1;
	cursor:pointer;
	background:url(../img/top/ci_bg.png) no-repeat 0 0;
	padding-left:2px;
}

div#header h1 img{
	margin:0 0 0 2px;
}

div#header dl{
	width:60%;
	position: absolute;
	/*right:-8px;*/
	right:0;
	top:27px;
}

div#header dt{
	display:none;
}

div#header dd{
	display:inline;
}

div#header dl ul li{
	display:inline;
}

div#header dd.hNavi01{
	float:left;
	margin:6px 0 0 23px;
}

div#header dd.hNavi02{
	float:right;
	margin:0 8px 0 0;
}

div#header dd.hNavi01 ul{
	text-align:right;
}

div#header dd.hNavi01 ul li{
	text-align:right;
	margin:0px 13px;
}

div#header dd.hNavi02 ul li{
	text-align:right;
	margin:0 0 0 6px;
}

/* main Box */

div#mainFL{
	clear:both;
	width:992px;
	height:450px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

div.mainContents{
	width:970px;
	height:auto;
	margin:15px auto 0 auto;
}

/* contents Box
--------------------------------------------*/

/* topBox01 */
div.topBox01{
	width:970px;
	padding-bottom:15px
}

div.topBoxL{
	width:455px;
	height:auto;
	margin:12px 0 0 0;
	float:left;
}

div.topBoxM{
	width:258px;
	height:auto;
	margin:12px 0 0 16px;
	float:left;
}

div.topBoxR{
	width:225px;
	height:auto;
	float:right;
	background:url(../img/top/bg_staff_player_middle.gif) no-repeat left top;
}

/* left Box */
div.topBoxL h2{
	position:relative;
}

div.topBoxM h2 a,
div.topBoxL h2 a{
	position: absolute;
	font-size:70%;
	font-weight:normal;
	padding:0 3px 3px 15px ;
	background-position:0 0.15em;
	background-repeat:no-repeat
}
*html div.topBoxM h2 a,
*html div.topBoxL h2 a{
	font-size:50%;
}
*+html div.topBoxM h2 a,
*+html div.topBoxL h2 a {
	font-size:50%;
}

div.topBoxM h2 a:hover,
div.topBoxL h2 a:hover{
	color:#D85D11;
}

div.topBoxM h2 a.all,
div.topBoxL h2 a.all {
	right:5px;
	background-image:url(../img/ico_arrow_01.gif);
}

div.topBoxM h2 a.rss,
div.topBoxL h2 a.rss {
	right:84px;
	background-image:url(../img/ico_rss_01.gif);
}



div.topBoxL table.newsList01{
	width:455px;
	margin:15px 0 28px;
}

table.newsList01 th{
	padding:0 0 4px 8px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	background:url(../img/ico_black_l.gif) no-repeat 0 5px;
}

table.newsList01 td{
	padding:0 0 4px 3px;
	vertical-align:top;
}

div.topBoxL ul.newsList02{
	margin:20px 0 20px 0;
}

ul.newsList02 li{
	margin:0 0 15px 0;
}

ul.newsList02 li dl{
	width:455px;
}

ul.newsList02 li dl dt{
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

ul.newsList02 li dl dd{
	width:295px;
	float:left;
}

ul.newsList02 li dl dd h3{
	display:inline;
	font-size:100%;
	font-weight:normal;
}





/* middle Box */
div.topBoxM h2{
	margin:0;
	position:relative;
}



div.topBoxM ul{
	margin:0;
	padding:0;
	height:auto;
}

div.topBoxM ul li{
	padding:16px 0 10px 0;
	background:url(../img/line_dot_02.gif) repeat-x left top;
}

div.topBoxM ul li.topBoxMFC{
	background: none;
}

div.topBoxM ul li dl{
	width:260px;
}

div.topBoxM ul li dl dt{
	float:left;
}

div.topBoxM ul li dl dd{
	width:150px;
	float:right;
}
div.topBoxM ul li dl dd p {
	line-height:1.1 
}

div.topBoxM ul li  dl dd a{
	font-weight:bold;
}

div.topBoxM ul li.text {
	padding:8px 0 0 0;
}


/* right Box */
div.topBoxR{
	width:215px;
	height:auto;
	float:right;
	background:url(../img/top/bg_staff_player_middle.gif) no-repeat left bottom;
}

div.topBoxR p{
	margin:10px 15px 10px 15px;
	color:#9C8D78 !important;
}

div.topBoxRB{
	clear:both;
	width:215px;
	padding-top:8px;
}

div.topBoxRB p{
	margin:0;
	width:188px;
	padding:0 0 0 16px;
	font-size:96%
}

div.topBoxRB p.button {
	text-align:right;
	margin-bottom:10px;
	width:182px;
}

/* add 080502 */
p.odysseyBanner{
	width:215px;
	height:auto;
	float:right;
	margin: 0 0 10px 10px;
}

/* add 090401 */
p.addBanner{
	width:215px;
	height:auto;
	float:right;
	margin: 5px 0 10px 10px;
}

/* topBox02 */
div.topBox02{
	clear:both;
	width:970px;
}

div.topBox02 li{
	float:left;
	margin-right:10px;
	height:80px;
}

div.topBox02 li.tb02lastChild{
	margin-right:0;
}



/* footer */

div#footer{
	clear:both;
	width:970px;
	height:50px;
	position:relative;
	padding:23px 0 0 0;
	margin:0 auto;
	border-top:1px solid #cccccc;
}

.ftBtn01,.ftBtn02{
	float:left;
}

.ftBtn02{
	margin:0 0 0 24px;
	_margin:7px 0 0 24px;
}

.ftBtn01 li,
.ftBtn02 li{
	display:inline;
	height:29px;
	line-height:29px;

}

.ftBtn01 li{
	margin:0 13px 0 0;
}


.ftBtn02 li{
	border-right:1px solid #9B9C9A;
	padding-right:7px;
	margin-right:7px;
}

.ftBtn02 li.ft02lastChild{
	border:none !important;
}

.ftBtn02 li.ft02Inter{
	border:none !important;
	margin:0 0 0 78px;
}

.ftBtn01 li img,.ftBtn02 li img{
	vertical-align:middle;
}*html .ftBtn01 li img{
	_margin-bottom:2px
}

.selectSites{
	clear:both;
	position:absolute;
	right:0;
	top:27px;
}

.selectSites dt{
	display:none;
}

/* copy */
address{
	width:970px;
	text-align:right;
	margin:0 auto;
	padding:25px 0;
}




/*
########################################################
  no flash contents
########################################################
*/

div.noFlashBox{
	width:992px;
	height:450px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../img/top/bg_noflash.jpg) no-repeat left top;
}

dl#gnavi{
	position:absolute;
	top:58px;
	left:15px;
	width:166px;
	height:375px;
	background:url(../img/top/bg_gnavi2.gif) no-repeat left top;
}

dl#gnavi dt{
	display:none;
}

dl#gnavi dd{
	width:140px;
	padding:26px 0 0 13px;
}

dl#gnavi dd ul li{
	margin:0 0 3px 0;
}