/*****テンプレート部分********************************************************************************************************************************************/
*{
	margin:0;
	padding:0;
}

body{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#f5f6f8;
	color:#333333;
	font-size:12px;
	line-height:1.5em;
}

/**ページ右最上部**/
h1{
	color:#47c7ec;
	font-size:10px;
	text-align:right;
	width:1000px;
	height:21px;
	margin:0 auto;	
	line-height:1.9em;
}

/**画像のリンク枠**/
a img{
	border:none;	
}

/**ヘッダーからメインヴィジュアルまでの領域（背景）****************************************************************************/
#top_outer{
	width:100%;
	height:519px;
	background: url(../images/top_outer.png) repeat-x;
}

/**ヘッダー領域**/
#header{
	width:1000px;
	height:83px;
	margin:0 auto;
}

/**ロゴ領域（ヘッダー左エリア）**/
#logo{
	width:294px;
	height:83px;
	float:left;
}

/**ISOロゴエリア**/
#logo_iso{
	width:148px; /**DWでレイアウト崩れがおきるので、ここの横幅と下のpositionで指定**/
	height:83px;
	float:left;	
}

/**ISOロゴ画像の位置**/
#logo_iso img{
	float:right;
	margin-top:10px;
	position:relative;
	left:169px;
}

/**ヘッダーナビゲーション領域（ヘッダー右エリア）**/
#header_navi{
	width:403px;
	height:83px;
	float:right;
}	

/**ヘッダーナビゲーション（リスト）**/
#header_navi ul li{
	float:left;	
	list-style:none;
	height:11px;
	text-indent:-9999px;
	margin:5px 0 10px 14px;
}

/**ヘッダーナビゲーションの（リスト内のリンク）**/
#header_navi ul li a{
	height:11px;
	display:block;	
}

/**通常ボタン**/
.h_navi1{
	width:52px;
	background: url(../images/h_navi1.png) no-repeat;	
}
.h_navi2{
	width:142px;
	background: url(../images/h_navi2.png) no-repeat;	
}
.h_navi3{
	width:70px;
	background: url(../images/h_navi3.png) no-repeat;	
}
.h_navi4{
	width:83px;
	background: url(../images/h_navi4.png) no-repeat;	
}

/**ロールオーバー用**/
.h_navi1:hover{
	background: url(../images/h_navi1.png) 0 -11px;	
}
.h_navi2:hover{
	background: url(../images/h_navi2.png) 0 -11px;	
}
.h_navi3:hover{
	background: url(../images/h_navi3.png) 0 -11px;	
}
.h_navi4:hover{
	background: url(../images/h_navi4.png) 0 -11px;	
}

/**「無料体験レッスン」「お問い合わせ」ボタン（ヘッダーナビゲーションの下部）**/
#header_navi p{
	text-align:right;
}

/**グローバルナビゲーション**/
#g_navi{
	clear:both;
	width:1000px;
	height:54px;
	margin:0 auto;	
	margin-top:7px;
}

/**グローバルナビゲーション（リスト）**/
#g_navi ul li{
	float:left;
	width:200px;
	height:54px;
	list-style:none;
	text-indent:-9999px;
}

/**グローバルナビゲーション（リスト内リンク）**/
#g_navi ul li a{
	width:200px;
	height:54px;
	display:block;
}
/**通常ボタン**/
.g_navi1{
	background: url(../images/g_navi1.png) no-repeat;		
}
.g_navi2{
	background: url(../images/g_navi2.png) no-repeat;		
}
.g_navi3{
	background: url(../images/g_navi3.png) no-repeat;		
}
.g_navi4{
	background: url(../images/g_navi4.png) no-repeat;		
}
.g_navi5{
	background: url(../images/g_navi5.png) no-repeat;		
}

/**ロールオーバー**/
.g_navi1:hover{
	background: url(../images/g_navi1.png) 0 -54px;		
}
.g_navi2:hover{
	background: url(../images/g_navi2.png) 0 -54px;		
}
.g_navi3:hover{
	background: url(../images/g_navi3.png) 0 -54px;		
}
.g_navi4:hover{
	background: url(../images/g_navi4.png) 0 -54px;		
}
.g_navi5:hover{
	background: url(../images/g_navi5.png) 0 -54px;		
}

/**メインヴィジュアル*****************************************************************************************************************************/
#main_v{
	width:1000px;
	height:346px;
	margin:8px auto 0 auto;
	background: url(../images/main_v.jpg) no-repeat;
}

/*▼追加▼*/
#main_v p{
	position:relative;
	z-index:0;	
}
/*▲追加▲*/

/**ログインエリア**/
#loginarea{
	width:200px;
	height:185px;
	margin:0px 0 35px 790px;	
	padding-top:30px;
	position:relative;
	z-index:1;	
	margin-top:-346px;
}

/**ログインエリア（上部）**/
.l_top{
	width:200px;
	height:10px;
	background: url(../images/login_back_top.png) no-repeat;		
}

/**ログインエリア（中央）**/
.l_middle{
	width:162px;
	/* height:100%; */
	background: url(../images/login_back_middle.png) repeat-y;
	padding-left:23px;
	padding-right:15px;
}

/**ログインエリア（段落要素）**/
.l_middle p{
	color:#4dabe7;
	font-size:13px;
	line-height:1.1em;
	padding-top:3px;
}

/**次回から自動的にログイン**/
.l_middle p .save{
	font-size:10px;
	color:#333333;
	position:relative;
	top:-2px;
	width:130px;
}

/**「e-mail」「password」のテキストフィールド**/
.l_middle p input{
	padding:2px 0;
	margin:1px 0 2px 0;	
}

/**パスワードを忘れた方はこちら**/
.l_middle p .forget_pass a{
	font-size:10px;
	color:#4dabe7;
	text-decoration:none;
}

/**ログインボタン**/
.l_middle p img{
	margin-top:5px;	
}

/**ログインエリア（下部）**/
.l_bottom{
	width:200px;
	height:10px;
	background: url(../images/login_back_bottom.png) no-repeat;		
}

/**メインヴィジュアル内のナビゲーション**/
#m_navi{
	width:890px;
	height:75px;
	background: url(../images/m_navi.png) no-repeat;
	margin:0px 0 0 100px;
	/*▼追加▼*/
	position:relative; 
	z-index:3;
	/*▲追加▲*/
}

/**リスト**/
#m_navi ul{
	width:890px;
	height:55px;
	padding:10px 0 0 6px;
}

/**各リスト**/
#m_navi ul li{
	height:55px;
	float:left;
	list-style:none;
	margin-right:5px;	
	text-indent:-9999px;
	cursor:pointer; /**バグ対策**/
}

/**ブロック要素に変更**/
#m_navi ul li a{
	height:55px;
	display:block;	
}

/**通常ボタン**/
.m_navi1{
	width:210px;
	background: url(../images/m_navi1.png) no-repeat;		
}
.m_navi2{
	width:222px;
	background: url(../images/m_navi2.png) no-repeat;		
}
.m_navi3{
	width:198px;
	background: url(../images/m_navi3.png) no-repeat;		
}
.m_navi4{
	width:227px;
	background: url(../images/m_navi4.png) no-repeat;		
}

/**ロールfオー**/
.m_navi1:hover{
	background: url(../images/m_navi1.png) 0 -55px;		
}
.m_navi2:hover{
	background: url(../images/m_navi2.png) 0 -55px;		
}
.m_navi3:hover{
	background: url(../images/m_navi3.png) 0 -55px;		
}
.m_navi4:hover{
	background: url(../images/m_navi4.png) 0 -55px;		
}

/**コンテンツ最上部の24時間OPENの箇所**************************************************************************************************************/
#word_space_outer{
	width:100%;
	height:82px;
	background: url(../images/word_space.png) repeat-x;		
}

/**24時間OPEN。。。。。領域**/
#word_space{
	width:1000px;
	height:42px;
	margin:0 auto;
	padding-top:30px;
}

/**h2見出し**/
#word_space h2{
	font-size:36px;
	color:#333;
	font-weight: normal;
	text-align:center;
}

/**「24時間OPEN」の文字**/
#word_space h2 span{
	font-size:36px;
	color:#f41f19;
	position: relative;
	top: 7px;
}

/**24時間OPENの後の説明文**/
#word_space h2 .description{
	font-size:15px;
	color:#333;
	font-weight: normal;
	position:relative;
	top:0px;
}


/**コンテンツ*************************************************************************************************************/
#contents{
	width:1000px;
	margin:0 auto;
	background:#f5f6f8;	
}

/**メインコンテンツ**/
#main_contents{
	width:760px;
	float:left;
}
/******◉メインコンテンツ内の記述は「contents.css」◉**************************/

/******トップ以外のページのコンテンツ部分**************************/
#contents_others{
	width:1000px;
	margin:0 auto;
	background:#ffffff;	
}



/**サイドメニュー*****************************************************************************************************/
#side_menu{
	width:225px;
	float:right;
}

/**スペシャルフィーチャーズ（SPECIAL FEATURES）**/
#side_menu h3{
	padding:30px 0 10px 0;	
	
}

/**バナー領域**/
#bnr{
	width:225px;	
}

/**サイドメニュー（各リスト）**/
#bnr ul li{
	width:225px;
	height:113px;
	list-style:none;
	margin-bottom:7px;	
}

/**サイドメニュー（各リスト）**/
#bnr li a{
	width:225px;
	height:113px;
	display:block;
	text-indent:-9999px;
}

#bnr ul .bnr3 a{
	height:172px;
}

/**通常ボタン**/
.bnr0{
	background: url(../images/bnr0.png) no-repeat;		
}
.bnr1{
	background: url(../images/bnr1.png) no-repeat;		
}
.bnr2{
	background: url(../images/bnr2.png) no-repeat;		
}
#bnr ul .bnr3{
	height:172px;
	cursor:pointer; /**バグ対策**/
}
.bnr3{
	background: url(../images/bnr3.png) no-repeat;		
}
.bnr4{
	background: url(../images/bnr4.png) no-repeat;		
}
.bnr5{
	background: url(../images/bnr5.png) no-repeat;		
}
.bnr6{
	background: url(../images/bnr6.png) no-repeat;		
}
.bnr7{
	background: url(../images/bnr7.png) no-repeat;		
}
.bnr8{
	background: url(../images/bnr8.png) no-repeat;		
	text-indent:-9999px;	
}
.bnr9{
	background: url(../images/bnr9.png) no-repeat;		
}
.bnr10{
	background: url(../images/bnr10.png) no-repeat;		
}
.bnr11{
	background: url(../images/bnr11.png) no-repeat;		
}
.bnr12{
	background: url(../images/bnr12.png) no-repeat;
	text-indent:-9999px;		
}
.bnr13{
	background: url(../images/bnr13.png) no-repeat;		
}
.bnr14{
	background: url(../images/bnr14.png) no-repeat;		
}
.bnr15{
	background: url(../images/bnr15.jpg) no-repeat;		
}
.bnr16{
	background: url(../images/bnr16.jpg) no-repeat;		
}
.bnr17{
	background: url(../images/bnr17.png) no-repeat;		
}
.bnr18{
	background: url(../images/bnr18.png) no-repeat;		
}
.bnr19{
	background: url(../images/bnr19.png) no-repeat;		
}

/**ロールオーバー**/
.bnr0:hover{
	background: url(../images/bnr0.png) 0 -113px;		
}
.bnr1:hover{
	background: url(../images/bnr1.png) 0 -113px;		
}
.bnr2:hover{
	background: url(../images/bnr2.png) 0 -113px;		
}
.bnr3:hover{
	background: url(../images/bnr3.png) 0 -172px;		
}
.bnr4:hover{
	background: url(../images/bnr4.png) 0 -113px;		
}
.bnr5:hover{
	background: url(../images/bnr5.png) 0 -113px;		
}
.bnr6:hover{
	background: url(../images/bnr6.png) 0 -113px;		
}
.bnr7:hover{
	background: url(../images/bnr7.png) 0 -113px;		
}
.bnr8:hover{
/*	background: url(../images/bnr8.png) 0 -113px; */
}
.bnr9:hover{
	background: url(../images/bnr9.png) 0 -113px;		
}
.bnr10:hover{
	background: url(../images/bnr10.png) 0 -113px;		
}
.bnr11:hover{
	background: url(../images/bnr11.png) 0 -113px;		
}
.bnr12:hover{
/*	background: url(../images/bnr12.png) 0 -113px; */
}
.bnr13:hover{
	background: url(../images/bnr13.png) 0 -113px;		
}
.bnr14:hover{
	background: url(../images/bnr14.png) 0 -113px;		
}
.bnr15:hover{
	background: url(../images/bnr15.jpg) 0 -113px;		
}
.bnr16:hover{
	background: url(../images/bnr16.jpg) 0 -113px;		
}
.bnr17:hover{
	background: url(../images/bnr17.png) 0 -113px;		
}
.bnr18:hover{
	background: url(../images/bnr18.png) 0 -113px;		
}
.bnr19:hover{
	background: url(../images/bnr19.png) 0 -113px;		
}

/**このページの上へ**/
#pagetop{
	width:1000px;
	height:80px;
	margin:0 auto;	
}

/**「このページの上へ」ボタンの位置**/
#pagetop p{
	text-align:right;
	padding-top:25px;
}

/**フッター背景**/
#footer_outer{
	height:340px;
	background: url(../images/footer_back.png) repeat-x;
}

/**フッター内側**/
#footer{
	width:1000px;
	height:314px;
	margin:0 auto;
}

/**フッター上部（白背景の「左」領域）**/
.f_left{
	width:640px;
	height:121px;
	float:left;
}

/**段落要素**/
.f_left p{
	margin-top:22px;
	font-size:10px;	
	color:#666666;
	line-height:1.4em;
}

/**フッター上部（白背景の「右」領域）**/
.f_right{
	width:360px;
	height:121px;
	float:right;
}

/**段落要素**/
.f_right p{
	text-align:right;
	margin-top:27px;	
	font-size:10px;	
	color:#666666;
}

/**ご不明な点、カウンセリングはこちら画像位置**/
.btn_center{
	margin-right:30px;	
}

/**フッターナビゲーション領域**/
.footer_navi{
	clear:both;
	width:1000px;
	height:156px;
	background: url(../images/footer_navi_back.png) no-repeat;
}

/**「MAIN」「ABOUT ENGLISH BELL」「GROUP」のリスト**/
.footer_navi .left{
	width:240px;
	height:145px;
	float:left;
	padding-top:8px;
}

/**リストタイトル**/
.footer_navi .left p{
	font-size:12px;
	color:#255999;
}

/**各リスト設定**/
.footer_navi .left li{
	list-style:none;
	font-size:10px;
	color:#255999;
	line-height:1.8em;
}

.no_link{
	color:#ffffff;	
}

/**各リストのリンク設定**/
.footer_navi .left li a{
	color:#ffffff;
	text-decoration:none;
}

address{
	clear:both;
	width:1000px;
	height:44px;
	color:#ffffff;
	text-align:center;
	padding-top:20px;
	font-style:normal;
}