﻿@charset "UTF-8";

/*
-------------------------------------------------------------------------------
best-kai.co.jp CSS
-------------------------------------------------------------------------------
DATE   : 2009/06
AUTHOR : http://www.ntsys.co.jp
-------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------------------------------
初期化設定
-------------------------------------------------------------------------------
*/
*{/*全要素のmargin,paddingをデフォルト0にリセット*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

*{/* 基本フォント設定 */
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	text-decoration:none;
}
img{
	border:none;/* 画像にリンク枠はnone */
}
/*Firefoxにスクロールバー領域を表示（Opera未対応）*/
html{
	background-color:#F9F9F9;
	overflow-y:scroll;
}
/*CSSロールオーバーIE用バグフィックス*/
html{
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/*
-------------------------------------------------------------------------------
基本アンカー設定
-------------------------------------------------------------------------------
*/
a:link{/*基本アンカーテキストは青系*/
	color:#003399;
	text-decoration:underline;
}
a:visited{/*訪問済みは紫系*/
	color:#800080;
	text-decoration:underline;
}
a:hover,
a:active{/*ホーバー、アクティブ時下線表示*/
	text-decoration:underline;
}
/*
-------------------------------------------------------------------------------
クリアフィックス
-------------------------------------------------------------------------------
*/
/*モダンブラウザ対策（Firefox Opera Safari）*/
.clearfix:after{
   content:".";
   clear:both;
   display:block;
   height:0px;
   visibility:hidden;
}
/*Win版IE7とMac版IE5対策*/
.clearfix{
   display:inline-block;
}
/*Win版IE5および6対策*/
/*Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}
.clearfix{
   display:block;
}
/*End hide from IE-mac*/
/*
-------------------------------------------------------------------------------
基本エレメント設定
-------------------------------------------------------------------------------
*/
body{
	background-color:#F9F9F9;
	behavior:url(/scripts/library/csshover.htc);
	color:#333333;
	line-height:1;
	font-size:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 1px;
}

/*背景ずれ回避ハック*/
body,x:-moz-any-link{
	padding:0px 0px 0px 0px;
}
*:first-child+html body{
	padding:0px 0px 0px 1px;
}
/*
table caption,
table tr th,
h1,h2,h3,h4,h5,h6,
div#headerContainer p.tagline{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/
/*
-------------------------------------------------------------------------------
汎用設定
-------------------------------------------------------------------------------
*/
p.normal{
	font-size:85%;
	line-height:150%;
	margin:0.5em 0em;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
ul.normal,
ol.normal{
	margin:10px 0px 10px 1.5em;
}
ul.normal li,
ol.normal li{
	font-size:85%;
	line-height:140%;
	margin:0.5em 0em;
}
h3.normal{
	color:#069;
	margin:20px 0px 10px 0px;
	font-size:100%;
}
img.rightSide{
	float:right;
	margin:15px 0px 15px 15px;
}
img.leftSide{
	float:left;
	margin:15px 15px 15px 0px;
}
img.centering{
	display:block;
	margin:15px auto;
}
/*ページヘッド*/
div#pageHead{
	margin:0px 0px 10px 0px;
	position:relative;
	top:0px;
	left:0px;
	width:800px;
	height:80px;
}
div#pageHead h1{
	margin:0px;
	padding:0px;
}
div#pageHead p{
	position:absolute;
	top:52px;
	left:10px;
	font-size:95%;
	font-weight:bold;
	color:#00367B;
	padding:0.1em 0px 0px 0px;
}
div#pageHead h2{
	position:absolute;
	top:50px;
	left:10px;
	font-size:95%;
	font-weight:bold;
	color:#00367B;
	padding:0.1em 230px 0px 0px;
}
div#pageHead h2 span{
	font-weight:normal;
}
/*フレーム*/
div.frameCont{
	background-image:url(/images/english/frame_bg.png);
	background-repeat:repeat-y;
	padding:5px 10px 5px 10px;
	margin:0px auto 0px auto;
}
img.edge{
	display:block;
	width:800px;
	height:10px;
	margin:0px auto 10px auto;
}

/*続きを表示*/
p.moreInfo{
	clear:both;
	display:none;
	text-align:right;
	font-size:80%;
	margin:0px 0px 10px 0px;
}
p.moreInfo a.close{
	background-image:url(/images/common/bullets/bullet_more_close.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:2px 0px 2px 19px;
}
p.moreInfo a.open{
	background-image:url(/images/common/bullets/bullet_more_open.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:2px 0px 2px 19px;
}
/*ナビ*/
div#navi2col div{
	position:relative;
	top:0px;
	left:0px;
}
div#navi2col div ul li{
	font-size:75%;
	list-style:none;
	margin:0px 0px 0px 0px;
}
div#navi2col div ul li a img{
	vertical-align:bottom;
}
div#navi2col div ul li.lastChild a img{
	opacity:0.40;
	filter:alpha(style=0,opacity=40);
}
/*
-------------------------------------------------------------------------------
レイアウトコンテナ
-------------------------------------------------------------------------------
*/
/*CssStickyFooter*/
html,body,#mainWrapper{
	background-image:url(/images/common/bg_body.png);
	background-position:50% 0%;
	background-repeat:repeat-y;
	height:100%;
	position:relative;
	top:0px;
	left:0px;
}
body > #mainWrapper{
	height:auto;
	min-height:100%;
}
div#mainWrapper{
	background-color:#F9F9F9;
	margin:0px auto;
	width:auto;
	padding:0px 0px 0px 0px;
}
div#mainContainer{
	margin:0px auto 0px auto;
	padding-bottom:150px;
}
div#headerContainer{
	width:800px;
	margin:0px auto;
	clear:both;
	padding:0px 0px 0px 0px;
}
div#globalNaviContainer{
	margin:5px auto 8px auto;
	height:48px;
	clear:both;
	width:808px;
}
div#contentsWrapper{
	width:800px;
	margin:0px auto 10px auto;
	text-align:left;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0px;
	left:0px;
}
div#footerContainer{
	background-image:url(/images/footer/bg_footer.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	margin:-150px auto 0px auto;
	height:144px;
	clear:both;
	width:800px;
	top:0px;
	left:0px;
	padding-top:6px;
}
/*2カラム*/
div#contentsWrapper div#navi2col{
	width:34px;
	position:absolute;
	top:0px;
	left:-45px;
}
div#contentsWrapper div#main2col{
	width:800px;
}
/*画面上部アンカー*/
div#contentsWrapper p#pageTopLink{
	position:absolute;
	top:500px;
	right:-34px;
}
div#contentsWrapper p#pageTopLink a{
	width:24px;
	height:38px;
	display:block;
	text-align:center;
	font-size:10px;
	text-decoration:none;
}
/*
-------------------------------------------------------------------------------
ヘッダ
-------------------------------------------------------------------------------
*/
div#headerContainer p.tagline{
	clear:both;
	font-size:75%;
	margin:0px 0px 0px 0px;
	color:#666666;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #EEEEEE;
}
div#headerContainer h1.logo,
div#headerContainer p.logo{
	float:left;
	margin:5px 0px 0px 0px;
}
div#headerContainer p.message{
	float:left;
	margin:15px 0px 0px 5px;
}
div#headerContainer ul{
	text-align:left;
	margin:14px 2px 0px 0px;
	float:right;
}

div#headerContainer ul li{
	float:left;
	font-size:75%;
	padding:0px;
	list-style:none;
}
div#headerContainer ul li a{
	color:#333;
	text-decoration:none;
}
/*
-------------------------------------------------------------------------------
グローバル
-------------------------------------------------------------------------------
*/
div#globalNaviContainer ul{
	width:808px;
	margin:0px auto;
	height:48px;
}
div#globalNaviContainer ul li{
	margin:0px 0px 0px 0px;
	height:48px;
	float:left;
	list-style:none;
}
/*
-------------------------------------------------------------------------------
フッタ
-------------------------------------------------------------------------------
*/
div#footerContainer ul{
	font-size:75%;
	text-align:center;
}
div#footerContainer ul li{
	display:inline;
	border-left:1px solid #999999;
	padding:0px 0px 0px 5px;
}
div#footerContainer ul li.firstChild{
	border:none;
}
div#footerContainer ul.globalFooter{
	background-image:url(/images/footer/bg_footer_global.png);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:5px 0px 5px 0px;
	border:1px solid #CCCCCC;
	border-top:none;
}
div#footerContainer ul.globalFooter li{
	border-color:#CCCCCC;
	position:relative;
	top:0px;
	left:0px;
}
div#footerContainer ul.globalFooter li a{
	color:#00978D;
	text-decoration:none;
}
div#footerContainer ul.globalFooter li a:hover{
	text-decoration:underline;
}
div#footerContainer ul.globalFooter li div{
	position:absolute;
	bottom:0.8em;
	left:0px;
	display:none;
	background-color:#FFF;
	padding:5px;
	border:1px solid #00978D;
	text-align:left;
	z-index:1000;
	width:12em;
}
* html div#footerContainer ul.globalFooter li div{
	bottom:1.5em;
}
div#footerContainer ul.globalFooter li div p{
	font-size:110%;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}
div#footerContainer ul.globalFooter li div p.firstChild{
	margin:0px 0px 10px 0px;
}
div#footerContainer ul.globalFooter li div ul{
	text-align:left;
	font-size:100%;
	color:#00978D;
}
div#footerContainer ul.globalFooter li div ul a{
	text-decoration:underline;
}
div#footerContainer ul.globalFooter li div ul li{
	display:list-item;
	border:none;
	white-space:nowrap;
	list-style:disc;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 1.5em;
}

div#footerContainer ul.subFooter{
	padding:15px 0px 5px 0px;
}
div#footerContainer ul.subFooter li a{
	color:#333;
	text-decoration:none;
}
div#footerContainer address{
	margin:0px auto;
	padding:20px 0px 0px 0px;
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	text-align:center;
	font-weight:bold;
	color:#666666;
}
/*
-------------------------------------------------------------------------------
お知らせ
-------------------------------------------------------------------------------
*/
div.pageNavi{
	background-image:url(/images/news/bg_button.png);
	background-position:0% 50%;
	background-repeat:repeat-x;
	border:1px solid #8CC4EC;
	clear:both;
	margin:0px 0px 0px 0px;
	width:100%;
}
div.pageNavi div.prev{/*前へ*/
	float:left;
	font-size:12px;
	padding:5px 0px 5px 0px;
	text-align:left;
	width:15%;
}
div.pageNavi div.next{/*次へ*/
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	font-size:12px;
	padding:5px 0px 5px 0px;
	text-align:right;
	width:15%;
}
div.pageNavi div.nombre{/*ページ番号*/
	font-size:12px;
	float:left;
	padding:5px 0px 5px 0px;
	text-align:center;
	width:70%;
}

div.pageNavi div.prev a{/*前へアンカー*/
	background-image:url(/images/news/bullet_prev.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
	margin:1px 0px 0px 4px;
	padding:0px 0px 0px 15px;
}
div.pageNavi div.next a{/*次へアンカー*/
	background-image:url(/images/news/bullet_next.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
	margin:0px 4px 0px 0px;
	padding:1px 15px 0px 0px;
}
div.pageNavi div.nombre strong,
div.pageNavi div.nombre a{
	padding:0px 5px;
}
ul.newsList{
	clear:both;
	margin:5px 0px;
}
ul.newsList li{
	padding:5px;
	font-size:80%;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin:-1px 0px 0px 0px;
	list-style:none;
}

ul.newsList li p.date{
	float:left;
	width:5em;
	line-height:140%;
}
ul.newsList li p.news{
	margin:0px 0px 0px 6em;
	line-height:140%;
}

ul.newsList li.even{
	background-color:#F9F9F9;
}
div#pageHead h2 span{
	padding:0px 10px 0px 0px;
}

div.frameNewsDetail h1,
div.frameNewsDetail h2,
div.frameNewsDetail h3,
div.frameNewsDetail h4,
div.frameNewsDetail h5,
div.frameNewsDetail h6{
	margin:20px 0px 10px 0px;
	color:#00367B;
}

div.frameNewsDetail h1{
	font-size:140%;
}
div.frameNewsDetail h2{
	font-size:130%;
}
div.frameNewsDetail h3{
	font-size:120%;
}
div.frameNewsDetail h4{
	font-size:110%;
}
div.frameNewsDetail h5{
	font-size:100%;
}
div.frameNewsDetail h6{
	font-size:90%;
}

div.frameNewsDetail p{
	font-size:85%;
	line-height:150%;
	margin:0.5em 0px 0.5em 0px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}

div.frameNewsDetail blockquote{
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding:0px 5px;
	color:#666666;
	font-size:80%;
}

div.frameNewsDetail ul,
div.frameNewsDetail ol{
	margin:10px 0px 10px 1.5em;
}
div.frameNewsDetail ul li,
div.frameNewsDetail ol li{
	font-size:85%;
	line-height:140%;
	margin:0.5em 0em;
}
/* Begin Images */
div.frameNewsDetail p img {
	padding: 0;
	max-width: 100%;
	margin:0.5em;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

div.frameNewsDetail img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

div.frameNewsDetail img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

div.frameNewsDetail img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

div.frameNewsDetails .alignright {
	float: right;
	}

div.frameNewsDetail .alignleft {
	float: left;
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img{
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text{
	font-size:70%;
	line-height:100%;
	padding:8px 4px 8px;
	margin: 0;
	color:#666;
	text-align:center;
}
/* End captions */
/*
-------------------------------------------------------------------------------
クラス授業/個別指導
-------------------------------------------------------------------------------
*/
/*トップ*/
body#class ul.grade,
body#personal ul.grade{
	width:820px;
	margin:0px -20px 0px 0px;
}
body#class ul.grade li,
body#personal ul.grade li{
	background-image:url(/images/class/frame_bg.png);
	background-position:0% 100%;
	background-repeat:repeat-y;
	width:260px;
	float:left;
	margin:0px 10px 0px 0px;
	list-style:none;
	padding:0px 0px 10px 0px;
}
body#class ul.grade li ul,
body#personal ul.grade li ul{
	width:auto;
	margin:5px 0px 10px 0px;
}
body#class ul.grade li ul li,
body#personal ul.grade li ul li{
	background-image:none;
	width:240px;
	height:auto;
	float:left;
	display:inline;
	margin:5px 0px 5px 10px;
	padding:0px 0px 0px 0px;
}

body#class ul.grade li ul li h3,
body#personal ul.grade li ul li h3{
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:0.1em 0px 0px 8px;
	font-size:90%;
	font-weight:normal;
	clear:both;
	margin:0px 0px 7px 0px;
}
body#class ul.grade li ul li img,
body#personal ul.grade li ul li img{
	float:left;
}
body#class ul.grade li ul li p,
body#personal ul.grade li ul li p{
	margin:0px 0px 0px 65px;
	font-size:75%;
	line-height:140%;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
	color:#555555;
}
body#class ul.grade li.elementary ul li h3,
body#personal ul.grade li.elementary ul li h3{
	background-image:url(/images/common/bullets/grade/bullet_elementary.png);
}
body#class ul.grade li.junior ul li h3,
body#personal ul.grade li.junior ul li h3{
	background-image:url(/images/common/bullets/grade/bullet_junior.png);
}
body#class ul.grade li.high ul li h3,
body#personal ul.grade li.high ul li h3{
	background-image:url(/images/common/bullets/grade/bullet_high.png);
}
/*
-------------------------------------------------------------------------------
クラス授業
-------------------------------------------------------------------------------
*/
/*共通*/
div.frameClass ul.point{
	margin:10px 0px;
}

div.frameClass ul.point li{
	margin:5px 0px;
	list-style:none;
}
div.frameClass ul.point li p{
	font-size:85%;
	line-height:140%;
	margin:1em 0px 15px 0px;
}
div.frameClass h3.section{
	font-size:90%;
	margin:20px 0px 10px 0px;
	clear:both;
}
/*小学*/
div.frameClass ul.contentElementary{
	margin:10px -20px 10px 0px;
	width:800px;
}

div.frameClass ul.contentElementary li{
	background-image:url(/images/class/elementary/frame_contents_bg.png);
	background-position:0% 100%;
	background-repeat:no-repeat;
	float:left;
	list-style:none;
	width:387px;
	margin:0px 5px 0px 0px;
}
div.frameClass ul.contentElementary li ul{
	margin:10px;
}
div.frameClass ul.contentElementary li ul li{
	background-image:none;
	float:none;
	width:auto;
	list-style:circle;
	font-size:85%;
	margin:5px 0px 5px 1.3em;
}
/*中学*/
div.frameClass ul.contentJunior{
	margin:10px -20px 0px 0px;
	width:800px;
}
div.frameClass ul.contentJunior li{
	background-image:url(/images/class/junior/frame_contents_bg.png);
	background-position:0% 100%;
	background-repeat:no-repeat;
	float:left;
	list-style:none;
	width:256px;
	margin:0px 5px 0px 0px;
}
div.frameClass ul.contentJunior li p{
	font-size:80%;
	margin:10px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
	line-height:140%;
}
div.frameClass ul.contentJunior li ul{
	margin:10px;
	border-top:1px solid #DDDDDD;
	list-style:none;
}
div.frameClass ul.contentJunior li ul li{
	background-image:none;
	float:none;
	width:auto;
}
div.frameClass ul.contentJunior li ul li h5{
	color:#F30;
	font-size:85%;
	margin:10px 0px 0px 0px;
}
div.frameClass ul.contentJunior li ul li ul{
	border:none;
	margin:5px 0px 0px 0px;
}
div.frameClass ul.contentJunior li ul li ul li{
	font-size:80%;
	list-style:circle;
	margin:5px 5px 5px 1.3em;
}
/*高校*/
div.frameClass table.highContents{
	border-collapse:collapse;
	border:1px solid #DDDDDD;
}
div.frameClass table.highContents td,
div.frameClass table.highContents th{
	border:1px solid #DDDDDD;
	font-size:80%;
	padding:4px;
	line-height:140%;
}
div.frameClass table.highContents th{
	background-color:#ECFFEC;
	color:#339900;
	text-align:center;
	white-space:nowrap;
}
body#classHigh p.normal strong{
	border-bottom:1px solid #339900;
}
/*
-------------------------------------------------------------------------------
個別指導
-------------------------------------------------------------------------------
*/
/*共通*/
div.framePersonal ul.point{
	margin:10px 0px;
}

div.framePersonal ul.point li{
	margin:1em 0px 15px 0px;
	list-style:none;
}
div.framePersonal ul.point li p{
	font-size:85%;
	line-height:140%;
	margin:1em 0px 15px 0px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
div.framePersonal h3.section{
	font-size:90%;
	margin:20px 0px 10px 0px;
	clear:both;
}
/*
-------------------------------------------------------------------------------
ベーシックウイング
-------------------------------------------------------------------------------
*/
div.frameBasic h3{
	margin:15px 0px 10px 0px;
}
div.frameBasic table{
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	margin:0px 0px 10px 0px;
}
div.frameBasic table caption{
	text-align:left;
	font-size:80%;
	padding:10px 0px 5px 0px;
	font-weight:bold;
	color:#390;
}
div.frameBasic table tr th,
div.frameBasic table tr td{
	border:1px solid #DDDDDD;
	padding:5px;
	font-size:80%;
}
div.frameBasic table tr th{
	text-align:center;
}
div.frameBasic table tr.odd td{
	background-color:#F3F3F3;
}
/*
-------------------------------------------------------------------------------
ネイティブイングリッシュ
-------------------------------------------------------------------------------
*/

div.frameEnglish img.rightSide{
	margin:17px 0px 5px 0px;
}

div.frameEnglish h3{
	font-size:90%;
	color:#0C3F7F;
	margin:20px 0px 10px 0px;
}
div.frameEnglish ol.pointEnglish{
	margin:10px 0px;
}
div.frameEnglish ol.pointEnglish li{
	font-size:95%;
	font-weight:bold;
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:5px 0px 5px 0px;
	list-style:none;
}
ul.contentsEnglish{
	background-image:url(/images/english/frame_contents_bg.png);
	background-position:0% 100%;
	background-repeat:no-repeat;
	width:800px;
	margin:10px -20px 0px 0px;
}
ul.contentsEnglish li{
	float:left;
	margin:0px 5px 0px 0px;
	width:191px;
	list-style:none;
}
ul.contentsEnglish li p{
	font-size:75%;
	line-height:150%;
	margin:10px 5px 10px 5px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
div.phoenix{
	width:800px;
	margin:0px -20px 20px 0px;
}
div.phoenix dl{
	float:left;
	width:254px;
	border:1px solid #DDDDDD;
	margin:5px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#555;
	font-size:80%;
}
div.phoenix dl dt{
	font-size:110%;
	line-height:100%;
	font-weight:bold;
	margin:5px;
	padding:5px 5px 5px 5px;
	background-color:#0C3F7F;
	color:#FFF;
}
div.phoenix dl dd{
	padding:5px;
	line-height:140%;
	margin:5px 0px 0px 0px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}

/*
-------------------------------------------------------------------------------
よくある質問
-------------------------------------------------------------------------------
*/
div.faqFrame p.faqSwitch a{
	background-image:url(/images/faq/bullet_switch.png);
	background-position:0px 4px;
	background-repeat:no-repeat;
	font-size:85%;
	padding:3px 0px 3px 15px;
	margin:5px 0px 10px 0px;
	display:none;
	text-decoration:none;
}
div.faqFrame p.faqSwitch a:hover{
	text-decoration:underline;
}
div.faqFrame dl{
	margin:5px 0px 5px 0px;
}
dl.faq dt{
	background-image:url(/images/faq/bullet_q_element.png);
	background-position:0px 0.2em;
	background-repeat:no-repeat;
	color:#333333;
	font-size:85%;
	font-weight:bold;
	margin:5px 0px 0px 10px;
	padding:5px 0px 5px 23px;
}
div.faqHigh dl.faq dt,
div.faqBasic dl.faq dt{
	background-image:url(/images/faq/bullet_q_high.png);
}
dl.faq dt span{
	cursor:pointer;
}
dl.faq dt.hover{
	text-decoration:underline;
}
dl.faq dd{
	background-image:url(/images/faq/bg_answer.png);
	background-position:0px 100%;
	background-repeat:no-repeat;
	color:#555555;
	font-size:80%;
	line-height:150%;
	padding:0px 10px 10px 10px;
	margin:0px 0px 30px 0px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
dl.faq strong{
	background-image:url(/images/faq/bullet_a_element.png);
	background-position:0px 0.35em;
	background-repeat:no-repeat;
	color:#333333;
	font-size:107%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 23px;
	display:block;
}
div.faqHigh dl.faq strong,
div.faqBasic dl.faq strong{
	background-image:url(/images/faq/bullet_a_high.png);
}
/*
-------------------------------------------------------------------------------
合格情報
-------------------------------------------------------------------------------
*/
div.frameGokakuHigh div,
div.frameGokakuUniv div{
	clear:both;
	padding:0px 0px;
}
/*タブ本体*/
div.frameGokakuHigh ul,
div.frameGokakuUniv ul{
	border-bottom:1px solid #DDDDDD;;
	clear:both;
	padding:0px 0px 0px 0px;
}
/*通常タブ*/
div.frameGokakuHigh ul li,
div.frameGokakuUniv ul li{
	float:left;
	font-size:110%;
	list-style-type:none;
	margin:4px 2px 0px 0px;
}
div.frameGokakuHigh ul li a,
div.frameGokakuUniv ul li a{
	background-image:url(/images/gokaku/tab/bg_tab.gif);
	background-color:#EEEEEE;
	background-repeat:no-repeat;
	display:block;
	font-weight:normal;
	padding:0px 0px 0px 30px;
	text-decoration:underline;
	position:relative;
	top:1px;
	left:0px;
}
div.frameGokakuHigh ul li a:link,
div.frameGokakuHigh ul li a:visited,
div.frameGokakuUniv ul li a:link,
div.frameGokakuUniv ul li a:visited{
	background-position:0px 0px;
	text-decoration:underline;
}
div.frameGokakuHigh ul li a:hover,
div.frameGokakuUniv ul li a:hover{
	background-position:0px -90px;
	text-decoration:underline;
}
div.frameGokakuHigh ul li a span,
div.frameGokakuUniv ul li a span{
	background-image:url(/images/gokaku/tab/bg_tab.gif);
	background-color:#EEEEEE;
	background-repeat:no-repeat;
	display:block;
	padding:10px 30px 10px 0px;
	white-space:nowrap;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div.frameGokakuHigh ul li a:link span,
div.frameGokakuHigh ul li a:visited span,
div.frameGokakuUniv ul li a:link span,
div.frameGokakuUniv ul li a:visited span{
	background-position:right 0px;
	text-decoration:underline;
}
div.frameGokakuHigh ul li a:hover span,
div.frameGokakuUniv ul li a:hover span{
	background-position:right -90px;
	text-decoration:underline;
}
/*表示中タブ*/
div.frameGokakuHigh ul li a.active,
div.frameGokakuUniv ul li a.active{
	background-image:url(/images/gokaku/tab/bg_tab.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	cursor:default;
}
div.frameGokakuUniv ul li a.active{
	background-image:url(/images/gokaku/tab/bg_tab_univ.gif);
}
div.frameGokakuHigh ul li a.active:link,
div.frameGokakuHigh ul li a.active:visited,
div.frameGokakuUniv ul li a.active:link,
div.frameGokakuUniv ul li a.active:visited{
	background-position:0px -180px;
	color:#003366;
	text-decoration:none;
}
div.frameGokakuHigh ul li a.active:hover,
div.frameGokakuUniv ul li a.active:hover{
	background-position:0px -180px;
	color:#003366;
	text-decoration:none;
}
div.frameGokakuHigh ul li a.active:active,
div.frameGokakuUniv ul li a.active:active{
	background-position:0px -180px;
	color:#003366;
	text-decoration:none;
}
div.frameGokakuHigh ul li a.active span,
div.frameGokakuUniv ul li a.active span{
	background-image:url(/images/gokaku/tab/bg_tab.gif);
	background-color:#EEEEEE;
	background-repeat:no-repeat;
	color:#F60;
	display:block;
	text-decoration:none;
}
div.frameGokakuUniv ul li a.active span{
	background-image:url(/images/gokaku/tab/bg_tab_univ.gif);
	color:#093;
}
div.frameGokakuHigh ul li a.active:link span,
div.frameGokakuHigh ul li a.active:visited span,
div.frameGokakuUniv ul li a.active:link span,
div.frameGokakuUniv ul li a.active:visited span{
	background-position:right -180px;
	text-decoration:none;
}
div.frameGokakuHigh ul li a.active:hover span,
div.frameGokakuUniv ul li a.active:hover span{
	background-position:right -180px;
	color:#F60;
	text-decoration:none;
}
div.frameGokakuUniv ul li a.active:hover span{
	color:#093;
}
div.frameGokakuHigh ul li a.active:active span,
div.frameGokakuUniv ul li a.active:active span{
	background-position:right -180px;
	color:#F90;
	text-decoration:none;
}
div.frameGokakuUniv ul li a.active:active span{
	color:#093;
}
/*本体*/
div.frameGokakuHigh h3,
div.frameGokakuUniv h3{
	font-size:110%;
	color:#F60;
	clear:both;
	margin:20px 0px 0px 0px;
}
div.frameGokakuUniv h3{
	color:#093;
}
div.frameGokakuHigh h4,
div.frameGokakuUniv h4{
	font-size:90%;
	color:#F60;
	border-bottom:1px solid #DDDDDD;
	padding:1px 0px 3px 20px;
	margin:20px 0px 5px 0px;
	clear:both;
	background-image:url(/images/tution/bullets/bullet_elementary.png);
	background-repeat:no-repeat;
}
div.frameGokakuUniv h4{
	color:#093;
	background-image:url(/images/tution/bullets/bullet_high.png);
}
/*高校リスト*/
div.frameGokakuHigh div ul{
	border:none;
}
div.frameGokakuHigh div ul li{
	float:left;
	list-style:circle;
	font-size:80%;
	width:230px;
	margin:5px 0px 5px 1.5em;
}
div.frameGokakuHigh div ul li strong{
	color:#FF0000;
	font-size:100%;
	font-weight:normal;
	margin:0px 0px 0px 5px;
}
/*大学テーブル*/
div.frameGokakuUniv div table{
	border-collapse:collapse;
	border:1px solid #DDDDDD;
	margin:5px 0px 15px 0px;
}
div.frameGokakuUniv div table tr th,
div.frameGokakuUniv div table tr td{
	font-size:80%;
	padding:4px;
	border:1px solid #DDDDDD;
}
div.frameGokakuUniv div table tr.odd td{
	background-color:#F3F3F3;
}

/*
-------------------------------------------------------------------------------
授業料
-------------------------------------------------------------------------------
*/

/*コンテンツ*/

div.tutionElementary h3,
div.tutionJunior h3,
div.tutionHigh h3,
div.tutionBasic h3{
	background-position:0% 0.3em;
	background-repeat:no-repeat;
	font-size:95%;
	padding:5px 0px 5px 20px;
	margin:20px 0px 10px 0px;
	border-bottom:1px solid #DDDDDD;
}
div.tutionElementary h3{
	background-image:url(/images/tution/bullets/bullet_elementary.png);
	color:#F60;
}
div.tutionJunior h3{
	background-image:url(/images/tution/bullets/bullet_junior.png);
	color:#F30;
}
div.tutionHigh h3,
div.tutionBasic h3{
	background-image:url(/images/tution/bullets/bullet_high.png);
	color:#060;
}
/*授業料表示テーブル*/
table.tution{
	border-collapse:collapse;
	border:1px solid #DDDDDD;
	margin:5px 0px 15px 0px;
}
table.tution tr th,
table.tution tr td{
	font-size:80%;
	padding:4px;
	text-align:center;
	border:1px solid #DDDDDD;
	line-height:140%;
}
table.tution tr.odd th{
	background-color:#EEEEEE;
}
table.tution tr.odd td{
	background-color:#F9F9F9;
}
table.tution tr th.price{
	width:7em;
}
table.tution tr td.price{
	text-align:right;
}
table.tution tr td.text{
	text-align:left;
}
/*
-------------------------------------------------------------------------------
BEST学習会とは
-------------------------------------------------------------------------------
*/
div.frameBest ul.point{
	margin:10px 0px;
}

div.frameBest ul.point li{
	margin:5px 0px;
	list-style:none;
}
div.frameBest ul.point li p{
	font-size:85%;
	line-height:140%;
	margin:1em 0px 15px 0px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
/*
-------------------------------------------------------------------------------
BESTゼミ
-------------------------------------------------------------------------------
*/
div.frameBestzem ul.point{
	margin:10px 0px;
}

div.frameBestzemi ul.point li{
	margin:5px 0px;
	list-style:none;
}
div.frameBestzemi ul.point li p{
	font-size:85%;
	line-height:140%;
	margin:1em 0px 15px 0px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
div.frameBestzemi ul.point li ul{
	margin:1em 0px 1em 1.7em;
}
div.frameBestzemi ul.point li ul li{
	font-size:85%;
	list-style:circle;
	margin:0.5em 0 0.5em 0;
}
/*続きを表示*/
p.problem{
	clear:both;
	display:none;
	text-align:left;
	font-size:80%;
	margin:0px 0px 10px 0px;
}
p.problem a.close{
	background-image:url(/images/common/bullets/bullet_more_close.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:2px 0px 2px 19px;
}
p.problem a.open{
	background-image:url(/images/common/bullets/bullet_more_open.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:2px 0px 2px 19px;
}

/*
-------------------------------------------------------------------------------
スタッフ紹介
-------------------------------------------------------------------------------
*/
ul.staff li{
	clear:both;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #DDDDDD;
}
ul.staff li.lastChild{
	border-bottom:none;
}
ul.staff li img.illust{
	float:left;
	width:100px;
}
ul.staff li h3,
ul.staff li p,
ul.staff li dl{
	margin-left:110px;
}
ul.staff li h3{
	padding:20px 0px 0px 0px;
	color:#069;
	font-size:110%;
}
ul.staff li h3 span{
	font-size:80%;
	margin:0px 0px 0px 5px;
	font-weight:normal;
}
ul.staff li p{
	font-size:85%;
	padding:10px 0px 0px 0px;
	line-height:140%;
}
ul.staff li p.blog{
	font-size:75%;
	padding:10px 0px 0px 0px;
	line-height:1;
}

ul.staff li dl dt{
	font-size:80%;
	font-weight:bold;
	color:#069;
	margin:10px 0px 5px 0px;
}
ul.staff li dl dd{
	font-size:75%;
	line-height:140%;
}/*
-------------------------------------------------------------------------------
教室のご案内
-------------------------------------------------------------------------------
*/
ul.accessList{
	clear:both;
	width:840px;
	margin:0px -40px 20px 0px;
}
ul.accessList li{
	background-image:url(/images/access/frame_bg.png);
	background-position:0% 100%;
	background-repeat:no-repeat;
	width:395px;
	float:left;
	margin:0px 10px 10px 0px;
	list-style:none;
}
ul.accessList li dl dd.address,
ul.accessList li dl dd.phone{
	margin:10px 0px 0px 10px;
}
ul.accessList li dl dd.address{
	font-size:85%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul.accessList li dl dd.phone{
	background-image:url(/images/access/icon_phone.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	font-size:160%;
	color:#C00;
	font-weight:bold;
	padding:0px 0px 0px 30px;
	font-family:Arial Black,Helvetica Bold,sans-serif;
}
ul.accessList li dl dd.map{
	display:block;
	margin:10px
}
ul.accessList li dl dd.map iframe{
	width:375px;
	height:375px; 
}
/*
-------------------------------------------------------------------------------
採用情報
-------------------------------------------------------------------------------
*/
table.recruit{
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	width:100%;
}
table.recruit caption{
	font-size:75%;
	padding:15px 0px 5px 0px;
	text-align:left;
}
table.recruit tr th,
table.recruit tr td{
	border:1px dotted #DDDDDD;
	font-size:85%;
	padding:5px;
}
table.recruit tr th{
	background-color:#F3F3F3;
	width:10em;
}
table.recruit tr td ul,
table.recruit tr td ol{
	margin:-0.4em 0em -0.4em 1.7em;
}
table.recruit tr td ul li,
table.recruit tr td ol li{
	margin:0.4em 0em;
}

/*
-------------------------------------------------------------------------------
会社概要
-------------------------------------------------------------------------------
*/
table.profile{
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	width:100%;
	margin:10px auto 0px auto;
}
table.profile caption{
	color:#069;
	font-size:85%;
	font-weight:bold;
	margin:15px 0px 5px 0px;
	text-align:left;
}
table.profile tr th,
table.profile tr td{
	border:1px dotted #DDDDDD;
	font-size:85%;
	padding:5px;
}
table.profile tr th{
	background-color:#F3F3F3;
	width:10em;
}
table.profile tr td ul,
table.profile tr td ol{
	margin:-0.4em 0em -0.4em 1.7em;
}
table.profile tr td ul li,
table.profile tr td ol li{
	margin:0.4em 0em;
}
/*
-------------------------------------------------------------------------------
フォーム関連（お問い合わせ、資料請求、無料体験）
-------------------------------------------------------------------------------
*/
ul.form{
	border-top:1px solid #DDDDDD;
	margin:5px 0px;
}
ul.form li{
	clear:both;
	list-style:none;
	padding:5px 5px;
	border-bottom:1px solid #DDDDDD;
}
ul.form li label.head{
	float:left;
	width:14.5em;
	font-size:85%;
	padding:0.4em 0px 0.3em 0px;
	color:#069;
}
ul.form li span{
	position:relative;
}
ul.form li span.wpcf7-not-valid-tip-no-ajax{
	background-color:#F6F6F6;
	background-image:url(/images/form/bullet_alert.png);
	background-position:3px 50%;
	background-repeat:no-repeat;
	position:absolute;
	top:-2px;
	left:0px;
	color:#C00;
	display:block;
	padding:6px 6px 6px 20px;
	font-size:12px;
	border:1px solid #C00;
	white-space:nowrap;
	display:none;
}
ul.form li label.essential{
	background-image:url(/images/form/icon_essential.png);
	background-position:96% 55%;
	background-repeat:no-repeat;
}
ul.form li input,
ul.form li select,
ul.form li textarea{
	float:left;
	font-size:85%;
	padding:1px;
	border:1px solid #999999;
}
ul.form li p.check{
	float:left;
	font-size:85%;
	padding:2px 0px 0px 0px;
	line-height:140%;
	width:500px;
}
ul.form li p.tips{
	color:#666;
	padding:4px 0px 0px 4px;
	float:left;
	font-size:75%;
}
ul.form li p.example{
	color:#666;
	padding:5px 0px 0px 0px;
	float:right;
	font-size:75%;
}
ul.form li input#mail,
ul.form li input#name,
ul.form li input#childName,
ul.form li input#kana,
ul.form li input#school,
ul.form li input#name,
ul.form li input#kana,
ul.form li input#address,
ul.form li input#tel,
ul.form li input#fax,
ul.form li select#kind,
ul.form li select#grade{
	width:20em;
}
ul.form li textarea#content{
	width:500px;
	height:22em;
	line-height:140%;
}
div.attention{
	width:780px;
	background-image:url(/images/form/frame_attention_bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:1em 0em;
}
div.attention ul{
	padding:5px 0px;
}
div.attention ul li{
	color:#C00;
	font-size:80%;
	margin:0.5em 0.5em 0.5em 2em;
}


div.buttonArea{
	clear:both;
}
div.buttonArea input{
	font-size:80%;
	background-image:url(/images/form/bg_button.png);
	background-position:0% 50%;
	background-repeat:repeat-x;
	border:1px solid #008ED2;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	padding:4px;
	color:#006699;
	cursor:pointer;
}
div.buttonArea input.left{
	float:left;
	margin:10px 0px 0px 20px;
}
div.buttonArea input.right{
	float:right;
	margin:10px 20px 0px 0px;
}
div.wpcf7-validation-errors{
	background-image:url(/images/form/icon_mail_error.png);
	background-position:10px 50%;
	background-repeat:no-repeat;
	background-color:#F6F6F6;
	color:#C00;
	padding:40px 5px 40px 90px;
	font-size:14px;
	border:1px solid #C00;
	margin:10px 0px 10px 0px;
	display:none;
}
div.wpcf7-mail-sent-ok{
	background-color:#F6F6F6;
	background-image:url(/images/form/icon_mail_ok.png);
	background-position:10px 50%;
	background-repeat:no-repeat;
	color:#006699;
	padding:40px 5px 40px 90px;
	font-size:14px;
	border:1px solid #006699;
	margin:10px 0px 10px 0px;
	z-index:1000;
	display:none;
	line-height:150%;
}
/*お問い合わせ先一覧*/

ul.inquiryList{
	width:800px;
	margin:0px -20px 0px 0px;
	clear:both;
}
ul.inquiryList li{
	background-color:#F6F6F6;
	float:left;
	width:189px;
	height:50px;
	margin:0px 5px 0px 0px;
	list-style:none;
	padding:5px 0px 10px 0px;
	border:1px solid #DDDDDD;
}
ul.inquiryList dl{
	font-size:10px;
}
ul.inquiryList dl img{
	vertical-align:bottom;
}
ul.inquiryList dl dt{
	margin:0px 0px 5px 0px;
}
ul.inquiryList dl dt{

}
/*
-------------------------------------------------------------------------------
セル汎用設定
-------------------------------------------------------------------------------
*/
table tr th.widthAuto{
	width:auto;
}
table tr th.width01{
	width:2em;
}
table tr th.width02{
	width:3em;
}
table tr th.width03{
	width:4em;
}
table tr th.width04{
	width:5em;
}
table tr th.width05{
	width:6em;
}
table tr th.width06{
	width:7em;
}
table tr th.width07{
	width:8em;
}
table tr th.width08{
	width:9em;
}
table tr th.width09{
	width:11em;
}
table tr th.width10{
	width:10.5em;
}
table tr th.width11{
	width:11.5em;
}
table tr th.width11plus{
	width:11.8em;
}
table tr th.width12{
	width:12.5em;
}
table tr th.width13{
	width:13.5em;
}
table tr th.width14{
	width:14.5em;
}
table tr th.width15{
	width:15.5em;
}
table tr th.width16{
	width:16.5em;
}
table tr th.width17{
	width:17.5em;
}
table tr th.width18{
	width:18.5em;
}
table tr th.width19{
	width:19.5em;
}
table tr th.width20{
	width:20.5em;
}
table tr th.width21{
	width:21.5em;
}
table tr td.num{
	text-align:right;
}


p.requireCheck{
	background-color:#DDDDDD;
	font-weight:bold;
	text-align:center;
	padding:0px 0px;
	font-size:90%;
	margin:20px auto;
	color:red;
	padding:100px 0px;
}


/*
-------------------------------------------------------------------------------
Copyright 2009 Best gakushu kai Inc. All Rights Reserved.
-------------------------------------------------------------------------------
*/

