@charset "utf-8";

/*-- body
-------------------------------------------------------- */

body {
	text-align:center;
	background:#0049a7 url(../img/bg_body.gif) 0 0 repeat-x;
}


/*-- wrapper
-------------------------------------------------------- */

#wrapper {
	margin:0 auto 20px;
	width:1016px;
	text-align:left;
	background:url(../img/bg_contents.gif) 0 0 repeat-y;
}


/*-- header
-------------------------------------------------------- */

#header {
	width:1016px;
	height:70px;
	background:url(../img/bg_header.gif) 0 0 no-repeat;
}

#header p {
	margin:15px 0 0 30px;
	width:260px;
	height:50px;
	display:inline;
	float:left;
}

#header p a {
	width:260px;
	height:50px;
	text-indent:-9999px;
	display:block;
}


/*-- navi
-------------------------------------------------------- */

#navi {
	width:1016px;
	height:50px;
	background:url(../img/bg_navi.gif) 0 0 no-repeat;
}

#navi ul {
	margin:0 13px;
	width:990;
	height:50px;
}

#navi ul li {
	width:198px;
	height:50px;
	float:left;
}

#navi ul li a {
	width:198px;
	height:50px;
	text-indent:-9999px;
	display:block;
}

#navi ul li .attop,
#navi ul li a:hover.top {
	background:url(../img/bg_navi.gif) -13px -50px no-repeat;
}

#navi ul li .atfx,
#navi ul li a:hover.fx {
	background:url(../img/bg_navi.gif) -211px -50px no-repeat;
}

#navi ul li .atcredit,
#navi ul li a:hover.credit {
	background:url(../img/bg_navi.gif) -409px -50px no-repeat;
}

#navi ul li .atesthe,
#navi ul li a:hover.esthe {
	background:url(../img/bg_navi.gif) -607px -50px no-repeat;
}

#navi ul li .atcar,
#navi ul li a:hover.car {
	background:url(../img/bg_navi.gif) -805px -50px no-repeat;
}


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

#contents {
	width:1016px;
	background:url(../img/top_contens.gif) 0 top no-repeat;
}


/*-- main
-------------------------------------------------------- */

#main {
	padding:0;
	width:786px;
	float:left;
}

#main #topicpath {
	margin:0 0 20px 10px;
	height:30px;
	width:700px;
}

#main #topicpath .attop {
	margin:10px 0 0 20px;
	padding:0 0 0 10px;
	height:20px;
	background:url(../img/tp_attop.gif) 0 0 no-repeat;
	display:inline;
	float:left;
}

#main #topicpath .top {
	margin:10px 0 0 20px;
	padding:0 0 0 10px;
	height:20px;
	background:url(../img/tp_top.gif) 0 0 no-repeat;
	display:inline;
	float:left;
}

#main #topicpath .middle {
	margin:10px 0 0;
	padding:0 0 0 10px;
	height:20px;
	background:url(../img/tp_middle.gif) 0 0 no-repeat;
	display:inline;
	float:left;
}


#main #topicpath .end {
	margin:10px 0 0;
	height:20px;
	background:url(../img/tp_atend.gif) 0 0 no-repeat;
	display:inline;
	float:left;
}

#main #topicpath .attop strong {
	padding:4px 20px 4px 0;
	height:16px;
	font-size:87%;
	color:#fff;
	white-space:nowrap;
	background:url(../img/tp_end.gif) right 0 no-repeat;
	display:block;
}

#main #topicpath .top a {
	padding:4px 10px 4px 0;
	height:16px;
	font-size:87%;
	color:#333;
	white-space:nowrap;
	background:url(../img/tp_atmiddle.gif) right 0 no-repeat;
	display:block;
}

#main #topicpath .middle a {
	padding:4px 10px 4px 10px;
	height:16px;
	font-size:87%;
	color:#333;
	white-space:nowrap;
	display:block;
}

#main #topicpath .end strong {
	padding:4px 20px;
	height:16px;
	font-size:87%;
	color:#fff;
	white-space:nowrap;
	background:url(../img/tp_end.gif) right 0 no-repeat;
	display:block;
}

#main #topicpath .top a:hover {
	color:#999;
}

#main #topicpath .middle a:hover {
	color:#999;
}

#main #copy {
	margin:10px 0 0 30px;
	width:740px;
	height:110px;
	background:url(../img/bg_topcopy.jpg) 0 0 no-repeat;
}


#main #copy h1 {
	padding:10px;
	font-size:134%;
	font-weight:bold;
	color:#fff;
}

#main #copy p {
	padding:0 10px 10px;
	font-size:117%;
	font-weight:bold;
	color:#fff;
	line-height:120%;
}

#main #info {
	margin:0 0 20px 30px;
	width:743px;
}

#main #info #topics {
	width:363px;
	float:left;
	background:url(../img/bg_topics.gif) 0 0 repeat-y;
}

#main #info #topics h2 {
	width:363px;
	height:66px;
	text-indent:-9999px;
}

#main #info #topics .top {
	background:url(../img/h2_topics.gif) 0 0 no-repeat;
}

#main #info #whatsnew {
	width:363px;
	float:right;
	background:url(../img/bg_topics.gif) 0 0 repeat-y;
}

#main #info #whatsnew h2 {
	width:363px;
	height:66px;
	text-indent:-9999px;
}

#main #info #whatsnew .top {
	background:url(../img/h2_whatsnew.gif) 0 0 no-repeat;
}

#main #info div ul {
	padding:0 15px 20px;
	width:333px;
	background:url(../img/btm_topics.gif) 0 bottom no-repeat;
}

#main #info div ul li {
	padding:4px 0 0 20px;
	width:311px;
	height:16px;
	border-bottom:1px solid #ddd;
	background:url(../img/img_listarrow.gif) 2px 2px no-repeat;
}

#main #info div ul li a {
	color:#c33;
	text-decoration:none;
}

#main #category {
	margin:0 0 0px 30px;
	width:740px;
}

#main #category .inbox {
	width:740px;
}

#main #category .inbox div {
	margin:0 0 20px;
	width:360px;
	height:230px;
	background:url(../img/bg_topcategory.gif) 0 0 no-repeat;
}

#main #category .inbox div h2 {
	margin:10px 0 16px 24px;
	font-size:200%;
}

#main #category .inbox div p {
	margin:0 0 20px 20px;
	line-height:140%;
}

#main #category .inbox div ul {
	margin:0 10px 20px 20px;
	width:330px;
}

#main #category .inbox div ul li {
	padding:2px 0 5px 12px;
	width:153px;
	line-height:110%;
	background:url(../img/img_sarrow.gif) 0 4px no-repeat;
	float:left;
}


#main #insitelink {
	margin:0 0 10px 30px;
	width:740px;
	height:40px;
	background:url(../img/bg_insitelink.gif) 0 0 no-repeat;
}

#main #insitelink p {
	padding:14px 0 0;
	line-height:110%;
	text-align:center;
}

/*-- sub
-------------------------------------------------------- */

#sub {
	margin:10px 20px 0 10px;
	width:200px;
	float:right;
}

#sub #adbox {
	margin:0 0 10px;
	width:200px;
}

#sub #caad {
	margin:0 0 10px;
	width:200px;
}


/*-- footer
-------------------------------------------------------- */

#footer {
	width:1016px;
	clear:both;
}

#footer #copyright {
	width:1016px;
	height:60px;
	background:url(../img/bg_copyright.gif) 0 0 no-repeat;
}

#footer #copyright p {
	padding:15px 0 0; 
	color:#fff;
	line-height:140%;
	text-align:center;
}


#footer #bottomlink {
	width:1016px;
	color:#fff;
	background:url(../img/bg_footer.gif) 0 0 repeat-y;
}

#footer #bottomlink .inbox {
	padding: 0 0 40px;
	width:1016px;
	color:#fff;
	background:url(../img/btm_footer.gif) 0 bottom no-repeat;
}

#footer #bottomlink .inbox #chanceit {
	margin:22px 0 0 30px;
	width:69px;
	height:60px;
	float:left;
	display:inline;
}

#footer #bottomlink .inbox #chanceit a {
	width:69px;
	height:60px;
	text-indent:-9999px;
	background:url(../img/logo_ci.gif) 0 0 no-repeat;
	display:block;
}

#footer #bottomlink .inbox #link {
	margin:23px 0 0 30px;
	line-height:150%;
	color:#333;
	float:left;
}


#footer #bottomlink .inbox #link a {
	color:#039;
	text-decoration:underline;
}

#footer #bottomlink .inbox #link a:hover {
	color:#36c;
	text-decoration:none;
}

#footer #bottomsitemap {
	width:1016px;
	line-height:110%;
	background:url(../img/bg_footer.gif) 0 0 repeat-y;
}

#footer #bottomsitemap a {
	color:#333;
}

#footer #bottomsitemap a:hover {
	color:#999;
}

#footer #bottomsitemap ul {
	padding:0 10px;
	width:996px;
	height:20px;
	background:url(../img/top_footer.gif) 0 0 no-repeat;
}

#footer #bottomsitemap ul li {
	padding:4px 20px 0 15px;
	height:16px;
	background:url(../img/tp_footer.gif) right 0 no-repeat;
	float:left;
}


#footer #bottomsitemap ul li a ,
#footer #bottomsitemap ul li strong {
	font-weight:bold;
}

#footer #bottomsitemap .inbox {
	padding: 0 10px 23px;
	width:996px;
	background:url(../img/btm_footer.gif) 0 bottom no-repeat;
}

#footer #bottomsitemap .inbox dl {
	padding:10px 0 10px 50px;
	width:199px;
	float:left;
}

#footer #bottomsitemap .inbox dl dt {
	padding:5px 0;
	font-weight:bold;
}

#footer #bottomsitemap .inbox dl dd {
	padding:5px 0;
}

a {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#36c;
	text-decoration:none;
}

.left-box {
	float:left;
}

.right-box {
	float:right;
}