/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}


/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

body {
	background: #fff;
}

.text-center {
	text-align: center;
}

#wrapper {
	width: 100%;
}


/* ------ Header ------ */

.header {
	width: 950px;
	margin:0 auto;
	padding:0;
	text-align:center ;
}

#header-inner {
	float:left ;
	margin:5px 0 ;
	overflow: hidden;
	*zoom: 1;
	width:730px;
}

#header-inner h1 {
float:left ;
margin:0;
padding:0;
}

.copy {
margin:15px 0 0 30px ;
padding:0;
}

.free {
float:right ;
margin:15px 0 0 0 ;
padding:0;
}

.headtext {
clear:both ;
border:1px solid #d3d3d3 ;
margin:15px auto ;
padding:5px 0;
text-align:center ;
font-size:80% ;
line-height:120%;
}

#tagline {
	float: right;
	padding-top: 28px;
	line-height: 160%;
	font-size: 65%;
	color: #999;
}

#logo {
	padding: 20px 0;
}

#logo a {
	display: block;
	max-width: 279px;
}

#gnav {
	clear: both;
	width: 100%;
}

#gnav nav {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#gnav nav ul {
	float: left;
}

#gnav nav ul li {
	float: left;
}

#gnav nav ul li a {
	display: block;
	padding: 0 3px ;
	font-size: 83%;
}

#pulldown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
 
#pulldown li {
  float: left;
  white-space: nowrap;
  display: block;
  text-align:center;
}
 
#pulldown ul ul {
  display: none;
  position: absolute;
  z-index: 10;
}
 
#pulldown li li {
  clear: left;
  position:relative;
  width: 100%;
  background:#f7f7f7;
  border-bottom:1px solid #cccccc;
  margin:0;
  padding:2px 3px ;
  text-align:left;
  font-size:90% ;
  line-height:160% ;
}
 
#pulldown li li a{
  clear: left;
  position:relative;
  width: 100%;
  display: block;
}
 
#pulldown li li a:hover{
  clear: left;
  position:relative;
  width: 100%;
  display: block;
  text-decoration:none;
}
 
#pulldown ul ul ul {
  top: 0;
  left: 100%;
}
 
#pulldown ul li:hover > ul {
  display: block;
}

.mark {
	background:url(../img/menumark.gif) no-repeat 0 5px ;
	margin:5px 15px 0 5px ;
	padding:0 0 0 15px ;
	font-size:80% ;
	line-height:180%;
}


/* ------ Mainvisual ------ */

#mainvisual {
	position: relative;
	width: 100%;
}

#mainvisual-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#mainvisual-inner .img {
	position: absolute;
	display: none;
	width: 700px;		/* 画像の幅 */
	margin-left: -350px;	/* -(画像の幅÷2) */
	padding-left: 50%;
	top: 0;
}

#mainvisual-inner .img:first-child {
	position: relative;
	display: block;
}

#mainvisual-btn {
	width: 100%;
	height: 10px;
	margin-top: 10px;
	text-align: center;
}

#mainvisual-btn div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	overflow: hidden;
	vertical-align: top;

}
#mainvisual-btn div {
	*display: inline;
}

#mainvisual-btn a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-btn a:link,
#mainvisual-btn a:visited {
	margin-top: 0px;
}
#mainvisual-btn a:hover,
#mainvisual-btn a:active,
#mainvisual-btn a.current {
	margin-top: -10px;
}

#mainvisual-btn a img {
	vertical-align: top;
}

#mainvisual-arrow {
	position: absolute;
	z-index: 200;
	width: 100%;
	top: 40%;
	left: 0;
	margin-top: -20px;
}

#mainvisual-arrow-inner {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#mainvisual-arrow .prev,
#mainvisual-arrow .next {
	position: absolute;
	width: 27px;
	height: 27px;
	overflow: hidden;
}
#mainvisual-arrow .prev {
	left: 3%;
}
#mainvisual-arrow .next {
	right: 3%;
}

#mainvisual-arrow a {
	display: block;
	width: 27px;
	height: 54px;
}

#mainvisual-arrow a:link,
#mainvisual-arrow a:visited {
	margin-top: 0px;
}
#mainvisual-arrow a:hover,
#mainvisual-arrow a:active {
	margin-top: -27px;
}

#mainvisual-arrow a img {
	vertical-align: top;
}


/* ------ Contents ------ */

#contents {
	clear:both ;
	width: 950px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
}

#contents h2.title {
margin:15px 0 20px 0 ;
padding:0 0 0 20px;
background:#0074bb url(../img/h3.gif) no-repeat ;
color:#fff;
font-weight:bold ;
font-size:110%;
line-height:150%;
}

#contents h3 {
margin:15px 0 15px 5px  ;
padding:0 0 0 5px;
border-left:5px solid #f38600 ;
font-weight:bold ;
color:#f38600 ;
font-size:100% ;
line-height:160% ;
}

#contents h4 {
margin:15px 0 5px 5px  ;
padding:0 ;
font-weight:bold ;
color:#0074bb ;
font-size:90% ;
line-height:160% ;
text-decoration : underline ;
}

#contents ul {
margin:15px 0 5px 5px  ;
padding:0 ;
font-size:90% ;
line-height:160% ;
}

#contents ul li {
margin:0 0 5px 5px  ;
padding:0 0 0 8px ;
background : url(../img/li.gif) no-repeat 0 7px ;
}

.red {
color:#f00;
}

.photoright {
float :right ;
margin:0 0 5px 10px;
}

.photoright p {
margin:5px;
padding:3px 5px ; 
font-size:70% ;
line-height:140% ;
background:#dcdcdc;
color:#000;
text-align:left ;
}

#left-column {
	float: left;
	width: 700px;
	margin:0 ;
	padding: 0px;
}

.column1 {
	float: left;
	width: 250px;
	margin:0 20px 0 0 ;
}

.column1 h3 {
margin:0;
padding:0;
font-weight:bold ;
color:#f00;
font-size:100%;
line-height:160%;
}

		#slide {
			margin:0;
			padding:0 0 20px 0 ;
			height: 300px;
			position: relative;
			margin: 0 ;
		}
		
		#slide #list li {
			margin:0;
			padding:0;
			position: absolute;
			top: 0;
			left: 0;
			list-style:none ;
		}
		
		#slide #navi {
			position: absolute;
			bottom: -40px;
			left: 0;
			font-size: 12px;
		}
		
		#slide #navi li {
			float: left;
			margin-right: 10px;
			list-style:none ;
		}
		
		#slide #navi li a {
			display: block;
			border: 1px solid #ccc;
			padding: 0 10px;
			line-height: 30px;
			background: #eee;
			color: #000;
			text-decoration: none;
		}
		
		#slide #navi li a.current,
		#slide #navi li a:hover {
			background: #999;
		}

.column2 {
	float: right ;
	width: 430px;
	margin:0 0 ;
}


/* ------ Right Column ------ */

#right-column {
	float: right;
	width: 230px;
	margin:0 ;
	padding:0 ;
}

h2.toptitle {
border-top:1px solid #005ead;
border-bottom:1px solid #005ead;
margin:0 0 10px 0 ;
padding:15px 3px 15px 20px ;
line-height:0;
background:#fff;
color:#005ead;
font-weight:bold;
background: url(../img/topics_i.gif) no-repeat center left ;
font-size:14px;
}

ul.topics {
margin:0;
padding:0;
font-size:80%;
line-height:150% ;
height:400px;
overflow:auto ;
}

ul.topics li {
margin:0 0 5px 0;
padding:2px 3px ;
border-bottom:1px dotted #1c1c1c ;
}


/* ------ Footer ------ */

footer {
	width: 950px;
	margin: 0 auto;
}

#footer-inner {
	height:220px;
	margin: 0 auto;
	padding: 15px ;
	background: url(../img/footer.jpg?200630) no-repeat top center ;
}

.footernavi {
float:left ;
width:19%;
font-size:80% ;
line-height:100% ;
margin:0 5px 0 0 ;
}

.footernavi h3 {
font-size:90%;
line-height:160%;
font-weight:bold ;
}

footer a:link {
	text-decoration: none;
	color: #fff;
}
footer a:visited {
	text-decoration: none;
	color: #fff;
}
footer a:hover {
	text-decoration: underline;
	color: #ed7100;
}
footer a:active {
	text-decoration: underline;
	color: #ed7100;
}

.copyright {
clear:both ;
margin:5px 0 ;
padding:0;
text-align:right ;
font-size:70% ;
line-height:120% ;
}


dll.eventnav {
margin:0 30px;
padding:0;
}

dl.eventnav dt {
float:left ;
margin:0 15px ;
padding:0;
list-style:none ;
}

.coach {
clear:both ;
float:left ;
background : url(../event/img/date.gif) no-repeat 5px 3px ;
margin:0 20px;
padding:5px;
width:35px;
text-align:center ;
font-weight:bold ;
font-size:10px;
line-height:15px;
color:#fff;
}

.coach span {
font-size:15px;
}

.coachimg {
clear:both ;
float:left ;
margin:0 20px;
padding:3px 5px;
width:35px;
text-align:center ;
}

.sns1 {
	float: left;
	width: 48%;
	margin:20px auto ;
}

.sns2 {
	float: right;
	width: 49%;
	margin:20px auto ;
}

/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 950px) {

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

	#header-inner {
	margin:5px auto ;
	text-align:center ;
	}

	#header-inner h1 {
	width:100% ;
	margin:0 auto ;
	padding:0;
	text-align:center ;
	}
	
	.copy {
	margin:5px auto ;
	padding:0;
	}

	.free {
	clear:both ;
	float:right ;
	margin:0 0 0 10px ;
	padding:0;
	}

	.headtext {
	clear:none;
	border:0;
	margin:15px ;
	padding:5px 0;
	text-align:center ;
	font-size:80% ;
	line-height:120%;
	text-align:left;
	}

	#header-inner {
	width: 100%;
	margin:0 auto ;
	padding:0 ;
	}

	#gnav {
	clear: both;
	width: 95%;
	margin:0 auto;
	padding:0;
	}

	#gnav nav {
	width: 100%;
	margin:0 auto;
	padding:0 ;
	}

	#gnav nav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
	}

	#gnav nav ul li {
		float: left;
		width: 50%;
		*width: 49.9%;
	}

	#gnav nav ul li a {
		display: block;
		padding: ;
		text-align: center;
	}

	#pulldown ul {
	list-style: none;
	clear: both;
	margin:0  ;
	padding:0 ;
	}
 
	#pulldown li {
 	 float: left;
 	 white-space: nowrap;
 	 display: block;
 	 text-align:center;
	}
 
	#pulldown li img {
 	 width:100%;
	}
 
	#pulldown ul ul {
	  display: none;
	  position: absolute;
	  z-index: 10;
	}
 
	#pulldown li li {
	clear: left;
	position:relative;
	width: 100%;
 	 background:#f7f7f7;
	border-bottom:1px solid #cccccc;
	margin:0;
	padding:2px 3px ;
	text-align:left;
	font-size:90% ;
	line-height:160% ;
	}
 
	#pulldown li li a{
	clear: left;
	position:relative;
	width: 100%;
	display: block;
	}
 
	#pulldown li li a:hover{
	clear: left;
	position:relative;
	width: 100%;
	display: block;
	text-decoration:none;
	}
 
	#pulldown ul ul ul {
	top: 0;
	left: 100%;
	}
 
	#pulldown ul li:hover > ul {
	display: block;
	}

	#contents {
	width:95% ;
	}

	ul.topics {
	margin:0;
	padding:0;
	font-size:80%;
	line-height:150% ;
	overflow:none ;
	}

	#left-column {
	width:100% ;
	float:none;
	clear:both ;
	margin: 10px auto;
	}

	#slide img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	}

	#right-column {
	clear:both ;
	width:100% ;
	float:none;
	margin: 10px auto;
	}

	.column1 {
	float:none;
	width: 100%;
	margin: 10px auto;
	}

	.column2 {
	width:100% ;
	float:none;
	margin: 10px auto;
	}

	#right-column .box {
		width: 39.5%;
		margin-right: 4%;
		padding: 0 3% 15px;
	}

	#right-column .ad {
		width: 41.5%;
		padding: 10px 2% 0;
	}

	footer {
	width: 100%;
	margin: 0 auto;
	}

	#footer-inner {
	margin: 0 auto;
	padding: 15px ;
	background: #296083 ;
	height:100% ;
	}

	.footernavi {
	float:none ;
	width:100%;
	margin:5px 15px ;
	}

	.photoright {
	float :none ;
	margin:10px auto ;
	text-align:center ;
	}

	.sns1 {
	float: none;
	width: 48%;
	margin:20px auto ;
	}

	.sns2 {
	float: none;
	width: 49%;
	margin:20px auto ;
	}
}


@media screen and (max-width: 500px) {
                                #slide {
                                height:200px;
                                }
}

.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ff5000;/*ボタン色*/
  color: #FFF;
  font-weight:bold;
  border-bottom: solid 4px #ae7223;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}





.footer_fix_btn {
  position:fixed;
  bottom:0;
  width:100%;
  padding:5px 0 5px 0;
  text-align:center;
  background:#f38500; // 背景色
  font-size:18px; // テキストの大きさ
  line-height:18px;
  color:#ffffff; // 文字色
}
.footer_fix_btn a {
  display:block;
  width:100%;
  text-decoration:none;
}
.footer_fix_btn a:hover {
  color:#ffffff; // 文字色
}
.footer_fix_btn span {
font-size:70%;
}


.headtel {
  width:100%;
  padding:5px 0 5px 0;
  text-align:center;
  background:#f38500; // 背景色
  font-size:18px; // テキストの大きさ
  line-height:18px;
  color:#ffffff; // 文字色
}
.headtel a {
  display:block;
  width:100%;
  text-decoration:none;
}
.headtel a:hover {
  color:#ffffff; // 文字色
}
.headtel span {
font-size:70%;
}

.tel {
max-width:400px;
}


table.hyo {
margin:10px ;
padding:0;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
}

table.hyo th {
margin:0;
padding:2px 5px;
font-size:12px;
line-height:16px;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#a4ddff;
}

table.hyo td {
margin:0;
padding:2px 5px;
text-align:left;
font-size:12px;
line-height:16px;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}

td {
margin:0;
padding:0 2px 5px 0 ;
font-size:13px;
line-height:18px;
}