@import url(link.css);
@import url(calendar.css);
@import url(course.css);
@import url(common.css);
@import url(kyogi.css);

body {
	font-family:  "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, arial,helvetica,clean,sans-serif;
	font-size:80%;
	padding: 0;
	line-height:150%;
	text-align: center;
	background:#ffffff;
	color: #000000;
	margin:0px auto;
}

em { visibility: hidden; }
.text10 {font-size:10px; line-height:130%;}
.text10_wh {font-size:10px; color:#FFFFFF;}
.text14 {font-size:14px;}
.text16 {font-size:16px;}
.text_green { color:#339900;}
.text_red { color:#ff0000;}
.text_blue { color:#076D97;}
.text_dr { color:#7A251E;}

.img_margin_5bttm {margin-bottom:5px;}
.img_margin_5top {margin-top:5px;}
.img_margin_5right {margin-right:5px;}
.img_margin_10left {margin-left:10px;}
.img_margin_5 {margin:5px 0px;}

.img_margin_8bttm {margin-bottom:8px;}

/*全体
-------------------------------------------*/	
#container_top{	
	height:100%;
	width: 100%;
	margin:0px auto;
	padding:0px;
	background:url(../images/common/bg_top.gif) repeat-x;
	text-align:center;
	}
	
#container_top02{	
	height:100%;
	width: 100%;
	margin:0px auto;
	padding:0px;
	background:url(../images/common/bg_top.gif) repeat-x;
	text-align:center;
	}
	
	
#container_u{	
	height:100%;
	width: 100%;
	margin:0px auto;
	padding:0px;
	background:url(../images/common/bg_top.gif) repeat-x;
	text-align:center;
	}


/*ヘッダー
-------------------------------------------*/
#header {
	height:92px;
	width:100%;
	margin:0px;}
	
#header_box { width:900px; 
margin:0 auto;
padding:0px;
height:92px;}

#logo { float:left; 
	height:82px; 
	width:384px;
	margin:10px 0px 0px 0px;
	background:url(../images/common/logo.gif) no-repeat;}
	
/* header_navi */
#head_navibox {width:395px; height:29px; margin:29px 0px 0px 0px; float:right; padding:0px;}
#head_navibox02 {width:395px; height:29px; margin:9px 0px 0px 0px; float:right; padding:0px; text-align:right;}
ul#head_navi      { width: 340px; height:29px; position: relative; overflow: hidden; list-style: none; margin:0px; float:right; }
ul#head_navi li a { width: 119px;  height:29px; position: absolute; overflow: hidden; padding: 0; top: 0px; text-indent: -5000px; }
html>body ul#head_navi li a { height:29px; }


ul#head_navi02      { width: 455px; height:29px; position: relative; overflow: hidden; list-style: none; margin:0px; float:right; }
ul#head_navi02 li a { width: 119px;  height:29px; position: absolute; overflow: hidden; padding: 0; top: 0px; text-indent: -5000px; }
html>body ul#head_navi02 li a { height:29px; }


/*　*/
li#h_navi01 a  { background: transparent url(../images/common/h_navi01.gif) no-repeat; margin-top: 0px;left: 0px; display: block;}
li#h_navi02 a  { background: transparent url(../images/common/h_navi02.gif) no-repeat; margin-top: 0px; left: 108px; display: block;}
li#h_navi03 a  { background: transparent url(../images/common/h_navi03.gif) no-repeat; margin-top: 0px; left: 221px; display: block;}

li#h_navi01 a:hover,li#h_navi02 a:hover{ filter: alpha(opacity=100); -moz-opacity:1;  opacity:1;}

ul#head_navi02 li#h_navi01 a  { background: transparent url(../images/common/h_navi01.gif) no-repeat; margin-top: 0px;left: 0px; display: block;}
ul#head_navi02 li#h_navi02 a  { background: transparent url(../images/common/h_navi04.gif) no-repeat; margin-top: 0px;left: 108px; display: block;}
ul#head_navi02 li#h_navi03 a  { background: transparent url(../images/common/h_navi02.gif) no-repeat; margin-top: 0px; left: 221px; display: block;}
ul#head_navi02 li#h_navi04 a  { background: transparent url(../images/common/h_navi03.gif) no-repeat; margin-top: 0px; left: 334px; display: block;}

.eng_btn { margin:0px 6px 0px 0px; }


/*フラッシュ
-------------------------------------------*/

#flash { width:900px;
background:#FFFFFF;
padding:0px 0 0px 0;
margin:10px auto;}

#flash_u { width:100%;
padding:0px;
height:200px;
margin:0px auto;
background:#000000;}

#top_photo { width:910px;
height:411px;
background:url(../images/top/flash_bg.gif) no-repeat center;
padding:0px;
margin:0px auto;}


/*ナビゲーション
-------------------------------------------*/
#navigation { width:100%; margin:0 auto; background:url(../images/common/navi_bg.jpg) repeat-x;}
#navibox { width:901px; height:50px; padding:0px; margin:0 auto;}
ul#navi { height:50px; position: relative; overflow: hidden; list-style: none; padding: 0; top: 0px; }
ul#navi li a { width: 104px;  height:50px; position: absolute; overflow: hidden; top: 0px; text-indent: -5000px; padding: 0;}
html>body ul#navi li a { height:50px;}

li#navi01 a  { background: transparent url(../images/common/navi01.jpg) no-repeat; left: 0px; display: block;}
li#navi02 a  { background: transparent url(../images/common/navi02.jpg) no-repeat; left: 96px; display: block;}
li#navi03 a  { background: transparent url(../images/common/navi03.jpg) no-repeat; left: 197px; display: block;}
li#navi04 a  { background: transparent url(../images/common/navi04.jpg) no-repeat; left: 301px; display: block;}
li#navi05 a  { background: transparent url(../images/common/navi05.jpg) no-repeat; left: 395px; display: block;}
li#navi06 a  { background: transparent url(../images/common/navi06.jpg) no-repeat; left: 494px; display: block;}
li#navi07 a  { background: transparent url(../images/common/navi07.jpg) no-repeat; left: 595px; display: block;}
li#navi08 a  { background: transparent url(../images/common/navi08.jpg) no-repeat; left: 696px; display: block;}
li#navi09 a  { background: transparent url(../images/common/navi09.jpg) no-repeat; left: 796px; display: block;}

li#navi01 a:hover,li#navi02 a:hover,li#navi03 a:hover,li#navi04 a:hover,li#navi05 a:hover,li#navi06 a:hover,li#navi07 a:hover,li#navi08 a:hover,li#navi09 a:hover   {
filter: alpha(opacity=50); -moz-opacity:0.50;  opacity:0.50;}

#main { width:910px; margin: 0 auto; padding:0px; overflow:hidden; clear:both; background-color: transparent;}


#page { padding:0px 0px; width:900px; margin: 0 auto;}
#page_left { float:left; margin-left:0px; width:650px;}
#page_right { float:right;}

#box {padding:0px 0px 0px 0px; clear:both; width:650px; background: url(../images/common/content_bg.gif) repeat-y; margin-bottom:20px;}
#box_inner {width:615px; margin:10px 15px 0px 20px; padding:0px 0px 25px 0px; text-align:left;}

#box_bttm{width:650px; background:url(../images/common/content_bttm.gif) no-repeat; clear:both; height:16px;}

.stitle { font-weight:bold; color:#0e4e54; border-bottom:1px solid #666666; padding: 3px; margin-bottom:10px; text-align:left; font-size:14px; }
.dot_line { 
	margin:10px 0px; 
	background:url(../images/common/dot.gif) repeat-x;}

.arrow_image{
	margin-top:2px; margin-right:3px;}
	
.underline { background:url(../images/common/underline.gif); line-height:21px; text-align:left;}

.kyogi_name {font-size:14px; color:#006600; text-align:left; width:650px; margin:0 auto;}




/*トップページ
-------------------------------------------*/
#top_banner {text-align:left; margin-bottom:15px;}
#coke {
	display:block;
	background:url(../images/top/cokelogo.gif) no-repeat 180px;
	line-height:38px;
}

.bnr_pos { margin:-10px 0px 15px 0px; width:100%; }
.bnr_pos li { list-style:none; float:left; width:25%; text-align:center; }
.bnr_pos li img { width:98%; }



/*ニュースフォルダ内ページ
-------------------------------------------*/
.jikokuhyou {
	text-align: left;
	width:700px;
	margin:10px auto;
}

.jikokuhyou table {
	margin-bottom:10px;
	border-collapse:collapse;
	border:1px #ccc solid;
	width:100%;
}

.jikokuhyou th, .jikokuhyou td {
	padding:3px 10px;
	border-collapse:collapse;
	border:1px #ccc solid;
	font-size:16px;
}

.jikokuhyou th {
	background-color: #0053A0;
	color:#fff;
}

.catch {
	text-align:center;
	font-size:18px;
	line-height:160%;
}



/*リスト
-------------------------------------------*/
#news_link {width:615px;
	margin:0px 0px; 
	padding:0px;}
	
#news_link ul {
	list-style:none; margin:0; 
	padding:0 0 0px 0;
	}
	
#news_link li { 
   font-size:12px;
	margin:10px 0px 2px 0; 
	padding: 0px 0 20px 15px; 
	background:url(../images/common/arrow.gif) left 5px no-repeat; 
	border-bottom: dashed 1px #bbab8c; 
	vertical-align:text-top; 
	text-align:left;
	line-height:180%;}
	
#news_link02 {width:615px;
	margin:0px 0px; 
	padding:0px;}
	
#news_link02 ul {
	list-style:none; margin:0; 
	padding:0 0 0px 0;
	}
	
#news_link02 li { 
   font-size:12px;
	margin:10px 0px 2px 0; 
	padding: 0px 0 20px 15px; 
	background:url(../images/common/arrow.gif) left 5px no-repeat; 
	border-bottom: dashed 1px #bbab8c; 
	vertical-align:text-top; 
	text-align:left;
	line-height:180%;}

#info_title {
	color: #035f75;
	font-weight:bold;
}


	
#side_link {width:220px;
	margin:0px 0 10px 0; 
	padding:5px 0px 0px;
	border-top: solid 3px #CCCCCC;
	background-color:#FFF;}
	
#side_link ul {
	list-style:none; margin:0; 
	padding:0px 0px 8px;
	}
#side_link li { 
   font-size:12px;
	margin:0px 5px; 
	padding: 5px 0 5px 15px; 
	background:url(../images/common/arrow.gif) left center no-repeat; 
	border-bottom: dotted 1px #CCCCCC; 
	vertical-align:text-top; 
	text-align:left;}

#side_link02 {width:202px;
	margin:5px 0px 10px 0px; 
	padding:5px 9px 10px;
	border-top: solid 3px #CCCCCC;
	background-color:#FFF;
}
	
#side_link02 p{
	margin: 3px 0px 10px;
}



/*テーブル
-------------------------------------------*/

#td_lr { background:#FCEFEF; border-bottom:1px solid #ffffff;}



#td_wh { background:#f4f2e3; color:#666666; font-weight:normal; text-align:center; border-bottom:1px solid #ffffff;}
#td_lg { background:#63ba1c; color:#ffffff; font-weight:bold; text-align:center; letter-spacing:0.1em; padding:5px; font-family:Arial, Helvetica, sans-serif}
#td_lb { background:#d3f3fb; color:#114C74; font-weight:bold; text-align:center;}

#td_yl { background:#fbed72; color:#a07115; font-weight:normal; text-align:center; letter-spacing:0.1em;}
#td_lp { background:#EFEE84; color:#CE7D2E; font-weight:normal; text-align:center; letter-spacing:0.1em;}
#td_gray01 { background:#efefef; font-weight:normal; text-align:center; letter-spacing:0.1em; color:#333333;}
#td_gray02 { background:#999999; font-weight:normal; text-align:center; letter-spacing:0.1em; color:#FFFFFF;}
#td_pink { background:#FAAAB5; font-weight:normal; text-align:center; letter-spacing:0.1em; color:#FFFFFF;}
#td_sat { background:#62B9BE; color:#FFFFFF; text-align:center;}
#td_sun { background:#E87B61; color:#FFFFFF;}



/*その他
-------------------------------------------*/

.new_ico {
	font-size:80%;
	background-color: #f00;
	color:#fff;
	font-weight:bold;
	padding:0.4em 0.5em 0.2em;
	line-height: 100%;
	margin-right:0.6em;
	border-radius: 5px;
}



/*---------------------------------------------------
 Page Top Btn
--------------------------------------------------- */
#pagetopComp {
width:36px;
height:120px;
position:fixed;
bottom:110px;
right:0;
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');
}


/*スタッフ募集ページ
-------------------------------------------*/
#recruit table { width:650px; margin:0px auto; border:1px #F90 solid;}
#recruit th, #recruit td { padding:10px; border:1px #F90 solid; border-collapse:collapse;}
#recruit th { background-color:#FC3; width:17%; font-size:14px;}
#recruit td { text-align:left;}
#recruit li { list-style-type:disc; margin-left:20px;}


/*イベントページ
-------------------------------------------*/
.ev { border:3px #CCC solid; padding:15px; margin-bottom:20px; }
.ev .ttl { font-size:160%; font-weight:bold; color:#06C; }
.ev .cp { font-weight:bold; margin:8px 0px; }
.ev img { border-style:none; float:right; width:30%; height:30%; }
.ev th, .ev td { border:1px #CCC solid; border-collapse:collapse; padding:5px; }
.ev th { font-weight:normal; background-color:#999; color:#FFF;  }
.ev li { float:left; padding:5px; margin:8px 2px 0px 0px; }
.ev .ari { color:#FFF; background-color:#39F; }
.ev .nashi { color:#FFF; background-color:#ccc; }


/*ギャラリーページ
-------------------------------------------*/
.swiper-slide img { margin-right:5px; margin-bottom:5px; float:left; }

.gal_w, .gal_l, .gal_m, .gal_s, .gal_m .yoko, .gal_s .yoko, .gal_m .tate, .gal_s .tate { clear:both; }

.gal_w img { width:49%; }
.gal_l img { width:32%; }
.gal_m .yoko img { width:24%; }
.gal_s .yoko img { width:19%; }
.gal_m .tate img { width:19%; }
.gal_s .tate img { width:11.5%; }

.gal_lst {
	background-color:#ffffff;
	margin:10px auto 20px auto;
	padding:10px;
	font-size:120%;
}

.gal_lst li {
	display:inline-block;
	margin-right:20px;
}

.gal_lst a { color:#00320A; font-weight:bold; }


/*メンバーページ
-------------------------------------------*/
.hyou_div { background-image:url(../images/member/nameplate/past_bg.png) }


/*アクセスページ
-------------------------------------------*/

.jikokuhyoutbl_hanrei {
	border:1px #ccc dotted;
	padding:1em;
	background-color: #F5F5F5;
}

.jikokuhyoutbl_hanrei li {
	display:inline-block;
	margin:0.2em 2em 0.2em 0;
}


.jikokuhyou_tbl {
	width:100%;
	margin:0.5em auto;
	border-collapse: collapse;
}

.jikokuhyou_tbl th, .jikokuhyou_tbl td {
	padding:0.3em 0;
	text-align:center;
	border:1px #16362D solid;
	border-collapse: collapse;
}

.jikokuhyou_tbl th {
	background-color:#72D0AE;
}

.jikokuhyou_tbl .kyuujitsu, .jikokuhyoutbl_hanrei .kyuujitsu {
	background-color:#FFA8AA;
}

.jikokuhyou_tbl .okaya, .jikokuhyoutbl_hanrei .okaya {
	background-color:#A1A0E0;
}

.jikokuhyou_tbl .kamisuwa, .jikokuhyoutbl_hanrei .kamisuwa {
	background-color:#54A428;
}

.jikokuhyou_tbl .chino, .jikokuhyoutbl_hanrei .chino {
	background-color:#D3D75B;
}

.jikokuhyou_tbl .osusume, .jikokuhyoutbl_hanrei .osusume {
	background-color:#81D4E1;
}

.jikokuhyou_tbl .gaitounashi, .jikokuhyoutbl_hanrei .gaitounashi {
	background-color:#ccc;
}

.jikokuhyou_tbl .keikoku, .jikokuhyoutbl_hanrei .keikoku {
	color:#f00;
}




/*フッター
-------------------------------------------*/
#footer {
	color:#242F55;
	width:100%; 
	height: 146px; 
	clear:both; 
	margin:0px auto;
	background: url(../images/common/footer_bg.gif) repeat-x;
	padding-top:25px;}

#footer_address { width:845px; padding-bottom:5px; margin:10px auto 5px; font-size:15px; text-align:center; line-height:180%; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#copyright { font-size:10px; border-top:1px solid #242F55; margin-top:5px; padding-top:5px; }

#footer a { color:#242F55;}


.flex2_64 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex2_64 dt {
	width: 57.0%;
}
.flex2_64 dd {
	width: 38.5%;
}



/* NEWナビ設定
-------------------------------------------*/
#container_u.new_nav, #container_u.new_nav .navigation, #container_u.new_nav .navigation * { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#container_u.new_nav { height:100%; width: 100%; margin:0px auto; padding:0px; text-align:center; }
#container_u.new_nav #header { background-color:#fff; margin:0; padding:0; height:auto; }
#container_u.new_nav #header_box { width:900px; margin:0 auto; padding:0px; height:auto; }
#container_u.new_nav #logo { margin-top:2px; }
#container_u.new_nav #head_navibox02 { margin-top:1px; }
#container_u.new_nav .navigation { width:100%; margin:0 auto; padding:0; clear:both; }
#container_u.new_nav .navibox { display:inline-block; height:50px; padding:0px; margin:0 auto;}
#container_u.new_nav .navi{ text-align:center; display: flex; align-items: flex-start; justify-content: space-between; align-items: stretch; }

#container_u.new_nav .navi li { margin:0 auto; flex:1; height:50px; text-align:center; padding:5px 0 2px; }
#container_u.new_nav .navi li.navi_s { width:98px; }
#container_u.new_nav .navi li.navi_m { width:100px; }
#container_u.new_nav .navi li.navi_l { width:102px; }
#container_u.new_nav .navi li img { border-left:1px solid rgba(255,255,255,0.3); }
#container_u.new_nav .navi li:last-child img { border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); }
#container_u.new_nav .navi li:hover { background:rgba(255,255,255,0.4); }

/* 現在のナビカラー　　※テスト後ここを変えると全ページ変更　*/
#container_u.navi_col .navigation02 { background:url(../images/common/navi_bg_white.png); }
#container_u.navi_col #header { border-top:7px #161c72 solid; }
#container_u.navi_col .navigation { background:linear-gradient(to top, #38519b, #161c72); }	

/* ナビカラー　オレンジ */
#container_u.navi_col_orange .navigation02 { background:url(../images/common/navi_bg_black.png); }
#container_u.navi_col_orange #header { border-top:7px #ff8a2d solid; }
#container_u.navi_col_orange .navigation { background:linear-gradient(to top, #ff8d2e, #ff650f); }	

/* ナビカラー　グリーン */
#container_u.navi_col_green .navigation02 { background:url(../images/common/navi_bg_black.png); }
#container_u.navi_col_green #header { border-top:7px #005700 solid; }
#container_u.navi_col_green .navigation { background:linear-gradient(to top, #227734, #113723); }	

/* ナビカラー　茶 */
#container_u.navi_col_brown .navigation02 { background:url(../images/common/navi_bg_white.png); }
#container_u.navi_col_brown #header { border-top:7px #2f1d16 solid; }
#container_u.navi_col_brown .navigation { background:linear-gradient(to top, #492d23, #2f1d16); }	

/* ナビカラー　グレー */
#container_u.navi_col_gray .navigation02 { background:url(../images/common/navi_bg_white.png); }
#container_u.navi_col_gray #header { border-top:7px #808080 solid; }
#container_u.navi_col_gray .navigation { background:linear-gradient(to top, #aaa, #666); }	

/* ナビカラー　グレー */
#container_u.navi_col_kon .navigation02 { background:url(../images/common/navi_bg_white.png); }
#container_u.navi_col_kon #header { border-top:7px #161c72 solid; }
#container_u.navi_col_kon .navigation { background:linear-gradient(to top, #38519b, #161c72); }