@charset "utf-8";
/* CSS Document */
#cloadImage{
	position:absolute;
	left:320px;
	top:140px;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.45;
}

.mainArea .colL {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 660px;
	height:315px;
	background-image:url(/img/worldwide_gateway/img_index_cg000.png);
	position:relative;
}

.mainArea .colR{
	background-color:#fff;
	position:relative;
	width:290px;
	height:315px;
}

.mainArea .colR p.specialSiteImage a{
	display:block;
}

.mainArea .colR p.specialSiteImage a:hover img{
	opacity:0.85;
    transition-duration: 0.25s;
    transition-delay: 0s;
    transition-timing-function: ease;
}
.mainArea .colR p.specialSiteImage a img{
	opacity:1;
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: ease;
}

.mainArea .colR p.specialSiteLink {
	position: absolute;
	top:274px;
	left:85px;
}

div.colL div.gatewayL{
	width:188px;
	height:315px;
	float:left;
	background-image:url(/img/worldwide_gateway/img_index_cg001.png);
	overflow:hidden;
}

div.gatewayL .regionSelect{
}

div.gatewayL .regionSelect li{
	width:187px;
	height:63px;
	display:block;
	background-image:url(/img/worldwide_gateway/img_index_cg_border.png);
	background-repeat:repeat-x;
	background-position:bottom;
	position:relative;
	overflow:hidden;
}

div.gatewayL .regionSelect li.lastItem{
	background:none;
}

div.gatewayL .regionSelect li a{
	display:block;
	text-decoration:none;
	width:187px;
	height:62px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background-image:url(/img/worldwide_gateway/img_index_cg000.png);
}
div.gatewayL .regionSelect li.lastItem a{
	height:63px;
}

div.gatewayL .regionSelect li a:hover{
	background:none;
}

div.gatewayL .regionSelect li a span.regionText{
	display:block;
	padding-left:36px;
	padding-top:19px;
	max-width:152px;
	background-image:url(/img/worldwide_gateway/img_index_cg_yajirushi.png);
	background-repeat:no-repeat;
	background-position:18px 27px;
	position:absolute;
	z-index:60000;
	width:187px;
}

div.gatewayL .regionSelect li a span.regionNow {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background:#05132b;
}

div.colL div.gatewayR{
	width:472px;
	height:315px;
	background-image:url(/img/worldwide_gateway/img_index_cg_region_map.png);
	background-position:29px 77px;
	background-repeat: no-repeat;
	float:right;
	overflow:visible;
}

div.colL .gatewayR_top {
	width:432px;
	height:44px;
	background-image:url(/img/worldwide_gateway/img_index_cg_border.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top:20px;
	margin-left:20px;
}
div.gatewayR_top .wgtitle{
	display:block;
	font-size:22px;
	font-weight:normal;
	color:#FFF;
	margin-left:2px;
	float:left;
}

div.gatewayR .selectRegion{
	display:block;
	font-size:11px;
	font-weight:normal;
	color:#FFF;
	float:right;
	margin-top:12px;
}

div.gatewayR .listRedirect{
	display:block;
	margin-top:210px;
	margin-left:237px;
}

div.colL div.regionPanell{
	width:474px;
	height:315px;
	background:#05132b;
	position:absolute;
	left:187px;
	overflow:hidden;
}

div.regionPanell .gatewayR_top a.closeBtn{
	display:block;
	float:right;
	margin-top:6px;
	text-decoration:none;
	font-size:12px;
	color:#FFF;
	width:48px;
	padding:3px;
}
div.regionPanell .gatewayR_top a.closeBtn img{
	float:left;
}

div.regionPanell .gatewayR_top a:hover{
	background-color:#1b335b;
}

div.regionPanell .gatewayR_top a:hover img{
    -webkit-animation: rclose 0.85s linear 1;
    animation: rclose 0.85s linear 1;
}
@-webkit-keyframes rclose {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(180deg);}
}
@keyframes rclose {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(180deg);}
}

div.regionPanell .gatewayR_top a.closeBtn span{
	display:block;
	float:right;
}

div.regionPanell table {
	width:446px;
	margin:14px;
}

div.regionPanell table td {
	padding:4px;
}

div.regionPanell table td,
div.regionPanell table td a,
div.regionPanell table td a:visited{
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

div.regionPanell table td a {
	display:block;
	padding:4px;
}
div.regionPanell table td a:hover{
	background:#1b335b;
}