@charset "utf-8";

/* browser style reset
------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
 
body {
	font-family:
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic",
		sans-serif;
	font-size:90%;
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
  _text-align: center;
}
select,
input,
button,
textarea {
	font:100% "MS Pゴシック",Arial,sans-serif ;
}
table {
	font-size:inherit;
	font:100%;
}
textarea {
	font-size: 100%;
}

hr{
	display:none;
	margin:0;
	padding:0;
}

/*------------------------------------------------------------

 layout

------------------------------------------------------------*/
body{
	background:#abdaf5;
	color:#333;
	height:100%;
}

.clear{
	clear:both;
}

a{
	color:#0066cc;
	text-decoration:underline;
    outline: none;
}

a:hover{
	text-decoration:none;
}

/*全体*/
div#wrapper{
	position:relative;
	background:url(img/bg.jpg) top left repeat-y;
	margin:0 auto;
	width:952px;
	height:auto;
  _text-align:center;
}

/*10pt コメント*/
p.note{
	font-size:85%;
	line-height:120%;
}


/*ヘッダー***************************************************/
div#header{
	position:relative;
	margin:0 auto;
	width:900px;
	border-top:5px solid #47a5e1;
	padding:15px 0;
}

#header div#nameWrap{
	display:block;
	width:400px;
	float:left;
  _text-align:left;
}

#header h1#eikaiwa a{
	font-size:120%;
	color:#666;
	text-decoration:none;
}
#header h1#crossyou a{
	font-size:230%;
	font-weight:bold;
	color:#47a5e1;
	font-family:Century Gothic, Verdana, sans-serif;
	text-decoration:none;
	line-height:1em;
}

#header div#addWrap{
	display:block;
	width:450px;
	height:auto;
	float:right;
}

#header div#addWrap p#headAdd{
	font-size:110%;
	color:#666;
	text-align:right;
	line-height:1em;
	padding-top:5px;
}

#header div#addWrap p#tel{
	font-size:155%;
	font-weight:bold;
	color:#47a5e1;
	text-align:right;
	line-height:160%;
}

/*グローバルナビ************************************************/
div#navi{
	background:#bfe2f7 url(img/bg_left.jpg) top left repeat-x ;
	position:relative;
	display:block;
	width:188px;
	height:auto;
	float:left;
	margin:10px 0 10px 26px;
	padding:10px 6px;
  _text-align:left;
}
/*IE6*/
* html * div#navi{
	margin:10px 0 10px 15px;
}
#navi li a{
	display:block;
	background:#e7e7e7 url(img/bg_navi.jpg) top left repeat-x ;
	border-left:5px solid #47a5e1; 
	width:170px;
	_width:180px;
	height:auto;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	margin-bottom:2px;
	padding:5px;
}

#navi li a:hover{
	background:#e7e7e7 top left repeat-x ;
}

div#navi h3{
	width:173px;
	_width:180px;
	background:#47a5e1;
	border:1px solid #47a5e1;
	color:#FFF;
	padding:5px;
	font-size:100%;
	margin-top:10px;
	line-height:100%;
	text-align:center;
}

div#navi .contactWrap{
	width:173px;
	background:#fff;
	border:1px solid #47a5e1;
	color:#FFF;
	padding:5px;
}

div#navi .contactWrap dl{
	width:168px;
}

div#navi .contactWrap dt{
	color:#666;
	line-height:100%;
	font-size:120%;
	font-weight:bold;
}


div#navi .contactWrap dd{
	width:168px;
	color:#666;
	font-size:120%;
	line-height:150%;
	overflow:hidden;
}



/*メインイメージ************************************************/
div#topMain{
	background:url(img/img_main.jpg) top left no-repeat ;
	width:900px;
	height:200px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}

div#topMain h2{
	font-size:250%;
	color:#FFF;
	text-align:right;
	padding:15px;
}

div#topMain p{
	font-size:120%;
	line-height:110%;
	color:#FFF;
	text-align:right;
	padding:100px 15px 15px 15px;
}

/*中央コンテンツ************************************************/
div#centerWrap{
	width:450px;
	padding:10px;
	float:left;
  _text-align:left;
}

div#centerWrap h3{
	background:#d6d6d6 url(img/bg_h3.jpg) top left repeat-x ;
	position:relative;
	display:block;
	width:430px;
	height:auto;
	padding:10px 10px 5px 10px;
	margin-bottom:10px;
	color:#47a5e1;
         font-size:120%;   /*  付け加えた*/
	font-weight:bold;
}
/*div#centerWrap p {
	line-height:150%;
	padding:1em 0 2em 0.5em;
	
}*/
div#centerWrap p.textP {
	line-height:150%;
	padding:1em 0 2em 0;
	
}

/*画像レイアウト*/

.floatLeft{
	float:left;
	margin:0 10px;
	
}
.floatRight{
	float:right;
	margin:0 10px;

}

/*トップページ ニュースリリース*/
div#news,
div.contWrap{
	width:450px;
	margin-bottom:20px;
}
div#contPost {
  padding-left:0.5em;
}
#contTable th{
  width:220px;
  padding-right:10px;
  vertical-align:top;
  text-align:left;
}
#contTable{
  font-size:100%;
  font-style:normal;
  font-weight:normal;
  line-height:150%;
  width:430px;
  text-align:left;
}
/*div#contPost img{
	float:right;
	margin:0 10px;
}*/
/*#contLText {
	float:left;
  width:210px;
}*/
#news ul,
.rightContWrap ul{
	padding:0 5px;
	margin:0;
  _text-align:left;
}

#news li,
.rightContWrap li{
	background:url(img/arrow.gif) center left no-repeat ;
	padding:3px 0px 0px 20px;
	font-size:95%;
}

#news span{
	padding:0px 10px 0px 0px;
}

/*レッスン概要*/
div#centerWrap p.lessonP {
	line-height:130%;
	padding:0 0 1em 0.5em;
	
}
dt.lesson{
	color:#47a5e1;
	font-weight:bold;
	line-height:110%;
}
dd.staff{
	font-size:85%;
	line-height:110%;
}

/*右コンテンツ************************************************/
div#rightWrap{
	width:220px;
	float:right;	
	margin:10px 26px 10px 0px;
}

div#rightWrap h3{
	width:200px;
	background:#e8e8e8;
	padding:10px;
	font-size:100%;
	line-height:100%;
	font-weight:bold;
	color:#666;
  _text-align:left;
}

#calendarWrap{
	font-size:90%;
	line-height:1.2em;
  _text-align:center;
}
.calendarBox{
 width:145px;
 _width:155px;
 height:142px;
 _height:152px;
 color:#666666;
 padding:3px;
 background:transparent url(img/calender_bg.jpg) no-repeat scroll 0 0;
 margin: 0 auto;
 margin-bottom:5px;
}
#calenderP {
  width:155px;
  margin:0 auto;
  _text-align:left;
  clear:both;
}
#wp-calendar {
  _text-align:center;
}
.sun_color {
  color:#CC3300;
}

.sat_color {
  color:#6699CC;
}

div#rightWrap .rightContWrap{
	width:200px;
	background:#f2f2f2;
	padding:10px;
	margin-bottom:10px;
}

/*フッター*****************************************************/


div#footerWrap{
	background:#f0f0f0 url(img/bg_footer.jpg) top left repeat-x ;
	width:900px;
	margin:0 auto;
}

div#footerNavi{
	width:900px;
	margin:0 auto;
	text-align:center;
}

div#footerNavi li{
	float:left;
	text-align:center;
	padding:10px 15px;
	list-style:none;
}

div#footerWrap address{
	padding:5px 0;
	text-align:center;
	color:#FFF;
}

/* トップ　囲みの部分
------------------------------------------------------------*/
div#catch{
border:solid 2px #FFCC33;
background-color:#FFCC33;
padding:10px;
font-weight:bold;
}

P#catch{
font-size:120%;
font-weight:bold;
}


/* コースと料金　囲みの部分
------------------------------------------------------------*/
h2#course1{
background-color:#ff9900; /*2EB800;*/
font-weight:bold;
}


h2#course2{
background-color:#ff9966; /*2EB800;*/
font-weight:bold;
}

h2#course3{
background-color:#ff99ff; /*2EB800;*/
font-weight:bold;
}

dt.course1{
padding-left:17px;
background-image:url(img/m001_13.gif) ;
background-position:0 3px;
background-repeat:no-repeat;
}

dt.course2{
padding-left:17px;
background-image:url(img/p008_03.gif) ;
background-position:0 5px;
background-repeat:no-repeat;
}

dt.course3{
padding-left:17px;
background-image:url(img/as002_19.gif) ;
background-position:0 4px;
background-repeat:no-repeat;
}

dd#kyouchou{
color:#ff0000; /*赤字で強調*/
}

div#course{
border:solid 10px #4D9900; /*2EB800;*/
padding:10px;
}

h2#coursekyoutuu{
padding-left:30px;
background-image:url(img/wakaba2_1.gif) ;
background-position:0 3px;
background-repeat:no-repeat;
height:auto;
font-size:110%;
font-weight:bold;
}

p.huyou{
color:#ff0000; /*赤字で強調*/
}

/* 留学アドバイス　囲みの部分
------------------------------------------------------------*/
div#advice{
border:solid 2px #FFCC33;
background-color:#FFCC33;
padding:10px;
}

h2#advice{
font-size:1.3em;
font-weight:bold}

p#advice{
font-size:1em;
font-weight:bold}

div#renraku{
border:solid 2px #4D9900;  /*A6E147;   2EB800;*/
padding:10px;
}


/* blog　　タイトル部分ｐ要素をここだけ変更
------------------------------------------------------------*/
p.entryTitle {
    font-weight: bold;
    font-size:1.6em;
}
    
div#blogWrap {
	width:450px;
	padding:10px;
	float:left;
  _text-align:left;
} 
div.entry {
  margin-bottom:20px;
}
#archives {
  font-size: 15px;
  font-weight:bold;
  text-align:left;
}
#blogLink {
  background-color:#F0EBE6;
  padding:10px;
  margin: 0 auto;
  width:430px;
  _width:450px;
  _margin-left:150px;
  _text-align:center;
}
#bInner {
  width:390px;
  _width:430px;
  height:90px;
  background-color:#FFFFFF;
  padding:20px;
}
#bInner p {
  margin-top:10px;
  _text-align:left;
}
#alink {
  background:transparent url(img/mark01.jpg) no-repeat scroll 0 0;
  width:110px;
  _width:140px;
  margin:0 auto;
  height:20px;
  padding-left:25px;
  font-weight:bold;
}
#blogLink h3 {
  font-size:22px;
  font-weight:bold;
  color:#FF7D03;
}

/* コメント
------------------------------------------------------------*/
#comments {clear:both}
div#com {border:solid 1px #2b76cc;
         padding:0 18px;
         margin-top:45px}
textarea {width:400px}

/*hack
-----------------------------------------------------------*/

.clearfix{
	overflow: hidden;
}

/*IE 6 に適用*/
* html .clearfix{
	zoom: 1;
}
 
/*IE 7の「haLayout」問題を解決*/
*:first-child+html*{
	letter-spacing: 0;
}

/*Firefoxで横スクロールバーが表示されない問題を解決*/
html{
	overflow: scroll;
	overflow: -moz-scrollbars-verticlal;/*Firefoxが先行実装している値*/
	overflow-x:scroll;/*問題を回避*/
}

/*IE 7 に対するフォントの種類*/
*:first-child+html* {
	font-family:
		"ＭＳ Ｐゴシック", "MS PGothic",
		sans-serif;
	font-size:98%;
}

/*IE 6 に対するフォントの種類*/
* html * {
	font-family:
		"ＭＳ Ｐゴシック", "MS PGothic",
	sans-serif;
	font-size:100%;
}