@charset "utf-8";

body{
  margin:0;
  padding:0;
  width:100%;
  text-align:center;  
  font-size:93%;
  line-height:170%;
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  color:#333;
	-webkit-text-size-adjust: 100%;
}
body a:link{
  color:#333333;
  text-decoration:underline;
  }
body a:visited{
  color:#333333;
  text-decoration:underline;
  }
body a:hover{
	color:#ff6600;
  text-decoration:none;
  }
body a:active{
	color:#ff6600;
  text-decoration:none;
  }

body a img{
  border:0px;
  }
body a:link img{
  border-bottom-style:none;
  }
body a:visited img{
  border-bottom-style:none;
  }

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

h1,h2,h3,h4,h5,h6,p,div,img,dl,dt,dd,ol,ul,li,form,header,nav,section,footer{
	margin:0;
	padding:0;
}
table,tr,th,td{
	margin:0;
	padding:0;
	border-collapse:collapse;
  	vertical-align:top;
  }
img{
	max-width:100%;
	height:auto;
	border:0;
	vertical-align:bottom;
}
.inner{
  margin:0 auto 0 auto;
  width: 980px;
}
.back_white{
	background-color:#fff;
}
.back_blue{
	background-color:#f1f5ff;
	padding-left:10px;
}

.align_left{
	text-align:left;
}
.align_right{
	text-align:right;
}
.align_center{
	text-align:center;
}

.float_left{
	float:left;
}
.float_right{
	float:right;
}

.clear_both{
	clear:both;
}


.active{
	color:#ff6600;
}

.font_small{
	font-size:90%;
}

.font_large{
	font-size:110%;
}
.font_large2{
	font-size:130%;
}
.font_huge{
	font-size:150%;
}

.font_bold{
	font-weight:bold;
}

.for_pc {
	display:block;
}
.for_pc_only {
	display:block;
}

.for_sm {
	display:none;
}
.for_sm_tb {
	display:none;
}
.for_pc_td {
	display:table-cell;
}

/* タブレットはnivo sliderを表示 */
@media screen and (max-width: 800px) {
	.for_pc_only {
		display:none;
	}

	.for_sm_tb {
		display:block;
	}
}

.no_display {
	display:none;
}
.space01 {
	letter-spacing:8px;
}
.margin0 {
	margin:0 0 20px 0;
}

.margin10 {
	margin:0 10px 20px 10px;
}

.border_top {
	border-top:1px solid #bbb;
}

/* -------------------------------------------------------------------------------------------- */
/* container                                                                                    */
/* -------------------------------------------------------------------------------------------- */
#container{
  width:100%;
  min-width:980px;
  position:relative;
  text-align:left;
  border-top:4px solid #0071c5;
  }
  
/* -------------------------------------------------------------------------------------------- */
/* header                                                                                       */
/* -------------------------------------------------------------------------------------------- */
header {
}
header h1{
	margin:5px 0px 10px 10px;
	font-size:85%;
	font-weight:normal;
	line-height:100%;
}

#header_logo {
	margin:0 0 10px 10px;
	line-height:100%;
}


/* -------------------------------------------------------------------------------------------- */
/* navigation　                                                                                 */
/* -------------------------------------------------------------------------------------------- */

nav {
  background-image: url(../image/global_navi_back.gif);
  background-repeat: repeat-x;
  }

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
table.ddmenu {
/*    margin: 0px;               メニューバー外側の余白(ゼロ) */
/*    padding: 0px 0px 0px 15px; メニューバー内側の余白(左に15px) */
/*   background-color: #cc0000;  バーの背景色(濃い赤色) */
	margin:0 auto 0 auto;
	width: 980px;
/*	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
table.ddmenu td {
/* 	width: 162px;           /* メニュー項目の横幅(125px) */
	position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
table.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
table.ddmenu ul {
	display: none;       /* ★1:標準では非表示にする */
	margin: 0px 0px 0px 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
	padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
	position: absolute;  /* ★4:絶対配置にする */
	z-index:200;		/* スライダーの上に表示されるように */
	list-style-type:none;
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
table.ddmenu td:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
table.ddmenu ul li {   /* ※A */
   width: 200px;               /* サブメニュー1項目の横幅(200px) */
   border-bottom: 1px solid #bbb; /* 項目下側の枠線(薄いグレーで1pxの実線) */
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}
table.ddmenu ul li a {   /* ※B */
	
   background-color: #fff; /* メニュー項目の背景色(白色) */
   color: #333;              /* メニュー項目の文字色(濃いグレー色) */

   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   display: block;            /* ★4:項目内全域をリンク可能にする */
	
   line-height: 45px;   /* サブメニュー1項目の高さ(45px) */
   text-align: center;    /* 文字列の配置(中央寄せ) */
   padding-left: 0px;   /* 文字列前方の余白(0px) */
   font-weight: normal; /* 太字にはしない */
   letter-spacing: normal; /* 文字間を通常に戻す */
}
table.ddmenu ul li a:hover {   /* ※C */
	
   background-color: #ffffff; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #f60;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}
/* -------------------------------------------------------------------------------------------- */
/* slicknav　（スマホ用）                                                                         */
/* -------------------------------------------------------------------------------------------- */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 500px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/* -------------------------------------------------------------------------------------------- */
/* contents area                                                                                */
/* -------------------------------------------------------------------------------------------- */
#contents{
	clear:both;
  	width:100%;
	min-width:980px;
  }

/* ------------------------------- */
/* topic path                      */
/* ------------------------------- */

#topic_path { 
    width:100%; 
    background-color: #E3F3FF; 
	border-bottom:1px solid #eee;
	color:#555;
} 

#topic_path p{ 
	margin:0 auto 0 auto;
	padding:8px 10px;
    width:960px; 
	font-size:90%;
	line-height:100%;
	text-align:right;
} 

/* ------------------------------- */
/* go to pagetop                   */
/* ------------------------------- */

#page-top { 
    position: fixed; 
    bottom: 150px; 
    right: 30px; 
    font-size: 77%; 
    z-index:9999999999;
} 

#page-top a { 
    width: 60px; 
    text-align: center; 
    display: block; 
} 

#page-top a:hover { 
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
} 

/* -------------------------------------------------------------------------------------------- */
/* footer                                                                                       */
/* -------------------------------------------------------------------------------------------- */
footer{
  padding-bottom:25px;
  width:100%;
  min-width:980px;
  color:#fff;
  background-color:#0071c5;
  border:1px solid #0071c5;
  text-align: left;
  }
footer p{
  margin:0;
  line-height:150%;
  padding:10px 10px 0 10px;
  }

footer:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
  }


/* -------------------------------------------------------------------------------------------- */
/* top page                                                                                     */
/* -------------------------------------------------------------------------------------------- */

/* ------------------------------- */
/* slider wrapper                  */
/* ------------------------------- */
.top_slider #wrapper{
	width:100%;
	min-width:980px;
}
@media print{
.top_slider{
	display:none;
	}
}
/* ------------------------------- */
/* top section 01                  */
/* ------------------------------- */
#top_sec01{
  padding-top:10px;
  }

#top_sec01:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
  }

#top_info{
	margin-right:10px;
	width:460px;
	float:right;
	}
#top_info h2{
	line-height:100%;
	width:460px;
	height:30px;
	}

#top_info_contents{
	margin:0 0 10px 0;
	padding:10px;
	width:436px;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
}
#top_info dl{
	width:436px;
	}

#top_info dt{
	padding-top:10px;
	border-top:1px dotted #888;
}
#top_info dd{
	margin:0;
	padding:5px 0 8px 16px;
	background-image: url(../image/top_info_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	line-height:150%;
	}

#top_info .new{
	color:red;
	font-weight:bold;
	font-size:110%;
}


#top_intro{
	margin-left:10px;
	width:460px;
	float:left;
	}

#top_intro h2{
	margin:0 0 10px 0;
	padding:0 0px 2px 10px;
	border-bottom:2px solid #ccc;
	border-left:8px solid #0071c5;
	font-size:140%;
	font-weight:bold;
	}

#top_intro h2 span{
	font-size:70%;
	font-weight:normal;
	}

#top_intro p{
	margin:0 0 20px 0;
	line-height:160%;
	}


/* ------------------------------- */
/* top section 02     top link     */
/* ------------------------------- */

#top_link{
  margin:0 10px 30px 10px;
  }

#top_link:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
  }

#top_link div{
	padding:0 15px 0 15px;
	width:216px;
	height:190px;
	overflow:visible;
	border-right:2px solid #ddd;
	float:left;
	}

#top_link h3{
	margin:0 0 10px 0;
	border-bottom:2px solid #ddd;
	}



/* -------------------------------------------------------------------------------------------- */
/* sub page                                                                                     */
/* -------------------------------------------------------------------------------------------- */

#sub_h2{
	margin:30px;
	width:920px;
	border-bottom:1px solid #bbb;
}

#sub_h2 table{
	margin:0 10px 10px 10px;
	width:900px;
}
#sub_h2 th{
	padding:2px 0px 0px 10px;
	width:480px;
	min-height:50px;
	text-align:left;
	vertical-align: middle;
	border-left:10px solid #0071C5;
}
#sub_h2 th h2{
	font-size:200%;
	font-weight:bold;
	line-height:130%;
	color: #0071C5;
}

#sub_h2 td{
	padding-top:0px;
	width:400px;
	height:60px;
	vertical-align: middle;
}

#sub_h2 td p{
	line-height:140%;
}

.sub_sec01 {
	margin:30px;
    width:920px;
} 
.sub_sec01:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
  }

.side_space{
	margin:0 auto;
	width:820px;
}

.image_area {
	margin:0 0 20px 20px;
	padding:10px;
	background-color:#f4f8ff;
}
.image_area p{
	padding:5px 0 0 0;
	font-size:95%;
	line-height:1.4;
	text-align:right;
}

.width40{
	width:40%
}
.width45{
	width:45%
}
.width50{
	width:50%
}
.width55{
	width:55%
}
.width60{
	width:60%
}
.width64{
	width:64%
}
.width65{
	width:65%
}
.width66{
	width:66%
}
.width70{
	width:70%
}
.width75{
	width:75%
}

.table_style1{
	line-height:2;
}
.table_style1 th{
	padding-right:5px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
.table_style1 td{
	padding-top:6px;
	padding-right:5px;
	padding-bottom:7px;
	line-height:1.5;
}

.table_style2 th{
	padding-right:1em;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}

.table_style3{
	margin:0 0 30px 0;
}
.table_style3 th{
	padding:3px 2em 1px 2em;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	background-color: #f6f6f0;
	border:1px solid #bbb;
}
.table_style3 td{
	padding:8px 3em 5px 3em;
	border:1px solid #bbb;
}

.table_style4{
	margin:0 0 20px 0;
	border:1px solid #bbb;
}
.table_style4 th{
	padding:3px 0 1px 0;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	background-color: #f6f6f0;
	border-bottom:1px solid #bbb;
}
.table_style4 td{
	padding:5px 2em 3px 2em;
	border-bottom:1px solid #bbb;
	white-space:nowrap;
}

.table_style5{
	margin:0 0 50px 0;
	border:1px solid #bbb;
}
.table_style5 th{
	padding:20px 10em 17px 4em;
	font-weight:bold;
	font-size:120%;
	letter-spacing:1px;
	text-align:left;
	white-space:nowrap;
	background-image: url(../image/link_back_l.gif);
	background-repeat: no-repeat;
	background-position: 2.8em 26px;
	border-bottom:1px solid #bbb;
}
.table_style5 td{
	padding:20px 0.7em 17px 0;
	border-bottom:1px solid #bbb;
}

#contents .padding_right50{
	padding-right:4em;
}


#footer_link{
	clear:both;
	margin-bottom:50px;
}

#footer_link ul{
	margin:5px 0 50px 5px;
	list-style:none;
}
#footer_link li{
	padding:0 0 0 15px;
	background-image: url(../image/link_back_ss.gif);
	background-repeat: no-repeat;
	background-position: 1px 9px;
	line-height:2;
	}

.page_link {
	padding:0 0 0 15px;
	background-image: url(../image/link_back_ss.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
	}

/* ------------------------------- */
/* EWA CHOR                        */
/* ------------------------------- */

.score_table{
	margin:0 auto 20px auto;
	border:1px solid #bbb;
	line-height:1.5;
	width:780px;
}

.score_table td{
	padding-left:10px;
	vertical-align:top;
}

.score_number {
	background-color:#f6f6f0;
	border-bottom:1px solid #bbb;
}
.score_member {
	padding-right:2em;
	text-align:right;
	background-color:#f6f6f0;
	border-bottom:1px solid #bbb;
	font-size:95%;
}
.score_member span{
	font-size:85%;
}
.score_head1 {
	font-size:80%;
	width:12%;
	white-space:nowrap;
	padding-top:2px;
}

.score_head2 {
	font-size:80%;
	width:10%;
	white-space:nowrap;
	padding-top:2px;
}

.score_name1 {
	width:30%;
}

.score_name2 {
	width:auto;
}

.score_colon {
	width:5%;
}

/* ------------------------------- */
/* OB・OG                          */
/* ------------------------------- */

#contents .regulation h3{
	margin:0 0 10px 0;
	padding:2px 10px;
	background-color:#0071C5;
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
#contents .regulation h4{
	font-size:100%;
	font-weight:normal;
}
#contents .regulation ol{
	margin:0 0 20px 30px;
}

/* ------------------------------- */
/* event                           */
/* ------------------------------- */

.event_outline {
	margin:0 0 20px 0;
	width:920px;
}

.front_image {
	padding:0 0 0 10px;
	width:100px;
}
.front_image img{
	width:100px;
}
.front_image_wide {
	padding:0 0 0 10px;
	width:150px;
}
.front_image_wide img{
	width:150px;
}
.event_outline h3{
	margin:15px 0 0 20px;
	font-size:180%;
	font-weight:bold;
	line-height:100%;
}

.event_outline h4{
	margin:5px 0 10px 0;
	padding:10px 0 0 20px;
	border-top:1px solid #bbb;
	font-size:120%;
	font-weight:bold;
}
.event_outline p{
	margin:0 0 0 20px;
}

.event_outline .for_pc{
	margin:-1em 10px 0 300px;
	text-align:right;
	line-height:100%;
}

.event_outline .note1{
	margin:20px 10px 0 20px;
	text-align:right;
}
.event_outline .note2{
	margin:20px 10px 0 20px;
	text-align:right;
}

#event_photo {
	padding:0 18px;
	width:320px;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	float:right;
}

#event_photo img{
	margin-bottom:20px;
/*
	pointer-events: none;
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
*/
}

#event_program {
	margin:0 0 0 10px;
	width:540px;
	float:left;
}
#event_program h5{
	margin:0 0 10px 2em;
	text-indent:-2em;
	font-size:125%;
	font-weight:bold;
}

#event_program h5 span{
	font-size:85%;
}

#event_program .sub_title{
	padding-right:12em;
	text-align:right;
}

#event_program ul{
	margin:0 0 10px 40px;
	list-style-type:none;
}

#event_program dl{
	margin:0 0 30px 40px;
}
#event_program dd{
	margin:-1.7em 0 0 5.5em;
}
#event_program table{
	margin:0 0 10px 40px;
}
#event_program td{
	padding:0 2em 0 0;
}
#event_program .p_indent{
	margin:0 0 0 80px;
	text-indent:-40px;
}
#event_program .p_indent2{
	margin:0 0 0 120px;
	text-indent:-80px;
}
#event_program .p_indent3{
	margin:0 0 0 100px;
	text-indent:-40px;
}

#event_program .col2{
	margin:-1.7em 0 0 3.5em;
}
#event_program .col3{
	margin:-1.7em 0 0 4.5em;
}
#event_program .col5{
	margin:-1.7em 0 0 6.5em;
}

#back_number {
	padding-top:30px;
}
#back_number table {
	border-top:1px solid #bbb;
}

#back_number td {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #bbb;
}

#back_number h3 {
	padding-left:18px;
	background-image: url(../image/link_back_l.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#back_number a:link{
  text-decoration:none;
  }
#back_number a:visited{
  text-decoration:none;
  }

#event_menu {
	margin:10px 30px 10px 40px;
	padding:0;
	list-style-type:none;
}

#event_menu li{
	padding:0 2em 10px 13px;
	background-image:url(../image/link_menu_back.gif);
	background-position: 0px 9px;
	background-repeat: no-repeat;
	display:inline-block;
}


/* ------------------------------- */
/* member                          */
/* ------------------------------- */

#member_invitation{
	margin:20px 0 30px 0;
	padding:30px;
	border:1px solid #bbb;
	max-width:25em;
}

#member_invitation p{
	margin:0;
	padding:0 0 0 16px;
	background-image: url(../image/link_back_s.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	line-height:150%;
}

/* ------------------------------- */
/* information backnumber          */
/* ------------------------------- */
#info{
	}
#info_contents{
	margin:0 0 50px 0;
	padding:10px;
	border:1px solid #bbb;
}
#info dl{
	}

#info dt{
	padding-top:10px;
	border-top:1px dotted #888;
}
#info dd{
	margin:0;
	padding:5px 0 8px 16px;
	background-image: url(../image/top_info_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	line-height:150%;
	}

#info .new{
	color:red;
	font-weight:bold;
	font-size:110%;
}





/* ------------------------------- */
/* link                            */
/* ------------------------------- */

#special_link{
	margin:0 10px 30px 10px;
	padding:12px 20px 6px 20px;
	background-color: #eef7ff;
	border:3px solid #def;
}
#special_link dt{
	padding-left:18px;
	background-image: url(../image/link_back_l.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-size:120%;
	font-weight:bold;
	width:22em;
  }
#special_link dd{
	margin:-1.7em 0 10px 24em;
  }

#link_order {
	margin:0 0 20px 0;
	padding-top:5px;
	border-top:1px solid #bbb;
}

#normal_link{
	margin:0 10px 50px 10px;
	border:1px solid #bbb;
	width:900px;
}

#normal_link th{
	padding:15px 10px 12px 10px;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color: #f6f6f0;
	vertical-align: top;
	white-space:nowrap;
}

#normal_link td{
	padding:20px 10px 17px 30px;
	text-align:left;
	font-weight:normal;
	vertical-align: top;
	border-bottom:1px solid #bbb;
}

#normal_link p{
	padding-left:18px;
	background-image: url(../image/link_back_l.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-size:120%;
	font-weight:bold;
}

#normal_link dt{
	padding-left:18px;
	background-image: url(../image/link_back_l.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-size:120%;
	font-weight:bold;
	width:30em;
}

#normal_link dd{
	margin:-1.7em 0 5px 32em;
}

#normal_link .no_back {
	background-image: none;
}

#link_menu {
	margin:-10px 10px 20px 10px;
	padding:0;
	list-style-type:none;
}

#link_menu li{
	padding:0 2em 10px 12px;
	background-image:url(../image/link_menu_back.gif);
	background-position: 0px 9px;
	background-repeat: no-repeat;
	display:inline-block;
}





