@charset "utf-8";
		*{
			margin:0;
			padding:0;
		}
		ol, ul {
			margin-left: 25px;
		}
		
		:focus {
			
		}
		a{
			color:#39c;
			text-decoration: none;
			outline: none;
		}
		a:hover{
		color:#999999;
		text-decoration: none;
		}
		img{
			border:none;
		}
		body {
			overflow:hidden;/*Needed to eliminate scrollbars*/
			background:#000;
			overflow:auto;

		}
		#box{
			position:relative;
			display:block;
			width:700px;
			height:700px;
			z-index: 3;
			}
		#saishin_box{
			position:relative;
			display:block;
			width:1000px;
			height:700px;
			z-index: 3;
			}
		.contentwhite_index{
			position:absolute;
			height:4px;
			width:100%;
			bottom:-1%;
			background:  no-repeat 90%;
			z-index: 3;
		}
		.contentwhite{
			position:absolute;
			height:4px;
			width:100%;
			bottom:7px;
			background:  no-repeat 90%;
			z-index: 3;
		}
		.introduction{
			position:absolute;
			display:block;
			top:12%;
			left:2%;
			font-family:serif;
			color:#fff;
			font-size:40px;
			font-weight:bold;
			z-index: 6;	
		}
		.introduction_sub{
			position:absolute;
			display:block;
			top:17%;
			left:2%;
			font-family:serif;
			color:#fff;
			font-size:40px;
			font-weight:bold;
			z-index: 6;	
		}
		/* .copy{　position:absolute;　right:-20%;　top:21%;}　*/
		.daichi{
			position: absolute;
			color:#FFF;
			top: 28%;
			left:57%;
		}		
		.ncopy{
			position: absolute;
			color:#FFF;
			top: 43%;
			left:2%;
		}		
		.prize{
			position: absolute;
			bottom:9%;
			left:2%;
			z-index: 3;
		}
		.credit{
			position: absolute;
			bottom:9%;
			left:31%;
			z-index: 2;
		}
		.logojp{
			position: absolute;
			top:35%;
			left:2%;
			z-index: 3;	
		}		
		.june{
			position: absolute;
			color:#FFF;
			top: 61%;
			left:2%;
		}
		.junelink{
			position: absolute;
			color:#fff;
			font:25px "Helvetica Neue", Arial, sans-serif;
			bottom: 0%;
			left: 102%;
		}
		img.example3 { vertical-align: -5px; }
		#forum a{
			padding:2px;
			width:38px;
			height:14px;
			background:right url('../../img/syousai.png') no-repeat;
		}
		#forum a:hover{
			background:right url('../../img/syousai_on.png') no-repeat;
		}
		#saishinj a{
			position:absolute;
			top:390px;
			left:220px;
			width:186px;
			height:34px;
			background:right url('../../img/saishin_banner.png') no-repeat;
		}
		#saishinj a:hover{
			background:right url('../../img/saishin_banner_on.png') no-repeat;
		}
		#africa a{
			position:absolute;
			top:390px;
			left:20px;
			width:186px;
			height:34px;
			background:right url('../../img/africa_banner.png') no-repeat;
		}
		#africa a:hover{
			background:right url('../../img/africa_banner_on.png') no-repeat;
		}
		.kochira{
			float: right;
			top: 2%;
			right:13%;
			position: absolute;
		}
		#content{
			margin:0px auto;
			height:700px;
			width:1000px;			
			position:absolute;
			z-index: 3;
		}
		#content_saishin{
			margin:0px auto;
			height:800px;
			width:600px;			
			position:absolute;
			z-index: 3;
			overflow:scroll;
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:150px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		.titlecaption{
			position: absolute;
			float:left;
			top:1%;
			left:2%;
			line-height:80%;
			letter-spacing:-5px;
		}
		.titlecaption2{
			position: absolute;
			float:left;
			top:3%;
			left:2%;
			font:60px Helvetica, Arial;
			font-weight:bold;
			color:#fff;
			line-height:80%;
			letter-spacing:-1px;
		}
		.menucontent{
			position: absolute;
			float:left;
			bottom:5%;
			left:2%;
			font:14px times new roman;
			letter-spacing:1px;
			font-style:italic;
			font-weight:bold;
			color:#fff;
			border-top: solid 3px #fff;
			padding:10px;
		}
		.intro_t{
			display:box;	
			padding:3px;
			border-bottom:1px #000 solid;
		}
		
		.saishin_p{
			margin:0;
			width:80px;
			display:block;
			padding:0 2px 0 5px;
			background-color: #333;
			font-size:12px;
			color:#fff;
		}
		.saishin_b{
			margin:0;
			padding:10px 0 0 5px;
			display:block;
		}
		.saishin_c{
			margin:8px 0 0 15px;
			padding:5px 0 5px 0;
		}
		.saishin{
			margin:0 0 0 10px;
			padding:2px 2px 10px 5px;
			border-bottom:dotted 1px #666;
			border-right:1px #666 solid;
		}
		
		.saishin_box{
			position:absolute;
			top:18%;
			left:25px;
			width:490px;
			margin:5px;
			padding:5px;
			font-size:12px;
			z-index: 3;
			overflow:auto;
		}
		.saishin_back{
			position:absolute;
			top:18%;
			left:25px;
			width:500px;
			height:550px;
			background:#fff;
			margin:5px;
			padding:8px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		.theatre_y{
			margin:0;
			width:auto;
			display:block;
			padding:0 2px 0 5px;
			background-color: #333;
			border-bottom:dotted #CCC 1px;
			border-right:dotted #CCC 1px;
			font-size:12px;
			color:#fff;
		}
		.theatre_p{
			margin:0;
			width:30px;
			display:block;
			padding:0 2px 0 5px;
			background-color: #333;
			font-size:12px;
			color:#fff;
		}
		.theatre_b{
			margin:0;
			padding:10px 0 0 5px;
			display:block;
		}
		.theatre_c{
			margin:5px;
			padding:0 0 10px 0;
		}
		.theatre{
			margin:10px;
			padding:2px 2px 10px 5px;
			border-bottom:dotted 1px #666;
			border-right:1px #666 solid;
		}
		.inter_s{
			font:12px;
			color: #069;
		}
		.inter_r{
			font:12px;
			color:#000;
			padding:5px;
			line-height:1.9em;
		}
		.inter_box{
			position:absolute;
			top:144px;
			left:20px;
			width:700px;
			height:450px;
			margin:10px;
			padding:12px;
			font-size:12px;
			z-index: 3;
			overflow:auto;
			}
			.inter_back{
			position:absolute;
			top:144px;
			left:25px;
			width:720px;
			height:480px;
			background:#fff;
			margin:5px;
			padding:5px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			opacity: 0.8;
			}
		.theatre_box{
			position:absolute;
			top:18%;
			left:25px;
			width:740px;
			height:470px;
			margin:5px;
			padding:5px;
			font-size:12px;
			z-index: 3;
			overflow:auto;
		}
		.theatre_back{
			position:absolute;
			top:18%;
			left:25px;
			width:740px;
			height:480px;
			background:#fff;
			margin:5px;
			padding:8px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			opacity: 0.7;
		}
		.com_name{
			font-size:14px;
			font-weight: bold;
		}
		.comment{
			position:absolute;
			top:19%;
			left:1%;
			margin:20px;
			padding:20px;
			width:680px;
			height:400px;
			font-size:12px;
			color:#fff;
			z-index: 3;
			overflow:auto;
		}
		.comment_back{
			position:absolute;
			top:18%;
			left:1%;
			margin:10px;
			padding:20px;
			width:650px;
			height:550px;
			background:#666;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			opacity: 0.2;
			z-index: 3;
		}		
		.trail{
			position:absolute;
			top:15%;
			left:8%;
			margin:10px;
			padding:20px;
			width:650px;
			font-size:12px;
			color:#fff;
			z-index: 3;
		}
		.profile{
			position:absolute;
			top:18%;
			left:1%;
			margin:10px;
			padding:20px;
			width:650px;
			font-size:12px;
			color:#fff;
			z-index: 3;
			float:left;
		}
		.profile_back{
			position:absolute;
			top:18%;
			left:1%;
			margin:10px;
			padding:20px;
			width:650px;
			height:460px;
			background:#666;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			opacity: 0.2;
			z-index: 3;
		}		
		.prof_pic{
			float:right;
			}
		.prof_tex{
			width:400px;
			float:left;
			}
			
			
			h2.profile_t{
			border-bottom:1px solid #fff;
		}
		.int{
			position:absolute;
			padding:5px;
			font-size:10px;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('../../images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url('../../img/progress.gif');
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		

		#Menu li{
			margin:0; padding:0;
		}
		
		#Menu {
			position:absolute;
			padding:10px;
			height:30px;
			list-style:none;
			bottom:-20px;
			border-top: solid 3px #fff;
		}
		
		#Menu li a{
			width:134px;
			height:17px;
			overflow:hidden;
		}
		
		#Menu p{
			float:left;
			width:30px;
		}
		
		#Menu li{
			float:left;
		}
		
		#Menu li a{
			display:block;
			text-indent:-9999px;
			background-image:url('../../img/navi.png');
			background-repeat:no-repeat;
		}
	
		#Menu1 a:link,
		#Menu1 a:visited,
		#Menu1 a:active { background-position:0 0; }
		#Menu1 a:hover { background-position:0 -18px; }
		
		#Menu2 a:link,
		#Menu2 a:visited,
		#Menu2 a:active { background-position:-134px 0; }
		#Menu2 a:hover { background-position:-134px -18px; }
		
		#Menu3 a:link,
		#Menu3 a:visited,
		#Menu3 a:active { background-position:-268px 0; }
		#Menu3 a:hover { background-position:-268px -18px; }
		
		#Menu4 a:link,
		#Menu4 a:visited,
		#Menu4 a:active { background-position:-402px 0; }
		#Menu4 a:hover { background-position:-402px -18px; }
		
		#Menu5 a:link,
		#Menu5 a:visited,
		#Menu5 a:active { background-position:-536px 0; }
		#Menu5 a:hover { background-position:-536px -18px; }
		
		#Menu6 a:link,
		#Menu6 a:visited,
		#Menu6 a:active { background-position:-671px 0; }
		#Menu6 a:hover { background-position:-671px -18px; }