@charset 'utf-8';
/* CSS Document */
body{
		margin: 0;
		font-size: 12px;
		line-height: 1.8em;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
img{
		vertical-align: middle;
}
ul, li{
		margin: 0;
		padding: 0;
		list-style:none;
		list-style-position:outside;
}

h1, h2, h3, h4, h5, h6{
		display: inline;
		margin: 0;
}

a{color:#3399cc;}
a img{border:none;}
.left{float:left;}
.text_right{ text-align:right;}
.right{float:right;}
.reset{clear:both;}
.red{color:#FF0000;}
#header_top{
		height:20px;
		width: 100%;
		margin:0 auto;
		background: #666666;
		color: #ffffff;
		margin-bottom:10px;
}
#h1{
		float:left;
}
#header_link{
		float:right;
}
#header_link a{
		color:#ffffff;
		margin:0 5px;
		line-height:20px;
}
#header_top_wrap{ 
		width:962px;
		margin:auto;
}
h1{
		font-size:12px;
		margin-left:10px;
		line-height:20px;
}
#header{
		width: 962px;
		margin:0 auto;
}
#logo{
		display:block;
		text-indent:-31600px;
		background:url(../images/logo.jpg) no-repeat;
		height: 86px;
		width: 135px;
		float: left;
		overflow:hidden;
}
#header_inner{
		height:98px;
		overflow:hidden;
}
#header_right{
		text-align:right;
		float: right;
}
#login{
		background:url(../images/login_bg.gif) right;
		height:31px;
		padding:22px 10px 0 10px;
		font-size:13px;
		font-weight:600;
		color:#ffffff;
		text-align:left;
}
#login #form_area{
		margin:0;
		padding:3px 10px 0 0;
		float:left;
}
#login input{
		width:150px;
}
#login button{
		background:url(../images/button_login.jpg);
		border:none;
		padding:none;
		margin:none;
		border:none;
		cursor:pointer;
		width:83px;
		height:25px;
		vertical-align:top;
}
#header_tab{
		padding-top:10px;
		float:right;
		text-align:right;
		vertical-align:bottom;
}
#header_tab h2{
		line-height:35px;
		font-size:13px;
		font-weight:normal;
}
#header_tab a{
		display:block;
		float:right;
}
#header_muryou{
		background:url(../images/header_muryou.gif);
		width:159px;
		height:35px;
		margin-left:15px;
}
/*???[???I?[?o?[*/
#header_home:hover{			background:url(../images/header_home_on.gif);}
#header_bigginner:hover{	background:url(../images/header_bigginner_on.gif);}
#header_mypage:hover{		background:url(../images/header_mypage_on.gif);}

#global{
		width: 100%;
		margin: 0 auto 0px;
		padding:0;
		background:url(../images/global_bg.gif);
		height:49px;
}
#global_inner{
		/*background:url(../images/global.jpg);*/
		width: 962px;
		height:49px;
		margin: 0 auto;
		padding:0;
}
#global li{
		float: left;
		display:block;
		height:49px;
}
#global a{
		background-image:url(../images/global.jpg);
		display:block;
		width: 100%;
		height:100%;
}
#global a:hover{ background-image:url(../images/global_on.jpg);}
#gm1 a{ background-position: 0 0; 	width:94px;}
#gm2 a{ background-position: -94px 0; 	width:191px;}
#gm3 a{ background-position: -285px 0; 	width:184px;}
#gm4 a{ background-position: -469px 0; 	width:92px;}
#gm5 a{ background-position: -561px 0; 	width:123px;}
#gm6 a{ background-position: -684px 0; 	width:158px;}
#gm7 a{ background-position: -842px 0; 	width:120px;}

#whatsnew{
		width: 100%;
		margin: 0 auto 12px;
		padding:0;
		background:url(../images/whatsnew.gif);
		height:23px;
}
#whatsnew_inner{
		width: 962px;
		height:23px;
		margin: 0 auto;
		padding:0;
		line-height:23px;
		color:#ffffff;
}

#search{
		margin:5px auto 10px auto;
		padding:0;
		width: 869px;
}
#search_title{
		margin-left:33px;
}
#search_submit, #hyouji_button{
		padding: 0; margin:0; 
		vertical-align:middle;
		width:93px; 
		height:27px;
		line-height:27px;
}

#search_text{
		width:205px; 
		height:12px; 
		padding: 2px; 
		font-size:12px;
		line-height:12px;
		margin-left:5px;
		position:relative;
		top:3px;
}
#search_genre{
		width:155px; 
		height:20px; 
		padding: 0; 
		margin-left:5px;
		position:relative;
		top:3px;
}
#search_area{
		width:112px; 
		height:20px; 
		padding: 0; 
		margin-left:5px;
		position:relative;
		top:3px;
}



/* ?R???e???c?G???A */
#container{
		width:962px;
		margin: 0 auto;
}
#contents{
		width: 621px;
		float: left;
}


.ichiran_half{border:solid 1px; width:283px; padding:10px;}
.ichiran_half table{
		width:100%;
}
.ichiran_half td{
		width:50%;
		padding-left:5px;
}

#concert_head{
		background:url(../images/concert_head.gif);
		width:305px;
		height:40px;
}
#engeki_head{
		background:url(../images/engeki_head.gif);
		width:305px;
		height:40px;
}
#johnnys_head{
		background:url(../images/johnnys_head.gif);
		width:621px;
		height:40px
}

#takaraduka_head{
		background:url(../images/takaraduka_head.gif);
		width:621px;
		height:40px
}
#shiki_head{
		background:url(../images/shiki_head.gif);
		width:621px;
		height:40px
}

#sports_head{
		background:url(../images/sports_head.gif);
		width:621px;
		height:40px
}

.go_list{
		float:right;
		width:85px;
		height:24px;
		margin: 8px 15px auto auto;
		text-indent:-31200px;
}
.go_list2{
		text-align:right;
		padding-right:5px;
}
.arrow{
		color:#ff6600;
}

#top_concert{ float:left; width:305px;}
#top_engeki{ float:left; width:305px; margin-left:10px;}
#concert_ichiran{ border-color:#689b00}
#engeki_ichiran{border-color:#0099cc;}

.ichiran_full{
		width:589px;
		padding:10px 15px;
		border: solid 1px;
}

.ichiran_full a{margin:0 5px;}
#johnnys_ichiran{border-color:#cc9933;}
#takaraduka_ichiran{border-color:#9933cc;}
#shiki_ichiran{border-color:#669900;}
#sports_ichiran{border-color:#ff33cc;}



/* ?E?T?C?h */
#right_contents{
		float:right;
		width:231px;
}

#mymenu_bar{
		width:231px;
		height:29px;
		background:url(../images/mymenu_bar.gif);
}
#mymenu_box{
		border: solid 1px #666666;
		background: #e2e2e2;
		width:229px;
		text-align:center;
}
#side_user_name{
		margin:2px 10px;
}
#mymenu_white{
		background:#ffffff;
		padding:5px 10px;
		margin:5px 5px 10px 5px;
}
#side_mymenu{
		display:block;
		width:100%;
		height:100%;
		text-align:left;
}
#side_mymenu li{
		list-style-position:inside;
		padding-left:27px;
		background-position:left;
		background-repeat: no-repeat;
		margin-bottom:5px;
}
#mm1{ background-image:url(../images/mm1.gif);}
#mm2{ background-image:url(../images/mm2.gif);}
#mm3{ background-image:url(../images/mm3.gif);}
#mm4{ background-image:url(../images/mm4.gif);}
#mm5{ background-image:url(../images/mm5.gif);}

/* FAQ */
#faq_bar_buy{
		background:url(../images/faq_bar_buy.gif);
		width:231px;
		height:28px;
}
#faq_bar_sell{
		background:url(../images/faq_bar_sell.gif);
		width:231px;
		height:28px;
}
.faq_box{
		width:209px;
		padding:10px;
		border:solid 1px #cccccc;
		line-height:2em;
}
.faq_box a{
		color:#666666;
		margin:3px auto;
}
#biginner_guide{
		display:block;
		background:url(../images/guide_button.gif);
		width:188px;
		height:62px;
}











#footer{
		width:100%;
		margin:0 auto;
}
#footer_over{
		height:130px;
		background:#f0f0f0;
		padding:15px 0;
}
#footer_inner{
		width:962px;
		margin: 0 auto;
		padding:0px 22px;
		height:160px;
}
.footer_link{
		float:left;
		width: 305px;
		margin-right:20px;
}
.fl_last{
		margin-right:0px;
}
.footer_link div{
		border-bottom:solid 1px #999999;
		font-size:13px;
		line-height:28px;
		font-weight:bolder;
		color:#666666;
		margin-bottom:10px;
		padding-left:2px;
}
.footer_link ul a{
		line-height:18px;
		color:#666666;
		margin-left:2px;
}
#footer_under{
		height:24px;
		background:#ff0000;
		color:#ffffff;
		line-height:24px;
		text-align:center;
}

/* トップ */
#top_left{
		float:left;
		width:479px;
}
#top_right{
		float:right;
		width:477px;
}
#recommend_head{
		width:479px;
		height:50px;
		background:url(../images/title_recommend.jpg) no-repeat;
}
#recommend{
		width:479px;
		height:229px;
		background:url(../images/recommend_bg.jpg) no-repeat;
}

#recommend_sentence{
		width:234px;
		height:124px;
		position:relative;
		top:80px;
		left:17px;
		font-size:12px;
		line-height:20px;
		color:#666666;
}
.recommend_red{
		font-size:12px;
		color:#ff0000;
}
#watch_how_head{
		width:477px;
		height:50px;
		background:url(../images/title_watch_how.jpg) no-repeat;
}
#watch_how{
		width:475px;
		height:226px;
		border:solid 1px #ffa60d;
		border-top:none;
		
}
#top_youtube{
		width:240px;
		height:205px;
		position:relative;
		top:8px;
		left:13px;
		float:left;
}
#watch_how_sentense{
		float:right;
		width:200px;
		padding:8px 10px 0;
		font-size:12px;
		line-height:14px;
}

#column3_left{
		float:left;
		width:731px;
}
#left_side{
		float:left;
		width:222px;
}
#center_contents{
		float:right;
		width:500px;
}
#doukawareru{
		background:url(../images/green_thin_bar.gif) top no-repeat;
		border: solid 1px #689a03;
		border-top:none;
		padding-top:8px;
}
#doukawareru table{
		margin:5px 0 10px 16px;
}
#kankyou_head{
		background:url(../images/title_kankyou.gif);
		width:292px;
		height:29px;
}
#kankyou{
		width:266px;
		padding:12px;
		border:solid 1px #ff7417;
		background:#ffffcc;
		color:#666666;
		margin-bottom:10px;
}
.kankyou_red{
		color:#FF3300;
		font-weight:bolder;
}

#top_ryoukin_head{
		background:url(../images/title_top_ryoukin.gif);
		width:499px;
		height:30px;
}
#top_ryoukin{
		border:solid 1px #34ccff;
		border-top:none;
		padding:12px 10px;
}
#top_ryoukin table{	
		width:100%;
}
#top_getsugaku{
		width:215px;
		
}

#top_getsugaku_image{
		background:url(../images/top_getugaku.gif) no-repeat;
		width:180px;
		height:80px;	
}
#top_getsugaku_image a{
		position:relative;
		top:50px;
		left:90px;
}
#left_shitsumon_head{
		background:url(../images/title_left_shitsumon.gif);
		width:222px;
		height:29px;
}
#left_shitsumon{
		font-size:12px;
		line-height:24px;
		border:solid 1px #cccccc;
		border-top:none;
		padding:5px 10px;
}
#left_flow_head{
		background:url(../images/title_left_flow.gif);
		width:222px;
		height:30px;
}
#left_flow{
		font-size:12px;
		border:solid 1px #ffa216;
		padding:5px 10px;
}
#left_flow left{
		width:10%;
}
.lesson_right{
		width:150px;
		float:right;
		text-align:left;
		line-height:1.5em;
		padding-bottom:4px;
}
.lesson_teacher{
		color:#ff0033;
		font-weight:600;
}
.lesson_student{
		color:#33ccff;
		font-weight:600;
}
.lesson_flow{
		color:#99cc33;
		font-weight:600;
		padding:5px 0 8px;
}

#top_tokuchou{
		text-align:center;
}
#top_tokuchou img{
		margin-bottom:10px;
}

#top_bottom_info_head{
		border:solid 1px #cccccc;
		border-bottom:none;
		border-top:#999999;
		background:#666666;
		padding:3px 0 0 0;
}
#top_bottom_info{
		border:solid 1px #cccccc;
		border-top:none;
		padding:12px;
}




/* 各コンテンツ */
#left_contents{
		width:720px;
		float:left;
}
#right_side{
		float:right;
		width:222px;
}

.title_720{
		width:710px;
		height:40px;
		padding-left:10px;
		line-height:40px;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		color:#fff;
		background-color:red;
		background: url(../images/bar_orange_720.gif);
}
.title_500{
		width:490px;
		height:40px;
		padding-left:10px;
		line-height:40px;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		color:#fff;
}
.orange_500{
		background:url(../images/bar_orange_500.gif);
}
.green_500{
		background:url(../images/bar_green_500.gif);
}



.waku_720{
		padding:15px;
}
.waku_500{
		padding:15px;
}
.waku_orange{
		border:solid 1px #FF3333;
		border-top:none;
}
.waku_green{
		border:solid 1px #8bbe00;
		border-top:none;
}

#mymenu_wrap{
		border:solid 1px #666666;
		padding:10px;
		background:#f0f0f0;
		margin-bottom:10px;
}
#mymenu_wrap div{
		background:#fff;
		padding:9px 9px 1px 9px;
}
#mymenu_wrap a{
		display:block;
		margin-bottom:6px;
}

#ranking{
		background:url(../images/ranking_bg.gif) no-repeat;
		height:550px;
		border:solid #cd9935;
		border-width:0 1px 1px;
		padding-left:50px;
		margin-bottom:10px;
}

#ranking_eikaiwa{
		border:solid #CDB034;
		border-width:0 1px 1px;
		margin-bottom:10px;
		padding:3px 10px 10px;
		text-align:center;
}
#ranking_nihongo{
		border:solid #fe4173;
		border-width:0 1px 1px;
		margin-bottom:10px;
		padding:3px 10px 10px;
		text-align:center;
}

#ranking_pickup{
		border:solid #F4692F;
		border-width:0 1px 1px;
		margin-bottom:10px;
		padding:3px 10px 10px;
		text-align:center;
}

#ranking_meimon{
		border:solid #7D8CFB;
		border-width:0 1px 1px;
		margin-bottom:10px;
		padding:3px 10px 10px;
		text-align:center;
}

#ranking_num{
		text-align:center;
		padding:10px 15px 8px 16px;
		margin-bottom:10px;
}
#ranking_num img{
		margin-bottom:5px;
}
.right_bottom_link{
		text-align:center;
}

#skype_3step{
		border:solid 1px #6b9808;
		background:url(../images/skype_3step_bg.gif) no-repeat;
}
#skype_3step_flow{
		height:300px;
		padding-left:72px;
		line-height:30px;
		margin-bottom:10px;
		margin:0 20px 0 auto;
}
.font_green{
		line-height:1.5em;
		color:#669a00;
}
/* カレンダー */
.calendar{
		width:232px;
		border:solid 1px #999999;
		padding:5px;
		float:left;
		margin-right:30px;
}
.calendar th{
		font-size:20px;
		font-weight:600;
		color:#666666;
}
.calendar td{
		padding:3px 10px;
		text-align:center;
}
.youbi{
		background:#eeeeee;
		font-weight:600;
}
.calendar a{
		color:#666666;
}
.sunday a{
		color:#FF3366;
}
.saturday a{
		color:#3366CC;
}

.today{
		background:#555555;
		color:#fff;
		line-height:26px;
		padding:0 0 0 15px;
		margin-bottom:5px;
		font-size:16px;
		font-weight:600;
}

.time_table{
		background:#ccc;
		margin-bottom:15px;
}
.time_table th{
		background:#e9edf2;
		width:150px;
		padding:15px 0 5px;
		border-top:solid 1px #fff;
		border-left:solid 1px #fff;
		border-bottom:solid 1px #fff;
		
}

.time_table td{
		background:#fff;
		text-align:center;
}
.time_table2{
		background:#ccc;
		margin-bottom:2px;
		width:690px;
}
.time_table2 th{
		background:#e9edf2;
		width:80px;
		padding:5px 0 5px;
		border-top:solid 1px #fff;
		border-left:solid 1px #fff;
		border-bottom:solid 1px #fff;
		
}

.time_table2 td{
		background:#fff;
		text-align:center;
}


/* 講師詳細 */
#koushi_profile{
		border:solid 1px #aaaaaa;
		padding:10px;
}
#koushi_profile img{
		margin:0 15px 0 0;
		float:left;
		border:solid 1px #cccccc;
		padding:5px;
}
#koushi_profile table{
		border-top:solid 3px #FF0033;
		padding-top:5px;
}
#koushi_name{
		font-weight:600;
		color:#FF3366;
}
.profile_border{
		border-bottom:dashed 1px #cccccc;
}
.jikoshoukai{
		padding-top:5px;
}

/* 授業一覧 */
#mylist{
		width:100%;
		background:#aaa;
		margin-bottom:5px;
		border:solid #f3f3f3;
		border-width:0 2px 2px 0;
}
#mylist th{
		background:#f6f6f6;
		text-align:center;
		padding:8px;
		font-size:14px;
		border-top:solid 1px #fff;
		color:#444;
}
#mylist td{
		background:#FFFFFF;
		text-align:center;
		padding:5px 0;
}

.jugyounichiji{ width:250px;}
.koushi{ width:150px;}
.cancel{ width:150px;}


/* --------------------------------------------------ぐんぐん英会話とは */
#about_head{
		background:url(../images/title_about_gngn.gif);
		width:500px;
		height:40px;
		
}
#about{
		border:solid 1px #6d9f00;
		padding:70px 12px 12px;
		background:url(../images/about_taniguchi.jpg) top no-repeat;
}
#about_float{
		width:240px;
		height:150px;
		padding:1px;
		float:left;
}
.hasen{
		border:dashed #999999;
		border-width:1px 0 0 0;
		background:none;
		height:1px;
}
#wicky_comment{
		background:#eeeeee;
		width:240px;
		height:230px;
		padding:8px;
		line-height:1.7em;
		float:left;
		margin-left:5px;
}
#wicky_comment_bottom{
		margin:12px 0 0 0;
		line-height:1.4em;
}

#shikumi_head{
		background:url(../images/title_about_shikumi.gif);
		width:500px;
		height:42px;
		
}
#shikumi{
		border:solid 1px #da1648;
		padding:12px;
}
#shikumi1{
		background:url(../images/image_shikumi1.gif) top no-repeat;
}
#shikumi1 td{
		padding:70px 0 0 200px;
}

#shikumi2{
		background:url(../images/image_shikumi2.gif) top no-repeat;
}
#shikumi2 td{
		padding:95px 0 0 10px;
}
#shikumi2 div{
		float:right;
		width:180px;
		height:70px;
}
#shikumi p{
		margin:0;
		padding:5px;
}



#tokuchou_head{
		background:url(../images/about_tokuchou.gif);
		width:500px;
		height:45px;
		
}
#tokuchou{
		border:solid 1px #fe0000;
		border-top:none;
		padding:12px;
}
#tokuchou div{
		padding:0 0 0 40px;
}

#tokuchou{
		border:solid 1px #fe0000;
		border-top:none;
		padding:12px;
}
#tokuchou image{}


#point_head{
		background:url(../images/title_about_point.gif) no-repeat;
		width:500px;
		height:38px;
		
}


#point{
		border:solid 1px #8cc63f;
		border-top:none;
		padding:12px;
}


#kyouzai_head{
		background:url(../images/title_kyouzai.gif) no-repeat;
		width:500px;
		height:40px;
}

#kyouzai{
		border:solid 1px #006eff;
		border-top:none;
		padding:12px;
}

/*-------------------------------------------------------------------料金ページ*/
#fee_head{
		background:url(../images/title_fee.gif) no-repeat;
		width:500px;
		height:40px;
}
#what_paypal_head{
		background:url(../images/what_paypal.gif) no-repeat;
		width:500px;
		height:40px;
}
#taikendan_head{
		background:url(../images/taikendan.gif) no-repeat;
		width:500px;
		height:40px;
}


#fee{
		border:solid 1px #69b3f8;
		border-top:none;
		padding:12px;
}

#taiken{
		border:solid 1px #690;
		border-top:none;
		padding:12px;
}

/*------------------------------------------------------------------よくある質問*/
#faq_head{
		background:url(../images/title_faq.gif) no-repeat;
		width:500px;
		height:40px;
}

#faq{
		border:solid 1px #aeca75;
		border-top:none;
		padding:12px;
}

/*------------------------------------------------------------------授業の流れ*/
#flow_head{
		background:url(../images/title_flow.gif) no-repeat;
		width:500px;
		height:40px;
}

#flow{
		border:solid 1px #db5dbc;
		padding:12px;
}
.flow_step{
		color:#0071bc;
		font-size:14px;
		font-weight:bold;
}
#flow table td{
		padding-top:10px;
}


/*------------------------------------------------------------------授業の流れ*/
#skype_head{
		background:url(../images/title_skype.gif) no-repeat;
		width:500px;
		height:40px;
}

#skype{
		border:solid 1px #cd9a35;
		padding:12px;
}
.sub_midashi{
		border:solid #666666;
		border-width:0 0 1px 4px;
		color:#FF0033;
		font-weight:600;
		line-height:24px;
		font-size:14px;
		height:24px;
		padding-left:6px;
		margin:5px 0 12px;
}
#step_table{
		width:460px;
		margin:0 auto;
}
#step_table td{
		padding:5px;
}

.step_title{
		font-weight:bold;
		font-size:24px;
		color:#e60053;
}

.step_last{
		font-weight:bold;
		font-size:32px;
		color:#444444;
}
.skype_inner{
		width:460px;
		margin:0 auto;
}





/*授業申し込み*/
#order_table{
		width:650px;
		height:60px;
		margin:15px auto;
		font-size:24px;
		font-weight:600;
		background:#aaaaaa;
		color:#444444;
}

#order_table td{
		background:#ffffff;
		text-align:center;
		vertical-align:middle;
}


/*登録フォーム*/
#reg_head{
		background:url(../images/bar_orange_720.gif);
}
#reg_waku{
		border:solid 1px #ff6633;
		border-top:none;
}
.reg_table{
		background:#FFaa77;
		margin:5px auto;
}
.reg_table th{
		background:#ffefcf;
		padding:5px 10px;
		border-top:#ffffff;
		vertical-align:middle;
		border-top:solid 1px #ffffff;
		width:160px;
		color:#666666;
}

.reg_table td{
		background:#ffffff;
		vertical-align:middle;
		padding:5px 10px;
}

#submit_margin{
		width:90%;
		margin:0 auto;
}
#submit_margin input{
		width:100px;
		height:26px;
}
.input_name{ width:200px;}
.input_mail{ width:300px;}

/* お問い合わせ */

.contact_table{
		background:#FFaa77;
		margin:5px auto;
}
.contact_table th{
		background:#ffefcf;
		padding:5px 10px;
		border-top:#ffffff;
		border-top:solid 1px #ffffff;
		vertical-align:middle;
		color:#666666;
}

.contact_table td{
		background:#ffffff;
		vertical-align:middle;
		padding:5px 10px;
}

/* 会社概要 */
#corporate_table th{
		width:100px;
		text-align:left;
		padding-left:20px;
		color:#333333;
}