@charset "UTF-8";

/* CSS Information ==============================
File name: home.css
Table of Contents:
 +header
 +main
 +sub
 +clearfix
============================================== */

/*========================================
 +header
========================================*/
#header {
	position: relative;
}
#header #customizeArea {
	position: absolute;
	top: -5px;
	right: 0;
	padding: 3px 4px 4px 10px;
	background:  #D60A0A;
	color: #fff;
}
#header #customizeArea h2,
#header #customizeArea p {
	float: left;
}
#header #customizeArea h2 {
	padding: 4px 4px 0 0;
	font-weight: normal;
	font-size: 83.3%;
}
#langSearch {
	padding-top: 11px;
}

/*========================================
 +main
========================================*/
#main {
	float: left;
	width: 724px;
}

#messageArea {
	margin-bottom: 25px;
	padding: 8px 14px 2px;
	border: 1px solid #dfdfdf;
	background: #f44 url(../shared/img/bg_mesh6.gif) left top repeat;
	color: #fff;
	line-height: 1.3;
	_zoom: 1;
}
#messageArea dt {
	font-weight: bold;
}
#messageArea dd {
	margin: -1.3em 0 6px 7em;
}

#recommendBox {	position: relative;	width: 724px;	height: 233px;	margin-bottom: 25px;	border: 1px solid #dfdfdf;}
#recommendBox .rec-img{	display:block;}
#rec-container p a{	display:inline-block;}
#recommendBox #recommendNav {	position: absolute;	top: 257px;	left: 21px;}
#recommendBox #recommendNav li {	float: left;	margin-right: 4px;}
#recommendBox #recommendNav a {	display: block;	width: 14px;	height: 0;	padding-top: 14px;	background: #ccc;	overflow: hidden;}
#recommendBox #recommendNav a:hover,
#recommendBox #recommendNav a:focus,
#recommendBox #recommendNav a:active img {	opacity: 0.6;	filter: alpha(opacity=60);}
#recommendBox #recommendNav .current a {	background: #0e51ac;}
#recommendBox .customizeBtn {	position: absolute;	top: 8px;	left: 598px;	border: 1px solid #dfdfdf;}

#datacenter {	position: relative;	width: 724px;	height: 345px;	margin-bottom: 25px;	border: 1px solid #dfdfdf;}
#datacenter a:hover img,
#datacenter a:active img {	opacity: 0.5;	filter: alpha(opacity=100);}
#datacenter .Btntokyo {	position: absolute;	top: 130px;	left: 635px;	border: 1px solid #dfdfdf;}
#datacenter .Btnosaka {	position: absolute;	top: 155px;	left: 635px;	border: 1px solid #dfdfdf;}
#datacenter .Btnindia {	position: absolute;	top: 145px;	left: 420px;	border: 1px solid #dfdfdf;}
#datacenter .Btnlos {	position: absolute;	top: 165px;	left: 80px;	border: 1px solid #dfdfdf;}
#datacenter .Btnnewyork {	position: absolute;	top: 100px;	left: 180px;	border: 1px solid #dfdfdf;}
#datacenter .Btnindonesia {	position: absolute;	top: 235px;	left: 500px;	border: 1px solid #dfdfdf;}
#datacenter .Btnthai {	position: absolute;	top: 180px;	left: 460px;	border: 1px solid #dfdfdf;}
#datacenter .Btnhk {	position: absolute;	top: 150px;	left: 500px;	border: 1px solid #dfdfdf;}
#datacenter .Btnchina {	position: absolute;	top: 110px;	left: 500px;	border: 1px solid #dfdfdf;}
#datacenter .Btnkorea {	position: absolute;	top: 110px;	left: 570px;	border: 1px solid #dfdfdf;}
#datacenter .Btntaiwan {	position: absolute;	top: 185px;	left: 605px;	border: 1px solid #dfdfdf;}
#datacenter .Btnvietnam {	position: absolute;	top: 205px;	left: 545px;	border: 1px solid #dfdfdf;}
#datacenter .Btngermany {	position: absolute;	top: 90px;	left: 330px;	border: 1px solid #dfdfdf;}
#datacenter .Btnsilicon {	position: absolute;	top: 80px;	left: 70px;	border: 1px solid #dfdfdf;}
#datacenter .Btnsingapole {	position: absolute;	top: 210px;	left: 460px;	border: 1px solid #dfdfdf;}

#mapBox {	position: relative;	width: 720px;	height: 400px;	margin-bottom: 25px;	border: 1px solid #dfdfdf;}




#pickup {	margin-bottom: 25px;	padding-top: 13px;	border: 1px solid #dfdfdf;	background: #fff;float: left; width:720px;}
#pickup  .dataservice{	padding:0px 10px 10px 10px; float:left;}
#pickup  .pickupTxt{ padding:0px 10px 5px 10px;}
#pickup  .pickupTxtdata{ padding:0px 10px 5px 10px;}
#pickup h2 {	margin: 0 0 15px -1px;	padding-left: 5px;	background: url(../shared/img/bg_mesh.gif) left top repeat;}
#pickup h2 span {	display: block;	padding: 4px 12px 4px 12px;	background: #fff;}
#pickup .prev a,
#pickup .next a {
	display: block;
	padding: 8px 5px;
	background: #0e51ac;
}
#pickup .prev a:hover,
#pickup .next a:hover,
#pickup .prev a:focus,
#pickup .next a:focus,
#pickup .prev a:active,
#pickup .next a:active {
	background: #39f;
}
#pickup .prev {
	position: absolute;
	top: 210px;
	left: -14px;
	width: 14px;
}
#pickup .next {
	position: absolute;
	top: 210px;
	left: 723px;
	width: 14px;
}
#pickup #pickupInner {
	padding: 0 12px 8px;
	overflow: hidden;
}
#pickup .columnRow {
	margin: -1px 0 1px -25px;
	
}
#pickup #row2,
#pickup #row4{
	background: url(../img/bg_pickup2.gif) 25px top no-repeat;
}

#pickup .body {
	background: url(../img/bg_pickup.gif) 229px top repeat-y;
}

#pickup .column {margin-left: 50px;	padding: 0px 30px 20px 0px; float:left;}
#pickup .column dl dt.photo { padding:0px 0px 10px 0px;}
#pickup .column dl dt.link { padding:0px 0px 10px 0px;}
#pickup .column dl dt.linktext { text-align:center;}
#pickup .column a:hover img,
#pickup .column a:focus img,
#pickup .column a:active img {	opacity: 0.6;	filter: alpha(opacity=60);}

#pickup .column h3 {
	margin-bottom: 6px;
	padding-top: 11px;
}
#pickup .column p {
	padding: 0 4px;
}
#pickup .customizeBtn {
	position: absolute;
	top: 27px;
	left: 594px;
	border: 1px solid #dfdfdf;
}

#information .column {
	float: right;
	width: 494px;
}
#information .column .section {
	position: relative;
	margin-bottom: 19px;
	padding: 13px 0 0;
	border: 1px solid #dfdfdf;
	background: #fff;
}
#information .column .section h2 {
	margin: 0 0 3px -1px;
	padding-left: 5px;
	background: url(../shared/img/bg_mesh.gif) left top repeat;
}
#information .column .section h2 span {
	display: block;
	padding: 4px 0 4px 12px;
	background: #fff;
}
#information .column .section .item {
	margin: 0 12px;
	padding: 13px 12px;
}
#information .column .section .evenItem {
	background: #f2f2f2;
}
#information .column .section .item dt {
	margin-bottom: 6px;
	font-weight: bold;
}
#information .column .section .item dt img {
	margin-left: 8px;
}
#information .column .section .item dt .place {
	margin-left: 2px;
}
#information .column .section .more {
	position: absolute;
	top: 34px;
	left: 380px;
}
#information .column .section .more li {
	float: left;
	margin-right: 16px;
}
#information .column .section .more a {
	padding-left: 16px;
	background: url(../shared/img/arw_b_s.gif) left center no-repeat;
}

#information .column2 {
	float: left;
	width: 206px;
}
#information .column2 .box {
	margin-bottom: 16px;
	border: 1px solid #dfdfdf;
	_zoom:1;
}

#information .column2 .box a{
	display:inline-block;
}

#information .column2 .box img{
	vertical-align:bottom;
}
#information #news3 {
	padding: 0 11px 0 12px;
	border: 1px solid #dfdfdf;
	background: #fff;
}
#information #news3 h2 {
	margin: -1px 0 12px;
}
#information #news3 ul {
	padding: 0 0 0 8px;
}
#information #news3 ul a {
	display: block;
	padding-left: 18px;
	background: url(../shared/img/arw_b_s.gif) left center no-repeat;
	_zoom: 1;
}
#information #news3 ul li {
	margin-bottom: 14px;
}

/*========================================
 +sub
========================================*/
#sub {
	float: right;
	width: 220px;
}
#sub .section {
	margin-bottom: 20px;
	border: 1px solid #d3deee;
	background: #e6f0fd;
}



#bannerArea {
	font-size: 83.3%;
}
#bannerArea a {
	display: block;
}
#bannerArea .img {
	margin-bottom: 5px;
	border: 1px solid #dfdfdf;
}
#bannerArea .txt {
	margin-bottom: 10px;
	padding: 0 4px;
}

/*========================================
 +clearfix
========================================*/


/**/

/* safari only \*/
html {
	overflow-y: visible;
	*overflow-y:scroll;
}

#inline{
	background:#E6F0FD;
	padding:0;
	margin:0;
	border-top:none;
}

#inline-schedule{
	background:#E6F0FD;
	height:697px;
	width:220px;

}


#inline-schedule-wrap{
	width:220px;
	height:300px;
	overflow:hidden;
	margin-bottom:20px;
	border: 1px solid #D3DEEE;
}

#inline-race{
	background:#E6F0FD;
	height:465px;
	width:220px;
}

#inline-race-wrap{
	width:220px;
	height:465px;
	overflow:hidden;
	margin-bottom:20px;
	border: 1px solid #D3DEEE;
}


/**/
#messageAreaInner2 dd a{
	color:#ffffff;
	text-decoration:underline;

}

#messageAreaInner2 dd a:hover,
#messageAreaInner2 dd a:focus,
#messageAreaInner2 dd a:active {
	color:#ffffff;
	text-decoration:underline;
}