.AD_RICHAD_SKIP{
	display:none;
}


/****************************** common ******************************/

*{
	margin:0;
	padding:0;
	font-family:"meiryo","Hiragino Kaku Gothic ProN", "甲仿幼用剩打 ProN W3";
}

body{
	background:#333333;
}

a rect:hover,
rect:focus{
	fill:red;
}

#fgContainer{
	width:100%;
}


/********** error **********/

.errormessege{
	padding:20px;
	font-size:150%;
	color:#ffffff;
}

.errormessege_link a{
	padding-left:20px;
	color:#ffffff;
}


/****************************** svg ******************************/

text{
	text-shadow:
		1px 0px 0px #ffffff, 0px 1px 0px #ffffff,
		0px -1px 1px #ffffff, -1px 0px 1px #ffffff;
	text-shadow:none;

	font-family:"meiryo","Hiragino Kaku Gothic ProN", "甲仿幼用剩打 ProN W3";
	font-weight:bold;
	font-size:100%;
}

text.no_shadow{
	text-shadow:none;
}


/********** hall **********/

text.hall,
text.hall_no,
text.hall_no_2{
	text-shadow:none;
	font-family:"meiryo","Hiragino Kaku Gothic ProN", "甲仿幼用剩打 ProN W3";
	font-weight:bold;
	font-size:90%;
}

text.hall_no{
	font-size:300% !important;
}

text.hall_no_2{
	font-size:200% !important;
}

text.tb-rl{
	text-shadow:none;
}

body.custom_word #MAIN_MAP{
	cursor:not-allowed;
}

body.custom_word #MAP{
	cursor:pointer;
}

/********** text ***********/

#scale_0 text,
.scale_0 text{
	font-size:200%;
}

#scale_1 text,
.scale_1 text{
	font-size:150%;
}

#scale_2 text,
.scale_2 text{
	font-size:120%;
}

#scale_3 text,
.scale_3 text{
	font-size:130%;
}

#scale_4 text,
.scale_4 text{
	font-size:140%;
}

#scale_5 text,
.scale_5 text{
	font-size:150%;
}


/********** bold/group_1 ***********/

#scale_0 .bold,
.scale_0 .bold,
#scale_0 .group_1,
.scale_0 .group_1{
	font-size:200%;
	font-weight:bold;
}

#scale_1 .bold,
.scale_1 .bold{
	font-size:150%;
	font-weight:bold;
}

#scale_2 .bold,
.scale_2 .bold{
	font-size:170%;
	font-weight:bold;
}

#scale_3 .bold,
.scale_3 .bold{
	font-size:180%;
	font-weight:bold;
}

#scale_4 .bold,
.scale_4 .bold{
	font-size:180%;
	font-weight:bold;
}

#scale_5 .bold,
.scale_5 .bold{
	font-size:180%;
	font-weight:bold;
}


/********** group_2 **********/

#scale_0 .group_2,
.scale_0 .group_2,
#scale_1 .group_2,
.scale_1 .group_2,
#scale_2 .group_2,
.scale_2 .group_2{
	display:none;
}

#scale_3 .group_2,
.scale_3 .group_2{
	font-size:110%;
}

#scale_4 .group_2,
.scale_4 .group_2{
	font-size:120%;
}

#scale_5 .group_2,
.scale_5 .group_2{
	font-size:130%;
}


/********** group_3 **********/

#scale_0 .group_3,
.scale_0 .group_3,
#scale_1 .group_3,
.scale_1 .group_3,
#scale_2 .group_3,
.scale_2 .group_3{
	display:none;
}

#scale_3 .group_3,
.scale_3 .group_3{
	font-size:90%;
	display:none;
}

#scale_4 .group_3,
.scale_4 .group_3{
	font-size:90%;
}

#scale_5 .group_3,
.scale_5 .group_3{
	font-size:90%;
}


/********** scale **********/

.scale_0,
.scale_1,
.scale_2,
.scale_3,
.scale_4,
.scale_5{
	position:relative;
}

#scale_0 > svg,
.scale_0 > svg{
	width:1200px;
	height:289px;
}

#scale_1 > svg,
.scale_1 > svg{
	width:1934px;
	height:467px;
}

#scale_2 > svg,
.scale_2 > svg{
	width:2320px;
	height:560px;
}

#scale_3 > svg,
.scale_3 > svg{
	width:2900px;
	height:700px;
}

#scale_4 > svg,
.scale_4 > svg{
	width:3870px;
	height:934px;
}

#scale_5 > svg,
.scale_5 > svg{
	width:5800px;
	height:1400px;
}


/****************************** map_container ******************************/

.map_container{
	width:100%;
	overflow:hidden;
	margin:0px auto 0;
	background:url(./images/bg_tgs2013_map.png) ;
}

body.custom_word .map_container{
	width:85%;
	margin:0 auto 0 0;
}

body.custom_word_smartphone{
	margin:-25px auto 0;
}


/****************************** main_map ******************************/

.main_map{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:15px 10px 5px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-transform: translateZ(0px);
	text-align:center;
}


/****************************** mini_map ******************************/

.mini_map{
	position:relative;
	z-index:10;
	width:100%;
	height:60px;
	padding:10px 0;
	margin:0 auto;
	background:#000;
	text-align:center;
}

body.custom_word .mini_map{
	position:absolute;
}


/********** menu **********/

.mini_map .menu_1,
.mini_map .menu_2{
	position:absolute;
	top:12px;
	width:170px;
	height:45px;
	padding:7px 0 3px;
	font-size:18px;
	line-height:20px;
	border-radius:5px;
	color:#000000;
	text-align:center;
	font-weight:bold;
	background: -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
}

.mini_map .menu_1{
	left:10px;
}

.mini_map .menu_2{
	right:10px;
}


/****************************** map_bottom *******************************/

.map_bottom{
	position:absolute;
	bottom:0;
	width:100%;
	height:80px;
	padding:10px 0px 5px;
	background:rgba(0,0,0,0.8);
}


/********** zoom **********/

.top_4gamer,
.tgs_article,
.zoom_button{
	font-size:40px;
	position:absolute;
	top:10px;
	width:165px;
	height:60px;
	border-radius:4px;
	line-height:60px;
	color:#000000;
	text-align:center;
	background: -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
}

.top_4gamer,
.tgs_article{
	height:50px;
	padding-top:10px;
	font-size:16px;
	line-height:20px;
	width:130px;
	font-weight:bold;
}

.tgs_article{
	right:360px;
}

.top_4gamer{
	right:500px;
}

.top_4gamer a,
.tgs_article a{
	color:#000000;
	text-decoration:none;
}

.zoom_in{
	right:10px;
}

.zoom_out{
	right:185px;
}

.map_bottom .logo,
.map_bottom .menu_1,
.map_bottom .menu_2{
	display:none;
}


/****************************** Overlay ******************************/

.list_off,
.overlay_off{
	display:none;
}

.list_on{
	display:block;
}

.overlay_on{
	position:relative;
	z-index:50;
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
}

.list_on .list_inner{
	box-sizing:border-box;
	z-index:100;
	display:block;
	position:fixed;
	top:10%;
	left:5%;
	width:90%;
	height:80%;
	padding:20px;
	background:#ffffff;
	border-radius:4px;
	box-shadow:0px 0px 4px #000000;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-transform: translateZ(0px);
	border:5px solid #dddddd;
}

.list_on ul:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.list_on li{
	list-style:none;
	float:left;
	width:15%;
	height:51px;
	padding:10px;
	margin:5px 10px 5px;
	border:1px solid #eee;
	text-align:center;

	border-radius:4px;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

.list_on li a{
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	overflow:hidden;
	height:51px;
	font-size:15px;
	line-height:17px;
	color:#000080;
	text-decoration:none;
	text-overflow: ellipsis; 
}

/***** SP *****/

body.custom_word_smartphone .list_on li{
	width:29%;
	font-size:14px;
	line-height:15px;
	height:6em;
	padding:0px;
	margin:5px 10px 5px;
}

body.custom_word_smartphone .list_on li a{
	width:92%;
	padding:0px 4%;
	font-size:14px;
	line-height:17px;
	height:6em;
}


.list_close{
	position:absolute;
	right:30px;
	top:30px;
	z-index:200;
	background:#000000;
	border-radius:6px;
	color:#ffffff;
	font-size:30px;
	line-height:30px;
	width:30px;
	text-align:center;
	padding:10px;
	border:2px solid #ffffff;
}

.map_pointer{
	display:none;
	position:absolute;
	left:0;
	top:0;
	color:#ff0000;
	z-index:10;
	background:url(./images/bg_tgs2013__marker_bg.png) no-repeat center top transparent;
	width:20px;
	height:34px;
	margin-top:-34px;
	margin-left:-10px;
}

.map_pointer img{
	opacity:0;

	-ms-animation:opacity 1s ease-in-out 0 infinite normal;
	-moz-animation:opacity 1s ease-in-out 0 infinite normal;
	-webkit-animation:opacity 1s ease-in-out 0 infinite normal;

	animation-name:opacity;
	animation-duration:1s;
	animation-direction:normal;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
}


@keyframes opacity{
	0%	{opacity:0;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}

@-moz-keyframes opacity{
	0%	{opacity:0;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}

@-webkit-keyframes opacity{
	0%	{opacity:0;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}

@-ms-keyframes opacity{
	0%	{opacity:0;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}


/******************** mini_map ********************/

body.custom_word .mini_map{
	display:none;
}


/******************** map_bottom *********************/

body.custom_word .map_bottom{
	top:0;
	right:0px;
	bottom:auto;

	width:15%;
	height:100%;
	padding:0px;
	margin:0px;
	text-align:center;
}


/********** zoom **********/

body.custom_word .map_bottom .logo{
	display:block;
	margin:10px auto 10px;
}

body.custom_word .map_bottom .logo img{
	width:90%;
}

body.custom_word .map_bottom .menu_1,
body.custom_word .map_bottom .menu_2,
body.custom_word .top_4gamer,
body.custom_word .tgs_article,
body.custom_word .zoom_button{

	display:block;
	position:static;

	width:90%;
	height:50px;
	padding:10px 0 0;
	margin-right:5px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	margin-bottom:10px;
	margin:0 auto 10px;

	border-radius:4px;
	background: -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background:#ddd;
	color:#000000;
	cursor:pointer;
}

body.custom_word .zoom_button{
	padding:0;
	font-size:26px;
	line-height:60px;
	height:60px;
	margin:0 auto 10px;
	opacity:1;

	height:55px;
	padding-top:5px;
}

body.custom_word_smartphone .zoom_button{
	height:55px;
	padding-top:5px;
}

body.custom_word .top_4gamer a,
body.custom_word .tgs_article a{
	color:#000000;
	text-decoration:none;
}




/**************************************** landscape ****************************************/

@media screen and (orientation: landscape) {

body.custom_word_smartphone .main_map{
	box-sizing:border-box;
}

body.custom_word_smartphone .map_container{
	width:85%;
	height:100%;
	padding:0px;
	margin:0 auto 0 0;
}


/********** group_2 **********/

body.custom_word_smartphone #scale_0 .group_2,
body.custom_word_smartphone .scale_0 .group_2{
	display:none;
}

body.custom_word_smartphone #scale_1 .group_2,
body.custom_word_smartphone .scale_1 .group_2,
body.custom_word_smartphone #scale_2 .group_2,
body.custom_word_smartphone .scale_2 .group_2{
	display:block;
}

body.custom_word_smartphone #scale_3 .group_2,
body.custom_word_smartphone .scale_3 .group_2{
	font-size:110%;
}

body.custom_word_smartphone #scale_4 .group_2,
body.custom_word_smartphone .scale_4 .group_2{
	font-size:120%;
}

body.custom_word_smartphone #scale_5 .group_2,
body.custom_word_smartphone .scale_5 .group_2{
	font-size:130%;
}


/********** group_3 **********/

body.custom_word_smartphone #scale_0 .group_3,
body.custom_word_smartphone .scale_0 .group_3,
body.custom_word_smartphone #scale_1 .group_3,
body.custom_word_smartphone .scale_1 .group_3{
	display:none;
}

body.custom_word_smartphone #scale_2 .group_3,
body.custom_word_smartphone .scale_2 .group_3{
	display:none;
	font-size:90%;
}

body.custom_word_smartphone #scale_3 .group_3,
body.custom_word_smartphone .scale_3 .group_3{
	display:block;
	font-size:90%;
}

body.custom_word_smartphone #scale_4 .group_3,
body.custom_word_smartphone .scale_4 .group_3{
	display:block;
	font-size:90%;
}

body.custom_word_smartphone #scale_5 .group_3,
body.custom_word_smartphone .scale_5 .group_3{
	display:block;
	font-size:90%;
}


/******************** mini_map ********************/

body.custom_word_smartphone .mini_map{
	display:none;
}


/******************** map_bottom *********************/

body.custom_word_smartphone .map_bottom{
	top:0;
	right:0px;
	bottom:auto;
	width:15%;
	height:100%;
	padding:0px;
	margin:0px;
	text-align:center;
}

/********** zoom **********/

body.custom_word_smartphone .map_bottom .logo{
	display:block;
	margin:10px auto 0px;
	padding:0;
}

body.custom_word_smartphone .map_bottom .logo img{
	width:90%;
	margin:0;
	padding:0;
}

body.custom_word_smartphone .map_bottom .menu_1,
body.custom_word_smartphone .map_bottom .menu_2,
body.custom_word_smartphone .top_4gamer,
body.custom_word_smartphone .tgs_article,
body.custom_word_smartphone .zoom_button{

	display:block;
	position:static;

	width:90%;
	height:30px;
	padding:5px 0 0;
	margin-right:5px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	line-height:13px;
	border-radius:4px;
	margin:10px auto 0px;

	background: -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	color:#000000;
}

body.custom_word_smartphone .top_4gamer,
body.custom_word_smartphone .tgs_article{
	display:none;
}

body.custom_word_smartphone .zoom_button{
	height:30px;
	padding:2px 0px 3px;
	line-height:30px;
}

body.custom_word_smartphone .zoom_button img{
	height:30px;
}

body.custom_word_smartphone .top_4gamer a,
body.custom_word_smartphone .tgs_article a{
	color:#000000;
	text-decoration:none;
}


/********** menu **********/



body.custom_word_smartphone .list_on li{
	width:20%;
	font-size:12px;
	line-height:15px;
	height:6em;
	padding:0px;
	margin:5px 10px 5px;
}

body.custom_word_smartphone .list_on li a{
	width:96%;
	padding:0px 2%;
	font-size:12px;
	line-height:15px;
	height:6em;
}

body.custom_word_smartphone .list_on li{
	list-style:none;
	float:left;
	text-align:center;
	border-radius:6px;

	width:17.5%;
	font-size:10px;
	line-height:1.5em;
	height:4.5em;
	padding:5px 0px;
	margin:5px 5px 5px;
}

body.custom_word_smartphone .list_on li a{
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	overflow:hidden;
	color:#000080;
	text-decoration:none;
	text-overflow: ellipsis; 

	width:90%;
	padding:0px 5%;
	font-size:10px;
	line-height:1.3em;
	height:4.5em;
}

body.custom_word_smartphone .list_close{
	right:10px;
	top:10px;
}

body.custom_word_smartphone .list_inner h2{
	font-size:50% !important;
	padding:5px 10px !important;
	margin-bottom:10px !important;
}

body.custom_word_smartphone .list_inner h3{
	font-size:50% !important;
	padding-top:10px !important;
	margin-bottom:10px !important;
}








}