/*  ブラウザデフォルト　スタイルリセット */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}

body, div, header,nav,asaide,h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
}

body {
  font-family : "Meiryo","メイリオ","ＭＳ Ｐ ゴシック";
  text-align:center; 	/* 旧バージョン対応 */
  color : black;
  background-color: #f0fff0;
	-webkit-text-size-adjust: 100%;
}
section{
	margin: 0 0 20px 0;
}
h1,h2,h3,h4{
  color : #336633;
}

h1{
  text-align: left;
  margin : 10px 0 10px 10px ;
}
h2{
  text-align: left;
  padding : 5px 0px 5px 10px;
  margin : 0px 0px 30px 5px;
  border-color: #336633;
  border-width: 0 0 2px 10px;
  border-style: solid;
}
h3,h4{
  text-align: left;
  padding : 0px 0px 0px 10px;
  margin : 5px 0px 5px 5px;
}
h3{
  border-color: #336633;
  border-width: 0 0 0 20px;
  border-style: solid;
}
h5{
  text-align: left;
  padding : 0px 0px 0px 10px;
  margin : 5px 0px 0px 5px;
}
p{
  text-align: left;
  padding : 5px 0px 5px 5px;
  margin : 0px 0px 5px 15px;
}

ul,ol,dl{
  text-align: left;
  margin-left : 20px;
  padding-left : 5px;
  list-style-position : inside;
  list-style-type : square;
}
ul ul{
  list-style-type : none;
}
dt{
  clear : both;
	float : left;
}
dd{
	text-indent: 1em;
}

table{
  width : 95%;
  margin-left : 10px;
  border-collapse : separate;
}
thead{
	text-align : center;
}
table,th,td{
  border: 1px solid #669966;
}
th,td{
	padding : 5px;
}
th{
  color : White;
  background-color: #669966;
}
td{
  background-color : inherit;
}

a{
  text-decoration : none;
}
a:visited{
  text-decoration : none;
}
a:hover{
  text-decoration : underline;
}
a:active{
  text-decoration : none;
}

/*		  							*/
/* 回り込み解除用 		*/
/*		  							*/
hr{
	border : none;
  clear : both;
  visibility : hidden;
}
.dummy{
  clear : both;
  display : none;
}

/* contents	全体			*/

#contents{
  width : 960px;
  padding : 10px;
  text-align : left;
  margin : 0 auto;
	_height : 0;
}

/* ヘッダー	*/
header{
  padding-top : 10px;
  border-width : 2px;
  border-style : solid;
  border-color : #339966;  
	background: linear-gradient(#f0fff0, #99cc99);
}
#headertop{
	width :956px;
	height :220px ; 
 	background-color : inherit;
	background-image : url("../img/title_large.jpg");
	background-repeat : no-repeat;
	background-position: center  top;
	background-size: cover;
	margin : 0 auto;
}

#headertop p{
	margin : 150px 0 0 0;
  text-align : center;
	font-weight: 500;
	color : #ffffff;
}

/* ナビゲーションバー */
nav{
	overflow: hidden;
  height : 30px ;
  margin : 10px 0 ;
}

nav ul{
	overflow: hidden;
  margin : 0;
/*  padding : 0;*/
  text-align : center;
  list-style-type : none;
  font-size : 85%;
  font-family : "MS UI Gothic";
}
nav li{
  width : 190px;
  margin-right : 1px;
  background-color: #336633;
  height : 18px;
  padding : 5px 0 5px 0;
  color : White;
  float : left ;
}
nav a{
  text-decoration : none;
  color : White;
}

/* パン屑リスト */
#path{
  margin : 5px 0 0 0;
  text-indent : 1ex;
  text-align : left;
  font-size : 75%;
}

/*　中央部		*/
#inner{
  margin : 10px 0 0 0;
}

/*	メイン	*/
main{
	overflow: hidden;
  width : 70%;
  padding : 10px ;
 	background-color : #fffafa;
  float : left ;
  font-size : 95%;
}

/*	サイドメニュー	*/
aside{
	overflow: hidden;
  width : 25%;
  padding : 10px;
  background-color : #99cc99;
  float : right ;
/*	flex-grow: 1;*/
  font-size : 85%;
}

aside ul{
  margin-left : 10px;
  padding-left : 5px;
  list-style-position : outside;
  list-style-type : none;
}

/*　フッター	*/
footer{
	overflow: hidden;
  padding : 0 10px;
  text-align : center;
}
footer p{
  text-align : center;
} 

/*						 */
/*　パーツ用　 */
/*						 */
#map_canvas{						 /* Google map */
  width : 98%;
  height : 450px;
  margin : 0 0 10px 10px;
}

#information{
  height : 150px;
  overflow : auto;
  border-width : 1px;
  border-style : solid;
  margin : 5px 0 10px 5px;
}
#information dl{
  margin-bottom : 10px;
}
/*  									*/
/*　クラス						*/
/*  									*/
/* 講習会説明用　*/
.table_h1d1{
  width : 95%;
}
.table_h1d1 th{
  width : 100px;
  text-align : center;
}
.button{
  width: 220px;              /* 横幅 */
	height : 26px;
  padding: 8px 5px 0px 5px;
  margin : 0 0 5px 30px;
  border-width : 1px;
  border-style : solid;
	border-color : #ff9900;  
  border-radius : 25px; 
	background: radial-gradient(#ffcc99, #ffffff);
  text-align : center;
}
.buttonS{
  width: 180px;              /* 横幅 */
	height : 26px;
  padding: 8px 10px 10px 8px;
  margin : 0;
  border-width : 1px;
  border-style : solid;
	border-color : #ff9900;  
  border-radius : 25px; 
	background: radial-gradient(#ffcc99, #ffffff);
  text-align : center;
  font-size : 80%;
}
.sentence{
	text-indent: 1em;
}
.comment{
  font-size : 80%;
}
.banner{
	margin : 10px ;
}
.move{
	font-size: 120%;
	color : #ffffff;
}
.red{
	color : #ff0000;
}

@media screen and (max-width: 768px) and (min-width:480px){
/* タブレット用のスタイル記述 */

/* contents	全体			*/

#contents{
  width : 748px;
}
/* ヘッダー	*/
header{
	margin : 0;
	width :744px;
}
header p{
}
#headertop{
	margin : 0;
	width :744px;
	height : 100px ; 
}

#headertop p{
	margin : 70px 0 0 0;
	font-size:90%;
}

/* ナビゲーションバー */
nav{
	width :744px;
}

nav li{
  width : 146px;
  margin-right : 1px;
}

/*　中央部		*/
#inner{
	width : 748px;
}

/*	メイン	*/
main{
	width : 728px;
}
table{
  width : 95%;
}
#information{
	width : 95%;
  height : 150px;
}
#map_canvas{						 /* Google map */
  width : 95%;
}

/*	サイドメニュー	*/
aside{
  width : 728px;
  float : left ;
}
footer{
  width : 728px;;
  float : left ;
}
}/* タブレット用　終わり*/

@media screen and (max-width: 479px) {
/* スマホ用のスタイル　*/
/* contents	全体			*/

#contents{
  width : 100%;
	margin : 0;
	padding : 0;
}

/* ヘッダー	*/
header{
	width : 100%;
	height : 0 ; 
	border : none;
	background : none;
	padding-top : 16%;
	background-image : url("../img/title_small.jpg");
	background-repeat : no-repeat;
	background-position: center  top;
	background-size: contain;
}

#headertop{
	width :100%;
	height :0 ; 
	padding-top : 16%;
	background-image : url("../img/title_small.jpg");
	background-size: contain;
}
header h1, header p,#headertop p {
	display:none;
}

/* ナビゲーションバー */
nav{
	margin : 0;
	padding : 0;
	height : 200px ;
	overflow: hidden;
}
nav ul{
  margin : 0;
	padding : 0;
	overflow: hidden;
  text-align : center;
  list-style-type : none;
  font-size : 85%;
  font-family : "MS UI Gothic";
}
nav li{
  width : 100%;
	padding : 10px 0 0 0;
	height : 30px ;
  background-color: #336633;
	margin : 0 0 1px 0;
}

/* パン屑リスト */
#path{
	display:none;
}

/*　中央部		*/
#inner{
  float : left ;
	margin : 10px ;
	padding : 0;
}
/*	メイン	*/
main{
  width : 100%;
	margin : 0;
	padding : 0;
}
table{
  width : 95%;
}
#information{
	width : 95%;
  height : 100px;
}
#map_canvas{						 /* Google map */
  width : 95%;
}

/*	サイドメニュー	*/
aside{
  width : 100%;
	margin : 0;
	padding : 0;
}
footer{
  width : 100%;
	margin : 0;
	padding : 0;
  float : left ;
}
}/* スマホ用　終わり*/