@charset "utf-8";
/* CSS Document */

html,body{
height:100%;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

*{
margin:0;
padding:0;
}

img{
border: none;
vertical-align:bottom;
width:100%;
}

.flex{ display: flex; }

ul,ol{ list-style:none; }

#wrapper{ width:650px; margin:0 auto; }

@media (max-width: 959px){
  #wrapper{ width:100%; }
  P.festa { width:95%; border:1px solid green;}
}

@media screen and print{

BODY{
background-image : url("./images/bg.gif");
background-position : center;
background-repeat : repeat-y;
}

}

h2{
	font-size:125%;
	color:#fff;
	text-align:left;
	font-weight:normal;
	padding: 0.5em 1.0em 0.5em;
	letter-spacing:0;
	background-color: #036;
	margin:1.0em auto;
	width:90%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b84aa+0,3b84aa+48,00486f+52 */
	background: #3b84aa; /* Old browsers */
	background: -moz-linear-gradient(top, #3b84aa 0%, #3b84aa 48%, #00486f 52%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3b84aa 0%,#3b84aa 48%,#00486f 52%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3b84aa 0%,#3b84aa 48%,#00486f 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b84aa', endColorstr='#00486f',GradientType=0 ); /* IE6-9 */
	
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	
	box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

h3{
	box-sizing: border-box;
	font-size:110%;
	font-weight:normal;
	letter-spacing:0;
	text-align:left;
	margin:1.5em auto;
	padding: 0.5em 1.0em 0.2em;
	color: #010101;
	background: #eaf3ff;
	border-bottom: solid 3px #516ab6;
	width:95%;
}


A:hover {
color:green;
text-decoration: underline;
cursor: hand;}

A{
color:green;
text-decoration: none;
}

A:active{color:red; text-decoration: none; cursor: hand;}

body,td {
font-size:12px;
color:#333333;
line-height:1.4em;
letter-spacing:0.1em;
}

p.img_cap{
	text-align:center;
}

p.img_cap span{
	font-size:10px;
	letter-spacing:0;
	line-height:1.4em;
	
}

.top10{
	margin-top:10px;
}

.right10{
	margin-right:10px;
}
.left10{
	margin-left:10px;
}

P.festa {
width:600px;
margin:12px auto auto auto;
}

/*#main_cont{
width:650px;
height:100%;
margin:0 auto 0 auto;
}*/
#topimg{
width:650px;
margin:0 auto;
}

.font_10{
font-size:10px;
}

.font_11{
font-size:11px;
}

.mTop_8px{
margin-top:8px;
}

.ls{
letter-spacing:0.1em;
}

.indent{
	text-indent:1.0em;
}


.u_l{
line-height:1.1em;
letter-spacing:0em;
text-align:center;
padding:3px auto 3px auto;
border:solid;
border-color:#666666;
border-width:1px 0 0 1px;
padding-top:3px;
padding-bottom:3px;
}

.u_r_l{
line-height:1.1em;
letter-spacing:0em;
text-align:center;
padding:3px auto 3px auto;
border:solid;
border-color:#666666;
border-width:1px 1px 0 1px;
padding-top:3px;
padding-bottom:3px;
}

.u_l_b{
line-height:1.1em;
letter-spacing:0em;
text-align:center;
padding:3px auto 3px auto;
border:solid;
border-color:#666666;
border-width:1px 0px 1px 1px;
padding-top:3px;
padding-bottom:3px;
}

.u_r_l_b{
line-height:1.1em;
letter-spacing:0em;
text-align:center;
padding:3px auto 3px auto;
border:solid;
border-color:#666666;
border-width:1px 1px 1px 1px;
padding-top:3px;
padding-bottom:3px;
}

.underline{
border:solid;
border-color:#cccccc;
border-width:0px 0px 1px 0px;
}

.waku{
line-height:1.1em;
letter-spacing:0em;
text-align:center;
border:solid;
border-color:#cccccc;
border-width:1px 1px 1px 1px;
}

.margin{
margin-top:8px;
margin-bottom:8px;
}

.td_padding{
padding-top:8px;
padding-left:16px;
padding-bottom:8px;
}

.top_news_color{
color:#336600;
margin-right:3px;
}

.top_topics_color{
color:#3399CC;
margin-right:3px;
}

.cicle_margin_top8px{
margin-top:8px;
}

.top15px{
margin-top:15px;
}

.top10px{
margin-top:10px;
}

.top20px{
margin-top:20px;
}

.top8px{
margin-top:8px;
}

.top5px{
margin-top:5px;
}


.left8px{
margin-left:8px;
}

.a{
letter-spacing:0;
}

.pdf{
background-image:url(/gakuyukai/images/pdf_icon.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:1.8em;
}
p.caption{
width:617px;
margin:20px auto 0 auto;
}
p.naiyou{
margin:10px 35px 0 35px;
}
img.border{
border:1px #ccc solid;
}
.float_l{
float:left;
}
.float_r{
float:right;
}
.img{
width:202px;
margin-right:15px;
}

p.img_cap{
	text-align:center;
}

.img_cap span{
	font-size:80%;
	letter-spacing:0;
	line-height:1.6em;
}

.text_center{
text-align:center;
}
.border{
border:1px #ccc solid;
}

.small{
text-align:center;
font-size:10px;
letter-spacing:0;
line-height:1.2em;
padding-top:5px;
}

.text_just{
	text-justify:inter-ideograph;
	text-align:justify;	
}

.button{
	 margin-top:15px;
	 width:180px;
	  padding:0.5em 0.5em;
}

.clear{ clear: both; visibility: hidden; height: 0;} 

.clear2{ clear: both; visibility: hidden; height: 0; overflow : hidden;}

.clear3{
overflow: hidden;
position: relative;
}


/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE 7 and MacIE*/
.clearfix {
display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#dropmenu{
  list-style-type: none;
  width:650px;
  height: 40px;
  margin: 0 auto 0px;
  padding: 0;
  background:url(/gakuyukai/images/menu_bg.png) repeat-x;
  border-bottom: 3px solid #666;
  border-radius: 3px 3px 0 0;
  z-index:20;
}
#dropmenu li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 1em 0 11px;
  color: #333;
  font-size: 10pt;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #333;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #eee;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #ddd;
  color: #333;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
  background: #72C7CA;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 28px 5px;
  text-align: center;
  display: block;
  border-radius: 90px;
  opacity: 0.7;
  transition: all .3s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}

ol.list_parentheses{
	list-style-type: none;
margin-top:1.5em;
}
 
ol.list_parentheses li{
  counter-increment: cnt;
  margin:0 0 0.5em 2.0em;
}
ol.list_parentheses li:before{
	content: "(" counter(cnt) ") ";
	display:inline-block;
	margin-left:-2em;
	width: 2em;
}

ol.list_parentheses li ul li{
  counter-increment: none;
  list-style:outside disc;
  margin:0 0 0.5em 0;
}

ol.list_parentheses li ul li:before{
  content: none;
}

ul.list_parentheses{
	list-style-type: none;
}
 
ul.list_kome li{
	list-style-type: none;
	text-indent: -1em;
	margin-left:1.0em;
}
ul.list_kome li:before{
	display: inline;
	content: "※";
}

.iinchou{ float:right; width:122px; height:202px; text-align:center; margin:0 1em 2em;}

@media (max-width: 959px){
	.iinchou{float:none; width:120px; margin:0 auto 2em;}
}


.footer_menu{margin: 2.0em auto 1em; padding-bottom:1em; border-bottom:1px solid #999; justify-content: flex-end; gap:1em;}
.close_btn{text-align:center; padding:0.5em 1.0em; margin: 1em auto; background:#666; display:block; width:12em; border-radius:16px;}