html, body {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	color:  #000000;
	background-color: #F8F8FF;
	height: 100%;
	width:  100%;
}
/*style for link*/
	a:link    {color: #000000;text-decoration:none;}
	a:visited {color: #000000;text-decoration:none;}
	a:hover   {color: #000000;text-decoration:none;}
	a:active  {color: #000000;text-decoration:none;}

@media only screen and (min-width: 1025px) { /*start style for PC*/

	#container{
		background-color: #FFFFDD;
		width:            77%;
		height:           auto;
		margin:           5px auto ;
		border:           solid 2px #FFCC00;
		border-radius:        10px;
		-webkit-border-radius:10px;	  /*for safari,Chrome*/
		-moz-border-radius:   10px;	  /*for FX*/
		-o-border-radius:     10px; 
		-ms-border-radius:    10px; 
	}
	#topLine{
		position:absolute;
		width:  35%; 
		height: 10%; 
		border-top: solid 2px  #330000;
		top:0; right:0; bottom:0; left:0;
		margin:15% 0 0 5% ;
		opacity:0; 
	}
	#rightLine{
		position:absolute;
		width:  10%; 
		height: 20%; 
		border-left: solid 2px  #330000;
		top:0; right:0; bottom:0; left:0;
		margin:30% 0 0 80% ;
		opacity:0; 
	}
	#bottomLine{
		position:absolute;
		width:  30%; 
		height: 10%; 
		border-bottom: solid 2px  #330000;
		top:0; right:0; bottom:0; left:0;
		margin:25% 0 0 70% ;
		opacity:0; 
	}
	#leftLine{
		position:absolute;
		width:  10%; 
		height: 30%; 
		border-left: solid 2px  #330000;
		top:0; right:0; bottom:0; left:0;
		margin:0 0 0 20% ;
		opacity:0; 
	}

	#stage {
		float:left;
		width:  60%;
		height: 51%;/*55*/
		/*max-height:358px;*/ 
		position:relative;
	}
	#slide_stage {
		background-color: black;
		width:  80%;
		height: 88%;
		/*max-width:510px;*/ 
		position:absolute;
		top:0; right:0; bottom:0; left:0;
		margin: 3% auto 2% auto;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
		filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;
	}

	#latest{
		background-color: #FFFF99;
		float:left;
		width:  37%;
		height: 53%;
	/*	max-height:358px;*/
		position:relative;
		margin:   1% 1% 1% 1%;
		border:   solid 0.1px #220000;
		border-radius:        5px;
		-webkit-border-radius:5px;	  /*for safari,Chrome*/
		-moz-border-radius:   5px;	  /*for FX*/
		-o-border-radius:     5px; 
		-ms-border-radius:    5px; 
	}
	#latest_contents{
		background-color: transparent;
		position:absolute;
		width:  98%;
		height: 97%;
		margin:   1%;
		overflow:auto;
		scrollbar-arrow-color:#1b1b1b;
		scrollbar-face-color:#1b1b1b;
		scrollbar-3dlight-color:#230003;
		scrollbar-darkshadow-color:#f5f2f2#230003;
		scrollbar-highlight-color:#230003;
		scrollbar-shadow-color:#230003;
		scrollbar-track-color:#413425;
	}
	.latest_i{
		float:left;
		zoom: 0.9;
		margin-top:0.3em;
	}
	.indent_c{
	        margin-left:1.3em;
	        margin-right:1em;
	}
	.indent_d{
	        margin-left:9em;
	}
	#title1page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	.title1pagecell{
		display:table;
	}
	.title1pagecell li{
		margin-left:3em;
	        margin-top:0.8em;
		list-style-type: lower-latin
	}
	#title2page{
	        padding-bottom:2%;
	        margin-bottom:1%;
	        margin-top:2%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	.title2pagecell{
		display:table;
	}
	.title2pagecell li{
		margin-left:3em;
	        margin-top:1em;
	}
	#title3page{
	        padding-bottom:2%;
	        margin-bottom:1%;
	        margin-top:2%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	.title3pagecell{
		display:table;
	}
	#title4page{
	        padding-bottom:2%;
	        margin-bottom:1%;
	        margin-top:2%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	.title4pagecell{
		display:table;
	}
	#title5page{
	        padding-bottom:2%;
	        margin-bottom:1%;
	        margin-top:2%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	.title5pagecell{
		display:table;
	}

	.duty{
	 	width:65%;
		margin: 2em auto 0 auto;
		 border-collapse: separate;
		 border-spacing: 0px;
		 border-top: 1px solid #220000;
		 border-left: 1px solid #220000;
		border-radius:        5px;
		-webkit-border-radius:5px;	  /*for safari,Chrome*/
		-moz-border-radius:   5px;	  /*for FX*/
		-o-border-radius:     5px; 
		-ms-border-radius:    5px; 
		line-height:   2.0;
		font-size:large;
	}

	 .duty th{
	 width:20%;
	 padding:4px;
	 text-align: center;
	 background-color: #FFFF99;
	 border-left: 3px double black;
	 border-top: 1px solid #220000;
	 border-right: 1px solid #220000;
	 border-bottom: 1px solid #220000;
	 }
	 .duty td{
	 width:20%;
	 padding:4px;
	 text-align: center;
	 background-color: #FFFFCC;
	 border-right: 1px solid #220000;
	 border-bottom: 1px solid #220000;
	 }
	.duty td:nth-child(3){
		width:55%;
	}
	.abb{
		 width:88%;
	         margin-top:2em;
	         margin-left:4em;
		 border-collapse: separate;
		 border-spacing: 0px;
		 border-top: 1px solid #220000;
		 border-left: 1px solid #220000;
		border-radius:        5px;
		-webkit-border-radius:5px;	  /*for safari,Chrome*/
		-moz-border-radius:   5px;	  /*for FX*/
		-o-border-radius:     5px; 
		-ms-border-radius:    5px; 
		line-height:   1.4;
	}
	 .abb th{
	 width:10%;
	 padding:4px;
	 text-align: center;
	 border-left: 3px double black;
	 border-top: 1px solid #220000;
	 border-right: 1px solid #220000;
	 border-bottom: 1px solid #220000;
	 }
	 .abb td{
	 width:23%;
	 padding:4px;
	 border-right: 1px solid #220000;
	 border-bottom: 1px solid #220000;
	 }
	.abb td:nth-child(2){
		text-align: center;
	}
	.abb td:nth-child(3){
		width:50%;
		text-align: left;
	}
	.abb tr:nth-child(1){
		 background-color: #333300;
	}
	.abb tr:nth-child(n+2){
		background-color: #503830;
	}

	#report1page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report2page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report3page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report4page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report5page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report6page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00C;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report7page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report8page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report9page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	#report10page{
	        padding-bottom:2%;
	        margin-bottom:1%;
		border-bottom:   solid 1px #FFCC00;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	.reportpagecell{
		display:table;
	}
	.reportpagecell li{
		margin-left:3em;
	        margin-top:0.8em;
		list-style-type: square
	}

	.DSmenu {
	 width:320px; 
	 background:#FFFFCC; 
	 -webkit-transform:translateX(0px); 
	 transform:translateX(0px); 
	 -webkit-transition:ease 0.5s;
	 transition:ease 0.5s;
	 position:absolute; 
	 position:fixed; 
	 top:20; 
	 left:-360;
	 padding:  10px 20px 0px 20px;
	 z-index:9999;
	 }
	 .DSmenu a{
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	 }

	 .DSmenu.action {
	 width:310px; 
         padding-bottom:10px;
	 background:#FFFFCC; 
	 -webkit-transform:translateX(360px);
	 transform:translateX(360px); 
         border: 1px solid #FFCC00;
	 box-shadow: 7px 7px 10px #FFFFCC;
         border-radius:        15px;
	 -webkit-border-radius:15px;	  /*for safari,Chrome*/
	 -moz-border-radius:   15px;	  /*for FX*/
	 -o-border-radius:     15px; 
	 -ms-border-radius:    15px; 
	 }

	 .DSmenu .DSbtn {
	 position:absolute; top:0;
	 right:-120px; 
	 background:#FFCC00;
	 color: #000000;
	 width: 100px;
	 padding: 30px 0;
	 text-align: center;
	 font-size: 88%;
	 -webkit-transition:ease 0.5s;
	 transition:ease 0.5s;
	 cursor:pointer;
	 border-radius: 5px;
	 -webkit-border-radius:5px;	  /*for safari,Chrome*/
	 -moz-border-radius:   5px;	  /*for FX*/
	 -o-border-radius:     5px; 
	 -ms-border-radius:    5px; 
	 } 

	.section {
	 opacity:1;
	 -webkit-transition:ease 0.5s;
	 transition:ease 0.5s; 
	 }

	 .section.blur {
	 opacity:0.25;
/*	 transform:translateX(100px);
	 -webkit-filter: blur(5px);
	 filter: blur(5px);
*/	}

	.container_left{
		float:left;
		width:  50%;
		padding:0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: hidden;
	}
	.container_right{
		float:right;
		width:  50%;
		padding:0px  0px 0px 0px;
		margin: 0px  0px 0px 0px;
		border: hidden;
	}
	.news_wrap{
		margin:0 auto 3% auto;
		padding-bottom:20px;
		border-bottom:   solid 1px #220000;
		box-shadow: 0 2px 0 rgba(255,255,255,0.1);
	}
	.news_wrap img{
		margin:3% auto 0 auto;
		width:  57%;
		height: auto;
/*		max-width:300px;
		max-height:400px;
*/	}

	#map{
		width:  90%;
		height: 35%;
		max-width:600px;
		max-height:400px;
	}
	.clear{
		clear:both;  /*clear float*/
	}

	.indent{
	        margin-left:1em;
	}
	#footer{
		margin:2% 0 0 0;
	}

} /*end style for PC*/

@media only screen and (max-width: 641px) and (max-width: 1024px) { /*start style for tablet*/

	#container{
		background-color: #413425;
		width:            77%;
	/*	width:            1000px;*/
		margin:           5px auto ;
		border:           solid 2px #220000;
		border-radius:        10px;
		-webkit-border-radius:10px;	  /*for safari,Chrome*/
		-moz-border-radius:   10px;	  /*for FX*/
		-o-border-radius:     10px; 
		-ms-border-radius:    10px; 
	}
	#topLine{
		position:absolute;
		width:  50%; 
		height: 10%; 
	/*	border-top: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:15% 0 0 0% ;
		opacity:0; 
	}
	#rightLine{
		position:absolute;
		width:  10%; 
		height: 20%; 
	/*	border-left: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:30% 0 0 80% ;
		opacity:0; 
	}
	#bottomLine{
		position:absolute;
		width:  30%; 
		height: 10%; 
	/*	border-bottom: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:25% 0 0 70% ;
		opacity:0; 
	}
	#leftLine{
		position:absolute;
		width:  10%; 
		height: 30%; 
	/*	border-left: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:0 0 0 20% ;
		opacity:0; 
	}

	#stage {
		float:left;
		width:  70%;
		height: 54%;
		max-height:295px; 
	/*	min-height:358px;*/ 
		position:relative;
	}
	#slide_stage {
		background-color: black;
		width:  70%;
		height: 78%;
		position:absolute;
		top:0; right:0; bottom:0; left:0;
		margin: 3% auto 0 auto;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
		filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;
	}

	#latest{
		background-color: #5F4C0B;
		float:left;
		width:  25%;
		height: 52%;
		max-height:295px; 
		position:relative;
		margin:   1% 1% 1% 1%;
		border:   solid 0.1px #220000;
		border-radius:        5px;
		-webkit-border-radius:5px;	  /*for safari,Chrome*/
		-moz-border-radius:   5px;	  /*for FX*/
		-o-border-radius:     5px; 
		-ms-border-radius:    5px; 
	}
	#latest_contents{
		background-color: transparent;
		position:absolute;
		width:  94%;
		height: 96%;
		margin:   3%;
		overflow:auto;
		scrollbar-arrow-color:#1b1b1b;
		scrollbar-face-color:#1b1b1b;
		scrollbar-3dlight-color:#230003;
		scrollbar-darkshadow-color:#f5f2f2#230003;
		scrollbar-highlight-color:#230003;
		scrollbar-shadow-color:#230003;
		scrollbar-track-color:#413425;
	}
	.latest_i{
		float:left;
		zoom: 0.9;
		margin-top:0.3em;
	}
	.indent_c{
	        margin-left:1.3em;
	        margin-right:1em;
	}
	.indent_d{
	        margin-left:6em;
	}

	.container_left{
		float:left;
		width:  50%;
		padding:0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: hidden;
	}
	.container_right{
		float:right;
		width:  50%;
		padding:0px  0px 0px 0px;
		margin: 0px  0px 0px 0px;
		border: hidden;
	}
	.news_wrap{
		margin:0 auto 3% auto;
		border-top:   solid 0.1px #220000;
	}
	.news_wrap img{
		margin:3% auto 0 auto;
		width:  57%;
		height: auto;
		max-width:250px;
		max-height:300px;
	}
	#IWEN_Topics_Summary ul{
		list-style:none;
	}

	#IWEN_contents ul{
		list-style:none;
	}
	#IWEN_Topics_Summary {
		margin-bottom:5%;
	}
	#map{
		width:  90%;
		height: 35%;
		max-width:600px;
		max-height:300px;
	}
	.clear{
		clear:both;  /*clear float*/
	}

	.indent{
	        margin-left:1em;
	}
	#footer{
		margin:2% 0 0 0;
	}

} /*end style for tablet*/

@media only screen and (max-width: 640px) { /*start style for cellphone*/

	#container{
		background-color: #413425;
		width:            90%;
	/*	width:            1000px;*/
		margin:           2px auto ;
		border:           solid 2px #220000;
		border-radius:        10px;
		-webkit-border-radius:10px;	  /*for safari,Chrome*/
		-moz-border-radius:   10px;	  /*for FX*/
		-o-border-radius:     10px; 
		-ms-border-radius:    10px; 
	}
	#topLine{
		position:absolute;
		width:  50%; 
		height: 10%; 
	/*	border-top: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:15% 0 0 0% ;
		opacity:0; 
	}
	#rightLine{
		position:absolute;
		width:  10%; 
		height: 20%; 
	/*	border-left: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:30% 0 0 80% ;
		opacity:0; 
	}
	#bottomLine{
		position:absolute;
		width:  30%; 
		height: 10%; 
	/*	border-bottom: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:25% 0 0 70% ;
		opacity:0; 
	}
	#leftLine{
		position:absolute;
		width:  10%; 
		height: 30%; 
	/*	border-left: solid 2px  #330000;*/
		top:0; right:0; bottom:0; left:0;
		margin:0 0 0 20% ;
		opacity:0; 
	}

	#stage {
		float:left;
		width:  70%;
		height: 54%;
		max-height:295px; 
	/*	min-height:358px;*/ 
		position:relative;
	}
	#slide_stage {
		display:none;
		background-color: white;
		width:  70%;
		height: 78%;
		position:absolute;
		top:0; right:0; bottom:0; left:0;
		margin: 3% auto 0 auto;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
		filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;
	}

	#latest{
		background-color: #5F4C0B;
		float:left;
		width:  25%;
		height: 52%;
		max-height:295px; 
		position:relative;
		margin:   1% 1% 1% 1%;
		border:   solid 0.1px #220000;
		border-radius:        5px;
		-webkit-border-radius:5px;	  /*for safari,Chrome*/
		-moz-border-radius:   5px;	  /*for FX*/
		-o-border-radius:     5px; 
		-ms-border-radius:    5px; 
	}
	#latest_contents{
		background-color: transparent;
		position:absolute;
		width:  94%;
		height: 96%;
		margin:   3%;
		overflow:auto;
		scrollbar-arrow-color:#1b1b1b;
		scrollbar-face-color:#1b1b1b;
		scrollbar-3dlight-color:#230003;
		scrollbar-darkshadow-color:#f5f2f2#230003;
		scrollbar-highlight-color:#230003;
		scrollbar-shadow-color:#230003;
		scrollbar-track-color:#413425;
	}
	.latest_i{
		float:left;
		zoom: 0.9;
		margin-top:0.3em;
	}
	.indent_c{
	        margin-left:1.3em;
	        margin-right:1em;
	}
	.indent_d{
	        margin-left:6em;
	}

	.container_left{
		float:left;
		width:  50%;
		padding:0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: hidden;
	}
	.container_right{
		float:right;
		width:  50%;
		padding:0px  0px 0px 0px;
		margin: 0px  0px 0px 0px;
		border: hidden;
	}
	.news_wrap{
		margin:0 auto 3% auto;
		border-top:   solid 0.1px #220000;
	}
	.news_wrap img{
		margin:3% auto 0 auto;
		width:  57%;
		height: auto;
		max-width:250px;
		max-height:300px;
	}
	#IWEN_Topics_Summary ul{
		list-style:none;
	}

	#IWEN_contents ul{
		list-style:none;
	}
	#IWEN_Topics_Summary {
		margin-bottom:5%;
	}
	#map{
		width:  90%;
		height: 35%;
		max-width:600px;
		max-height:300px;
	}
	.clear{
		clear:both;  /*clear float*/
	}

	.indent{
	        margin-left:1em;
	}
	#footer{
		margin:2% 0 0 0;
	}

} /*end style for cellphone*/