#topbase0{
	max-width:895px;
	width:98%;
	background-color:#FFFFFF;
	border-left:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}

#flashcontent {
	height: 100%;
	overflow: hidden;
}

#topbase1{
	margin-left:10px;
	max-width:875px;
	width:100%;
	text-align:left;
	padding-top:5px;
	background-image:url("images/globalnavi/back.jpg");
	background-repeat: no-repeat;
	background-position:0px 186px;

}
.topflash{
	background-color:#000000;
	max-width:875px;
	width:100%;
	height:165px;
	padding-bottom:1px;
}
.topflash img{
	max-width:870px;
	width:100%;
	height:auto;
}

#top_left{
	float:left;
	width:73%;
}
#top_right{
	float:right;
	margin-top:10px;
	width:26%;
}

.top_main{
	width:100%;
	margin-top:5px;
}
#top_right a img{
	width:100%;
	height:auto;
	margin-bottom:8px;
}

.top_subt{
	border-left:solid 10px #065CBE;
	padding:3px 0px 0px 5px;
	font-size:18px;
	font-weight:bold;margin-top:10px;
}
.sub_left{
	margin-top:10px;
	float:left;
	width:28%;
	line-height:120%;
}
.sub_left a{
	text-decoration:none;
	color:#222222;
}
.sub_left a:hover{
	text-decoration:none;
	color:#065CBE;
}
.top-douga{
	clear:both;
	margin-top:10px;
	width:100%;
}
.top-douga img{
	margin-top:10px;
	width:100%;
	height:auto;
}

.top-photo{
	float:left;
	width:30%;
	height:auto;
	margin-left:5px;
	color:#222222;
}
.top-photo img{
	width:100%;
	height:auto;
}
.top-botan{
	float:left;
	width:60%;
	margin-left:5px;
	color:#222222;
}
.top-botan a{
	text-decoration:none;
	color:#222222;
}
.top-botan a:hover{
	text-decoration:none;
	color:#065CBE;
}



.newsframes{
	width:70%;
	height:480px;
	padding:0px;
}
.newsframe{
	width:100%;
	height:480px;
	padding:0px;
}
.newsframe1{
	width:100%;
	height:700px;
	padding:0px;
}
.newsframe2{
	width:100%;
	height:260px;
	padding:0px;
}

.news{
	margin-top:10px;
	width:70%;
	float:right;
	margin-right:5px;
}
.news-day{
	background-color:#EEEEEE;
	color:#BB0206;
}
.news_title{
	width:95%;
	margin-bottom:5px;
	border-left:solid 6px #065CBE;
	border-bottom:solid 2px #DDDDDD;
	padding:3px 0px 3px 3%;
	font-size:16px;
	color:#065CBE;
	font-weight: bold;
}
.news_title a{
	margin-left:5px;
	font-size:12px;
	font-weight: bold;
	float:right;
}
video{margin:0;padding:0;width:100%;height:164px;}
#topimage{background-color: #000;position:relative;height:164px; }
#maincopy{float: left;max-width:390px;color:#FFF;position:absolute; top:5px; left:5px; z-index:2;text-shadow:0px 0px 2px #000}
#maincopy h3{font-size:16px;color:#FFF;font-weight:bold;margin:0;border-left:none;}
#maincopy h3 a{color:#FFF;text-decoration:none }
#maincopy p{font-size:11px;margin:0;line-height:150%;text-shadow:0px 0px 2px #000;margin-top:6px;}
#maincopy p a{color:#F9FF5F;text-decoration:none }

#mainimage1{position:absolute;top:0px; right:380px;width:82px;height:164px;z-index:1;background-image:url("../jp/mov/videogd.png");background-repeat: repeat-y;}
#mainimage{float: right;width:436px;z-index:0;}
#mainimage img{width:100%;}
#navis{position:absolute; top:110px; left:0px; z-index:1;min-width:270px; border:none;margin:0;padding:0;}
#navis ul{list-style:none;margin:0;padding:0;}
#navis li{width:50px;height:38px;float:left;margin:2px;padding:0;background-color:#FFF;}
#navis img{width:50px;height:38px;background-color:#FFF;border:solid 1px #fff;padding:0;margin:0;}
#navis img.selected{border:solid 1px #55ed67;opacity: 0.5;}


/* ----------------------------------------------------------------
    タブレット用　モニター幅768px以下
----------------------------------------------------------------- */
@media only screen and (max-width:768px){

#PC1 { display:block; color:#000;}
#PC2 { display:block; color:#000;}
#TB { display:block; color:#000;}
#SP { display:none; color:#000;}

#topbase0{
	max-width:766px;
	width:98%;
	background-color:#FFFFFF;
	border-left:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	text-align:left;
}

#topbase1{
	margin-left:10px;
	max-width:746px;
	width:100%;
	text-align:left;
	padding-top:5px;
	background-image:url("images/globalnavi/back.jpg");
	background-repeat: no-repeat;
	background-position:0px 186px;

}
.topflash{
	background-color:#000000;
	max-width:746px;
	width:100%;
	height:140PX;
	padding-bottom:1px;
}
.topflash img{
	max-width:746px;
	width:100%;
	height:auto;
}

#top_left{
	float:left;
	width:98%;
}
#top_right{
	float:left;
	margin-top:10px;
	width:97%;
}

.top_main{
	width:100%;
	margin-top:5px;
}
#top_right a img{
	float:left;
	margin-bottom:8px;
	margin-right:8px;
	width:234px;
	height:70px;
}

.sub_left{
	margin-top:10px;
	float:left;
	width:28%;
	line-height:120%;
}
.sub_left a{
	text-decoration:none;
	color:#222222;
}
.sub_left a:hover{
	text-decoration:none;
	color:#065CBE;
}
.top-douga{
	clear:both;
	margin-top:10px;
	width:100%;
}
.top-douga img{
	margin-top:10px;
	width:100%;
	height:auto;
}

.top-photo{
	float:left;
	width:30%;
	height:auto;
	margin-left:5px;
	color:#222222;
}
.top-photo img{
	width:100%;
	height:auto;
}
.top-botan{
	float:left;
	width:60%;
	margin-left:5px;
	color:#222222;
}
.top-botan a{
	text-decoration:none;
	color:#222222;
}
.top-botan a:hover{
	text-decoration:none;
	color:#065CBE;
}



.newsframes{
	width:70%;
	height:480px;
	padding:0px;
}
.newsframe{
	width:100%;
	padding:0px;
}

.news{
	margin-top:10px;
	width:70%;
	float:right;
	margin-right:5px;
}
.news-day{
	background-color:#EEEEEE;
	color:#BB0206;
}
.news_title{
	width:95%;
	margin-bottom:5px;
	border-left:solid 6px #065CBE;
	border-bottom:solid 2px #DDDDDD;
	padding:3px 0px 3px 3%;
	font-size:16px;
	color:#065CBE;
	font-weight: bold;
}

video{margin:0;padding:0;width:100%;height:164px;}
#topimage{background-color: #000;position:relative;height:164px; }
#maincopy{float: left;max-width:390px;color:#FFF;position:absolute; top:5px; left:5px; z-index:2;text-shadow:0px 0px 2px #000}
#maincopy h3{font-size:18px;color:#FFF;font-weight:bold;margin:0;border-left:none;}
#maincopy h3 a{color:#FFF;text-decoration:none }
#maincopy p{font-size:11px;margin:0;line-height:150%;text-shadow:0px 0px 2px #000;margin-top:6px;}
#maincopy p a{color:#F9FF5F;text-decoration:none }

#mainimage1{position:absolute;top:0px; right:380px;width:82px;height:164px;z-index:1;background-image:url("../jp/mov/videogd.png");background-repeat: repeat-y;}
#mainimage{float: right;width:436px;z-index:0}
#mainimage img{width:100%;}
#navis{position:absolute; top:110px; left:0px; z-index:1;min-width:270px;}
#navis ul{list-style:none;margin:0;padding:0;}
#navis li{width:50px;height:38px;float:left;margin:2px;padding:0;background-color:#FFF;}
#navis img{width:50px;height:38px;background-color:#FFF;border:solid 1px #fff;padding:0;margin:0;}
#navis img.selected{border:solid 1px #55ed67;opacity: 0.5;}

}

/* ----------------------------------------------------------------
    スマートフォン用　モニター幅480px以下
----------------------------------------------------------------- */
@media only screen and (max-width:480px){

#PC1 { display:none; color:#000;}
#PC2 { display:none; color:#000;}
#TB { display:none; color:#000;}
#SP { display:block; color:#000;}

#topbase0{
	max-width:470px;
	width:98%;
	background-color:#FFFFFF;
	border-left:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	text-align:left;
}

#topbase1{
	margin-left:10px;
	max-width:450px;
	width:100%;
	text-align:left;
	padding-top:5px;
	background-image:url("images/globalnavi/back.jpg");
	background-repeat: no-repeat;
	background-position:0px 186px;
}
.topflash{
	background-color:#000000;
	max-width:450px;
	width:100%;
	height:85PX;
	padding-bottom:1px;
}
.topflash img{
	max-width:450px;
	width:100%;
	height:auto;
}

#top_left{
	float:left;
	width:97%;
}
#top_right{
	float:left;
	margin-top:20px;
	width:97%;
}

.top_main{
	width:100%;
	margin-top:5px;
}
#top_right a img{
	float:left;
	margin-left:5%;
	margin-bottom:8px;
	margin-right:8px;
	width:90%;
	height:auto;
}

.sub_left{
	margin-top:10px;
	width:100%;
	line-height:120%;
}
.sub_left a{
	text-decoration:none;
	color:#222222;
}
.sub_left a:hover{
	text-decoration:none;
	color:#065CBE;
}
.top-douga{
	clear:both;
	margin-top:10px;
	width:50%;
	padding: 0px 0px 0px 25%;
}
.top_book{
	float:left;
	width:48%;
	margin: 0px 1% 0px 0px;
}
.top-douga img{
	margin-top:10px;
	width:100%;
	height:auto;
}

.top-photo{
	float:left;
	width:20%;
	height:auto;
	margin-left:5px;
	color:#222222;
}
.top-photo img{
	width:100%;
	height:auto;
}
.top-botan{
	float:left;
	width:70%;
	margin-left:5px;
	color:#222222;
}
.top-botan a{
	text-decoration:none;
	color:#222222;
}
.top-botan a:hover{
	text-decoration:none;
	color:#065CBE;
}

.newsframes{
	width:100%;
	height:480px;
	padding:0px;
}
.newsframe{
	width:100%;
	padding:0px;
}

.news{
	margin-top:10px;
	width:100%;
	float:right;
	margin-right:5px;
}
.news-day{
	background-color:#EEEEEE;
	color:#BB0206;
}
.news_title{
	width:95%;
	margin-bottom:5px;
	border-left:solid 6px #065CBE;
	border-bottom:solid 2px #DDDDDD;
	padding:3px 0px 3px 3%;
	font-size:16px;
	color:#065CBE;
	font-weight: bold;
}
video{margin:0;padding:0;width:100%;height:auto;}
#topimage{background-color: #000;position:relative;height:164px; }
#maincopy{float: left;max-width:390px;color:#FFF;position:absolute; top:5px; left:5px; z-index:1;text-shadow:0px 0px 2px #000}
#maincopy h3{font-size:16px;color:#FFF;font-weight:bold;margin:0;border-left:none;}
#maincopy h3 a{color:#FFF;text-decoration:none }
#maincopy p{font-size:11px;margin:0;line-height:150%;text-shadow:0px 0px 2px #000;margin-top:6px;}
#maincopy p a{color:#F9FF5F;text-decoration:none }

#mainimage1{display:none;}
#mainimage{float: right;width:100%;height:auto;z-index:0}
#mainimage img{width:100%;}
#navis{position:absolute; top:110px; left:0px; z-index:1;min-width:270px;}
#navis ul{list-style:none;margin:0;padding:0;}
#navis li{width:50px;height:38px;float:left;margin:2px;padding:0;background-color:#FFF;}
#navis img{width:50px;height:38px;background-color:#FFF;border:solid 1px #fff;padding:0;margin:0;}
#navis img.selected{border:solid 1px #55ed67;opacity: 0.5;}

}