@charset "utf-8";

/* reset
----------------------------------------------- */
* html body {
	font-size: small; /* for IE6 */
}
body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1.5;
	color:#333;
	background:#FFF;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
h1,h2,h3,h4,h5,h6,form,p,ul,li,dl,dt,dd {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
* html table {
	font-size: small; /* for IE6 */
}
table {
	border-collapse: collapse;
	font-size: small;
}
th,td {
	margin: 0;
	padding: 0;
}
address {
	font-style: normal;
}
.box_hover{
	cursor:pointer;
}
table.baseTbl {
	background:#CCC;
	border-collapse: separate;
	width:680px;
	margin:0 auto 20px;
}
table.baseTbl th{
	background:#EEE;
	padding:8px;
	text-align:left;
	width:120px;
}
table.baseTbl td{
	background:#FFF;
	padding:8px;
}
/* align
----------------------------------------------- */
.alignl { text-align: left!important; }
.alignr { text-align: right!important; }
.alignc { text-align: center!important; }

/* margin,padding
----------------------------------------------- */
.mb30 {
	margin-bottom:30px !important;
}

/* font size
----------------------------------------------- */
* html .fsize1 { font-size: xx-small; }
* html .fsize2 { font-size: x-small; }
* html .fsize3 { font-size: small; }
* html .fsize4 { font-size: medium; }
* html .fsize5 { font-size: large; }
* html .fsize6 { font-size: x-large; }
.fsize1 { font-size: x-small; }
.fsize2 { font-size: small; }
.fsize3 { font-size: medium; }
.fsize4 { font-size: large; }
.fsize5 { font-size: x-large; }
.fsize6 { font-size: xx-large; }
.fsize1, .fsize2, .fsize3, .fsize4, .fsize5, .fsize6 {
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}
.fsize9em {
	font-size:0.95em !important;
}
.fsize1em {
	font-size:1em !important;
}
/* base layout
----------------------------------------------- */
div#container {
	width:960px;
	padding:0 6px;
	overflow:hidden;
	background:url(../images/common/bg.gif) repeat-y center top;
	margin:0 auto;
}
div#header {
	background:url(../images/common/head.jpg) no-repeat left top;
	clear:both;
	height:129px;
	overflow:hidden;
}
div#header h1{
	float:left;
}
div#header h1 a{
	display:block;
	width:300px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
}
div#header ul{
	float:right;
}
div#header li{
	display:inline;
	margin-right:10px;
}
ul#gnavi {
	width:948px;
	padding:24px 6px 0;
	overflow:hidden;
	background:url(../images/common/gnavi_bg.gif) no-repeat left top;
	border-bottom:solid 1px #CCC;
	margin-bottom:10px;
	height:54px;
}
ul#gnavi li{
	display:inline;
	width:150px;
	height:54px;
	margin:0 4px;
	float:left;
}
ul#gnavi li a{
	text-indent:-9999px;
	display:block;
	width:150px;
	height:45px;
	outline:none;
	background:url(../images/common/gnavi.png) no-repeat left top;
	overflow:hidden;
}
ul#gnavi li#gnavi01 a{background-position:0 2px}
ul#gnavi li#gnavi02 a{background-position:-150px 2px}
ul#gnavi li#gnavi03 a{background-position:-300px 2px}
ul#gnavi li#gnavi04 a{background-position:-450px 2px}
ul#gnavi li#gnavi05 a{background-position:-600px 2px}
ul#gnavi li#gnavi06 a{background-position:-750px 2px}

ul#gnavi li#gnavi01 a:hover{background-position:0 -52px;}
ul#gnavi li#gnavi02 a:hover{background-position:-150px -52px;}
ul#gnavi li#gnavi03 a:hover{background-position:-300px -52px;}
ul#gnavi li#gnavi04 a:hover{background-position:-450px -52px;}
ul#gnavi li#gnavi05 a:hover{background-position:-600px -52px;}
ul#gnavi li#gnavi06 a:hover{background-position:-750px -52px;}
ul#gnavi li#gnavi01 a.now{background-position:0 -50px;}
ul#gnavi li#gnavi02 a.now{background-position:-150px -50px;}
ul#gnavi li#gnavi03 a.now{background-position:-300px -50px;}
ul#gnavi li#gnavi04 a.now{background-position:-450px -50px;}
ul#gnavi li#gnavi05 a.now{background-position:-600px -50px;}
ul#gnavi li#gnavi06 a.now{background-position:-750px -50px;}

div#mainConts {
	width:960px;
	overflow:hidden;
	padding-bottom:15px;
}
body#index div#mainConts {
	padding-bottom:0 !important;
	background:url(../images/top/top_side.gif) repeat-y right top;

}

div#footer {
	background:url(../images/common/footer.jpg) no-repeat left top;
	height:46px;
}
div#footer ul{
	float:left;
	overflow:hidden;
}
div#footer ul li{
	display:inline;
	font-size:10px;
	border-left:solid 1px #FFF;
	margin-left:10px;
	padding-left:10px;
	line-height:46px;
}
div#footer ul li a{
	color:#FFF;
	text-decoration:none;
}
div#footer ul li a:hover{
	text-decoration:underline;
}
div address {
	overflow:hidden;
	display:block;
	float:right;
	font-size:10px;
	color:#FFF;
	line-height:46px;
	padding-right:10px;
}
a {
	color:#0000c6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* subpage base layout
----------------------------------------------- */
body#sub div#header {
	background-image:url(../images/common/head_sub.jpg) !important;
	height:100px !important;
}
body#sub  ul#gnavi {
	background-image:url(../images/common/gnavi_bgsub.gif) !important;
}
body#sub div#subinfoConts {
	position:relative;
	background:url(../images/common/head_sub.jpg) 0 -100px;
	height:33px;
}
body#sub div#subinfoConts #subinfoContsArea{
	padding-top:8px;
	margin-left:140px;
	width:820px;
	position:relative;
	overflow:hidden;
}
body#sub div#subinfoConts #ticker{
	position:relative;
}
body#sub div#subinfoConts ul li{
	float:left;
	margin:0;
	display:inline;
	letter-spacing:1px;
}
body#sub div#subinfoConts ul li a{
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}
body#sub div#subinfoConts ul li a:hover{
	text-decoration:underline;
}
body#sub h2 {
	float:left;
	background:url(../images/common/h2_bg.gif) no-repeat left bottom;
	padding-bottom:10px;
	line-height:1;
}
body#sub h3 {
	background:url(../images/common/h3_bg.gif) repeat-x left top;

	padding:13px 0 0 17px;
	margin-bottom:20px !important;
}
p#pan {
	float:right;
	text^align:right;
	font-size:10px;
	padding:15px 10px 0 0;
}
div#mainContsInner {
	overflow:hidden;
	clear:both;
	border-top:solid 3px #000e64;
	width:960px;
	background:url(../images/common/dot.gif) repeat-y 200px 0;
}
div#leftConts {
	width:200px;
	float:left;
	overflow:hidden;
	border-right:solid 1px #d7d7d7;
}
div#main {
	overflow:hidden;
	float:right;
	width:759px;
}

ul#subnavi {
	margin-bottom:10px;
}

ul#subnavi li{
	border-top:solid 1px #fff;
	border-bottom:solid 1px #d3d3d3;
	background:url(../images/common/subnavi_bg.gif) repeat-x left top;
	width:200px;
	overflow:hidden;
	padding:0;
	margin:0;
	vertical-align: bottom;
}

ul#subnavi li.stit {
	text-align:center;
	height:20px;
	line-height:20px;
	padding:0 0 1px 0;
	background-image:none;
	background:#000E64;
	border:none;
}

ul#subnavi li a.now{
	background:#d7dcff;
}
dl#specialban {
	width:180px;
	margin:0 auto;
}
dl#specialban dt {
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	background:#000e64;
	padding:2px;
	margin-bottom:2px;
}


ul#subnavi li a.sublink {
	display:block;
	padding:10px 0;
	width:200px;
	overflow:hidden;
	text-decoration:none;

	margin:0;
}
ul#subnavi li a.sublink:hover {
	background:#d7dcff;
	cursor:pointer;
}
ul#subnavi li div.sublink {
	display:block;
	padding:10px 0;
	width:200px;
	overflow:hidden;
	margin:0;
}

ul#subnavi li span.sublThumb{
	display:block;
	float:left;
	width:36px;
	text-align:right;
	zoom: 1;
}
ul#subnavi li span.sublDetail{
	display:block;
	float:left;
	color:#7e7e7e;
	font-size:10px;
	width:154px;
	margin-left:10px;
	overflow:hidden;
}
ul#subnavi li span.sublDetail img{
	display:block;
	margin-bottom:2px;
	overflow:hidden;
}
ul#subnavi dl#subnaviList,
ul#subnavi ul#subnaviList {
	clear:both;
	padding-left:40px !important;
	border-top: dotted 1px #CCC;
	font-size:10px;
}
ul#subnavi ul#subnaviList {
	padding-top:5px;
	overflow:hidden;
}
ul#subnavi dl#subnaviList dt{
	border-bottom: dotted 1px #BBB;
	padding:10px 0 5px 0 !important;
	font-weight:bold !important;
	font-size:12px;
	color:#000e64;
}
ul#subnavi dl#subnaviList dd {
	padding:2px 0 3px 10px  !important;
	background:url(../images/common/icon_arrow.gif) no-repeat left center;
}
ul#subnavi ul#subnaviList li{
	padding:2px 0 3px 10px  !important;
	border:none !important;
	background:url(../images/common/icon_arrow.gif) no-repeat left center;
	color:#7e7e7e;
	width:auto !important;
	font-size:10px;
}
#subnaviList a{
	display:block;
}
ul#subnavi a.snow {
	color:#111;
	font-weight:bold;
	text-decoration:none;
}

body#sub h4{
	border-left:5px solid #001564;
	font-size:1.3em;
	line-height:1.2;
	color:#111;
	padding-left:8px;
	margin:0 0 20px 20px
}
p#pagetop {
	text-align:right;
	height:20px;
	oveflow:hidden;
	padding:0;
	margin:0 0 8px 0;
	padding-right:10px;
}
/* top
----------------------------------------------- */
div#infoConts {
	height:384px;
	background:url(../images/top/flasharea.gif) no-repeat left top;
	width:960px;
	overflow:hidden;
}
ul#infoLeft {
	width:187px;
	float:left;
	padding:38px 0 0 13px;
}
ul#infoRight {
	width:180px;
	float:right;
	padding:38px 13px 0 0;
}

ul#infoLeft li,
ul#infoRight li {
	overflow:hidden;
	margin-bottom:2px;
	vertical-align: bottom;
}

ul#infoLeft img,
ul#infoRight img{
	vertical-align: bottom;
}
ul#infoLeft li a,
ul#infoRight li a {
	overflow:hidden;
	display:block;
	background:#FFF;
}
div#flashCont {
	float:left;
	width:556px;
	height:350px;
	margin:12px 0 0 5px;
}

div#mainleftConts {
	float:left;
	width:770px;
	overflow:hidden;
	display:inline;
}

div#news {
	width:753px;
	border:solid 1px #666;
	overflow:hidden;
	margin-left:10px;
	background:#002fc9 url(../images/top/bg_news.gif) left top;
	padding-bottom:2px;
}
div#news h2 a{
	margin-left:605px;
}
div.newsList {
	background:#FFF !important;
	border:none !important;
	width:680px !important; 
	padding-left:30px !important; 
}
div#news dl{
	overflow:hidden;
	background:#F2F2F2;
	border:solid 2px #d5d5d5;
	padding:2px 10px;
	width:725px;
	margin:0 auto;
}

div.newsList dl {
	width:670px !important;
	background:#FFF !important;
	border-right:none !important;
	border-left:none !important;
	border-bottom:none !important;
	border-top:none !important;
}


div#news dt {
	font-weight:bold;
	clear:left;
	float:left;
	font-weight:bold;
	padding:8px 0 10px 70px;
	width:100px;
}
div#news dt.news-machine {
	background:url(../images/top/icon_machine.gif) no-repeat 0 6px;
}
div#news dt.news-news {
	background:url(../images/top/icon_news.gif) no-repeat 0 6px;	
}

div#news dt.news-fun {
	background:url(../images/top/icon_fun.gif) no-repeat 0 6px;	
}

div#news dt.news-present {
	background:url(../images/top/icon_present.gif) no-repeat 0 6px;	
}

div#news dt.news-game {
	background:url(../images/top/icon_game.gif) no-repeat 0 6px;	
}

div#news dd {
	border-bottom:1px dotted #AAAAAA;
	margin-left:0;
	padding:8px 0 9px 170px;
}

div#rightConts {
	float:right;
	padding-right:10px;
}
.box_hover{
	cursor:pointer;
}
div#news h2 {
	padding:0 0 0 10px;
	background:url(../images/top/lined.gif) repeat-x left bottom;
}

div#fBan {
	clear:both;
	overflow:hidden;
	width:737px;
	margin-top:15px;
	border-top:solid 1px #CCC;
/*	background:#EEE; */
	padding:10px 14px 10px 15px;
/*	background:url(../images/top/bg_sup.gif) repeat-x left bottom; */

}
div#fBan ul{
	clear:both;
	overflow:hidden;
	width:960px;
}
div#fBan ul li{
	display:inline;
	float:left;
	margin:1px 10px 5px 8px;
	background:#FFF;
	height:60px;
	overflow:hidden;
}

body#index #sideMenu li {
	margin-bottom:5px;
}