@charset "Shift_JIS";

/* ■ 共通スタイル指定 ■ -------------------------------------------------- */


* {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 12px;

	/* 確認用 */
	/* border: #cc0000 solid 1px; */
}

img{border:0px;}
.s-text{font-size:70%; line-height:150%; color: #666;}
.m-text{
	font-size:12px;
	line-height:160%;
	color: #666;
}
.m-text-bold{font-size:70%; line-height:160%; color: #666; font-weight: bold;}
body {
}

.m-text-blue{font-size:70%; line-height:160%; color: #2E95D6;}
.blue{color: #2E95D6;}
.l-text{font-size:90%; line-height:170%; color: #666;}
.l-text-blue{font-size:90%; line-height:170%; color: #2E95D6;}
.l-pos{float:left;}
.r-pos{float:right;}
.floatClear{clear:both; margin:0; padding:0;}
.space5{padding-bottom: 5px;}
.space10{padding-bottom: 15px;}
.space15{padding-bottom: 10px;}
.space20{padding-bottom: 20px;}
.space30{padding-bottom: 30px;}
.relaku-S{text-align:center; font-size:80%; line-height:160%; color: #95CE1F;}
.relaku-L{text-align:center; font-size:100%; line-height:180%; color: #95CE1F;}
.relaku-S-bottom{text-align:left; font-size:80%; line-height:160%; color: #95CE1F;}
.relaku-L-bottom{text-align:left; font-size:100%; line-height:180%; color: #95CE1F;}

html {
	height: 100%; /* コンテンツ背景 最下到達用 */
}

body {
	 /* コンテンツ背景 最下到達用 */
	text-align:center;
	color: #666;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
	width: auto;
}

h1{font-Size:14pt; line-height:14pt; font-weight: bolder; margin-top: 0px; margin-bottom: 0px}
h2{font-Size:12pt; line-height:12pt; font-weight: bolder; margin-top: 0px; margin-bottom: 0px}


.pagetop{font-Size:80%; text-align:right;clear:both;
}

img {
	vertical-align: bottom; /* 画像下余白ナシ */
	border-style: none;
}

hr {
	border: 1px #f6f7f8 solid;
	clear: both; /* 予備 */
}

a:link , a:visited {
	text-decoration: none;
	color:#4A69CE;
}

a:active , a:hover {
	text-decoration: none;
	color:#4ACEC9;
}



	.none { /* hrレイアウト崩れ防止 */
		display: none; /* ボックス無し */
	}

/* ■ 共通構成要素 ■ -------------------------------------------------- */

/* コンテナ */
div#container {
	background: #fff url(../common/bg_container_side.gif) repeat-y;  /*サイト両端影画像 */
	margin: 0 auto; /* センタリング */
	width: 820px;
	height: auto; /* コンテンツ背景 最下到達用 */
/*border: #000000 solid 1px;*/
}

/* サブコンテナ */
div#subContainer {
	background: #fff url(../common/bg_container_side.gif) repeat-y;  /*サイト両端影画像 最下到達用に再度指定*/
	width: 820px;
/*border: #cc0000 solid 1px;*/
}


/* ヘッダー ------------------------------ */
#headerBlock{
	position:relative;
	float:left;
	margin-left: 10px;
	display: inline;
	width: 800px;
	/*height: 20px;*/
	background-color: #46A6E9;
	font-Size:8pt;
	padding-top:3px;
	padding-bottom:3px;
	color: #FFFFFF;
	height: 12px;
}






	
/* メインブロック ------------------------------ */
div#mainBlock{
	margin: 0 auto; /* センタリング */
	width: 800px;
	padding-bottom: 10px;
	padding-top: 10px;
/*border: #000000 solid 1px;*/
 
}

/* メインブロック 疑似clear: both */
	div#mainBlock:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	div#mainBlock {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html div#contentBlock {
		height: 1%;
	}


	div#mainBlock {
		display: block;
	}
	/* End hide from IE-mac */
/* /メインブロック 疑似clear: both */

/* Leftブロック ------------------------------ */
	div#LeftBlock {
		width: 184px;
		float: left;
		padding: 0px;
		text-align: left;

/*border: #cccccc solid 1px;*/
	}

/* コンテンツブロック ------------------------------ */
	div#ContentBlock {
		width: 561px;
		float: right;
		text-align: left;
/*border: #cc0000 solid 1px;*/
	}



	


/* フッターブロック ------------------------------ */
div#footerBlock {
	position:relative;
	float:left;
	margin-left: 10px;
	display: inline;
	width: 800px;
	background-color: #FFFFFF;
	height: 120px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
/*border: #000000 solid 1px;*/
}
div#footerBlock_link {
	width: 780px;
	text-align:center;
	padding:10px;
	font-Size:65%;
}

div#footerBlock_copy {
	width: 800px;
	/*height: 20px;*/
	background-color: #46A6E9;
	padding-top:3px;
	padding-bottom:3px;
	color: #FFFFFF;
	font-Size:8pt;
/*border: #000000 solid 1px;*/
}

div#footerBlock_address {
	float:left;
	width: 400px;
	text-align:left;
	font-Size:10px;
	color: #707070;
	font-Size:8pt;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
/*border: #000000 solid 1px;*/
}

div#footerBlock_policy {
	float:right;
	width: 330px;
	text-align:right;
	color: #707070;
	font-Size:8pt;
	height: 50px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
/*border: #000000 solid 1px;*/
}


div#wrapper   { width:450px; float : left ;}
div#boxB      { width:100px; float : right ;font-size:80%; line-height:160%; color: #666;}
div#boxC      { width:350px; float : left ; font-size:80%; line-height:160%; color: #666;}
div#wrapper2   { width:550px; float : left ;}
div#boxA      { width:350px; float : right ;font-size:80%; line-height:160%; color: #666;}
div#boxD      { width:198px; float : left ; font-size:80%; line-height:160%; color: #666;}


div#containertest {
	
	margin: 0 auto; /* センタリング */
	width: 800px;
	height: 100%; /* コンテンツ背景 最下到達用 */
/*border: #000000 solid 1px;*/
}


/* seo jan ------------------------------ */



div#graduationBlock{
	margin: 0 auto; /* センタリング */
	width: 760px;
padding-bottom: 10px;
padding-top: 10px;
/*border: #000000 solid 1px;*/
 
}

/* メインブロック 疑似clear: both */
	div#graduationmainBlock:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	div#graduationmainBlock {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html div#contentBlock {
		height: 1%;
	}


	div#graduationmianBlock {
		display: block;
	}


/*---------graduationLeftBlock------*/

	div#graduationLeftBlock {
	width: 184px;
	float: left;
	padding: 0px;
	text-align: left;margin-left: 20px;}
	
	/*HEAD*/
	
	div#graduatonhead_img {
	width: 575px;
	height: 101px;
	float: right;
	background-image: url(../graduation/img/head_img.jpg);
	/*border: #000000 solid 1px;*/
	}

	div#pankuzu {
	/*border: #000000 solid 1px;*/
	margin-top:25px;
	text-align:left;
}

#LogoBlock #graduatonhead_img h2{
	text-indent: -9999px;
}



/* seo jan -------------20080328----------------- */
div#maincontent{
	width: 770px;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
}
div#maincontent:after {display: block; height: 0; clear: both; visibility: hidden;}
div#maincontent {display: inline;}
div#maincontent {display: block;}
div#LeftBlock {
	width: 185px;
	float: left;
	padding: 0px 10px 0px 20px;
	text-align: left;
}
#topnew{
	text-align: center;
	height: 845px;
	width: 563px;
	float:left;
	background-color: #FFFFFF;
	padding-left: 5px;
}	
#topnew00{
	height: 360px;
	width: 568px;
	float:left;
}
#topnew01{height: 220px;width: 556px;float:left; margin-top:10px;}

#top01{
	height: 360px;
	width: 560px;
	padding-top:0px;
}
#top0101{
	height: 140px;
	width: 273px;
	float:left;
	background-image: url(../images/kenkaku01.jpg);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 10px;
}

#top0101 a:hover{color:#666666; text-decoration:underline;font-size:12px;}

#top0102{
	height: 140px;
	width: 265px;
	float:left;
	background-image: url(../images/kenkaku02.jpg);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 10px;
}

#top0103{
	height: 130px;
	width: 273px;
	float:left;
	background-image: url(../images/kenkaku03.jpg);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 10px;
}


#top0104{
	height: 135px;
	width: 265px;
	float:left;
	background-image: url(../images/kenkaku04.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 10px;
}

#top02{
	float:left;
	height: 315px;
	width: 556px;
	padding-top:5px;
}
	#top0201{
	float:left;
	height: 269px;
	width: 534px;
	background-image: url(../images/karikyuramu02.jpg);
	background-repeat: no-repeat;
} 
#top0201 h3 {display:none;} 

#top03{
	float:left;
	height: 150px;
	width: 540px;
	padding-left: 20px;
	padding-top: 15px;
}
#top04{
	float:left;
	height: 180px;
	width: 556px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height:18px;
	font-weight: normal;
	color: #999999;
	text-align: left;
}
	#no01 a{
	float:left;
	height: 44px;
	width: 285px;
	background-image: url(../images/no01.jpg);
	background-repeat: no-repeat;

}   #no01 span{display: none;}

	#no02 a{
	float:left;
	height: 50px;
	width: 285px;
	background-image: url(../images/no02.jpg);
	background-repeat: no-repeat;

}   #no02 span{display: none;}

	#no03 a{
	float:left;
	height: 40px;
	width: 285px;
	background-image: url(../images/no03.jpg);
	background-repeat: no-repeat;

}   #no03 span{display: none;}

	#no04 a{
	float:left;
	height: 44px;
	width: 285px;
	background-image: url(../images/no04.jpg);
	background-repeat: no-repeat;

}   #no04 span{display: none;}

	#no05 a{
	float:left;
	height: 44px;
	width: 270px;
	background-image: url(../images/no05.jpg);
	background-repeat: no-repeat;

}   #no05 span{display: none;}

	#no06 a{
	float:left;
	height: 50px;
	width: 270px;
	background-image: url(../images/no06.jpg);
	background-repeat: no-repeat;

}   #no06 span{display: none;}

	#no07 a{
	float:left;
	height: 40px;
	width: 270px;
	background-image: url(../images/no07.jpg);
	background-repeat: no-repeat;

}   #no07 span{display: none;}
	
	
#top05 {
	border: 1px solid #D9E9FD;
	margin-right:10px;
	height: 185px;
	float:left;
	width: 290px;
	background-image: url(../images/top0501.jpg);
	background-repeat: no-repeat;
	display:block;
}
#top05 #txt {font-size:12px;padding:40px 35px 0px 15px; line-height:20px;text-align: left; color:#999999!important;}
#top05 #txt a{color:#999999!important;}
#more a:link ,#more a:visited{padding-left:120px;color: #FF9900 !important;  line-height:25px;font-size:12px;}

#top06{
	border: 1px solid #D9E9FD;
	height: 185px;
	float:left;
	width: 252px;
	background-image: url(../images/top0502.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
#topic{float:left;padding:10px 0 0 10px;;font-size:12px;line-height:20px;text-align: left; color:#999999!important;width:240px;}
#topic a{color:#999999!important;padding:10px 0 0 10px;}
#more02{float:left;color: #FF9900 !important;padding:10px 0 0 115px !important; font-size:12px!important;height:20px!important;}
#more02 a{color: #FF9900 !important;}
/*only toppage*/

div#container02 {
	width: 800px;
	padding-left:10px;
	padding-right:10px;
	background-repeat: repeat-y;
	background-image: url(../common/bg.gif);
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#subContainer02 {
	background: #fff url(../common/bg_container_side.gif) repeat-y;  /*サイト両端影画像 最下到達用に再度指定*/
	width: 820px;
	height:auto;
	float: left;
/*border: #cc0000 solid 1px;*/
}

/*only toppage*/
#toppagepoint01{ padding-left:30px;width:360px; height:170px; line-height:21px;font-size:12px;}

/* what'sNew ------------------------------ */
	div#whatsnewBlock02 {
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:10px;
	width: 544px;
	float: right;
	text-align: middle;
	border: #2E95D6 solid 1px;
	background: url(../topimg/whatsnew_bg.gif) no-repeat top;
	padding-left: 15px;
	}

	div#whatsnewBlock02 h2{
	color:#FFFFFF;
	padding-top:8px;
	font-weight: normal;
}

#whatsnewBlock02 #detail {
	width:530px;
	text-align: left;
	padding-top:8px;
	/*border: #000000 solid 1px;*/
}
#whatsnewBlock02 #detail .date{
	clear:both;
	width:105px;
	padding-top:5px;
	padding-left:20px;
	float:left;
	text-align: left;
	/*border: #000000 solid 1px;*/
	font-size:80%; line-height:160%; color: #2E95D6;
}
#whatsnewBlock02 #detail .honbun{
	width:400px;
	float:right;
	padding-top:5px;
	text-align: left;
	/*border: #CC0000 solid 1px;*/
	font-size:80%; line-height:160%; color: #666;
}

/* スクール説明会 ------------------------------ */
#headerBlock2{
	width: 800px;
	height: 18px;
	padding-left:10px;padding-right:10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../common/bg2.gif);
	background-position: -1px;
}
#head00{
	width: 800px;
	background-color: #46A6E9;
	font-size:10px;
	color: #FFFFFF;	height: 18px;}
	
/* ランキングバナー ------------------------------ */	
	#topnew00{
	height: 165px;
	width: 565px;
	float:left;
}


.graytext a{ font-size:10px; color:#666666;}


/* ロゴブロック ------------------------------ */
div#LogoBlock{
	margin: 0 auto; /* センタリング */
	width: 800px;
	padding-bottom: 0px;
	padding-top: 0px;
/*border: #blue solid 1px;*/
 
}
/* ロゴブロック 疑似clear: both */
	div#LogoBlock:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	div#LogoBlock {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html div#contentBlock {
		height: 1%;
	}


	div#LogoBlock {
	display: block;
	height: 140px;
	}
	/* End hide from IE-mac */
/* /ロゴブロック 疑似clear: both */



/* ロゴトップ ------------------------------ */
	div#Logotop {
	display:block;
	width: 200px;
	height: 101px;
	float: left;
	margin-top:10px;
	padding-left: 0px;
	text-align: left;
	/*border: #2E95D6 solid 1px;*/
	}


#LogoBlock #Logotop h1{
	text-indent: -9999px;
}

/* お問い合わせContact ------------------------------ */
	div#bt_contact {
	width: 94px;
	height: 101px;
	float: left;
	padding: 0px;
	margin-top:10px;
	text-align: left;
	/*border: #2E95D6 solid 1px;*/
	clear: right;
	}




/* お問い合わせとリラクリズムロゴ コンテンツ下部分------------------------------ */

	div#toiawaseBlock {
	margin-top:20px;
	padding-bottom:20px;
	width: 561px;
	float: right;
	text-align: left;
	/*border: #C2C2C2 solid 1px;*/
	}

#toiawaseBlock .logo{
	clear:both;
	width:300px;
	padding:0px;
	float:left;
	/*border: #000000 solid 1px;*/
}

#toiawaseBlock .honbun{
	width:257px;
	float:right;
	padding-top:10px;
	text-align: left;
	/*border: #CC0000 solid 1px;*/
	font-size:90%;
	line-height:160%;
	color: #93AABE;
}










/* ヘッダー ------------------------------ */
	div#head_img {
	width: 575px;
	height: 101px;
	float: right;
	background-image: url(../column/img/head_img.jpg);
	/*border: #000000 solid 1px;*/
	}

	div#pankuzu {
	/*border: #000000 solid 1px;*/
	margin-top:25px;
	text-align:left;
}

#LogoBlock #head_img h2{
	text-indent: -9999px;
}


/* 本文 ------------------------------ */
	div#honbunBlock {
	padding-bottom:10px;
	width: 405px;
	float: left;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	/*border: #C2C2C2 solid 1px;*/
	}


h3{
	padding-left:8px;
	border-left:3px solid #2E95D6;
	font-size:12px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #2F499D;
}

h3 span.gray{
	color:#666;
	line-height:160%;
}


h4{font-Size:14pt; line-height:12pt; font-weight: bolder; margin-top: 0px; margin-bottom: 10px; color: #2E95D6;}


/*--------------SEOJAN----------------------------*/


	div#headrefle_img {
	width: 575px;
	height: 101px;
	float: right;
	background-image: url(../column/img/headrefle_img.jpg);	/*border: #000000 solid 1px;*/
	}

	div#pankuzu {
	/*border: #000000 solid 1px;*/
	margin-top:25px;
	text-align:left;
}

#LogoBlock #headrefle_img h2{
	text-indent: -9999px;
}

/*--------------SEOJAN----------------------------*/



#column-menu {
	float:right;
	width:155px;
	padding:0px 5px 0px 0px;
}
#column-menu #menu01 {
	width:155px;
	background-image:url(../images/column01.jpg);
	height:25px;
	background-repeat:no-repeat;
}
#column-menu #contents01 {
	border:solid;
	border-width:1px;
	border-color:#98CB00;
	width:153px;
}
#column-menu #contents01 #menu02 { background-color:#F3F3F3; font-size:12px; color:#666666; padding:5px; text-align:left; font-weight:bold;width:143px;}
#column-menu #contents01 #menu03 { background-color:#ffffff; font-size:12px; color:#666666; padding:5px;text-align:left; line-height:18px;width:143px;}