@charset "UTF-8";
/* CSS Document */

body {
color: #000000;
line-height: 1.5;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 75%; /* IE */
background: #FFF url(../../images/bg_border2.gif) repeat center;
}
/* 文字サイズ固定 */
html,body {
-webkit-text-size-adjust: 100%;
height:100%;
}
/* 文字 */
.sub-center {
	font-size: 12px;
	line-height: 22px;
}
/* ---clearfix---*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,dl {
margin: 0;
padding: 0;
}
img {
border: 0;
}
li {
list-style-type: none;
}

/* ---透過画像---*/
a img {
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/* ---コンテナ---*/
#container{
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* ---パンくず---*/
#pathBox{
width:936px;
height:20px;
margin-left:auto;
margin-right:auto;
}

/* ---ヘッダーイメージ---*/
#headerimgarea  {
	background: url(../../images/header_img/h_img_00.jpg) no-repeat;
	width: 956px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}
/* ---ヘッダーイメージ（子供）---*/
#headerimgarea_page{
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	position: relative;
	overflow: hidden;
	padding-top: 15px;
}

.container-fluid {
	width: 1200px;
}

.header-contents {
	padding-left: 0px;
	padding-right: 0px;
}

#carousel1 .carousel-inner .item.active  {
	background-color: #6AA8BF;
}
#carousel1 .carousel-inner .item.one {
	background-color: #DE818C;
}
#carousel1 .carousel-inner .item.two {
	background-color: #E2B526;
}
#carousel1 .carousel-inner .item.Three {
	background-color: #8E1518;
}

/*クラス一覧 固定ボタン*/
img#classbutton{
    position: fixed;
    right: -23px;
    top: 80%;
	z-index: 1;
}

/* ---コンテンツエリア---*/
#contentsarea {
width: 960px;
margin-right: auto;
margin-left: auto;
padding-bottom:385px;
}
#mainImage  {
width: 100%;
margin-right: auto;
margin-bottom: 18px;
margin-left: auto;
}

#contentsmian	{
	width: 900px;
	height:auto;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	}

/* ---コンテンツエリア　カラム1（こどもクラス）---*/
#contentsmian .column01 {
	float: left;
	position: absolute;
	top: 40px;
	left: 61px;
	z-index:1;
}

/* ---コンテンツエリア　カラム1（こどもクラス）---*/
#contentsmian .column01_b {
	float: left;
	position: absolute;
	top: 40px;
	left: 110px;
	z-index:1;
}
/* ---コンテンツエリア　カラム1（こどもクラス）動画---*/
#contentsmian .column01_m {
	float: left;
	position: absolute;
	top: 20px;
	left: 10px;

}

/* ----コンテンツエリア　カラム1（ニュース）---*/
#newsBox {
font-size:90%;
text-align:left;
margin-left:130px;
padding:10px;
width:600px;
height:90px;
overflow:auto;
line-height:170%;
}
h3.whatsnew {
width: 200px;
margin-left: 120px;
padding-top: 20px;
color:#7B0000;
}
#newsBox a{
color:#000000;text-decoration:underline;}
#newsBox a:hover {
color:#7B0000;text-decoration:underline;}
	
/* ---コンテンツエリア　カラム1（ケンブリッジ）---*/
#esolBox {
text-align:left;
margin-left:90px;
margin-top:10px;
z-index: 2;
}

/* ---コンテンツエリア　カラム2（成人クラス）---*/
#contentsmian .column02 {
	float: right;
	position: absolute;
	top: 132px;
	left: 94px;
	z-index: 1;
}

/* ---コンテンツエリア　カラム3（自慢の講師）---*/
#contentsmian .column03 {
	float: right;
	position: absolute;
	top: 263px;
	left: 49px;
	z-index: 1;
}

/* ---コンテンツエリア　カラム4（お子さまお預りサービス）---*/
#contentsmian .column04 {
	float: right;
	position: absolute;
	left: 125px;
	top: 394px;
	z-index: 1;
}

/* ---コンテンツエリア　カラム5（企業向け）---*/
#contentsmian .column05 {
	float: right;
	position: absolute;
	top: 43px;
	right: 54px;
	z-index: 1;
}

/* ---コンテンツエリア　カラム6（ケンブリッジ英検）---*/
#contentsmian .column06 {
	float: right;
	position: absolute;
	top: 239px;
	right: 53px;
	z-index: 1;
}

/* ---コンテンツエリア　カラム7（YMCAって何?）---*/
#contentsmian .column07 {
	float: right;
	position: absolute;
	top: 355px;
	right: 51px;
	z-index: 1;
}

/* ---コンテンツエリア　カラム8（画像）---*/
#contentsmian .column08 {
	float: right;
	position: absolute;
	top: 37px;
	z-index: 0;
	left: 241px;
}







#nyukai{
display: inline;
width: 900px;
}

/* ---ノート---*/
#notebox .header {
background: url(../../images/bg_note_head.png) no-repeat;
height:40px;
line-height:40px;
margin-top:12px;
}
#notebox .main {
padding-bottom:30px;
background: url(../../images/bg_note_main.png) repeat-y;
}
#notebox {
background: url(../../images/bg_note_foot.png) bottom no-repeat;
padding-bottom:30px;
width: 960px;
margin-bottom:50px;
}

#notebox .mainbg_img {
	background-repeat: no-repeat;
	width: 900px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}



/* ---フッターエリア---*/
#footerarea {
	background-repeat: repeat;
	background-position: center bottom;
	background-color: #00381E;
	text-align: left;
	width: 100%;
	height: 360px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 24px;
	padding-bottom: 10px;
	position: absolute;
	bottom: 0px;
}
#footerarea2 {
width: 960px;
margin-right: auto;
margin-left: auto;
}
#footerarea h3 {
display: inline;
float: left;
width: 160px;
margin-left: 1px;
margin-bottom:10px;
}
#footerarea #sitemapblock {
clear: both;
margin-left: 10px;
}
#footerarea .sitemapBox {
display: inline;
float: left;
width: 175px;
margin-right: 10px;
font-size:90%;
}
#footerarea .sitemapBox h4 {
margin-bottom: 10px;
padding-bottom: 2px;
border-bottom: 1px solid #D7D6DA;
}
#footerarea .sitemapBox ul {
margin-bottom: 12px;
}
#footerarea .sitemapBox li {
margin-bottom: 3px;
margin-left: 7px;
padding-bottom: 2px;
}
#footerarea .sitemapBox a {
color: #FFFFFF;
text-decoration: none;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
#footerarea .sitemapBox a:hover {
opacity: 0.4;
-ms-filter:"alpha( opacity=40 )";
filter: alpha( opacity=40 );
}
#footerarea address {
	color: #DAD6D4;
	margin-left: 0px;
	margin-bottom: 10px;
	text-align: center;
	font-style: normal;
	font-size: 80%;
}
#footerarea address img {
margin-right:15px;
margin-bottom:0;
border:0;
}

/* ---フッターリンク---*/
#nav_f {
width: 930px;
height:70px;
padding-top: 5px;
margin-bottom: 15px;
font-size: 100%;
/*border-top: 2px solid #897171;*/
/*border-bottom: 2px solid #897171;*/
font-size:90%;
}
#nav_fOuter {
width: 960px;
padding-left: 5px;
}
#nav_f p {
margin-top: 10px;
margin-right: 20px;
float: left;
}
#nav_fInner div {
float: left;
}
#nav_fInner img {
margin-right:7px;
margin-bottom:-3px;
}
#nav_fInner ul li {
margin:10px;
list-style-type: none;
}
#nav_f a {
color: #FFFFFF;
text-decoration: none;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
#nav_f a:hover {
opacity: 0.7;
-ms-filter:"alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

/* ---フッター固定用スムーススクロール表示---*/
.page-back {
 position: fixed;
 bottom: 10px;
 right: 10px;
}
/* IE6 */
 * html div#body-inner {
 height: 100%;
 overflow-y: scroll;
}
 * html div.page-back {
 position: absolute;
 right: 10px;
}

/* ---子どもクラスナビゲーション---*/
#ylcnaviblock  {
width: 692px;
height:77px;
margin-right: auto;
margin-left: auto;
}
#ylcnaviblock #ylcnavi ul  {
margin:0;
padding:0;
}
#ylcnaviblock #ylcnavi li  {
display: inline;
margin-left: 0px;
margin:0;
padding:0;
}

/* ---大人クラスナビゲーション---*/
#acnaviblock  {
width: 574px;
height:77px;
margin-left: 32px;
}
#acnaviblock #acnavi ul  {
margin:0;
padding:0;
}
#acnaviblock #acnavi li  {
display: inline;
margin-left: 0px;
margin:0;
padding:0;
}

/* ---新着情報ボックス---*/
#whats_newBox {
font-size:90%;
text-align:left;
padding:0px;
width:261px;
height:243px;
overflow:hidden;
line-height:140%;
position: relative;
}
#whats_newBox a {
color:#000000;
text-decoration:none;
}
#whats_newBox a:hover {
color:#7B0000;
text-decoration:none;
}

/* ---ニュースボックス---*/
#newspage {
margin: 0px auto;
width: 900px;
text-align: left;
padding-right: auto;
padding-left: auto;
}

#newsbox {
width: 900px;
position: relative;
}
#sidenavibox {
float: left;
width: 170px;
background:#eee;
padding-top: 30px;
}
#contentsbox {
float: left;
width: 730px;
background:#ddd;
margin-top: 30px;
}
#contentsbox #newstitle {
width: 500px;
margin-left: 110px;
margin-top: 30px;
margin-bottom: 50px;
}

#contentsbox .text {
width: 670px;
margin-left: 30px;
margin-bottom: 40px;
}

#sidenavibox li {
list-style-type: none;
}

.sidenavi ul {
margin: 0;
padding: 0;
}


/* ---リーフ画像固定---*/
.leafLeft{
position:absolute;
width:130px;
height:400px;
top:300px;
left:0px;
z-index:1;
}

.leafRight{
	position: absolute;
	width: auto;
	height: 350px;
	top: 470px;
	right: 0px;
	z-index: 1;
	padding-top: 0;
	float: right;
}

/* マップ */
#gmap {
	height: 550px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	background: #FFF;
	border: 10px solid #ece5d3;
}


/* ---その他の情報---*/
#contentbox_info{
	margin-left: auto;
	margin-right: auto;
	width: 870px;
}
.contentbox_info{
	position: relative;
	overflow: hidden;
	margin-top: -18px;
	margin-bottom: 22px;
}
.contentbox_info ul{
	position: relative;
	left: 50%;
	float: left;
}
.contentbox_info ul li{
	position: relative;
	left: -50%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}

#contentbox_etc{
	margin-left: auto;
	margin-right: auto;
	width: 870px;
}
.contentbox_etc{
	position: relative;
	overflow: hidden;
	margin-top: -18px;
}
.contentbox_etc ul{
	position: relative;
	left: 50%;
	float: left;
}
.contentbox_etc ul li{
	position: relative;
	left: -50%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}
ul .nyukai {
	position: relative;
	width: 261px;
	height: 243px;
}
.nyukai_kodomo {
	position: absolute;
	left: 50px;
	bottom: 11px;
}
.nyukai_otona {
	position: absolute;
	left: 137px;
	bottom: 11px;
}

#contentbox_etc2{
	margin-left: auto;
	margin-right: auto;
	width: 870px;
}
.contentbox_etc2{
	position: relative;
	overflow: hidden;
	margin-top: 4px;
}
.contentbox_etc2 ul{
	position: relative;
	left: 50%;
	float: left;
}
.contentbox_etc2 ul li{
	position: relative;
	left: -50%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}
ul .whatsnew {
	position: relative;
	width: 261px;
	height: 243px;	
}
.whatsnew a {
	color:#000000;
	text-decoration:none;
}
.whatsnew_top {
	position: absolute;
	left: 100px;
	top: 40px;
}

.contentbox_yobou{
	position: relative;
	overflow: hidden;
	margin-top: -18px;
	margin-bottom: 25px;
}
.contentbox_yobou ul{
	position: relative;
	left: 50%;
	float: left;
}
.contentbox_yobou ul li{
	position: relative;
	left: -50%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}
ul .yobou {
	position: absolute;
	width: 803px;
	height: 70px;
}

hr.s{border:none;
border-top:dashed 1px #DE818C;
height:1px;
margin:0 6 0 6;
	}

/*iframe*/


.iframe {
	width: 560px; height: 729px;
}
/* CSSでレスポンシブ対応 */
@media screen and (max-width: 560px) {
	.iframe-wrapper {
		position: relative;
		width: 100%;
		padding: calc(729 / 560 * 100%) 0 0;
		
	}
	.iframe {
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/*TOPページ固定ボタン*/
img#moviebutton{
    position: fixed;
    left: 10px;
    top: 330px;
	z-index: 1;
}

/* question */
#questionBox{
	width:700px;
/*height:200px;*/
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.questionLeft {
	width:auto;
	float: left;
	margin-left:20px;
}
.questionRight {
	width:330px;
	float: right;
	margin-left:20px;
}
#questionBox ul {
	font-size: 13px;
	list-style-type: none;
	line-height: 2em; 
}
#questionBox li {
	/*float: left;*/
	margin-bottom: 5px;
}
#questionBox li a {
	color:#000000;
}
#questionBox li a:hover {
	color:#764747;
}
h3.question_t {
	color: #680000;
	font-size: 15px;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 85px;
}
p.question_p {
	font-size: 13px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 108px;
}
h2.question {
width: 200px;
margin-left: 85px;
padding-bottom: 20px;
color:#7B0000;
}
/* ---罫線---*/
#question_line  {
	background: url(../../images/question_img/question_line.gif) no-repeat;
	width: 735px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 35px;
}
/* ---区切り線---*/
hr.otona{
	margin-left: auto;
	margin-right: auto;
	height: 5px;
	width: 88%;
	border:none;
	border-top: 5px #ddb648 solid;
	padding-bottom: 20px;
}
hr.kodomo{
	margin-left: auto;
	margin-right: auto;
	height: 5px;
	width: 88%;
	border:none;
	border-top: 5px #c38186 solid;
	padding-bottom: 20px;
}