@charset "UTF-8";

/* CSS Information ==============================
File name: base.css
Table of Contents:
 +reset styles
 +base styles
 +header styles
 +globalNav styles
 +container styles
 +footer styles
 +clearfix
 +print
============================================== */

/*========================================
 +reset styles
========================================*/
body,
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,
p,blockquote,
table,thead,tbody,tfoot,caption,th,td {
	margin: 0;
	padding: 0;
}
ol,ul {
	list-style: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,
img {
	border: 0 none;
}
abbr,acronym {
	border-bottom: 1px dashed;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6,
em,strong {
	font-weight: normal;
}
em {
	font-style: normal;
}
address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}
table {
	font-size: 100%;
}
select,
input,
textarea {
	font-size: 100%;
	font-weight: bold;
}
var,code,samp,kbd {
	font-family: monospace;
}
html{
	overflow-y: scroll;
}
textarea {
	overflow: auto;
}
caption,
th {
	text-align: left;
	}
img,
input,
select {
	vertical-align: middle;
}
.radio {
	vertical-align: baseline;
}
a,
input[type="submit"] {
	cursor: pointer;
}
hr {
	display: none;
}


/*========================================
 +base styles
========================================*/
body {
	border-top: 5px solid #D60A0A;
	background: #fff url(../img/bg_body.gif) left top repeat;
	color: #555;
	font-family:
			"MS P Gothic", "ＭＳ Ｐゴシック",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			sans-serif;
	font-size: 12px;
	*font-size: 75%;
	_font-size: 75%;
	line-height: 1.5;
}
a {
	color: #275FAE;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {	color: #39f;}

/*========================================
 +header styles
========================================*/
#header {
	width: 954px;
	margin: 0 auto 17px;
	padding: 25px 0 0 12px;
}
#header h1 {
	float: left;
}
#langSearch {
	float: right;
}
#langNav,
#langNav li,
#siteSearch,
#siteSearch input {
	float: left;
}
#langNav li {
	float: left;
	margin-right: 5px;
}
#langNav li.CN {
	font-family:'宋体','MS Song','MS PGothic',sans-serif;
}
#langNav li.TW {
	font-family:'明柳','MingLiU','MS PGothic',sans-serif;
}
#langNav li.ko {
	font-family:'맑은 고딕','Malgun Gothic','돋움','Dotum','MS PGothic',sans-serif;
}
#langNav a {
	padding-left: 16px;
	background: url(../img/arw_b_s.gif) left center no-repeat;
}
#siteSearch .txt {
	height: 12px;
	padding: 3px 7px;
	border: 1px solid #ccc;
	font-weight: normal;
	line-height: 1.1;
}
#siteSearch .submit {
	height: 20px;
	padding: 3px 8px 5px;
	border: none;
	font-weight: normal;
	line-height: 1.1;
	*padding: 5px 8px 3px;
	*font-size: 91.6%;
}
#siteSearch .submit {
	background: #666;
	color: #fff;
	text-decoration: none;
}
#siteSearch .submit:hover,
#siteSearch .submit:focus,
#siteSearch .submit:active {
	text-decoration: underline;
}

#utilityNav {
	float: right;
	clear: right;
	width: 550px;
	padding-top: 10px;
	font-size: 83.3%;
	text-align: right;
}
#utilityNav li {
	display: inline;
	margin-right: 17px;
}
#utilityNav a {
	padding-left: 14px;
	background: url(../img/arw_b_s.gif) left center no-repeat;
}
#utilityNav .lastChild {
	margin-right: 0;
}

/*========================================
 +globalNav styles
========================================*/
#globalNav {
	position: relative;
	z-index: 105;
	width: 966px;
	margin: 0 auto 20px;
	border: 1px solid #dfdfdf;
	border-bottom: none;
}
#globalNav li {
	position: relative;
	float: left;
}
* html #globalNav li img {
	vertical-align: top;
}
#globalNav li ul {
	display: none;
	position: absolute;
	top: 51px;
	left: 0;
}
#globalNav .hover ul {
	display: block;
}
#globalNav li li {
	position: static;
	float: none;
	background: none;
}
#globalNav li li a {
	display: block;
	width: 173px;
	padding: 6px 10px;
	border-top: 1px solid #D60A0A;
	background: #115bc0 url(../img/bg_mesh.gif) left top repeat;
	color: #fff;
}
#globalNav li .firstChild a {	border-top: none;}
#globalNav li li a:hover,
#globalNav li li a:focus,
#globalNav li li a:active {	text-decoration: underline;}

/*========================================
 +container styles
========================================*/
#container {
	width: 968px;
	margin: 0 auto 30px;
}
#topicPath {
	margin-bottom: 20px;
	font-size: 83.3%;
}
#topicPath li {
	float: left;
}
#topicPath a,
#topicPath span,
#topicPath em {
	display: block;
}
#topicPath a {
	padding: 4px 8px 4px 15px;
	background: #ccc url(../img/topicpath.gif) left center no-repeat;
	color: #fff;
}
#topicPath .home a {
	padding: 4px 8px 4px 6px;
	background: #ccc;
}
#topicPath a span {
	padding-left: 12px;
}
#topicPath a:hover,
#topicPath a:focus,
#topicPath a:active {
	color: #333;
}
#topicPath .current {
	padding: 0 0 0 15px;
	background: #8f8f8f url(../img/topicpath2.gif) left center no-repeat;
	color: #fff;
}
#topicPath .current em {
	padding: 4px 16px 4px 12px;
	background: url(../img/topicpath3.gif) right center no-repeat;
	font-weight: normal;
}
.pagetop {
	width: 968px;
	margin: 0 auto 28px;
	font-size: 83.3%;
	text-align: right;
}
.pagetop a {
	padding-left: 16px;
	background: url(../img/arw_b_v.gif) left center no-repeat;
	color: #3f6ead;
}
.pagetop a:hover,
.pagetop a:focus,
.pagetop a:active {
	text-decoration: underline;
}

/*========================================
 +footer styles
========================================*/
#footer {
	padding: 0 0 22px;
	background: #0f4a99 url(../img/bg_mesh2.gif) left top repeat;
}
#footerNav {
	background: #2a6ac0 url(../img/bg_mesh.gif) left top repeat;
	font-size: 83.3%;
}
#footerNav ul {
	width: 968px;
	margin: 0 auto;
	padding: 6px 0;
}
#footerNav li {
	display: inline;
	margin-right: 12px;
}
#footerNav a {
	padding-left: 19px;
	background: url(../img/arw_w_s.gif) left center no-repeat;
	color: #fff;
}
#footerNav a:hover,
#footerNav a:focus,
#footerNav a:active {
	text-decoration: underline;
}
#footerInner {
	width: 968px;
	margin: 0 auto;
	padding-top: 13px;
	text-align: right;
	font-size:10px;
	color: #666666;
}
#footerInner .owner {
	margin-bottom: 5px;
}

/*========================================
 +clearfix
========================================*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.clearfix {
	zoom: 1;
}

#topicPath dt {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/*========================================
 +print
========================================*/
@media print {
	body {
		border-top: none;
		_zoom: 0.67;
	}
	#header #langSearch,
	#header #utilityNav,
	#header #customizeArea,
	#globalNav,
	#footer #footerNav,
	.pagetop {
		display: none;
	}
	hr.clear {
		display: block;
		clear: both;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	.multi #header,
	.multi #container,
	.multi #footerInner {
		width: auto;
	}
}

/* home */
@media print {
	.home #pickup .columnRow {
		width: 723px;
	}
	.home #footer {
		clear: both;
	}
}

/* race */
@media print {
	.race #sub {
		display: none;
	}
}

/* data */
@media print {
	.data #main {
		float: none;
	}
	.data #sub {
		display: none;
	}
}

/* go */
@media print {
	.go #main {
		float: none;
	}
	.go #sub {
		display: none;
	}
}

/* info */
@media print {
	.info #main {
		float: none;
	}
	.info #contents #main {
		float: none;
		width: auto;
	}
	.info #sub,
	.info #sub2 {
		display: none;
	}
}

/* news */
@media print {
	.news #main {
		float: none;
	}
	.news #contents #main {
		float: none;
		width: auto;
	}
	.news #sub,
	.news #sub2 {
		display: none;
	}
}