.clearfix:before, .clearfix:after{ content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix{ zoom:1;}

body{
	font-family: Verdana, sans-serif;
  color: #444;
  line-height:1.4;
}
a{
  text-decoration: none;
  color: #666;
}
a:hover{
  color: #666;
}
#container{
	padding:50px 0;
}
#container_map{
	padding:0 0 20px 60px;
}
	p#tabinarelogo{
	display:block;
}
	p#tabinarelogo a{
    display: none;
}
	p#areaname{
	display:block;
}
	p#areaname a{
    display: none;
}

/** General page styling **/
  
html {
background: #f8f8f8;
}

h1#logo{
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
}

/*top_map*/
ul#top_map{
	width:980px;
	height:561px;
	margin:0 auto;
	position:relative;
}
ul#top_maplist li span.txt{
	display:block;
}
ul#top_maplist li span.txt{
	display:none;
}

ul#top_map li#eu{
	position:absolute;
	left:0;
	top:63px;
}
ul#top_map li#asia{
	position:absolute;
	left:259px;
	top:198px;
}
ul#top_map li#japan{
	position:absolute;
	left:350px;
	top:0;
}
ul#top_map li#namerica{
	position:absolute;
	left:775px;
	top:6px;
}
ul#top_map li#hawaii{
	position:absolute;
	left:528px;
	top:143px;
}
ul#top_map li#oceania{
	position:absolute;
	left:479px;
	top:389px;
}
ul#top_map li#africa{
	position:absolute;
	left:66px;
	top:376px;
}
ul#top_map li#samerica{
	position:absolute;
	left:775px;
	top:299px;
}

p#contact{
	text-align:right;
	width:980px;
	margin:0 auto;
	}
p#contact span.txt{
	display:none;
}
p#contact span.caution{
	font-size:12px;
	line-height:60px;
	margin-right:10px;
}

/*area googlemap*/
#map_canvas{
	width:100%;
	height:600px;
}
#map_canvas a{
	color:#000;
	text-decoration:underline;
}

dl#tabilist{
	text-align:center;
}
dl#tabilist dt{
	padding:5px 10px;
	margin-bottom:5px;
	font-size:30px;
}
dl#tabilist.eu dt{
	color:#00af8f;
	background:#d6f8f1;
}
 dl#tabilist.eu dd a:hover{
	 color:#00af8f;
 }
dl#tabilist.asia dt{
	color:#ef9d53;
	background:#fff3e8;
}
 dl#tabilist.asia dd a:hover{
	 color:#ef9d53;
 }
dl#tabilist.japan dt{
	color:#ddd850;
	background:#fffee9;
}
 dl#tabilist.japan dd a:hover{
	 color:#ddd850;
 }
dl#tabilist.namerica dt{
	color:#4b78ca;
	background:#e8f0ff;
}
 dl#tabilist.namerica dd a:hover{
	 color:#4b78ca;
 }
dl#tabilist.hawaii dt{
	color:#fb668d;
	background:#ffe8ee;
}
 dl#tabilist.hawaii dd a:hover{
	 color:#fb668d;
 }
dl#tabilist.oceania dt{
	color:#c18ed9;
	background:#f8e8ff;
}
 dl#tabilist.oceania dd a:hover{
	 color:#c18ed9;
 }

dl#tabilist dd{
	padding:0 10px 5px 10px;
	margin-bottom:5px;
	border-bottom:#ccc 1px dashed;
}


/* ブラウザ幅が700px〜980pxの間 */
@media screen and (min-width: 700px) and (max-width: 980px) {
#container{
	padding:25px 0;
}

h1#logo{
	margin:0 auto;
	text-align:center;
	padding-bottom:0;
}

/*top_map*/
ul#top_map{
	width:700px;
	height:625px;
	margin:0 auto;
	position:relative;
}
ul#top_maplist li span.txt{
	display:block;
}
ul#top_maplist li span.txt{
	display:none;
}

ul#top_map li#eu{
	position:absolute;
	left:8px;
	top:0;
}
ul#top_map li#asia{
	position:absolute;
	left:267px;
	top:116px;
}
ul#top_map li#japan{
	position:absolute;
	left:487px;
	top:17px;
}
ul#top_map li#namerica{
	position:absolute;
	left:487px;
	top:230px;
}
ul#top_map li#hawaii{
	position:absolute;
	left:221px;
	top:356px;
}
ul#top_map li#oceania{
	position:absolute;
	left:67px;
	top:281px;
}
ul#top_map li#africa{
	position:absolute;
	left:24px;
	top:458px;
}
ul#top_map li#samerica{
	position:absolute;
	left:487px;
	top:446px;
}

p#contact{
	text-align:right;
	width:700px;
	margin:0 auto;
	}
p#contact span.txt{
	display:none;
}
p#contact span.caution{
	font-size:12px;
	line-height:60px;
	margin-right:10px;
}
}



/* ブラウザ幅が699px以下 */
@media screen and (max-width: 699px) {
#container{
	padding:20px 0;
}
#container_map{
	padding:0 0 30px 0;
}

h1#logo{
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
}
h1#logo img{
	width:85%;
}


/*top_map*/
ul#top_map{
	display:none;
}

/*top_maplist*/
ul#top_maplist{
	margin-bottom:20px;
}
ul#top_maplist li span.txt{
	padding:10px 5px 10px 0;
	text-align:center;
	font-size:18px;
	line-height:30px;
	display:block;
}
ul#top_maplist li a{
	color:#fff;
}

ul#top_maplist li#eu{
	background:#00af8f;
}
ul#top_maplist li#asia{
	background:#ef9d53;
}
ul#top_maplist li#japan{
	background:#ddd850;
}
ul#top_maplist li#namerica{
	background:#4b78ca;
}
ul#top_maplist li#hawaii{
	background:#fb668d;
}
ul#top_maplist li#oceania{
	background:#c18ed9;
}
ul#top_maplist li#africa,
ul#top_maplist li#samerica{
	color:#ccc;
	border-bottom:#ccc 2px solid;
}

ul#top_maplist li img{
	margin-right:5px;
}


p#contact{
	text-align:center;
	width:80%;
	margin:0 auto;
	}
p#contact span.caution{
	display:none;
}

/*area header*/
	p#tabinarelogo{
		padding:5px 5px 5px 0;
		background:#000;
		text-align:center;
		font-size:18px;
		line-height:30px;
}
	p#areaname{
		padding:5px 5px 5px 0;
		background:#00af8f;
		text-align:center;
		font-size:18px;
		line-height:30px;
	}
	p#areaname.eu{
		background:#00af8f;
	}
	p#areaname.asia{
		background:#ef9d53;
	}
	p#areaname.japan{
		background:#ddd850;
	}
	p#areaname.namerica{
		background:#4b78ca;
	}
	p#areaname.hawaii{
		background:#fb668d;
	}
	p#areaname.oceania{
		background:#c18ed9;
	}
p#tabinarelogo img,	
p#areaname img{
	margin-right:5px;
}
p#tabinarelogo a,	
p#areaname a{
	color:#fff;
	display:block;
}

/*area googlemap*/
#map_canvas{
	width:100%;
	height:200px;
}
#map_canvas a{
	color:#000;
	text-decoration:underline;
}

dl#tabilist{
	margin-bottom:30px;
	text-align:center;
}
dl#tabilist dt{
	padding:5px 10px;
	margin-bottom:5px;
	font-size:18px;
}
dl#tabilist.eu dt{
	color:#00af8f;
	background:#ebfffb;
}
dl#tabilist.asia dt{
	color:#ef9d53;
	background:#fff3e8;
}
dl#tabilist.japan dt{
	color:#ddd850;
	background:#fffee9;
}
dl#tabilist.namerica dt{
	color:#4b78ca;
	background:#e8f0ff;
}
dl#tabilist.hawaii dt{
	color:#fb668d;
	background:#ffe8ee;
}
dl#tabilist.oceania dt{
	color:#c18ed9;
	background:#f8e8ff;
}

dl#tabilist dd{
	padding:0 10px 5px 10px;
	margin-bottom:5px;
	border-bottom:#ccc 1px dashed;
}
}