/* グローバル英語教室 */

/* ----------------------基本設定 --------------------- */

* {
margin: 0;
padding: 0;
}

div,pre,p,blockquote,table,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
p{
	line-height: 2;
	margin-bottom: 1.5em;
}
body {
	background-image : url('img/bg.jpg');
	background-attachment: fixed;
	background-position:0% 100%;
	background-repeat: repeat-x;
	scrollbar-arrow-color:#837f7f; /*矢印*/
	scrollbar-3dlight-color: #efefef; /*スクロールバー左と上の外側*/
	scrollbar-highlight-color:#fcfcfc;/*スクロールバー左と上の内側*/
	scrollbar-face-color:#e0e0e0; /*スクロールバー本体の色*/
	scrollbar-shadow-color:#c0c0c0;/*スクロールバー右と下の内側*/
	scrollbar-darkshadow-color:#837f7f;/*スクロールバー右と下の外側*/
	scrollbar-track-color:#fcfcfc;/*背面の色*/
	scrollbar-base-color:#efefef; /*指定しない場合はこの色*/
	/* overflow-y:auto;　スクロールしない場合はバー部分を出さない*/
	margin:0;
	text-align:center;
}
	
/* スクロールバーのズレ対策 */
*html body {overflow-y:auto;/*IE6だけに適用*/}

*+html body {overflow-y:auto;/*IE7だけに適用*/}

html{	overflow-y:scroll;
	overflow-x:hidden;　/* 横スクロールなし */}

caption,tr,td,th{
	font-size: 13px;
	color: #080842;
	line-height: 130%;
}

/* レイアウト用の表の下敷き */

#head2{
	position:relative;
	width:100%;
	background-image : url('img/bg2.gif');
	background-repeat: no-repeat;
	height : 115px;
	margin:0px auto;
	text-align:center;
	width : 800px;
}
#layout {
	position:relative;
	width:800px;
	margin:0px auto;
}
/* レイアウト用の表 */
#table_mein {
	width:100%;
	background-color:#ffffff;
}

/* ヘッダーー */
#header{
	width:800px;
}
/* 両端のセル左右 */
#l_cell {
	width : 15px;
}

#r_cell {
	width : 15px;
}

/* メインコンテンツ*/
#contents_top{
	width:590px;
	background-color:#ffffff;
	vertical-align : top;
	}
/* メインコンテンツの中のテーブル */
#contents{
	width:100%;margin-left:10px;
	}

/* 左のメニューバー */
#menu_l {
	width: 180px;
	background-color:#e95005;
	color: #ffffff;
	padding:5px;
	vertical-align : top;
}
/* 右のメニューバーの上（3カラムの場合幅調整） */
.menu_rh{
	width: 180px;
	background-color:#d8d8d8;
}
/* 右のメニューバー（3カラムの場合幅調整） */
#menu_r	{
	width: 180px;
	background-color:#d8d8d8;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0 startcolorstr=#d8d8d8 endcolorstr=#ffffff);

}
/* セルなどの余白 */
.padd{
	padding:0px 8px 0px 8px;
}
/* フッター */
#footer{
	padding:2px 3px;
	border-top:1px solid #6c4904; 
}

/* 画像 */
img{	border:none;}

/* リンク関連 ------------------------------------- */

/* 通常リンク */
a:link{		color : #3a64aa;}
a:visited{	color : #5d61a2;}
a:hover{	color : #973e4d;}

/* メニュー部分のリンク*/

ul#menu {
	list-style:none;
	margin:0px;padding:0px;
}

ul#menu li a:link ,
ul#menu li a:visited {
	text-decoration:none;
	color : #b9617c;
	width : 170px;
	height : 50px;
	background-image : url('img/menu1.gif');
	background-repeat:no-repeat;
	font-size: 14px;
	margin: 0px 0px 10px 5px;
	padding:17px 0px 0px 28px;
	display: block;　/* NN対策 */

}
ul#menu li a:hover {
	color : #ffffff;
	background-image : url('img/menu1.gif');
	background-position: 0% 100%;
	background-repeat: no-repeat;}

ul#menu li#menu_on a:link ,
ul#menu li#menu_on a:visited {
	text-decoration:none;
	color : #ffffff;
	width : 170px;
	height : 50px;
	background-image : url('img/menu1.gif');
	background-position:0% 100%;
	font-size: 14px;
	margin: 0px 0px 10px 5px;
	padding:17px 0px 0px 28px;
	display: block;　/* NN対策 */
	font-weight:bold;
}

/* 横並びメニュー1 */
ul.menu2{	float:right;
	margin: 5px 20px 5px 0px;}
ul.menu2 li{display:inline;
}
li.waku{font-size: 12px;
	padding-top:5px;
	margin-left : 5px;
	float:left;
	letter-spacing:1px;
}
ul.menu2 li a:link ,
ul.menu2 li a:visited {
	text-decoration:none;
	background-color:#e5e5e5;
	font-size: 12px;
	padding:4px;
	margin-left : 3px;
	color: #888888;
	float:left;
	border:1px solid #888888; 
}
ul.menu2 li a:hover,
ul.menu2 li a:active{
	background-color:#ffffff;
	color : #000000;
}

/* 横並びメニュー-+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */

#menu_y {height:45px;
	width : 800px;
	margin:0px;
	padding:0px;
}
#menu_y ul {
	padding:0px;}
#menu_y li {
	display:inline;
	list-style-type:none;
}
#menu_y li a {
	height:45px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#menu_y li.menu01 a {
	background:url(img/menu.gif) no-repeat 0px 0px;
	width:200px;
}
#menu_y li.menu03 a {
	background:url(img/menu.gif) no-repeat -200px 0px;
	width:200px;
}
#menu_y li.menu04 a {
	background:url(img/menu.gif) no-repeat -400px 0px;
	width:200px;
}
#menu_y li.menu05 a {
	background:url(img/menu.gif) no-repeat -600px 0px;
	width:200px;
}

/*------hover*/
#menu_y li.menu01 a:hover,#menu_y li.menu01_on a:hover {
	background:url(img/menu.gif) no-repeat 0px -45px;
}
#menu_y li.menu03 a:hover,#menu_y li.menu03_on a:hover {
	background:url(img/menu.gif) no-repeat -200px -45px;
}
#menu_y li.menu04 a:hover,#menu_y li.menu04_on a:hover {
	background:url(img/menu.gif) no-repeat -400px -45px;
}
#menu_y li.menu05 a:hover,#menu_y li.menu05_on a:hover {
	background:url(img/menu.gif) no-repeat -600px -45px;
}

/*------on*/
#menu_y li.menu01_on a {
	background:url(img/menu.gif) no-repeat 0px -90px;
	width:200px;
}
#menu_y li.menu03_on a {
	background:url(img/menu.gif) no-repeat -200px -90px;
	width:200px;
}
#menu_y li.menu04_on a {
	background:url(img/menu.gif) no-repeat -400px -90px;
	width:200px;
}
#menu_y li.menu05_on a {
	background:url(img/menu.gif) no-repeat -600px -90px;
	width:200px;

}
/* 箇条書きではないリンク */
a.menu3:link ,
a.menu3:visited {
	text-decoration:none;
	font-family:fantasy;
	background-image: url('img/menu3.gif');
	background-repeat: no-repeat;
	color : #000000;
	width : 200px;
	height : 25px;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 6px 0px 0px 0px;
	text-align:center;
}
/* ナビゲーション・パンくず */
.navi{margin:0;
	text-align:right;
	padding: 2px 20px 0 0px;
	letter-spacing:1px;
}

/* スクロールさせない(新着情報にPHP使用時) */
DIV#osirase{
	width : 100%;
	margin:7px 0 12px 0;
	line-height: 1.5;
}
DIV#osirase p{background: url('img/icon_b.gif') no-repeat; 
	background-position:0 2px;
	padding-left: 1.4em; 
	font-size: 85%;
	border-bottom:1px dotted #a2a2a2;
	margin:8px 0;
	letter-spacing:1px;
}
DIV#osirase strong{
	color: #d00;
	font-size: 14px;
	letter-spacing:1px;
}


/* テーブル・セルなどによく使うもの ------------------------------------- */

/* テーブルとセルの線を細くする */
table{
	border-collapse: collapse;
	border-color: #6c4904;
}
td{
	border-collapse: collapse;
	border-color: #6c4904;
}
/* ヘッダーセル */
th{
	border-collapse: collapse 1px ;
	border-color: #513603;
	background-color:#f0f1f3;
	white-space: nowrap;
	padding-left:5px;
	
}
/* 背景が白のテーブル、セルなど */
.bg_white {
	background-color:#ffffff;
}
/* 背景が黒のテーブル、セルなど */
.bg_black {
	background-color:#000000;
	color: #ffffff;
}

/* cssテーブル */
.box_all {background: #dbebfa;width :100%;}
.box_t div {background: url(img/1.gif) no-repeat top left;}
.box_t {background: url(img/2.gif) no-repeat top right;}
.box_b div {background: url(img/3.gif) no-repeat bottom left;}
.box_b {background: url(img/4.gif) no-repeat bottom right;}
.box_t div, .box_t,.box_b div, .box_b {width: 100%;height: 10px;font-size: 1px;}
.box_c { margin: 0 10px;font-size: 14px;line-height:1.5;color: #063397;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
	letter-spacing:1px;}

/* 幅100% */
.w100{
	width : 100%;
	padding: 0px;
	margin: 0px;
}

/* 幅520px */
.hyo5,.hyo5c{
	width : 100%;
	margin: 10px 0px;
}
.hyo5 td,.hyo5c td{padding:2px;}

.hyo5c td{text-align:center;}

/* 文字関連------------------------------------- */

p {
	clear:both;
}

/* 教室紹介の説明文 */
.setumei
{	margin-top:20px;letter-spacing:0.15em;
	line-height:1.9;
	font-size:12px;}

/* 白い文字 */
.f_white {
	color: #fff7e8;
}
/* 赤い文字 */
.f_red {
	color: #cc0000;
}
/*装飾的な文字 */
.f_design{
	font-family:fantasy;
	color:#808000;
	font-weight:bold;
	font-size:14px;
}
/* 小さい文字1 */
.f_small{
	font-size:12px;
}/* 小さい文字2 */
.f_ssmall{
	font-size:10px;
}

/* 大きい文字 */
.f_big{
	font-size:145%;vertical-align: -1px;
}
/* 改行 */
.kaigyo140{
	line-height: 140%
}
.kaigyo150{
	line-height: 150%;
}

/* 配置関連------------------------------------- */

/* 右寄せ */
.haiti_right{
	text-align: right;
}
.haiti_right_float{
	float: right;
}
/* 左寄せ */
.haiti_left{
	text-align: left;
}
.haiti_left_float{
	float: left;
}
/* 文字のセンタリング */
.haiti_cent{
	text-align: center;
	margin: 0px auto 0px auto
}
/* 上付 */
.haiti_top{
	vertical-align : top;
}
/* 下付 */
.haiti_bottom{
	vertical-align : bottom ;
}
/* 改行しない */
.nowrap{
	white-space: nowrap;/* 改行しない */
}

/* 見出し------------------------------------- */

h1 {	font-size:10px;
	width : 800px;
	font-family: verdana;
	padding:0px;
	margin:0px auto;
	font-weight:normal;
	color: #87a2c1;
	letter-spacing:1px;
	color: #ffffff;
	background-color:#f3d04d;
}
h2 {
	background: url('img/h2.gif') no-repeat;
	font-size: 20px;
	height : 45px;
	padding:15px 0 0 15px;
	margin : 0;
	color: #ffffff;
	letter-spacing:1px;
 }
h3 {clear: both;
	font-size: 15px;
	padding:3px 0px 0px 15x;
	margin :5px 0px 5px 0px;
	width : 570px;
	height : 25px;
	background: url('img/h3.gif') no-repeat;
	background-color: #ffffff;
	color: #36497c;
	letter-spacing:1px;
	line-height:2;text-indent:0.5em;;
}

h3 a:link,h3 A:Visited{
	text-decoration:none;
	color: #002ab2;}

h4 {
	background-color:#e95005;
	color:#ffffff;
	padding:4px 4px 4px 5px;
	margin:2px 0px 2px 0px;
	font-size:12px;
	font-weight:normal;
}
h4 span{
	display:block;
	font-size : 14px;
	border:solid #000000;
	border-width :1px 0px 0px 1px;
	color:#000000;
	background-color:#eaeaea;
	padding:2px 0px 2px 4px;
	margin-top:2px;
}

h5 {
	font-size: 130%;
	line-height: 130%;
	margin :5px 0px;
	color: #666666;
}


h6{
	font-size : 14px;
	border-bottom : 2px solid #23707f ;
	border-left : 10px ridge #46e0ff ;
	height : 25px;
	padding:5px 0px 0px 9px;

}
/* 背景関連------------------------------------- */

/* 左一列の画像 */
.bg_hidari{
	background-image : url('img/bg2_2.gif');
	background-attachment: fixed;
	background-position:0% 00%;
	background-repeat: repeat-y;
}
/* 左上の画像 */
.bg_hidariue{
	background-image : url('img/hidariue.gif');
	background-attachment: fixed;
	background-position:0% 00%;
	background-repeat: no-repeat;
}
/* 左下の画像 */
.bg_hidarisita{
	background-image : url('img/bg_hidarisita.gif');
	background-attachment: fixed;
	background-position:0% 100%;
	background-repeat: no-repeat;
}
/* 右上の画像 */
.bg_migiue{
	background-image : url('img/bg_top.jpg');
	background-attachment: fixed;
	background-position:100% 0%;
	background-repeat: no-repeat;
}
/* 右下の画像 */
.bg_migisita{
	background-image : url('img/migisita.gif');
	background-attachment: fixed;
	background-position:100% 100%;
	background-repeat: no-repeat;
}
/* 中央の画像 */
.bg_naka{
	background-image : url('img/onkotishin.gif');
	background-attachment: fixed;
	background-position:50% 50%;
	background-repeat: no-repeat;
}

/* 画像関連------------------------------------- */

/* 画像に影 */
.kage{
	filter:progid:dximagetransform.microsoft.shadow(color=#bbbbbb,strength=5,direction=130);
}
/* 左寄せ画像<BR CLEAR="all">回り込み終了タグ */
.pict {
	float: left; margin: 2px 5px 1px 0px;
	padding:5px;
}
/* 右寄せ画像 */
.pict_r {
	float: right; margin: 2px 5px 1px 0px;
	padding:5px;
}

/* 罫線------------------------------------- */

/* 表の枠 */

.hyo_uesita {
	border-top:1px solid #6c4904; 
	border-bottom:1px solid #6c4904; 
}
.hyo_sayu {
	border-right:1px solid #6c4904; 
	border-left:1px solid #6c4904; 
}
.hyo_migi {
	border-right:1px solid #6c4904; 
}
.hyo_sita {
	border-bottom:1px solid #6c4904; 
}
.hyo_ue {
	border-top:1px solid #6c4904; 
}
.hyo_hidari {
	border-left:1px solid #6c4904; }
.hyo_kakomi {
	border:1px solid #6c4904; 
}
/* ドット下線 */
.hyo_sita_dt {
	border-bottom:1px dotted #6c4904; 
}
/* テーブルドット枠 */
.hyo_dot{
	border: 2px dotted #6c4904;
}

/* グラデーション------------------------------------- */

/*グラデーション*/
.filt_hk{
	filter: alpha( opacity=0, finishopacity=100, style=1, startx=100, finishx=10, starty=100, finishy=100);
}
/*グラデーション右濃*/
.filt_mk{
	filter: alpha( opacity=0, finishopacity=100, style=1, startx=10, finishx=100, starty=100, finishy=100);
}
/*グラデーション上濃*/
.filt_uk{
	filter: alpha( opacity=0, finishopacity=100, style=1, startx=100, finishx=100, starty=100, finishy=0);
}
/*グラデーション下濃*/
.filt_sk{
	filter: alpha( opacity=0, finishopacity=100, style=1, startx=100, finishx=100, starty=0, finishy=100);
}
/*グラデーション色指定*/
.filt_sitei{
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0 startcolorstr=#b4c5dd endcolorstr=#ffffff);
}

/* その他------------------------------------- */

/* スクロールさせる */
.scroll{
	width: 400px; height: 150px; overflow: auto;
}

/* リスト */
ul { 	margin:0px;
	list-style:none;
} 
li { 
 	margin:0px;
	list-style:none;
} 


li.icon { 
	background: url(img/icon.gif) no-repeat; 
	background-position:0% 3px;
	margin:3px 2px 2px 10px;
	padding-left: 15px; 
} 

/* <dl ID="case1"><dt></dt><dd></dd></dl>でdt と dd を横並び */
dl{margin:2px;}
#case1 dt {
        width: 70px;
}
#case1 dd {
        margin-left: 70px;
        margin-top: -1.3em;
/* margin、padding は 0 なので dt、dd それぞれの line-height 値の半分を足した値をマイナス */
}

/* <dl ID="case2"><dt></dt><dd></dd></dl> */
#case2 dt {
	margin:10px 0px 3px 0px;
	font-size: 14px;
	font-weight:bold;
	line-height: 200%;
	letter-spacing:1px;
	color: #800000;
}
#case2 dd {
        margin-left: 20px;
	line-height: 150%;
	letter-spacing:1px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
}

/* インデント */
blockquote{	margin:0px 15px 0px 15px;}

/* 不可視スペースなし */
.toumei{	display : none; }

/*リンクの手を出さない*/
.mk{	cursor:default;}

/* 水平線 */
hr {
	border-style: dotted;
	margin-bottom:1px;
	margin-top:1px;
	color:#6c4904;
}

/* コピーライト */
address{
	font-size:9px;
	font-family: verdana;
	color:#ffffff;
	font-style: normal;
	clear: both;
	width : 100%;
	text-align:center;
	background-color:#f3d04d;
}

/* フォーム関連 ------------------------------------- */

form{	margin:1px;}

/* お問い合わせ */
textarea,input,select {
	border:1px solid #8b9b97;
	background-color: #f3f3f3;
	font-size: 12px;
	color: #464646;
}

.but {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color: #ffffff;
}

/* メールフォームcgi（mail22）の上部タイトルなど */
.ttl{
	font-size:14px;
	font-family: verdana;
	color:#ffffff;
}

/*  */