@charset "UTF-8";
@media screen and (max-width: 767px){
*{
	margin:0;
	padding:0;
}

body { 
	color: #000000;
	margin:0;
	padding:0;
	font-family: 'メイリオ', 'ヒラギノ丸ゴ Pro W4', HiraMaruPro-W4, 'ＭＳ Ｐゴシック','ＭＳ ゴシック', 'HGSゴシックE','MS P Gothic',sans-serif;
	width:100%;
	font-size:16px;
}

img{
	border:0;
	margin:0;
}

table,tr,td {
	border-collapse: collapse; 
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

a {
	font-size:1em;
	color: #333333;
	font-weight:normal;
	text-decoration: underline;
}

a:visited {
	font-size:1em;
	color: #555555;
 	font-weight:normal;
	text-decoration: none;
}

a:hover{
	color: #999999;
	text-decoration: none;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.clear{
	clear:both;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.sp_none{
	display:none;
}

#style01{
	width:100%;
}

.header_area01{
	width:100%;
}

.header_area02{
	width:98%;
	margin:0 auto;
	padding:1% 0;
}

.header01{
	font-size:1em;
	font-weight:normal;
}

.header02{
	width:98%;
	margin:0 auto;
}

.header02 img{
	width:100%;
}

.header03{
	display:none;
}

.g_menu_arae01{
	width:100%;
}

.g_menu_arae02{
	width:100%;
	margin:0 auto;
}



.main_image{
	width:100%;
	text-align:center;
}

.main_image img{
	width:100%;
}

.content_area01{
	width:100%;
	background-color:#FFFFFF;
	margin:1em auto;
}

.pankuzu01{
	font-size:1em;
	margin:0 0 0.5em 0;
}

.content_main01{
	width:100%;
	margin:0 0 1em 0;
}

.content_side01{
	width:100%;
}

.side_kokoku01{
	width:98%;
	margin:0 auto;
}

.side_kokoku01 img{
	width:100%;
}

.side_banner01{
	width:98%;
	margin:0 auto;
}

.side_banner01 img{
	width:100%;
}

.side_banner02{
	display:none;
}


.top_content01{
	width:100%;
	margin:0 0 3em 0;
}

.top_content01 ul{
	margin:1em 0.5em 2em  2em;
	list-style-type:none;
}

.top_content01 li{
	margin:0 0 0.5em 0;
}

.top_content01 li:before{
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  margin-left:5px;
  margin-right: 3px;
  border-left-color: #333333;
}

.top_content01 p{
	text-align:center;
	margin:0 1em 0 0;
}

.bn_more01{
	width:80%;
	color:#FFFFFF;	
	margin:0 auto;
	text-align:center;
}

.bn_more01 a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:3% 0;	
	background-color:#59C859;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.bn_more01 a:hover{
	color:#FFFFFF;
	background: #aaaaaa;
	text-decoration:none;
	display:block;
	padding:3% 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.top_content02{
	width:100%;
	margin:0 0 3em 0;
}

.top_content02 ul{
	margin:1em 0.5em 2em  2em;
	list-style-type:none;
}

.top_content02 li{
	margin:0 0 0.5em 0;
}

.top_content02 li:before{
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  margin-left:5px;
  margin-right: 3px;
  border-left-color: #333333;
}

.top_content02 p{
	text-align:center;
	margin:0 1em 0 0;
}

.top_title01{
	padding:0.5em 1em;
	background-color: #59C859;
    color: #FFF;
}

.top_content03{
	width:100%;
	margin:0 0 1em 0;
}

.footer01{
	text-align:center;
	padding:1em 0;
}

.footer02{
	width:98%;
	margin:0 auto 0.5em auto;
}

.footer02 img{
	width:100%;
}

.top_title02{
	margin:0 0 1em 0;
	padding:0.5em 2%;
	width:96%;
	background-color: #59C859;
    color: #FFF;
}

#editor_area01{
	width:96%;
	margin:0 auto 2em auto;
}

#editor_area01 img{
	max-width:100%;
	height:auto!important;
}

#editor_area01 iframe {
	max-width:100%;
}


.group_select01{
	width:96%;
	margin:0 auto 0.5em auto;
}

.group_select01:after{
	content: "";
	display: block;
	clear: both;
}

.group_select02{
	width:auto;
	margin:0 5px 5px 0;
	float:left;
}

.group_select02 a{
	display:block;
	background-color:#000000;
	text-decoration:none;
	padding:5px 10px;
	color:#FFFFFF;
}

.news_list01{
	width:96%;
	margin:0 auto 1em auto;
}

.news_list01 li{
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border-bottom:1px #CCCCCC dotted;
	line-height:1.5;
	list-style-type:none;
}

.news_list01 li a{

}

.list_select01{
	padding:5px;
	float:right;
	margin:0 0.5em 1em 0;
}

.news_list_date01{
	width:96%;
	margin:0 auto 0.5em auto;
}
.news_list_group01{
	width:96%;
	margin:0 auto 0.5em auto;
	text-align:right;
}

.game01{
	width:96%;
	margin:0 auto 1em auto;
	border:2px #aaaaaa solid;
	background: #ffffff;
	color: #000000;
}

.game01 td{
	border:1px #CCCCCC solid;
	text-align:center;
	padding:10px 0;
}

.game01 td:nth-of-type(even){
	width: 10%;
}

.member_area01{
	width:98%;
	margin:0 auto 1em auto;
}

.menmber01{
	margin:0 0 0.5em 0;
}

.menmber01:after{
	content: "";
	display: block;
	clear: both;
}

.menmber02{
	width:100%;
}

.menmber03{
	width:100%;
}

.menmber04{
	font-size:1.5em;
	margin:0 0 0.5em 0;
	padding:0 0 2% 0;
	border-bottom:1px #CCCCCC dotted;
}

.menmber05{
	margin:0 0 0.5em 0;
	padding:0 0 2% 0;
	border-bottom:1px #333333 dotted;
}

.menmber05:after{
	content: "";
	display: block;
	clear: both;
}

.menmber06{
	width:40%;
	float:left;
}

.menmber06 img{
	width:100%;
}

.menmber07{
	width:55%;
	float:right;
}

.blogDate{
	margin:0.5em 0.5em 1em 0.5em;
}

.bCmt{
	display:none;
}

.blogReg{
	margin:5px 3px;
}


.blogCmt{
	width:690px;
	margin:0 0 20px 20px;
}

.blogCmt li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px #CCCCCC dotted;
	font-size:12px;
	list-style-type:none;
}

.blogCmt li a{

}

#loadingScreen {

}

#loadingScreen img{
	padding:30px 0 20px 155px;
}

.CtnTxt {
	padding:2px;
	margin:2px;
	font:1em;
	font-weight:bold;
	color:#FF0000;
	border: 1px solid #e2fdad;
}

.MaxImg450 {
	display:block;
	max-width:100%;
	height:auto;
	margin:2px auto;
	width: expression(this.width > 450 ? 450: true); 
}
.MaxImg450 img{
	width:100%;
}

.SchPreNext {
	width: 90%;
	margin: 5px 10px;
	text-align: center;
}

.stSchList {
	width:96%;
	margin:2px auto;
	padding:5px 0;
	background: #ffffff;
	font-size:12px;
}

.stSchList img{
	border:none;
	vertical-align:middle;
}

.stSchList table{
	width:100%;
	border:0;
	border-spacing:0px;
	border-collapse:collapse;
	padding:0;
}

.stSchList th{
	text-align:center;
	border: 1px solid #d0dbc8;
	width:50px;
	font-size:12px;
	padding:2px 0;
}

.stSchList td{
	border: 1px solid #d0dbc8;
	text-align:left;
	font-size:12px;
}

.stSchList td div{
	margin: 2px 1px;
}

.pageUI {
	width: 90%;
	margin: 5px 10px;
	text-align: center;
}
.pageUI:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.pageUI_li {
	float:left;
	list-style: none;
}
.pageUI_li_a {
	border:1px solid #a9a9a9;
	margin: 0 3px;
	padding: 6px 2px 2px 2px;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 14px;
	text-decoration: none;
}
.pageUI_li_a_active {
	border:1px solid #a9a9a9;
	margin: 0 3px;
	padding: 6px 2px 2px 2px;
	display: block;
	width: 20px;
	height: 22px;
	font-size: 14px;
	text-decoration: none;
	background: #ffc06f;
}
.pageUI_li_blank {
	margin: 0;
	padding: 8px 5px;
	display: block;
	width: 18px;
	height: 20px;
	font-size: 14px;
}
.pageUI_li_a:hover{
	background: #ffc06f;
}
.pageUI_li_pre {
	display: block;
	width: 30px;
	margin: 0 5px 0 0;
	padding: 8px 0 0 5px;
	/*background: url(img/blt15.png) no-repeat 0 13px;*/
	text-align: right;
}

.pageUI_li_next {
	display: block;
	width: 30px;
	margin: 0 0 0 5px;
	padding: 8px 0 0 5px;
	/*background: url(img/blt05.png) no-repeat 0 13px;*/
	text-align: left;
}

.clrspan {
	border:1px #000000 solid;
}

.btnClass {
	vertical-align:middle;
}

.SrchBox {
	margin:2px 0;
	border: 1px solid #d0dbc8;
}

.SrchBox p {
	text-align:left;
	font-size:1em;
	line-height:30px;
	padding:1px 1px 1px 5px;
	margin:0;
}

.frmTitle{
	margin:0 0 1em 0;
	padding:0.5em 2%;
	width:96%;
	background-color:#EFEFEF;
}

.frmSubTxt{
	margin:0 0 15px 0;
}

.frm{
	width:96%;
	margin:0 auto 1em auto;
	border:1px #CCCCCC solid;
}

.frm th{
	padding:2%;
	width:96%;
	line-height:2em;
	text-align:left;
	font-weight:normal;
	background-color:#FFFFCC;
	display:block;
}

.frm td{
	width:96%;
	padding:2%;
	line-height:2em;
	display:block;
}

.frmBtnClass{
	width:250px;
	height:50px;
	margin:0 auto 10px auto;
}

.tblList {

}

.tblList table {
	width:96%;
	margin:0 auto 1em auto;
}

.tblList th {
	padding:5px;
	border:1px #CCCCCC solid;
	line-height:2em;
	font-weight:normal;
	background-color:#FFFFCC;
}

.tblList td {
	padding:5px;
	line-height:2em;
	border:1px #CCCCCC solid;
}

.tblGame {
	width:710px;
	margin:5px 0;
	padding:0;
}

.tblGame table {
	margin:0;
	padding:0;
}

.tblGame td {
	text-align: center;
	padding:0;
	line-height:2em;
	border:1px #CCCCCC solid;
}

.fltC {
	text-align: center;
}
.fltR {
	text-align: right;
}
.fltL {
	text-align: left;
}

.input1 {
	color: #4d4d4d; 
	border: #6fd3c8 1px solid; 
	font-size:1.1em;
	font-family: 'メイリオ', 'ヒラギノ丸ゴ Pro W4', HiraMaruPro-W4, 'ＭＳ Ｐゴシック','ＭＳ ゴシック', 'HGSゴシックE','MS P Gothic',sans-serif;
	background-color: #F5F4F0;
	margin:3% 0;
	padding:2%;
}

.select1 {
	font-size:1.1em;
	color: #555555; 
	font-family: 'メイリオ', 'ヒラギノ丸ゴ Pro W4', HiraMaruPro-W4, 'ＭＳ Ｐゴシック','ＭＳ ゴシック', 'HGSゴシックE','MS P Gothic',sans-serif;
	padding:2%;
}

.textarea1 {
	border:1px #BABABA solid; 
	background-color: #F5F4F0;
	background-position:2px 3px; 
	background-repeat:no-repeat; 
	font-size:1.1em;
	font-family: 'メイリオ', 'ヒラギノ丸ゴ Pro W4', HiraMaruPro-W4, 'ＭＳ Ｐゴシック','ＭＳ ゴシック', 'HGSゴシックE','MS P Gothic',sans-serif;
	padding:2%;
}

.photo01{
	width:98%;
	margin:0 auto;
}

.photo01 img{
	width:100%;
	margin:0 0 3px 0;
}

.hpt50 {
	height:50px;
}

.hpt100 {
	height:100px;
}

.hpt200 {
	height:200px;
}

.hpt300 {
	height:300px;
}

.wpt1 { width:1%; }
.wpt2 { width:2%; }
.wpt3 { width:3%; }
.wpt4 { width:4%; }
.wpt5 { width:5%; }
.wpt6 { width:6%; }
.wpt7 { width:7%; }
.wpt8 { width:8%; }
.wpt9 { width:9%; }
.wpt10 { width:10%; }
.wpt11 { width:11%; }
.wpt12 { width:12%; }
.wpt13 { width:13%; }
.wpt14 { width:14%; }
.wpt15 { width:15%; }
.wpt16 { width:16%; }
.wpt17 { width:17%; }
.wpt18 { width:18%; }
.wpt19 { width:19%; }
.wpt20 { width:20%; }
.wpt21 { width:21%; }
.wpt22 { width:22%; }
.wpt23 { width:23%; }
.wpt24 { width:24%; }
.wpt25 { width:25%; }
.wpt26 { width:26%; }
.wpt27 { width:27%; }
.wpt28 { width:28%; }
.wpt29 { width:29%; }
.wpt30 { width:30%; }
.wpt31 { width:31%; }
.wpt32 { width:32%; }
.wpt33 { width:33%; }
.wpt34 { width:34%; }
.wpt35 { width:35%; }
.wpt36 { width:36%; }
.wpt37 { width:37%; }
.wpt38 { width:38%; }
.wpt39 { width:39%; }
.wpt40 { width:40%; }
.wpt41 { width:41%; }
.wpt42 { width:42%; }
.wpt43 { width:43%; }
.wpt44 { width:44%; }
.wpt45 { width:45%; }
.wpt46 { width:46%; }
.wpt47 { width:47%; }
.wpt48 { width:48%; }
.wpt49 { width:49%; }
.wpt50 { width:50%; }
.wpt51 { width:51%; }
.wpt52 { width:52%; }
.wpt53 { width:53%; }
.wpt54 { width:54%; }
.wpt55 { width:55%; }
.wpt56 { width:56%; }
.wpt57 { width:57%; }
.wpt58 { width:58%; }
.wpt59 { width:59%; }
.wpt60 { width:60%; }
.wpt61 { width:61%; }
.wpt62 { width:62%; }
.wpt63 { width:63%; }
.wpt64 { width:64%; }
.wpt65 { width:65%; }
.wpt66 { width:66%; }
.wpt67 { width:67%; }
.wpt68 { width:68%; }
.wpt69 { width:69%; }
.wpt70 { width:70%; }
.wpt71 { width:71%; }
.wpt72 { width:72%; }
.wpt73 { width:73%; }
.wpt74 { width:74%; }
.wpt75 { width:75%; }
.wpt76 { width:76%; }
.wpt77 { width:77%; }
.wpt78 { width:78%; }
.wpt79 { width:79%; }
.wpt80 { width:80%; }
.wpt81 { width:81%; }
.wpt82 { width:82%; }
.wpt83 { width:83%; }
.wpt84 { width:84%; }
.wpt85 { width:85%; }
.wpt86 { width:86%; }
.wpt87 { width:87%; }
.wpt88 { width:88%; }
.wpt89 { width:89%; }
.wpt90 { width:90%; }
.wpt91 { width:91%; }
.wpt92 { width:92%; }
.wpt93 { width:93%; }
.wpt94 { width:94%; }
.wpt95 { width:95%; }
.wpt96 { width:96%; }
.wpt97 { width:97%; }
.wpt98 { width:98%; }
.wpt99 { width:99%; }
.wpt100 { width:100%; }




.text01{
	width: 100% !important;
}

.naver{
	border-left:1px #666666 solid;
}

/* .top_title02の横の.btnClassの位置調整 */
.top_title02 .btnClass{
	vertical-align: -3px;
}


/* 各.phpのグループ部分の装飾 */
.group{
	display: inline-block;
	padding: 2px 4px 1px;
	border: 1px #aaaaaa solid;
	border-radius: 2px;
	line-height: 1.2;
	background: #efefef;
}


/* news.phpの資料の位置調整 */
.document{
	margin: 0 0 20px 0;
}


/* member.phpの役職の装飾 */
.coach{
	display: inline-block;
	padding: 4px 5px 2px;
	border: 1px #333333 solid;
	border-radius: 2px;
	margin: 3px 0;
	font-size: 14px;
	line-height: 1.2;
	background: #dddddd;
}


/* 各reg.phpや各mod.phpのファイル参照ボタンの位置調整 */
td a{
	display:inline-block;
	line-height: 1.5;
}


/* schedule.php部分 */
.scategory{
	display: inline-block;
	padding: 1px 2px 0;
	border: 1px #333333 solid;
	font-weight: bold;
}

.stitle{
	display: inline;
	font-weight: bold;
}

.stSchList .schbox{
	padding-bottom: 4px;
	border-bottom: 1px #dddddd dashed;
	margin: 4px 4px 8px;
}

.stSchList .schbox:last-child{
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 4px;
}

/* 各ページのinput type="radio"の位置調整 */
input[type="radio"]{
     vertical-align:-2px;
}


/* 各ページのinput type="checkbox"の位置調整 */
input[type="checkbox"]{
     vertical-align:-2px;
}


/* _side.php 装飾他 */
menu{
	margin: 10px 0;
}

menu li{
	list-style-type: none;
}

menu li a{
	display:block;
	padding-left: 4px;
	border: 2px #333333 solid;
	margin-bottom: 2px;
	color: #333333;
	font-size: 16px;
	text-decoration: none;
}

menu li a:hover{
	color: #ffffff;
	background: #666666;
}

menu li a:active{
	border: 2px #222222 solid;
	background: #222222;
}


/* game.php 得点部分 */
.tnamewidth{
	width: 30%;
	background: #efefef;
	font-weight: bold;
}

.scorewidth{
	min-width: 89px;
}

/*　game_reg.php game_mod.php 得点部分　*/
.point_box{
	display: inline-block;
	width: 110px;
}


/*　ad_member_reg.php 　ad_member_mod.php 注意書き　*/
.noc{
	color: #ff0000;
	font-size: 10px;
	line-height: 10px;
}


/*　_footer.php ログイン部分　*/
.login{
	width:100%;
	margin: 10px auto;
	text-align: right;

}

.login a{
	display: inline-block;
	padding:4px 8px;
	border: 2px #666666 solid;
	margin-right: 10px;
	color: #555555;
	font-size: 18px;
	text-decoration: none;
}

.login a:hover{
	color: #ffffff;
	background: #666666;
}

.login a:active{
	border: 2px #222222 solid;
	background: #222222;
}
.side_kokoku03{
	width:80%;
	margin:0 auto;
}
.side_kokoku03 img{
	width:100%;
}




.caution{
	display: inline-block;
	margin-left: 3px;
	color: #ff0000;
}
.tsuika01{
	clear:both;
}
.tsuika02{
	width:100%;
	font-size:18px;
}
.tsuika02 p{
	margin:0 0 15px 0;
}
.tsuika03{
	width:50%;
	margin:0 auto;
}
.tsuika03 img{
	width:100%;
}

.top_page01{
	margin:25px 0;
	font-size:16px;
	text-align:center;
}
.top_page02{
	margin:0 0 40px 0;
}
.top_page04{
	width:80%;
	margin:0 auto 0.5em auto;
}
.top_page04 img{
	width:100%;
}
.top_page04right{
	width:92%;
	margin:0 auto 0.5em auto;
	text-align:left;
}
.top_page05{
	color:#59C859;
	margin:0 0 15px 0;
}
.top_page06 p{
	margin:0 0 15px 0;
	text-align:left;
}


}