﻿body{
	font-family: "ＭＳ ゴシック",sans-serif;
	background-color:#33524C;
	width:100%;
	margin: 0px;
	padding: 0px; 
	color:white;
}



*{
  box-sizing: border-box;
}

a{
	color:white;
	font-size:12px;
}

h1{
	font-size:28px;
}

h2{
	font-size:20px;
}

h3{
	font-size:14px;
}



a:hover{
	color:#ff33cc;
	/*font-weight:bold;*/
}



.header{
	background-color:#33524C;
	opacity:0.7;
	margin-top: 0px;
	padding: 0% 0%; 
	/*border:1px solid blue;*/
	height:46px;
	width:100%;
	color:white;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
}

.header:hover{
	/*background-color: rgba(255, 255, 255, 0.1);*/
	transition: all 0.5s;
}

.header-mark img{
	width: 54px;
	/*float:left;*/
}


.header-logo{
	margin-top: 12px;
	margin-left:10px;
	margin-right:0px;
	padding: 0% 0%;
	/*border:1px solid yellow;*/
	font-size:19px;
	float:left;
}

.menu-icon{
	/*color: white;*/
	float: right;
	/*font-size: 25px;*/
	margin-top: -11px;
	margin-right: 25px;
	display: block;
}



.header-list li{	
	margin-top: 2px;
	margin-left:5px;
	margin-right:5px;
	padding: 0px 0px; 
	/*border:1px solid white;*/
	font-size:25px;
	list-style:none;
	color:white;
	/*float:left;*/
	display: none;
}



.maingazou{
	margin-top: 46px;
	/*margin-left:40px;*/	
	width:100%;
	/*height:200px;*/
	clear: both;
}

.maingazou img{
	/*height:550px;*/
	/*width: 100%;*/
}



.main{
	width:100%;
	height:250px;
	color:white;
	/*border:5px solid red;*/
}


.main h1{
	width:100%;
	margin-top: 10px;
	margin-bottom: 0px;
	height:100px;
	letter-spacing:1px;
	text-align:center;
	/*border:5px solid blue;*/
}

.main h2{
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	height:100px;
	letter-spacing:0px;
	font-size:16px;
	text-align:center;
	font-weight: normal;
	/*border:5px solid yellow;*/
}

.setumei h3{
	background-color:#33524C;
	margin-top: 0px;
	margin-bottom: 0px;
	height:100px;
	width:100%;
	padding:0% 0%;	
	color:white;
	letter-spacing:0px;
	text-align:center;
	font-weight: normal;
	/*border:5px solid red;*/
}


.contents {		
	clear:both;
	/*height: 100px;*/
	width:100%;
  	/*margin: 46px auto;*/
  	text-align:center;

}

.contentsg {		
	margin-top: 46px;
	width:100%;
	text-align:center;
}





.contents-item {

	/*float: left;*/
	width: 100%;
	padding: 5px 10px 5px 10px;
  	/*margin: 1px 0px 1px 100px;*/
}



.contents-item p {

	font-size: 16px;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 50px;
}


.contents-item img{
	width: 80%;
}





.kanisetumei{
	background-color:#33524C;
	color:white;
	width:100%;
	/* padding:10% 10%; */
	/*border:5px solid red;*/
	color:white;
	letter-spacing:0px;
	text-align:center;
	clear: both;
}

.kanisetumei-list{
	/*border:5px solid yellow;*/
	margin: 0px 0px;
	width:100%;
	height:470px;
	color:white;
}


.kanisetumei-list li{
	/*border:5px solid blue;*/
	width:90%;	
 	list-style:decimal;
	font-size:14px;
	text-align:left;		
}





.shousaisetumei{
	background-color:#33524C;
	color:white;
	width:100%;
	margin-top: 46px;
	/*margin-left:40px;*/
	letter-spacing:0px;
	text-align:center;
	clear: both;
}

.shousaisetumei-list{
	margin: 0px 0px;
	width:100%;
	height:400px;
	color:white;
	letter-spacing:0px;
}


.shousaisetumei-list li{
	float:left;
	width:94%;	
	list-style:decimal;
	font-size:14px;
	text-align:left;		
}

.footer {
	float:right;
}

.hyouji {
	margin-top: 46px;
	margin-left:20px;	
	width:90%;
	text-align:left;
	height:800px;
}

.hyoujip {
	margin-top: 46px;
	margin-left:20px;	
	width:90%;
	text-align:left;
	height:500px;
}

.menu-hyouji {
	margin-top: 46px;
	margin-left:20px;	
	width:100%;
	text-align:left;
	height:400px;
}

.menu-hyouji a{
	font-size:20px;

}



.hyouji p{
	font-size:12px;
}


.hyoujip p{
	font-size:12px;
}


.shoukai {
	margin-top: 46px;
	width:100%;
	text-align:center;
}

.shoukai img{
	width:80%;
}

.otoiawase1 {
	margin-top: 46px;
	width:100%;
	height:350px;
	text-align:center;
	clear:both;
}

.otoiawase2 {
	/*margin-top: 46px;*/
	width:100%;
	height:1000px;
	text-align:center;
	font-size:13px;
	clear:both;
}

.info {
	text-align:center;
	/*margin-top: 0px;*/
	/*margin-left:40px;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}


.cb{
	clear: both;
}

hr {
	clear:both;
}
