@charset "UTF-8";

/*全体の指定*/
BODY{
	color:#000000;
	background-color: #f2f9e6;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ　ProN　W3","Meiryo","メイリオ","Yu Gothic", "遊ゴシック","Noto sans cjk jp demilight",sans-serif;
	line-height: 1.6;
	font-size: 0.91em;
	margin: 0px auto 10px;
	padding: 0px auto;
	background-image: url(../img/kabe_005.gif);

}

.kajikakei{
background-image: url(../img/kabe_006_orange.gif);
	
}


/*禁則処理*/
p,li,dd,th,td{
	line-break: strict;
}

/*リンク色*/


a:link{
	color: #2323D5;
}

a:visited{
	color: #2323D5;
}


a:hover{
	color: #E4840A;
}


/*構成の指定*/
#container{
	width: 100%;
	max-width: 1000px;
	margin: 0px auto 10px auto;
	padding: 0px 0px 12px 0px;
	background-color: #ffffff;
}


#header {
  background: url("img/header_600.jpg") no-repeat center top;
}


#nav{
	text-align: center;
	font-size: 0.9em;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#main{
	text-align: left;
	margin: 4px 4px 10px 4px;
}



#footer{
	background-color: #bbdd75;
	clear: both;
	text-align: center;
	padding: 1px;
	line-height: 1;
	font-size: 0.7em;
	border-radius: 15px;
	margin: 12px 4px;
	
}


#main_access{
	width: 83.3%;
	max-width: 720px;
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	padding: 10px 20px;
	background-color: white;
}


#main_access02{
	width: 100%;
	max-width: 870px;
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 10px;
	background-color: white;
}


#main_access022{
	width: 100%;
	max-width: 870px;
	margin: 0px auto;
	line-height: 1.5;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px 10px;
	background-color: white;
}


#main_access03{
	width: 100%;
	max-width: 800px;
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 10px 20px;
	background-color: white;
}



#main_access04{
	width: 100%;
	max-width: 950px;
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 10px 20px;
	background-color: white;
}


#main_access05{
	width: 100%;
	max-width: 870px;
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 10px 30px;
	background-color: white;
}

/*
#main_access05{
	width: 100%;
	max-width: 840px;
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 10px 30px;
	background-color: white;
}
*/





#main_kajikakei00{
	width: 95%;
	max-width: 950px;
	margin: 0px auto;
	padding:5px 10px;
	background-color: white;
}



#main_kajikakei{
	width: 95%;
	max-width: 890px;
	margin: 0px auto;
	padding:5px 10px;
	background-color: white;
}


#main_kajikakei01{
	width: 95%;
	max-width: 830px;
	margin: 0px auto;
/*	padding:10px;*/
    padding:5px 10px;
	background-color: white;
}

#main_kajikakei02{
	width: 90%;
	max-width: 780px;
	/*	max-width: 800px;20180924訂正*/
	margin: 0px auto;
	padding:10px;
/*	padding:3px 5px;*/
	background-color: white;
	font-size: 0.95em;
	
}


#footer_access{
	clear: both;
	margin: 12px 4px;
	background-color: #bbdd75;
	text-align: center;
	padding: 3px;
	line-height: 1.0;
	font-size: 0.7em;
	border-radius: 5px;
}

#footer_access02{
	clear: both;
	max-width: 800px;
	margin: 20px auto;
	background-color: #bbdd75;
	text-align: center;
	padding: 3px;
	line-height: 1.0;
	font-size: 0.7em;
	border-radius: 5px;
}

#footer_kajikakei{
	clear: both;
	max-width: 800px;
	margin: 12px auto;
	background-color: #ffffac;
	text-align: center;
	padding: 2px;
	line-height: 1.0;
	font-size: 0.7em;
	border-radius: 5px;
}

#shien{
	font-size: 0.8em;
	background-color: #ffffd0;
	margin: 8px 0px 10px 0px;
	line-break: strict;
}

/*ul,liの指定*/

ul,ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/*liの前に・をつける*/

ul,li.point{
	margin: 0px 0px 0px 1em;
	list-style-type: disc;
}


/*liの前にスペースをつける*/

li.space{
	margin: 0px 0px 0px 1em;
}


/*liの前に◎をつける*/

.db ul{
	margin: 0px 0px 0px 1em;
}

.db li::before{
	content: "◎";
}

/*dtの前に◎をつける*/

.db dl{
margin: 0px 0px 0px 1em;

}

.db dt::before{
	content: "◎";
}


/*こども、販売の小見出しリンク用*/

.tab ul a{
	margin: 20px 0px 0px 20px;
	display: block;
}

.tab li{
	margin-top: 4px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0px;
	float: left;
	font-size: 0.95em;
	font-weight: bold;
	padding: 2px 6px;
}

.tab li a:hover{
	color: green;
}


/*左メニューの指定*/

#nav ul{
	overflow: hidden;
}


#nav ul li{
	width: 45%;
	float: left;
	text-align: center;
	display: block;
	margin: 8px 10px 8px 0px;
	padding: 5px 0px;
	color: #FFFFFF;
}


#nav ul li a:link{
	color: #000000;
}


#nav ul li a:hover{
	display: block;
	color: #ffffff;
	background-color: #4e882f;
	text-decoration: none;
}


/*要素の指定*/

h1{
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

h2{
	font-size: 1.3em;
	background-color: #71AC52;
	text-align: left;
	color : #ffffff;
	padding: 0.2em 0.5em;
	border-radius: 6px;
}

h2.silver{
	font-size: 1.3em;
	background-color: #CACACA;
	text-align: left;
	padding: 0.2em 0.5em;
	border-radius: 6px;
}

h2.yellow{
	font-size: 1.3em;
	background-color: #ffffac;
	text-align: center;
	padding: 0.3em 0.5em;
	color : #000000;
	border-radius: 6px;
}


h2 a:link{
	text-decoration: underline;
}

h3{
	font-size: 1.2em;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 4px;
	border-radius: 5px;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	background-color: #ffffac;
}


h3.kousyu{
	font-size: 1.12em;
	font-weight: 600;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 4px;
	border-radius: 5px;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	background-color: #ffffac;
}



h4{
	font-size: 1.11em;
	margin-top: 20px;
	margin-bottom: 16px;
	padding-left: 2px;
	border-width: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ffe7ce;
}
	

h5{
	font-size: 1em;
	font-weight: bold;
	padding: 3px 0;
}


/*pの指定*/

p{
	margin: 8px;
	line-break: strict;
}


/*
p{
	margin: 8px 0px 10px 8px;
	line-break: strict;
}
*/


p.bred{
	display: inline;
	font-size: 0.8em;
	background-color: #ffffd0;
	margin-bottom: 12px;
}



.imgright{
	float: right;
	padding:0 10px 10px 10px;
	}

.imgleft{
	float: left;
	padding:0 10px 10px 10px;
}


img{
	border-width: 0;
	max-width: 100%;
	height: auto;
}


img.border { border: 1px #333333 solid; }



/*フロート解除*/
.clear{
	clear:both;
}

/*テーブルの指定*/

table{
	border-collapse: collapse;
}

td{
	line-height: 1.2;
}

	/*トップのテーブルの指定*/
table.top{
	width: 100%;
	
}

td.top_01{
	/*border-bottom-width: 3px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 1.8;
	width: 100%;
	
}


td.top_04{
	/*border-bottom-width: 3px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
     font-size: 1.2em;
padding: 8px 3px 8px 8px;
		width: 100%;
    line-height: 1.8;
	
}


td.top_05{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
    font-size: 1.05em;
    padding: 8px 3px 8px 8px;
		width: 100%;
    line-height: 1.6;
	
}


td.top_06{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
    padding: 8px 3px 8px 8px;
   	width: 100%;
    line-break: strict;
	line-height:1.7;
	
}
table.itiran{
	font-size: 0.9em;
	background-color: white;
	/*border-width: 1px;
	border-style: solid;
	border-color: #9B9B9B;*/
	border-collapse: collapse;
	vertical-align: top;
	width: 98%;
	padding: 4px auto 8px;
	margin: 10px;
}


td.itiran{
	border-width: 1px;
	border-style: solid;
	border-color: #9b9b9b;
	padding: 8px;
	vertical-align: top;
	width: 16%;
	text-align: center;
	line-height: 1.1;
}

td.itiran02{
	border-width: 1px;
	border-style: solid;
	border-color: #9b9b9b;
	padding: 8px;
	vertical-align: top;
	width: 20%;
	text-align: center;
	line-height: 1.1;
}

td.w20{
	border-width: 1px;
	border-style: solid;
	border-color: #9b9b9b;
	padding: 8px;
	vertical-align: top;
	width: 19%;
	text-align: center;
	line-height: 1.1;
}


td.w16{
	border-width: 1px;
	border-style: solid;
	border-color: #9b9b9b;
	padding: 8px;
	vertical-align: top;
	line-height: 1.1;
}

	/*例会ページのテーブルの指定*/
table.reikai{
	border-width: 1px;
	border-style: solid;
	border-color: #9b9b9b;
	border-collapse: collapse;
	width: 80%;
	line-height: 1.8;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
		
}




	/*講習会のテーブルの指定*/
table.yotei{
	border-width: 1px;
	border-style: solid;
	border-color: #9b9b9b;
	border-collapse: collapse;
	width: 99%;
	line-height: 1.8;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
		
}


table.yotei_01{
	border-width: 1px;
	border-style: solid;
	border-color: #9b9b9b;
	border-collapse: collapse;
	width: 99%;
	line-height: 1.5;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
		
}


td.yotei_01{
	border: solid 1px #9B9B9B;
	padding: 0.5em;
	 text-align: left;
	/*line-height:1.8;*/
	
}



td.yotei_02{
	border: solid 1px #9B9B9B;
	padding: 0.2em 0.5em;
	width: auto;
	/*line-height:1.8;*/
	
}

td.yotei_03{
	border: solid 1px #9B9B9B;
	width: auto;
	text-align: center;
	padding:0.5em;
	/*line-height:1.8;
	*/
}


td.yotei_04{
	border: solid 1px #9B9B9B;
	width: 30%;
	text-align: center;
	padding:0.5em;
	/*line-height:1.8;
	*/
}

/*生活のヒント　リンクページ用*/

table.link{
border-color: #C2C2C2;
}



/*文字色の指定*/

.red{
	color: red;
}

.pink{
	color: #ffa6ff;
}

.kimidori{
	color: #99CC00;
}



.ora{
	color: #FFC10E;
}

.wh{
	color: #FFFFFF;
}

.bl{
	color: #000000;
}


.deeporange{
	color: #FF3300;
}

/*背景色の指定*/

.bg_wh{
	background-color: #ffffff;
}

.bg_ye{
	background-color: #ffffd0;
}

.bg_gray{
	background-color: #F4F4F4;
}

.bg_mosg{
	background-color: #e0efc0;
}

.bg_lime{
	background-color:#BBDD75;
}


.bg_lime02{
	background-color:#A0CA49;
}

.bg_green{
	background-color: #4e882f;
}

.bg_pink{
	background-color: #ffe6e6;
}

.bg_pink02{
	background-color: #FFE9FF;
}

.bg_pink03{
	background-color: #F7CAF7;
}

.bg_blue{
	background-color: #d6edf8;
}

.bg_ora{
	background-color: #ffe7ce;
}

.bg_ora02{
	background-color: #FF9872;
}




.bg_ora03{
	background-color: #FFBCA3;
}

.bg_purple{
	background-color: #dad3ed;
}


.bg_purple02{
	background-color: #A594D1;
}


.bg_purple03{
	background-color: #C094D1;
}


.bg_aqua{
	background-color: #E9FCFC;
}

.bg_silver{
	background-color: #E4E4E4;
}

.bg_silver02{
	background-color: #D3D3D3;
}


.bg_silver03{
	background-color: #BEBEBE;
}


.bg_bla{
	background-color: black;
}

.bg_dark{
	background-color: #515151;
}

.bg_dark02{
	background-color: #686868;
}


.bg_dark03{
	background-color: #462626;
}

.bg_skyblue{
	background-color: #75A7FF;
}

.bg_navy{
	background-color: #1F2E76;
}

.bg_kon{
	background-color: #425ECB;
		
}

.bg_bblue{
	background-color: #0095d9;
		
}



.bg_blue02{
	background-color: #C1E3F4;
}

.nav_bg_lime{
	background-color:#BBDD75;
	margin: 10px 0px;
}

.nav_bg_mosg{
	background-color:#d6edf8;
	margin: 10px 0px;
}

/*
.nav_bg_mosg{
	background-color:#e0efc0;
	margin: 10px 0px;
}
*/




.nav_bg_green{
	background-color: #4e882f;
	margin: 10px 0px;
}


/*文字の太さ、大きさの指定*/

/*文字を太くする*/
.strong{
	font-weight: bold;
}


/*文字の太さは普通（太い書体を普通にする場合に使う）*/
.normal{
	font-weight: normal;
}


/*文字の大きさを0.8倍にする*/
.em08{
	font-size: 0.8em;
}

/*文字の大きさを0.85倍にする*/
.em085{
	font-size: 0.85em;
}

/*文字の大きさを0.9倍にする*/
.em09{
	font-size: 0.9em;
}

/*文字の大きさを0.95倍にする*/
.em095{
	font-size: 0.95em;
}

/*文字の大きさを1.1倍にする*/
.em11{
	font-size: 1.1em;
}

/*文字の大きさを1.2倍にする*/
.em12{
	font-size: 1.2em;
}

/*文字の大きさを1.3倍にする*/
.em13{
	font-size: 1.3em;
}

/*文字の大きさを1.5倍にする*/
.em15{
	font-size: 1.5em;
}


/*文字の大きさを1.6倍にする*/
.em16{
	font-size: 1.6em;
}

.em18{
	font-size: 1.8em;
}


.em20{
	font-size: 2em;
}



/*マージン*/
.mg0{
	margin: 0px;
}

.mg_b20{
	margin-bottom: 20px;
	
}


.mg_bt10{
	margin-bottom: 10px;
	margin-top: 10px;
	
}

.mg_bt20{
	margin-bottom: 20px;
	margin-top: 20px;
	
}


.mg_b30{
	margin-bottom: 30px;
	
}

.mg_t20{
	margin-top: 20px;
	
}


.mg_bt30{
	margin-bottom: 30px;
	margin-top: 20px;
}


.mg_t30{
	margin-top: 30px;
	
}

.mg_t40{
	margin-top: 40px;
	
}


.mg_rl20{
	margin-right: 20px;
	margin-left: 20px;
		
}

.mg_rl30{
	margin-right: 30px;
	margin-left: 30px;
		
}


.mg_l40{
		margin-left: 40px;	
}

/*padding*/

.pad05{
	padding: 5px;
	
}

.pd10{
	padding: 10px;
	
}

.pd_10tb{
	padding: 10px 0;
	
}


.pd_15tb{
	padding: 15px 0;
	
}

.pd20{
	padding: 20px;
	
}

.pd30{
	padding: 30px;
	
}

.pd_20tb{
	padding: 20px 0;
	
}


.pd_30tb{
	padding: 30px 0;
	
}

.pd_50tb{
	padding: 50px 0;
	
}


.pd_rl10{
	padding: 0 10px;
	
}

.pd_rl20{
	padding: 0 20px;
	
}

.pd_rl30{
	padding: 0 30px;
	
}


/*行間の指定*/

.gh09{
	line-height: 0.9;
}

.gh10{
	line-height: 1;
}

.gh11{
	line-height: 1.1;
}

.gh12{
	line-height: 1.2;
}

.gh13{
	line-height: 1.3;
}

.gh14{
	line-height: 1.4;
}

.gh15{
	line-height: 1.5;
}

.gh16{
	line-height: 1.6;
}

.gh17{
	line-height: 1.7;
}

.gh18{
	line-height: 1.8;
}

.gh19{
	line-height: 1.9;
}

.gh20{
	line-height: 2.0;
}

.gh22{
	line-height: 2.2;
}

/*その他の指定*/


/*文字右揃え*/
.txtright{
	text-align: right;
}

/*文字左揃え*/
.txtleft{
	text-align: left;
}

/*文字中心揃え*/
.center{
	text-align: center;
}


/*「上に戻る」の指定*/
.gotop{
	font-size: 0.8em;
	text-align: right;
}

/*dl,dt,ddの指定*/

dl{
	margin: 0px 0px 0px 10px;
}


dt{
	margin-top: 10px;
	
}

.maru dt::before{
	content:"〇";
}


dd{
	margin-left: 2em;
	margin-top: 0.5em;
}



.kakomi500{
	width: 80%;
}



video {
	max-width: 100%;
	height: auto;
}


/*タブレット、PC用の指定*/


/*タブレット（小）、スマホ用の指定*/

/*@media only screen and (min-width: 481px) and (max-width: 599px){*/

@media only screen and (max-width: 481px){

	#container{
	width: 100%;
	margin: 0 auto;
	}
		
	#nav{
	text-align: center;
	width: 15.78%;
	max-width: 160px;
	float: left;
	}

	#main{
	float: right;
	width: 81%;
	}
	
	#nav ul li{
 	 width: 100%;
	}

	#header{
	background: url(img/header_481.jpg) center no-repeat;
	background-color: #97c831;
	}

	#header img{
	visibility: hidden;
	}
	
	.kakomi500{
	width: 80%;
}

}

/*タブレット（大）用の指定*/

@media only screen and (min-width: 482px) and (max-width: 949px){

	#nav{
	text-align: center;
	width: 18%;
/* width: 15.78%;*/
	max-width: 160px;
	float: left;
	}

	#nav ul li{
 	 width: 100%;
	}
	
	#main{
	float: right;
	width: 80%;
/*      width: 81%;*/
	}
	
	#header{
	background: url(img/header_600.jpg) center no-repeat;
	background-color: #97c831;
	}
	
	#header img{
	visibility: hidden;
	}
	
	#main_video{
	margin: 10px 10px 10px 10px;
	width: 100%;
}

	.kakomi500{
	width: 80%;
}
			
}

/*PC用の指定*/

@media only screen and (min-width: 950px){
	
	#container{
	width: 100%;
	max-width: 1000px;
	margin: 0px auto 15px auto;
	padding: 0px 20px 12px 20px;
	background-color: #ffffff;
	}

	#nav{
	text-align: center;
	width: 15.78%;
	max-width: 160px;

	float: left;
	}

	#main{
	float: right;
	width: 81%;
	}
	
	#nav ul li{
 	 width: 100%;
	}
	
	#header{
	background: url(img/header_950.jpg) center no-repeat;
	background-color: #97c831;
	}

	#header img{
	visibility: hidden;
	}
	
	#shien{
	visibility: hidden;
	height: 0;
	}

	.kakomi500{
	width: 500px;
	}

}