@charset "UTF-8";

/* -------------------------------------------

browser style reset

--------------------------------------------*/
html { min-width: 1000px; } /* For Mozilla's bug */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; padding:0;
}
table {
	border-collapse:collapse;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; font-weight:normal;
}
ol, ul{  
	list-style:none;  
}  
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; font-weight:normal;
}
abbr,acronym {
	border:0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

sup {
	font-size: 83%;
	vertical-align: super;
	line-height: 1;
}

:focus {-moz-outline-style:none;}

a { outline: none; text-decoration: none; }

a { color: #ffa51f;}
a:visited { color: #ffa51f;}
a:hover { color: #ffba53; text-decoration: none;}
a:active { color: #ff236c;}

object {
	outline: none;
}

/* -------------------------------------------

フォント

--------------------------------------------*/
* {
	font-family: '游ゴシック','YuGothic','MS PGothic','ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
	-webkit-text-size-adjust: none;
}

body {
	font:13px/1.231 '游ゴシック','YuGothic','MS PGothic','ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
	*font-size:small;
	*font:x-small;
	color: #333;
	background-color: #fff;
}

#wrapper {
	font-size: 100%;
	line-height: 160%;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

.font9 { font-size: 69%;}
.font10 { font-size: 76%;}
.font11 { font-size: 84%;}
.font12 { font-size: 92%;}
.font14 { font-size: 107%;}
.font16 { font-size: 123%;}
.font18 { font-size: 138%;}
.font20 { font-size: 153%;}

@font-face {
  font-family: 'WebSubsetFont';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/NotoSerifCJKjp-Medium.woff') format('woff');
}
@font-face {
   font-family: 'WebSubsetFont';
   font-style: normal;
   font-weight: 700;
  src: url('fonts/NotoSerifCJKjp-Bold.woff');
}
.font-min {
font-family: "WebSubsetFont";
}

[class*='fw-100'] { font-weight: 100; }
[class*='fw-200'] { font-weight: 200; }
[class*='fw-300'] { font-weight: 300; }
[class*='fw-400'] { font-weight: 400; }
[class*='fw-500'] { font-weight: 500; }
[class*='fw-600'] { font-weight: 600; }
[class*='fw-700'] { font-weight: 700; }
[class*='fw-800'] { font-weight: 800; }
[class*='fw-900'] { font-weight: 900; }

/* 共通クラス
---------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* WinIE7 only */
*:first-child+html .clearfix {
  height:1%;
}

/* OldBrowserError */

.error{ 
	background:red;
	padding: 10px;
	text-align:center; 
	color: #fff;
}
.error .delete{
	cursor: pointer;
}

/* For Switch */
.smp {
	display: none;
}

/* ボタン */

a.btn,
span.btn
{
	display: block;
	border: 2px solid #e7e7e7;
	color: #333;
	background: url(../../common/img/btn_bg.png) repeat-x 0 0 #f2f2f2;
}
span.btn {
	background: none;
}
a.btn span,
span.btn span{
	display: block;
	border: 1px solid #fff;
	padding: 5px 20px 5px 26px;	
	background: url(../../common/img/icon_arrow.png) no-repeat 12px 9px;
}
span.btn span {
	border: 1px solid #ccc;
	background: #ccc;
}
a.btn span.outlink {	
	padding: 5px 20px 5px 36px;	
	background: url(../../common/img/ico_outlink.gif) no-repeat 12px 9px;
}
a.btn:hover {
	background: none;
	background-color:#ffc100;	
}

a.btn:hover span {
	background: url(../../common/img/icon_arrow_black.png) no-repeat 12px 9px;
}
a.btn:hover span.outlink {	
	background: url(../../common/img/ico_outlink.gif) no-repeat 12px 9px;
}

p.button-border  {
	padding: 0;
	margin: 0;
	border: 5px solid #eee;
}
p.button-border a  {
	margin: 0;
}

a.link-usual {
	color: #333;
	display: inline-block;
	padding:4px 14px 4px 28px;
	background: url(../../common/img/icon_arrow_orange.png) no-repeat 10px 11px;
}
a.link-usual:hover {
	font-weight: bold;
	background-color:#ecf5fa;
}

/* Fontawesome */
i.fa {
	padding: 0 0.4em 0 0;
	color: #52b4e5;
}

/* Icon */
.ico-new {
  	animation: 2s ease 0s normal none infinite running horizontal;
    background: rgba(0, 0, 0, 0) url("../../common/img/ico_new.gif") no-repeat scroll 0 0;
    display: inline-block;
    height: 9px;
    margin: 0 0.5em;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    width: 21px;
}

a.alpha:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}


/* -------------------------------------------

セカンダリレイアウト

--------------------------------------------*/
#wrapper {
	width: 100%;
	border-top: solid #53b4e5 4px;
}
#header {
	width: 980px;
	height: 86px;
	margin: 0 auto;
	overflow:hidden;
	_zoom:1;
}
#header p#logo a {
	width: 365px;
	height: 68px;
	background: url(../img/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	margin-top: 10px;
	display: block;
}
#header #snav {
	width: 615px;
	float: right;
}
#header #snav p {
	width: 615px;
	color: #ccc;
	text-align: center;
	margin-top: 10px;
}
#header #snav p a {
	color: #666;
	margin: 0 10px;
}
#header #snav p a:hover {
	color: #ffba53;
}
#header #snav p a.beauty {
	background-color: #bce4ec;
	display: -block;
	padding: 1em 1.4em 1em 2.6em;
	font-weight: bold;
	color: #111;
	background: url(../../common/img/ico_outlink.gif) no-repeat 12px 14px #d6e8ec;
	
}
#header #snav p a.beauty:hover {
	background: url(../../common/img/ico_outlink.gif) no-repeat 12px 14px #bce4ec;
	
}


/*
.gnav {
	width: 980px;
	margin: 10px auto;
	overflow:hidden;
	_zoom:1;
}
.gnav ul {
}
.gnav ul li {
	
}
.gnav ul li a {
	display: block;
	float: left;
	color: #333;
	margin: 10px 0;
	padding: 4px 18px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.gnav ul li a:hover {
	color: #52b4e5;
}
.intro .gnav ul li.intro a,
.guidance .gnav ul li.guidance a,
.lecture .gnav ul li.lecture a,
.products .gnav ul li.products a,
.instructor .gnav ul li.instructor a,
.press .gnav ul li.press a,
.company .gnav ul li.company a,
.cooperation .gnav ul li.cooperation a {
	color: #52b4e5;
	font-weight: bold;
}
#top .gnav {
	margin: 0 auto 0px auto;
}*/


/* new nav */
.gnav {
	width: 980px;
	margin: 10px auto;
	padding: 4px 0;
}
.gnav ul.menu {
	width: 980px;
    list-style-type: none;
    color: #333;
	overflow: hidden;
	margin-bottom: 10px;
}
.gnav ul.menu li {
    float: left;
    margin: 0;
	padding: 4px 0.5em;
    display: block;
	cursor : pointer;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	/*margin-right: 1em;*/
}
.gnav ul.menu.upper {
	margin-bottom: 15px;
}
.gnav ul.menu.upper li {
	width: 23%;
	border-left: 1px solid #ccc;
}
.gnav ul.menu.upper li:last-child {	
	border-right: 1px solid #ccc;
}

.gnav ul.menu.lower li {
	width: 23%;
	border-left: 1px solid #ccc;
}
.gnav ul.menu.lower li:first-child {	
	width: 23%;
}
.gnav ul.menu.lower li:last-child {	
	border-right: 1px solid #ccc;
}

.gnav ul.menu li.menu-label {
	background-color: #edf5fa;
	padding: 4px 0.8em;
}
.gnav ul.menu li.menu-label.sec {
	margin-left: 0.8em;
	margin-right: 1.8em;
}
.gnav ul.menu li a {
	color: #333;
}
.gnav ul.menu li a:hover {
	color: #52b4e5;
}
.gnav ul.menu li.beauty { display: none; }

.gnav ul.menu li.salon {
	background-color: #fcf1e3;
	padding: 4px 0.8em;
	margin-left: 0.6em;
	border-radius: 12px;
}

#top .gnav ul li.top a,
.first .gnav ul li.first a,
.bonestretch .gnav ul li.bonestretch a,
.wtlineshoes .gnav ul li.wtlineshoes a,
.tutoring .gnav ul li.tutoring a,
.tutoring_golf .gnav ul li.tutoring_golf a,
.tutoring_running .gnav ul li.tutoring_running a,
.personalized .gnav ul li.personalized a,
.tutoring_online .gnav ul li.tutoring_online a,
.seminar .gnav ul li.seminar a,
.lecture .gnav ul li.lecture a,
.lesson .gnav ul li.lesson a,
.online .gnav ul li.online a,
.online_session .gnav ul li.online_session a,
.online_tutoring .gnav ul li.online_tutoring a,
.products .gnav ul li.products a,
.instructor .gnav ul li.instructor a,
.press .gnav ul li.press a,
.company .gnav ul li.company a,
.cooperation .gnav ul li.cooperation a,
.ambassador .gnav ul li.ambassador a ,
.salon .gnav ul li.salon a {
	color: #52b4e5!important;
	font-weight: bold;
}


#secvisual {
	width: 100%;
	height: 198px;
	background: url(../img/bg_visual.jpg) no-repeat top center;
	margin-bottom: 40px;
}
#secvisual h1 {
	width: 820px;
	height: 88px;
	margin: 0 auto;
	padding-top: 80px; 
	font-size:26px;
	font-weight: bold;
	letter-spacing: 1px;
}
#secvisual h1 span {
	display: block;
	font-size:12px;
	letter-spacing: 2px;
	margin-top:8px;
	font-weight: normal;
}

.pannav {
	width: 980px;
	margin: 0 auto;
	line-height: 30px;
	text-align: right;
}
.pannav ul {
	display: inline-block;
}

.pannav li {
	float: left;
	display: inline-block;
	padding-left: 26px;
	color: #333;
	background: url(../img/icon_arrow2.png) no-repeat 9px center;
}
.pannav li:first-child {
	padding-left: 0px;
	background: none;
}

.pannav ul li a {
	color: #333;
}
.pannav ul li a:hover {
	color: #2ba4e1;
}

#wrapper #content {
	clear:both;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	_zoom: 1;

}
#wrapper #content #main {
	width: 720px;
	float: left;
}
#wrapper #content #side {
	width: 220px;
	float: right;
	margin-bottom: 60px;
}
.inner {
	width: 980px;
	margin: 0 auto;
}

/* サイドメニュー
---------------------------------*/
#wrapper #content #side #snav {
	border: 1px solid #ccc;
}
#wrapper #content #side #snav h3 {
}
#wrapper #content #side #snav h3 a {
	display: block;
	background-color: #333;
	border-bottom: 3px solid #717171;
	color: #fff;
	padding: 12px 12px 8px 12px;
	font-size: 123%;
	font-weight: bold;
}
#wrapper #content #side #snav h3 a:hover {
	background-color: #21495d;
	border-bottom: 3px solid #3c84a8;
}
#wrapper #content #side #snav ul#menu {
}
#wrapper #content #side #snav ul#menu li  {
}
#wrapper #content #side #snav ul#menu li h4 a,
#wrapper #content #side #snav ul#menu li h4 span{
	display: block;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;	
	padding: 6px 12px;
	font-size: 98%;
	font-weight: bold;
}
#wrapper #content #side #snav ul#menu li h4 a:hover {
	background-color: #ecf5fa;
}
#wrapper #content #side #snav ul#menu li ul {
}
#wrapper #content #side #snav ul#menu li ul li {
}
#wrapper #content #side #snav ul#menu li ul li a {
	display: block;
	border-bottom: 1px dotted #ccc;
	color: #333;
	padding: 8px 12px;
	font-size: 98%;
}
#wrapper #content #side #snav ul#menu li ul li a:hover {
	background-color: #ecf5fa;
}
#wrapper #content #side #snav ul#menu li ul li:last-child a {
	border: none;
}


/* コンテンツ */
.more { cursor: pointer;}
.open {	display: none;} 

/* フッター メニュー
---------------------------------*/
#footer_menu a {
	display: none !important;
}


/* フッター
---------------------------------*/
#wrapper #footer {
	clear: both;
	width: 100%;
	/*margin-top: 20px;*/
}
#wrapper #footer .pagetop {
	width: 100%;
	background-color:#fff;
}
#wrapper #footer .pagetop p {
	width: 980px;
	margin: 20px auto 10px auto;
	text-align:right;
}
#wrapper #footer .pagetop p a {
	color: #333;
}
#wrapper #footer .pagetop p a:hover {
	color: #ffa51f;
}
#wrapper #footer #footnav {
	width: 100%;
	background-color:#ecf5fa;
}
#wrapper #footer #footnav ul {
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
	_zoom:1;
	border-right: 1px solid #c2ddeb;
}
#wrapper #footer #footnav ul li {
	float: left;
	width: 242px;
	text-align: center;	
	border-left: 1px solid #c2ddeb;
}
#wrapper #footer #footnav ul li a {
	color: #333;
	width: 242px;
	display: block;
	padding:20px 0;	
	background-color:#ecf5fa;
}
#wrapper #footer #footnav ul li a:hover {
	color: #333;
	background-color: #dceffa;
}
#wrapper #footer #footsub {
	width: 100%;
	background-color:#333;
}
#wrapper #footer #footsub p.menu {
	letter-spacing: 0.5px;
	text-align: right;
	color: #fff;
	font-size: 98%;	
	padding: 20px 0 10px 0;
	width: 980px;
	margin: 0 auto;
	color: #999;
}
#wrapper #footer #footsub p.copyright {
	letter-spacing: 0.5px;
	text-align: right;
	color: #fff;
	font-size: 84%;	
	padding: 0 0 20px 0;
	width: 980px;
	margin: 0 auto;
	color: #ccc;
}

/* フロートボタン */
#back-top {
	display: none;
    position: fixed;
    bottom: 0;
	right: 0;
}
#back-top a {
    width: 90px;
    height: 90px;
    display: block;
}
.dvdnotes {
	margin: 10px auto 20px auto;
	width: 720px;
}
.dvdnotes_l {
	margin: 10px auto 30px auto;
	width: 900px;
}

.pc-hide {
	display: none;
}