/* ===========================
default set
============================*/
body {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:150%;
	text-align:left;
	color:#000000;
	background:#000;
	-webkit-text-size-adjust: 100%;
}

address, p, ul, ol, li, dl, dt, dd, table, th, td, img, form center {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 150%;
	text-align: left;
}

textarea, input {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
	margin:0;
}

font { display:inline-block;}

img:not(.script_normal_one *):not(.script_sma_one *) { 
	border: 0;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.end { 
	clear:both;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
	height:0px;
}

em { display:none;}

a.imghover:hover img {
filter: alpha(opacity=80); -moz-opacity:0.80;  opacity:0.80;
}

img a {
	border:none;
}

.imgL {
	float:left;
	margin-right:20px;
}

.imgR {
	float:right;
	margin-left:20px;
}

#contents {
	/*background:url(../images/common/bg_naka.jpg) bottom repeat-x; */
	background:#000000;
	min-height:400px;
	width:100%;
	margin:0 auto;
}

.top_banner { /*background:#0a0a2e;*/ background-color:#222258; width:100%; text-align:center; overflow:auto; padding:15px 0px;}
.top_banner .box { margin:15px auto; max-width:1400px;}


/* ===========================
float clear
=============================*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
	content:".";
	clear:both;
	display:block;
	line-height:0;
	height:0;
	visibility:hidden;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* ===========================
float_box
============================*/
.l_box { float: left; }
.r_box { float: right; }

/* ===========================
text_align
============================*/
.a_left { text-align: left; }
.a_right { text-align: right; }
.a_center { text-align: center; }

/* ===========================
a
=============================*/
a { outline: none; color: #224602; }
a:hover { outline: none; color: #54a50e; }

/* ===========================
p
=============================*/
p { text-align: left; }

/* ===========================
font
============================*/
.f10 { font-size: 82%; }
.f11 { font-size: 88%; }
.f12 { font-size: 94%; }
.f13 { font-size: 100%; }
.f14 { font-size: 106%; }
.f15 { font-size: 112%; }
.f16 { font-size: 118%; }
.f17 { font-size: 124%; }
.f18 { font-size: 130%; }
.f19 { font-size: 136%; }
.f20 { font-size: 142%; line-height:142%; }
.f21 { font-size: 148%; }
.f22 { font-size: 154%; }
.f23 { font-size: 160%; }
.f24 { font-size: 166%; }
.f25 { font-size: 172%; }
.fwb { font-weight: bold; }

/* ===========================
border
=============================*/
.bs { border: 1px #CCCCCC solid; }
.bs02 { border: 5px #CCCCCC solid; }
.bs_top { border-top: 1px #e2e2e2 solid; }
.bs_bottom { border-bottom: 1px #CCCCCC solid; }

.bd { border: 1px #CCCCCC dotted; }
.bd_top { border-top: 1px #CCCCCC dotted; }
.bd_bottom { border-bottom: 1px #CCCCCC dotted; }
.bd_tb { border-top: 1px #CCCCCC dotted; border-bottom: 1px #CCCCCC dotted; }

/* ===========================
marin_padding
=============================*/
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }

.m_top3 { margin-top: 3px; }
.m_top5 { margin-top: 5px; }
.m_top10 { margin-top: 10px; }
.m_top15 { margin-top: 15px; }
.m_top20 { margin-top: 20px; }
.m_top30 { margin-top: 30px; }
.m_top40 { margin-top: 40px; }
.m_top50 { margin-top: 50px; }
.m_top60 { margin-top: 60px; }

.m_left3 { margin-left: 3px; }
.m_left5 { margin-left: 5px; }
.m_left10 { margin-left: 10px; }
.m_left20 { margin-left: 20px; }

.m_right3 { margin-right: 3px; }
.m_right5 { margin-right: 5px; }
.m_right10 { margin-right: 10px; }
.m_right15 { margin-right: 15px; }
.m_right20 { margin-right: 20px; }

.m_bottom1 { margin-bottom: 1px; }
.m_bottom2 { margin-bottom: 2px; }
.m_bottom3 { margin-bottom: 3px; }
.m_bottom4 { margin-bottom: 4px; }
.m_bottom5 { margin-bottom: 5px; }
.m_bottom10 { margin-bottom: 10px; }
.m_bottom15 { margin-bottom: 15px; }
.m_bottom20 { margin-bottom: 20px; }
.m_bottom25 { margin-bottom: 25px; }
.m_bottom30 { margin-bottom: 30px; }
.m_bottom40 { margin-bottom: 40px; }
.m_bottom160 { margin-bottom: 160px; }

.p_3 { padding: 3px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }

.p_top5 { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }

.p_bottom3 { padding-bottom: 3px; }
.p_bottom5 { padding-bottom: 5px; }
.p_bottom10 { padding-bottom: 10px; }
.p_bottom20 { padding-bottom: 20px; }
.p_bottom30 { padding-bottom: 30px; }

.p_tb1 { padding: 1px 0; }
.p_tb2 { padding: 2px 0; }
.p_tb3 { padding: 3px 0; }
.p_tb4 { padding: 4px 0; }
.p_tb5 { padding: 5px 0; }
.p_tb10 { padding: 10px 0; }
.p_tb20 { padding: 20px 0; }

.p_lr5 { padding: 0 5px; }
.p_lr10 { padding: 0 10px; }

.p_tb3_lr5 { padding: 3px 5px; }
.p_tb5_lr10 { padding: 5px 10px; }
.p_tb5_lr20 { padding: 5px 20px; }
.p_tb10_lr5 { padding: 10px 5px; }
.p_tb20_lr10 { padding: 20px 10px; }

.p_10_b20 { padding: 10px 10px 20px 10px; }

/* ===========================
color
============================*/
.c_r01 { color: #F00; }
.c_w01 { color: #FFFFFF; }
.c_b01 { color: #046585; }
.c_b02 { color: #387304; }
.c_g01 { color: #2e5a03; }
.c_grey01 { color: #333333; }
.c_grey02 { color: #E4E4E4; }
.c_brown01 { color: #970105; }
.c_purple01 { color: #7e4c67; }
.c_orange01 { color: #ed7b01; }
.c_black { color:#000000; }
.c_navi01 { color: #2e2358; }
.table_kyogi {
	color: #000000;
}
.table_kyogi a {
	color: #0034B7;
}

/* ===========================
background
============================*/
.b_wh { background: #ffffff; }
.b_r01 { background: #b40404; }
.b_r02 { background: #fc0241; }
.b_r03 { background: #410202; }
.b_g01 { background: #6da304; }
.b_g02 { background: #dbfdb8; }
.b_g03 { background: #2b5c0b; }
.b_b01 { background: #0080ff; }
.b_b02 { background: #00468c; color:#FFFFFF;}
.b_b03 { background: #C4C3D6; }
.b_b04 { background: #3a3879; }
.b_orange01 { background: #ffefa7; }
.b_black { background: #000000; }
.b_grey01 { background: #CCCCCC; }
.b_grey02 { background: #6C6C6C; }
.b_grey03 { background: #E4E4E4; }
.b_beige01 { background: #f3f2dd; }
.b_purple01 { background: #7e4c67; }
.b_brown { background: #856348; }
.b_navi01 { background: #2e2358; }

/* ===========================
width
============================*/
.w10per { width: 10%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w28per { width: 28%; }
.w29per { width: 29%; }
.w30per { width: 30%; }
.w32per { width: 32%; }
.w33per { width: 33%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w48per { width: 48%; }
.w50per { width: 50%; }
.w60per { width: 60%; }
.w70per { width: 70%; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w99per { width: 99%; }
.w100per { width: 100%; }


/* ===========================
button
============================*/
.button a {
	text-align: center;
	display: block;
	padding: 10px 15px;
	color: #ffffff;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	font-weight: bold;
	border: 1px #ffffff solid;
	margin:10px auto;
	background:#387304;
}

.button a:hover {
	color: #FFFFFF;
	background:#3cb506;

}

.button02 {
	width: 100%;
	text-align: center;
	font-size: 136%;	
}


.button02 a {
	margin:10px auto;
	text-align: center;
	display: block;
	padding: 10px 10px;
	text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background:#dcefd9;
	color:#387304;
	letter-spacing:.2em;

}

.button02 a:hover {
	color: #dcefd9;
	background:#387304;

}

.button04 {
	text-align: center;
	font-size: 110%;	
}

.button04 a {
	background:#3a3879;
	text-align: center;
	display: block;
	padding: 5px 15px;
	color: #FFFFFF;
	text-decoration: none;
	margin:5px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

.button04 a:hover {
	background:#cccccc;
	color: #FFFFFF;

}

a.btn_block{display:block;padding:5px 15px;text-align:center;text-decoration:none;transition:0.3s;border-radius:13px;}
a.bttn_member{color:#FFF;background:#3b8001}a.bttn_member:hover{color:#FFF;background:#000;}
a.bttn_kaiin{color:#FFF;background:#B90909}a.bttn_kaiin:hover{color:#FFF;background:#000;}
a.bttn_visitor{color:#FFF;background:#0053b4;}a.bttn_visitor:hover{color:#FFF;background:#000;}

.button_member a {background:#3b8001;	text-align: center;	display: block;	padding: 5px 15px;	color: #FFFFFF;	text-decoration: none;	margin:5px;    -moz-border-radius: 13px;    -webkit-border-radius: 13px; border-radius: 13px;}
.button_member a:hover { background:#cccccc;	color: #FFFFFF;}

.button_kaiin a {background:#B90909; text-align: center;	display: block;	padding: 5px 15px;	color: #FFFFFF;	text-decoration: none;	margin:5px;    -moz-border-radius: 13px;    -webkit-border-radius: 13px; border-radius: 13px;}
.button_kaiin a:hover { background:#cccccc;	color: #FFFFFF;}

.button_visitor a {	background:#0053b4;	text-align: center;	display: block;	padding: 5px 15px;	color: #FFFFFF;	text-decoration: none;	margin:5px;    -moz-border-radius: 13px;    -webkit-border-radius: 13px;    border-radius: 13px;}

.button_visitor a:hover {	background:#cccccc;	color: #FFFFFF;}


/* ===========================
table
=============================*/
caption {
	text-align:left;
	margin-bottom:0;
	font-weight:normal;
}


.t01 {
	width: 100%;
	border-collapse: collapse;
	margin:15px 0px;
}

.t01 th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #efefef;
}

.t01 td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}

.t02 {
	background: #efefef;
	border-collapse: collapse;
}

.t02 th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t02 td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}

.t03 {
	width:100%;
border-collapse: collapse;
}

.t03 th {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
	white-space:nowrap;
}

.t03 td {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 3px 5px;
}


.t02 tr:hover { background: #e2ffbd; color: #000; }



.t04 {
	width: 100%;
	border-collapse: collapse;
}

.t04 th {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t04 td {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
}

.t05 {
	width: 100%;
border-collapse: collapse;
}

.t05 th {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t05 td {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 3px 5px;
}

.t06 {
	width:78%;
border-collapse: collapse;
}

.t06 th {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
	white-space:nowrap;
}

.t06 td {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 3px 5px;
}

.t_calendar {
	width: 100%;
	border-collapse: collapse;
	margin:15px 0px;
	b
}

.t_calendar th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #424242;
}

.t_calendar td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}



#td_left { text-align:left;}
#td_right { text-align:right;}


/* ===========================
attention
============================*/
.atten {
	margin-top: 30px;
	border: 2px #d40207 solid;
	padding: 15px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.atten h2 {
	font-size: 130%;
	color:#F00;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px #CCCCCC dotted;
}

.atten p {
	font-size: 106%;
}

/* ===========================
icon
=============================*/
.lunch {
	background: url(../images/common/lunch.png) left center no-repeat;
	padding-left: 26px;
}

.op01 {
	background: url(../images/fee/comp.gif) left center no-repeat;
	padding-left: 26px;
}

.thanks {
	background: url(../images/common/thanks.png) left center no-repeat;
	padding-left: 22px;
}

.icon span {
	display: block;
	float: left;
	margin-right: 10px;
}

.list {
	background: url(../images/common/list.png) left center no-repeat;
	padding-left: 20px;
}

#side_link {width:100%;
	margin:0px 0 10px 0; 
	padding:5px 0px 0px;
	border-top: solid 3px #0066cc; }
	
#side_link ul {
	list-style:none; margin:0; 
	padding:0px 0px 8px;
	}
#side_link li { 
   font-size:12px;
	margin:0px 5px; 
	padding: 8px 0 8px 18px; 
	background:url(../images/common/arrow01.gif) left center no-repeat; 
	border-bottom: dotted 1px #CCCCCC; 
	vertical-align:text-top; 
	text-align:left;}
	
/* ===========================
pageNav
=============================*/
#page ul.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
	font-size:120%;
}

#page ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#page ul.pageNav01 li span,
#page ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	border: 1px solid #387304;
	text-decoration: none;
	vertical-align: middle;
}

#page ul.pageNav01 li a:hover {
	background: #cce9fd;
	border-color: #387304;
	color: #053f7a;
}

	
/*---------------------------------------------------
 Page Top Btn
--------------------------------------------------- */
#pagetopComp {
width:59px;
height:59px;
position:fixed;
bottom:50px;
right:0px;
z-index:999;
}
* html #pagetopComp {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

#pagetopComp_sm a {
width:100%;
height:20px;
position:fixed;
bottom:0px;
right:0px;
z-index:999;
background:#387304;
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding:3px 0px;
}


#stage {background:#ffffff; padding:5px 12px 5px 20px; line-height:250%; margin:5px auto; border-bottom:1px dotted #e0eef3; border-top:1px dotted #e0eef3; margin-bottom:10px;}


/*箇条書き用*/
.ind-24{
	padding-left: 24px;
	text-indent:-24px;
}
.ind-18{
	padding-left: 18px;
	text-indent:-18px;
}
.ind-12{
	padding-left: 12px;
	text-indent:-12px;
}

/*float*/
.f_left{float:left;}
.f_right{float:right;}
.flex_aitem_top{align-items:flex-start;}
.flex_aitem_center{align-items:center;}
.flex_aitem_bottom{align-items:baseline;}
.flex_bottom20 li,.flex_bottom20 dt,.flex_bottom20 dd{margin-bottom:20px;}
.flex_bottom30 li,.flex_bottom30 dt,.flex_bottom30 dd{margin-bottom:30px;}
.flex_bottom40 li,.flex_bottom40 dt,.flex_bottom40 dd{margin-bottom:40px;}
.flex_bottom50 li,.flex_bottom50 dt,.flex_bottom50 dd{margin-bottom:50px;}
.flex_wrap{flex-wrap:wrap;flex-grow:1;}
.flex_jc_sb{justify-content:space-between;}
.flex_jc_sa{justify-content:space-around;}
.flex_jc_center{justify-content:center;}
.flex_jc_start{justify-content:flex-start;}
	.flex{display:flex;}
@media screen and (min-width:1000px){
	.flex2{display:flex;}.flex2 li{width:46%;}
	.flex2_dl{display:flex;}.flex2_dl dt,.flex2_dl dd{width:48.5%;}
	.flex2_narrow{display:flex;}.flex2_narrow li{width:50%;}
	.flex2_64{display:flex;}.flex2_64 dt{width:60%;}.flex2_64 dd{width:38%;}
	.flex2_73{display:flex;}.flex2_73 dt{width:70%;}.flex2_73 dd{width:28%;}
	.flex2_82{display:flex;}.flex2_82 dt{width:80%;}.flex2_82 dd{width:18%;}
	.flex3{display:flex;}.flex3 li{width:32%;}
	.flex3_dl{display:flex;}.flex3_dl dt,.flex3_dl dd{width:32%;}
	.flex4{display:flex;}.flex4 li{width:23%;}
	.flex5{display:flex;}.flex5 li{width:18%;}
}
@media screen and (max-width:999px){
	.flex_sp{display:flex;}
	.flex2_sp{display:flex;}.flex2_sp li,.flex2_sp dt,.flex2_sp dd{width:48.5%;}
	.flex3_sp{display:flex;}.flex3_sp li,.flex3_sp dt,.flex3_sp dd{width:32%;}
}


/* ===========================
event
============================*/

.event { border:3px solid #efefef; margin-bottom:10px; width:95%; float:left; margin-right:10px;}
.event_100 { border:3px solid #efefef; margin-bottom:10px; width:100%;}
.event_title { font-weight:bold; color:#000000; border-bottom:1px dotted #400b0b; line-height:160%; padding:0.3em 0.7em 0.2em; margin-bottom:0.5em; }
.event_title02 { color:#FFFFFF; font-weight: bold; border-bottom:1px dotted #2e5a03; width:99%; background: #2e5a03; padding:5px 0px; margin-bottom:15px; line-height:160%; }
.event_catch { font-weight:bold; }
.event_detail01 { background:#400b0b; color:#FFFFFF; }
.event_detail02 { background:#cccccc; color:#FFFFFF; }
.event_detail03 { background:#218af4; color:#FFFFFF; }
.event_date { background-color:#b8e2fd; color:#002A74; padding:4px 0px; margin:5px auto; text-align:center;}

.event_sp { border:3px solid #72bf4c; background:#f3fcef; padding:10px;}
.event_senior { border:3px solid #efefef;}

.title { line-height:160%; }



/* ===========================
IE8　images回避
=============================*/

.ie8avoid img { width: 100%; height: auto; }


/* IE8 */
.ie8avoid img {  width: auto\9; }


 .scroll-box {
      overflow-x: auto;
    }
    .scroll-box::-webkit-scrollbar {
      height: 5px;
    }
    .scroll-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #F1F1F1;
    }
    .scroll-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #BCBCBC;
    }


/* ===========================
member
============================*/
.member-title {
	width:99%; 
	margin-bottom:15px;
	padding:5px; 
	line-height: 140%;
	font-weight: bold;

}

.member-text {
	padding:5px; 
}