@charset "UTF-8";





html{width: 100%; height: 100%;

font-size: 14px;

/*?*/

_font-size: 100%;

/**/

}

*{ margin: 0px; padding: 0px;}

body{height: 100%;

background-color: #fff;

color: #282828;

margin: 0;padding: 0;

font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

text-align: left;font-size: 14px;

_display: inline;

_zoom: 1;

}

img{ border: 0px; vertical-align: top; }

ul ol{list-style: none; margin:0; padding: 0;}

p{line-height: 1.4em; font-size: 14px;}

.clear{ clear:  both; visibility: hidden; height: 0;}

.clearfix:after {

content: ".";

display: block;

clear: both;

height: 0;

visibility: hidden;

}

ul ol li{list-style: none; margin:0; padding: 0;list-style-type: none;}

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

.clearfix { display: inline-block; }

/* exlude MacIE5 ?*/

* html .clearfix { height: 1% }

.clearfix {display: block;}

/* end MacIE5 */



/*

Module ----------------------------------------*/

.clearfix:after {

content: ".";

display: block;

clear: both;

height: 0;

visibility: hidden;

}

.clearfix { display: inline-block; }

/* exlude MacIE5 ?*/

* html .clearfix { height: 1% }

.clearfix {display: block;}

/* end MacIE5 */



.pc{}

.smp{ display: none;}

.pc_off {display: none !important;}





a img:hover{filter:alpha(opacity=60);opacity:0.6;}



a.pgLink img:hover{filter:alpha(opacity=100);opacity:1; position:relative; top:2px;}







#top header{ width:auto; height:350px; background:url(../img/header.jpg) no-repeat center top;}

#sub header{ width:auto; height:247px; background:url(../img/header2.jpg) no-repeat center top;}

#sub header.harrysenglishclass{ width:auto; height:247px; background:url(../img/header3.jpg) no-repeat center top;}

#sub header.twinnavi{ width:auto; height:247px; background:url(../img/header2_v2_2.jpg) no-repeat center top;}



header h1{text-indent:-9999px;overflow:hidden;display:block;}



header .inner{ width:1000px; margin:0 auto; height:100%; position:relative;}

header .inner .navigater01{text-indent:-9999px;overflow:hidden;display:block; width:114px; height:116px; position:absolute; top:122px; right:0;}

header .inner .navigater02{text-indent:-9999px;overflow:hidden;display:block; width:133px; height:116px; position:absolute; top:122px; right:114px;}







#contents{ width:1000px; margin:0 auto; position:relative;}



#top #contents #main{width:620px; float:left;}

#top #contents #menu{width:343px; float:right; position:relative; top:-80px}



#top #main nav ul{margin-bottom:20px;}

#top #main nav ul li{ display:inline-block;margin-top:10px;margin-right:8px;}

#top #main nav ul li.navlast{ margin-right:0;}



#information_pop{margin-bottom:20px;

}

#information_pop h2{}

#information_pop p{ background:#1c1c21; color:#fff; line-height:1.4em; padding:10px 10px; }

#information_pop p a{ color:#fff; text-decoration:none;}

#information_pop p a:hover{ color:#fff; text-decoration:underline;}



#jmeArea{ padding-bottom:20px;}











#onAirText{ background:#eee7de;padding:30px; margin-bottom:20px;

border-radius:6px;

-moz-border-radius:6px;

-webkit-border-radius:6px;

}

#onAirText h2{ font-size:16px; color:#336aa3;margin-bottom:5px;}

#onAirText h2 span{ font-size:14px; display:block;}

#onAirText p{ line-height:1.5em;}



.bnr{margin-bottom:20px;}





#instagramArea{}

#instagramArea ul{}

#instagramArea li{ display:inline-block; margin-right:9px;}

#instagramArea li a{}

#instagramArea {}



#instagramArea  p{padding:20px 0 20px;}









.tac{ text-align:center;}







footer{ position:relative; height:123px; width:1000px; margin:0 auto;}

footer .backtohome{ position:absolute; top:0; left:0;}

footer img.logo_j-wave{ position:absolute; top:0; left:80px;}

footer p{ position:absolute; top:18px; line-height:1em; left:0; top:60px; font-size:10px;}







.sbnr{text-align:center;padding:20px 0 40px;}

.sbnr li{ display:inline; padding-right:10px;}







#msgcont{ width:auto; padding-top:40px;}

#msgcont section{ width:760px; margin:0 auto; padding-top:75px; margin-bottom:40px; min-height:105px;}



#msgcont section h2{ text-indent:-9999px;overflow:hidden;display:block; height:1px;}

#msgcont section p{ line-height:2em;}



#msgcont section#secMsg{ background:url(../img/hdBG_05.png) no-repeat left top;}

#msgcont section#secMsg h2{ padding:0 20px 10px}

#msgcont section#secMsg p{padding-left:20px;padding-right:20px; font-size:14px;}











#sub nav {padding:0 0 30px 0;}

#sub nav ul{ text-align:center;}

#sub nav ul li{ display:inline-block;margin-bottom:10px;margin-right:5px;}







#pageheaderArea.popics{ background:url(../img/pagetitle01_v2.png) no-repeat left top;}

#pageheaderArea.spopics{ background:url(../img/pagetitle02_v2.png) no-repeat left top;}

#pageheaderArea.dogaforya{ background:url(../img/pagetitle03_v5.png) no-repeat left top;}

#pageheaderArea.memorytunes{ background:url(../img/pagetitle04_v2.png) no-repeat left top;}



#pageheaderArea.whatscool{ background:url(../img/pagetitle01.png) no-repeat left top;}

#pageheaderArea.harrysenglishclass{ background:url(../img/pagetitle02.png) no-repeat left top;}

#pageheaderArea.memorytunes{ background:url(../img/pagetitle03.png) no-repeat left top;}

#pageheaderArea.message{ background:url(../img/pagetitle04.png) no-repeat left top;}



#pageheaderArea{ width:auto; height:82px; position:relative;}

#pageheaderArea h2{text-indent:-9999px;overflow:hidden;display:block;}

#pageheaderArea p{text-indent:-9999px;overflow:hidden;display:block;}









.jmeGGT{ width:340px; height:82px; position:absolute; top:0; right:0;}



.gigyaShare{margin-bottom:30px;}



#backnumber{

background: url(../img/backnumber.png) no-repeat 18px 50% #e0e0e0;

border-radius:6px;

-moz-border-radius:6px;

-webkit-border-radius:6px;

padding:18px 18px 18px 140px;

margin:20px 0;

}





#top-comment {

	background:#fff;

	position:relative;

	/*border-bottom:1px solid #1f1f1f;*/

	float:left;

	width:590px;

	margin-top:40px;

	padding-bottom:40px;

	}

	#top-comment h1 {

	border-bottom:1px solid #1f1f1f;



	font-family: 'Strait', sans-serif;

	font-size:14px;

	line-height:30px;

	margin-bottom:40px;

	padding:0 10px;

	}

	#jmelogo {

	position:absolute;

	top:0;

	right:0;

	}





#sub section{background:#eee7de; margin-bottom:20px;}

#sub section.last{background:none; margin-bottom:20px;}



#sub section .photoarea{ width:660px; float:left;}

#sub section .textArea{ width:340px; float:right;}



#sub section .spobnr{ width:470px; float:left;}

#sub section .link{ width:500px; float:right;}



#sub section .textArea .inner{ background:#eee7de;padding:30px; margin-bottom:20px;}

#sub section .textArea h2{ font-size:16px; color:#336aa3;margin-bottom:5px;}

#sub section .textArea h2 span{ font-size:14px; display:block;}

#sub section .textArea p{ line-height:1.5em;}





#sub section .link p{ background:#1c1c21; color:#fff; line-height:1.4em; padding:10px 10px; }

#sub section .link p a{ color:#fff; text-decoration:none;}

#sub section .link p a:hover{ color:#fff; text-decoration:underline;}





#sub section:after {

content: ".";

display: block;

clear: both;

height: 0;

visibility: hidden;

}

















div#WT_form {

	width:auto;

	margin:0 auto 0;

	position:relative;

	

}



div#WT_form #formtext span.red {

	color:#d11739;

}

div#WT_form dl.question {

	border-bottom:#761819 1px solid;

	padding:40px 60px;

}

div#WT_form dl.question_btn {

	padding:20px 0 0 350px;

}

div#WT_form dl.question dt {

	font-size:1.4em;

	line-height:1.4em;

	float:left;

			width:200px;

}

div#WT_form dl.question dt span{

	font-size:1.8em;

}

div#WT_form dl.question dd,

div#WT_form dl.question_btn dd {

		float:left;



}



div#WT_form dl.question dd p.attention {

	width:600px;

}

div#WT_form label {

	padding:0 0 10px 0;

}

div#WT_form p a{

	

}

div#WT_form p {

	padding:15px 0 0 0;

}

div#WT_form p strong {

	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

	font-size:1.4em;

}

div#WT_form .attention {

	line-height:1.6em;

	padding-top:10px;



}

div#WT_form .attention span {

	color:#d11739;

}

div#WT_form .input{

	border:0;

	padding:5px;

	color:#000;

	font-size:18px;

	border:solid 1px #ccc;

	margin:10px 0 0;

	width:400px;

}

textarea {

	border:0;

	padding:5px;

	color:#000;

	font-size:18px;

	border:solid 1px #ccc;

	margin:10px 0 0;

	width:400px;

}

div#WT_form span.jme_member a{

	

	font-size:.4em;

}



/*end*/



#ft_submit {

	width:100%;

	text-align:center;

	margin:40px auto;

}





input[type="submit"] {

    font-size: 1.4em;

    margin: 0 10px 10px 0;

    padding: 8px 0 10px;

    text-align: center;

    text-decoration: none;

    width: 200px;

}