body{
	margin: 0px;
	font-family:sans-serif;
}
a	{color:#1111cc;}

.logo	 { 
	background: #000000;
	top:0px ;
	left: 0px;
	text-align: center; 
	vertical-align : middle;
	width: 100%;
	min-height: 72px;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

.logo img	 { 
	max-width: 100%;
}

.data_box	 { 
	max-width: 95%;
	background: #f0f0f0;
	border: none;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	margin:1em auto 1em 0.5em ;
	border-spacing: 0px;
}
.data_box td	{
	border: none;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 4px;
}
.data_box tr>td:first-child	{
	text-align: center;
}
.notice		{background:#FFD88A;}
.update1	{background:#C0E1EE;}
.update2	{background:#EAF4F9;}

.data_box h4	{
	margin:0;
	color:#000000;
	background:#ffffffc0;
	padding: 0 0.25em;
	border-radius: 0.5em;
}
.main_box	 { 
	margin-right:auto; margin-left:auto;
	width: 100%;
}

@media screen and (min-width: 800px){
	.main_left{
		float:left;
		width: 39%;
	}
	.main_right{
		float:right;
		width: 60%;
	}
}
@media screen and (max-width: 800px){
	.main_left{
		float:left;
		width:100%;
	}
	.main_right{
		float:right;
		width:100%;
	}
}

.headermenu_box	 { 
	margin:0;
	padding: 0;
	width:100%;
	text-align: center;
}
.headermenu_1	 { 
	background:#3D6EA3; 
	margin:0; 
	width: 100%; 
	max-width:100vw;
	padding: 0;
}
.headermenu_2	 {
	background:#6EA33D; 
	margin:0; 
	width: 100%; 
	max-width:100vw;
	padding: 0;
}
.headermenu_box li	 { 
	list-style-type: none;
	text-align: center; 
	background:#00404080;
	text-indent: 0;
}
.headermenu_1 li	{
	font-size: 125%;
	margin: 0.25em 0;
	border-radius: 0.5em;
	border: 1px solid #8ECFF2;
	padding: 0 0.25em 0 0.25em;
}
.headermenu_2 li	{
	margin: 0.25em0;
	border-radius: 0.5em;
	border: 1px solid #CFF28E;
	padding: 0px 0.5em 0px;
}
.headermenu_1 li:hover	 { 
	background:#ffffff;
}
.headermenu_2 li:hover	 { 
	background:#ffffff;
}

.headermenu_box ul {
	margin:0;
	padding: 0;
}
.headermenu_box li img {
	height: 1.0em;
}
.headermenu_box a {
	text-decoration: none;
	color: #ffffff;
}
.headermenu_1 li:hover a	 { 
	color:#3D6EA3;
}
.headermenu_2 li:hover a	 { 
	color:#6EA33D;
}

.menu_box	 { 
	margin-right:auto; margin-left:auto; margin-top: 0px; margin-bottom: 0px;
	padding-bottom: 2px; padding-top: 2px;
	width:100%; 
}
.menu_box:nth-of-type(2n+1)	 { 	background:#3D6EA3;}
.menu_box:nth-of-type(2n)	 { 	background:#6EA33D;}
.headermenu_1 li	{
	font-size: 125%;
	margin: 0.25em 0;
	border-radius: 0.5em;
	border: 1px solid #8ECFF2;
	padding: 0 0.2em;
	display: inline-block;
}
.headermenu_2 li	{
	margin: 0.25em 0;
	border-radius: 0.5em;
	border: 1px solid #CFF28E;
	padding: 0 0.2em;
	display: inline-block;
}

.menu_box li:hover	 { background:#ffffff80;}
.menu_box a{ color: #ffffff; }

@media screen and (max-width: 800px){
	.headermenu_box li	{width:45%; font-size: 3.2vw; margin: 0.2em 0;}
}
@media screen and (min-width: 800px){
	.headermenu_box li	{max-width:25%;}
}
.main_left img	{
	width:90%;
	
}

.pict_box	 { 
	width: 98%;
	border: solid 1px #c0c0c0;
	padding: 0;
	margin:0.25em;
	text-align: left; 
}
.pict_box img	{width: 100%;  cursor:zoom-in;}

.explain_box	 { 
	width: 98%;
	border: solid 1px #c0c0c0;
	padding: 0;
	margin:0.25em;
	background:#ffffff;
	font-size: 80%;
}

.link_box	 { 
	width: 98%;
	border: solid 1px #c0c0c0;
	padding: 0;
	margin:0.25em;
	text-align: left; 
	float:left;
}
.link_box_mini	 { 
	min-height:200px;
	border: solid 1px #c0c0c0;
	padding: 0;
	margin:0.25em;
	text-align: left; 
	float:left;
}

@media screen and (min-width: 1280px){
	.link_box_mini{
		width: 45%;
	}
}
@media screen and (max-width: 1280px){
	.link_box_mini{
		width: 98%;
	}
}

.twitter_box	 { 
	border: solid 1px #c0c0c0;
	padding: 0;
	margin:4px 0;
	text-align: left; 
}
.mail_box	 {
	border: solid 1px #c0c0c0;
	padding: 4px;
	margin:4px 0;
	text-align: left; 
}
.ie_box	 { 
	text-align:center;
}

h3	{
	width:100%;
	text-align: left; 
	margin: 0 0 0.5em ;
	padding : 0.25em 0 0.25em;
	color:#000000 ;
	background:#BECEE0 ;
}
h3:before {
	content:""; 
    display: inline-block;
	width: 1em;
	height: 1em;
	background: #3D6EA3;
	margin:0 0.25em 0;
}

img.banner	{
	max-width:45vw;
}

ul{ padding: 0px 24px ;}
.copy	 { 
	text-align:right;
	margin: 8px;
	padding: 8px;
	clear:both;
}