@charset "UTF-8";
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.clearL {
	clear: left;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearfix {
/*\*//*/
	overflow: hidden;
	/**/
}
:focus {
	outline: 0;
}
img {
	border: 0;
	vertical-align: top;
}
li {
	list-style-type: none;
}
a,
a:visited {
	color: #1bc000;
	color: #819677;
}
a:hover {
	color: #5bde1b;
	text-decoration: none;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 100%;
	text-align:center;
	background:#c7ff50;
	background:#ff84be;
	background:#ffffff;
}

body,html{
	width:100%;
}

p{
	font-size:100%;
	padding-bottom:1.5em;
}
.sml80{
	font-size:80%;
}
.sml75{
	font-size:75%;
}
.sml60{
	font-size:60%;
}



/* TO TOP Button */

#page-top {
    position: fixed;
	 z-index:200;
    bottom: 16px;
    right: 20px;
	 width:60px;
}
#page-top img{
	width:100%;
}



#header_wrap{
	width:100%;
	height:95px;
	background:#ffffff;
}
#header{
	width:850px;
	margin:auto;
	text-align:left;
	height:80px;
	padding-top:5px;
}
#header h1{
	color:#ffffff;
	font-size:90%;
	font-weight:normal;
	padding-top:3px;
	padding-right:10px;
	float:left;
}
#header li{
	float:left;
	padding-top:3px;
}
#header li img{
	height:76px;
}
#footer{
	width:100%;
	background:url(../img/common/footer_line.gif) repeat-x;
	padding-top:30px;
	height:40px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#696969;
}

/*============TOPPAGE================*/

#toppage{
	margin-bottom:30px;
}

#toppage h3{
	text-align:center;
	max-width:300px;
	left:0;
	right:0;
	margin:auto;
}

#toppage h3 img{
	width:100%;
}

#main_visual{
	width:100%;
	height:auto;
	margin:auto;
	position:relative;
	overflow:hidden;
	text-align:center;
}
#main_visual img{
	width:100%;
}

#main_visual h2{
	color:#000000;
	width:80%;
	max-width:500px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:50%;
}
#main_visual h2 img{
	width:100%;
}
#main_visual p#eureka{
	width:14%;
	position:absolute;
	left:27%;
	top:7.5%;
}
#main_visual p#eureka img{
	width:100%;
}

#main_visual p#eureka:hover{
	 -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.banner_wrap{
	width:650px;
	margin:auto;
	margin-bottom:20px;
}
.banner_left{
	float:left;
	width:320px;
}
.banner_right{
	float:right;
	width:320px;
}

.banner_left img,
.banner_right img{
	width:100%;
}

#facebook{
	width:500px;
	margin:auto;
}
#facebook h4{
	text-align:center;
	max-width:400px;
	left:0;
	right:0;
	margin:auto;
}
#facebook h4 img{
	width:100%;
}

/*============CONTENTS PAGE================*/

#header_page{
	width:100%;
	height:100px;
	background:url(../img/common/head_line.gif) repeat-x bottom;
}
#pagecontents{
	margin:30px auto;
	text-align:left;
	width:850px;/*
	font-size:90%;*/
}
#pagecontents h2{
	height:30px;
	padding-bottom:1em;
	text-align:center;
	margin:auto;
}
#pagecontents h2 img{
	height:100%;
}
p.lead{
	text-align:center;
	}


.kakomi{
	width:600px;
	margin:auto;
	padding:30px 30px 10px;
	font-size:90%;
	border:#52c221 dashed 2px;
	position:relative;
}
.kakomi .plate{
	position:absolute;
	top:-27px;
	left:-35px;
}
p.chap_thread{
	color:#52c221;
	text-align:center;
}


/*============LESSON PAGE================*/

.method{
	width:100%;
	margin:auto;
	padding:20px 0 0;
	border-top:#ff92be dotted 2px;
}
.method li{
	float:left;
	width:22%;
	margin:1%;
}
.method li img{
	width:100%;
}
.method li img:hover{
	opacity:0.7;
}
.method li.method1{
	border:#ff0066 1px solid;
}
.method li.method2{
	border:#00a8ff 1px solid;
}
.method li.method3{
	border:#37d500 1px solid;
}
.method_text{
	font-size:85%;
}
.color1{
	color:#ff0066;
}

.method_pic_wrap{
	width:62%;
	float:left;
}
.method_pic{
	width:48%;
	margin-right:1.5%;
	margin-bottom:20px;
	float:left;
	border:#c5c5c5 1px solid;
	position:relative;
}
.method_pic img{
	width:100%;
}
.method_txt{
	float:right;
	font-size:90%;
	width:37%;
}
.method_txt p{
	padding-bottom:1em;
}
.method1{
	position:absolute;
	top:3px;
	left:3px;
	width:18px;
	height:18px;
	background:#ff0066;
}
h3.title_method1{
	color:#ff0066;
	font-size:100%;
}
.method2{
	position:absolute;
	top:3px;
	left:3px;
	width:18px;
	height:18px;
	background:#0090ff;
}
h3.title_method2{
	color:#0090ff;
	font-size:100%;
}
.method3{
	position:absolute;
	top:3px;
	left:3px;
	width:18px;
	height:18px;
	background:#35cc00;
}
h3.title_method3{
	color:#35cc00;
	font-size:100%;
}
.method4{
	position:absolute;
	top:3px;
	left:3px;
	width:18px;
	height:18px;
	background:#a407d7;
}
h3.title_method4{
	color:#a407d7;
	font-size:100%;
}

.method5{
	position:absolute;
	top:3px;
	left:3px;
	width:18px;
	height:18px;
	background:#ff6c00;
}
h3.title_method5{
	color:#ff6c00;
	font-size:100%;
}
.junior{
	width:600px;
	margin:auto;
	position:relative;
}
.junior p{
}
.junior_pic{
	float:left;
	width:30%;
	margin:1.5%;
	margin-bottom:20px;
	border:#c5c5c5 1px solid;
	position:relative;
}
.junior_pic img{
	width:100%;
}


/*============CLASS PAGE================*/

.classroom{
	width:100%;
	margin:auto;
	padding:20px 0;
	border-top:#ff92be dotted 2px;
}
.recommend{
	width:400px;
	margin:auto;
}
.classroom li{
	float:left;
	border:#c5c5c5 1px solid;
	overflow:hidden;
	width:157px;
	height:157px;
	margin:5px;
	position:relative;
}
.classroom li img{
	height:100%;
	margin-left:-25%;
}
.classroom li img:hover{
	opacity:0.7;
}
.iframe{
	width:560px;
	height:315px;
	margin:auto;
	border:#BDBDBD solid 1px;
}
.classroom table{
	border-top:#BDBDBD solid 1px;
}
.classroom td{
	font-size:90%;
	padding:6px 0 4px;
	border-bottom:#BDBDBD solid 1px;
	text-align:center;
}
.classroom td.group{
	text-align:left;
	padding-left:20px;
	width:65%;
}
.fee_left{
	float:left;
	width:350px;
	margin-left:50px;
}
.fee_right{
	float:right;
	width:350px;
	margin-right:50px;
}

#access_center{
	width:550px;
	margin:auto;
	text-align: center;
}
#access{
	width:600px;
	float:left;
}
#access_map{
	width:240px;
	float:right;
}
#access_map img{
	width:100%;
}


/*============PROFILE PAGE================*/

#profile_pic{
	width:180px;
	float:left;
	margin-left:100px;
}
#profile_pic img{
	width:100%;
}
#profile_txt{
	float:right;
	width:410px;
	margin-right:50px;
	font-size:80%;
}
#profile_txt h3{
	line-height:1.2em;
	padding-bottom:10px;
}



/*============CONTACT PAGE================*/

#contact{
	width:650px;
	margin:auto;
}
#contact table{/*
	border-top:#BDBDBD solid 1px;
	border-left:#BDBDBD solid 1px;*/
}
#contact td{
	font-size:90%;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 5px;
	padding:5px 0;
	padding-left:2%;
}
#contact td.title{
	text-align:center;
	padding:5px 15px;
	background:url(../img/contact/contact_bg.gif);
}
#contact  td.oneline{
}
#contact  input{
	padding:5px;
}
#contact td.oneline input{
	width:96%;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#contact  td textarea{
	width:96%;
	border: 1px solid #ccc;
	border-radius: 3px;
/*	font-size:90%; */
	padding:5px 0;
}
#contact  p.notes{
	color:#BB1A1C;
	font-size:80%;
	padding-bottom:0;
}
#contact  #submitArea {
	 text-align:center;
	 padding-top:20px;
}
#contact  #submitArea input {
    width: 200px;
    height: 40px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.note{
	font-size:80%;
	color:#ff1673;
}

#copyright{
text-align:center;
font-size:8px;
color:#d6e3cc;
font-family:Arial, Helvetica, sans-serif;
}
#copyright a{color:#d6e3cc; text-decoration:none;}


/*============LINK PAGE================*/

.link_thread{
	width:80%;
	margin:auto;
	font-size:90%;
	margin-bottom:30px;
}
.link_thread table{
	margin-bottom:20px;
}
td.link_title{
	border:#c5c5c5 1px solid;
	width:34%;
	text-align:center;
}
td.link_url{
	width:63%;
	font-size:90%;
	padding-left:3%;
}
td.link_url p{
	padding-top:0.6em;
	padding-bottom:0;
}



/*============VOICE PAGE================*/

.voice{
	font-size:85%;
}

#students_wrap{
	position:relative;
}
.students{
	font-size:85%;
	 float: left;
    width: 350px;
    height: auto;
    padding: 25px;
    margin: 10px;
    margin-bottom: 12px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline;
}
p.signature{
	text-align:right;
}
.students p{
	padding-bottom:0;
}
p.st_name{
	font-weight:bold;
	border-bottom:#FF3888 solid 2px;
	padding-bottom:3px;
}
p.question{
	font-weight:bold;
	padding-top:10px;
}
.students1{
	background:url(../img/voice/bg_dot1.gif);
}
.students2{
	background:url(../img/voice/bg_dot2.gif);
	background:url(../img/voice/bg_stripe5.gif);
}
.students3{
	background:url(../img/voice/bg_dot3.png);
}
.students4{
	background:url(../img/voice/bg_dot4.jpg);
}
.students5{
	background:url(../img/voice/bg_dot5.jpg);
	background:url(../img/voice/bg_stripe4.jpg);
}
.students6{
	background:url(../img/voice/bg_brick1.gif);
}
.students7{
	background:url(../img/voice/bg_check1.jpg);
	background:url(../img/voice/bg_stripe3.jpg);
}
.students8{
	background:url(../img/voice/bg_check2.jpg);
	background:url(../img/voice/bg_stripe2.jpg);
}
.students9{
	background:url(../img/voice/bg_check3.jpg);
}
.students10{
	background:url(../img/voice/bg_check4.jpg);
}
.students11{
	background:url(../img/voice/bg_heart2.jpg);
	background:url(../img/voice/bg_stripe5.jpg);
}
.students12{
	background:url(../img/voice/bg_stripe1.jpg);
}
.students13{
	background:url(../img/voice/bg_stripe3.jpg);
}
.students14{
	background:url(../img/voice/bg_stripe3.jpg);
}
.students15{
	background:url(../img/voice/bg_stripe4.jpg);
}

.voice_list{
	width:100%;
	margin:auto;
	padding:20px 0;
	border-top:#ff92be dotted 2px;
}
.voice_list h4{
	padding-bottom:18px;
}
ul.students_m li{
	list-style-type: disc;
	margin-left:1em;
	padding-bottom:1em;
	line-height:1.3em;
	font-size:90%;
}

.notce{
	width:400px;
	margin:auto;
	padding:20px;
	border:#ff92be dotted 1px;
	font-size:90%;
}
h4.greet{
	padding-bottom:15px;
}