* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body{
	margin: 0;
	padding: 0;
	background: white;
	color: #333333;
	font-family: Meiryo;
	font-size: 15px;
	line-height: 18px;
}
@media screen and (max-width: 480px){
    body {
	font-size: 14px;
	}
}
#header{
	text-align: center;
	background: darkgreen;
	color: darkgreen;
	font-size: 16px;
	font-weight: heavy;
	height: 120px;
	padding: 0 0 0 15px;
	margin: 0 auto;
}
@media screen and (max-width: 480px){
    #header {
	font-size: 14px;
	padding: 0 0 0 15px;
	height: auto;
	}
}
h1{
	font-size: 5px;
	font-weight: normal;
	margin: 0;
}
/*
@media screen and (max-width: 480px){
    #h1 {
	font-size: 3px;
	}
}
#header h1 a{
	text-decoration: none;
}
*/
h2{
	text-indent: 0.5em;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	margin: 20px 0 0 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom: solid 2px green;
	border-left: solid green;
	border-left-width: 1em;
}
/*
@media screen and (max-width: 480px){
    h2 {
	font-size: 15px;
	}
}
*/
h3{
	text-indent: 0.5em;
	font-size: 17px;
	font-weight: normal;
	margin: 40px 0 0 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom: solid 2px green;
	border-left: solid green;
	border-left-width: 1em;
}
@media screen and (max-width: 480px){
    h3 {
	font-size: 15px;
	}
}
h4{
	font-size: 17px;
	font-weight: normal;
	background: lightgreen;
	margin: 10px 0 0 20px;
}
#header li{
	display: inline-block;
	padding: 0 20px 0 0;
	margin-top: 10px;
}
@media screen and (max-width: 480px){
	#header li{
	padding: 0 20px 0 0;
}
}
#header li a{
	font-size: 16px;
	text-decoration: none;
	color: white;
}
@media screen and (max-width: 480px){
	#header li a{
	font-size: 16px;
}
}
#content{
	padding: ;
	margin: 0 auto;
	width: 600px;
}
@media screen and (max-width: 480px){
    #content {
	width: auto;
	padding: 5px;
	height: auto;
	}
}


/*
.content ol li{
	margin: 10px 0;
	padding-left: 20px;
}
.content ul{
	color: #333333;
}
*/

.content li{
	text-align: center;
	display: inline-block;
	padding: 0 5px 0 5px;
	margin-top: 5px;
}
@media screen and (max-width: 480px){
	#content li{
	padding: 0 5px 0 5px;
	}
}


.content li a{
	text-decoration: none;
	color: darkgreen;
}

.content ul li{
	margin: 10px 0;
}
.content p{
	line-height: 20px;
}

#submenu{
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 0 5px 0 5px;
	margin: 0px;
}
@media screen and (max-width: 480px){
	#submenu
	width: 100%;{
	padding: 0 10px 0 5px;
	margin-top: 5px;
	font-size: 14px;
	}
}
#submenu li{
	display: inline-block;
	padding: 0 10px 0 5px;
	margin: 0px;
}
@media screen and (max-width: 480px){
	#submenu li{
	padding: 0 5px 0 5px;
	margin: 0px;
	}
}
#submenu li a{
	text-decoration: none;
	color: darkgreen;
}
@media screen and (max-width: 480px){
	#submenu li a{
	font-size: 14px;
	margin: 0px;
	}
}
.blinkS3 {
	animation: blinkAnimeS3 .5s infinite alternate;
}
@keyframes blinkAnimeS3{
 	0%  { font-weight : normal  }
 	100%{ font-weight: bold }
}	
#p10{
	margin: 5px 0 0 20px;
}
.content img{
	margin: 10px 0px 10px 0px ;
}
.content_inner{
	width: 100%;
	padding: 10px 0px 10px 0px;
}
.content_inner2{
	width: 100%;
	padding: 10px 10px 10px 10px;
	float: none;
}
content_inner p{
	float: left;
}
.content_inner img{
	margin: 10px 0 0 5px;
	float: right;
}
.content_inner img2{
	margin: 10px 0 0 5px;
	float: none;
}
@media screen and (max-width: 480px){
    .content_inner img {
	display: none;
	}
}


/*
#content_left{

}
#contetnt_right{

}
*/


.noborder1{
	margin: 10px 0 0 20px;
	border: 0;
	line-height: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}
@media screen and (max-width: 480px){
    .noborder1 td{
	width: auto;
	height: auto;
	}
}
.noborder1 td{
	vertical-align: top;
	padding: 0;
}
#noborder2{
	margin: 10px 0 0 10px;
	border: 0;
	font-size: 12px;
}
#noborder2 td{
	vertical-align: top;
	text-align: justify;
	text-justify: inter-ideograph;
}
#noborder3{
	margin: 10px 0 0 10px;
	border: 0;
	font-size: 12px;
}
#solid1{
	margin: 10px 0 0 20px;
	border-collapse: collapse;
	font-size: 10pt;
	line-height: 20px;
	margin: 0 0 50px 0;
}
#solid1 td{
	border: 0.5px solid #333333;
	text-align: center;
}
.solid2{
	margin: 10px 0 0 20px;
	border-collapse: collapse;
	line-height: 20px;
}
.solid2 td{
	vertical-align: top;
	padding: 0 0 0 0;
}
.solid2 td w80{
	vertical-align: top;
	width: 80px;
}
@media screen and (max-width: 480px){
    .solid2 td{
	width: 80%;
	height: auto;
	}
}
#solid3{
	margin: 10px 0 0 20px;
	border-collapse: collapse;
	font-size: 10pt;
	line-height: 20px;
	margin: 0 0 50px 0;
}
#solid3 td{
	border: 0.5px solid #333333;
	padding-left: 1em;
}
p.burasage{
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 480px){
	p.burasage{
	margin-left: 4em;
	text-indent: -4em
	}
}


/*
iframe{
	border-style: solid 1px #333;
}
*/


@media screen and (max-width: 480px){
    iframe {
	width: auto;
	height: auto;
	}
}
#footer{
	position: fixed;
	bottom: 0;
	width: 100%;

	text-align: center;
	background: darkgreen;
	color: white;
	font-size: 12px;
	height: 30px;
	padding: 7px 0 0 0;
	margin: 0 auto;	
}
#footer a{
	text-decoration: none;
	color: white;
}
@media screen and (max-width: 480px){
    #footer {
	width: auto;
	height: auto;
	}
}