@charset "utf-8";

/* ----------import---------- */

@import "navi.css";
@import "button.css";

/* ----------import---------- */

#tdback { background-color: #FFC; }
#tdborder {
	height: 0px;
	background-color: #e9e9e9;
}

*{
	margin:0;
	padding:0;
	font-style:normal;
	line-height:1;
}
/*-----------------------------------------------------
Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/#default
Font-size Adjustment
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

/*-----------------------------------------------------
	汎用クラス
------------------------------------------------------*/

/*　Float Clear */
hr.cl {
	clear:both;
	margin:0;
	padding:0;
	visibility:hidden;
}
.cl { clear:both; }

/* Block */
.bl { display:block;}


.center {text-align:center;}
.right {text-align:right;}

.alignleft {float:left;margin-right:10px;}
/*-----------------------------------------------------
	Link
------------------------------------------------------*/
a {
	color:#0068B6;
	text-decoration:none;
	font-size:100%;
	
}
a:hover {
	color:#0F99FF;
	text-decoration:underline;
	
}
a img {border:none;}
a img.nw {margin:0 3px;}

/*-----------------------------------------------------
	Headering
------------------------------------------------------*/
h3 {
	font-size:116%;
	line-height:1.8;
}
h4  { font-size:108%;
line-height:1.5; }


/*-----------------------------------------------------
	テキストスタイル
------------------------------------------------------*/
p,li,dt,dd,address {
	font-size:93%;
	color:#333333;
	line-height:1.5;
}
span {
	font-size:100%;
}

th,td {
	font-size:93%;
	line-height:1.4;
}

td p {
	font-size:100%;
}

.section ul,
.subsect ul {
	margin:1em 0.5em;
}
.section li,
.subsect li {
	list-style-position:inside;
}
/*-----------------------------------------------------
	レイアウト
------------------------------------------------------*/

#wrapper {
	margin:0 auto;
	width:970px;
	background:url(../image/shadow_b.gif) repeat-y center top;
}
#wrapper img.t {
	display:block;
	position:relative;
	top:0;
}
#wrapper img.u {
	display:block;
	position:relative;
	bottom:0;
}
#topflash {z-index:1;}
#main {
	width:715px;
	float: right;
	margin:0;
}
#contents {
	width:448px;
	float:left;
	margin-top:10px;
	position:relative;
}
#sub {
	width:260px;
	float:right;
	margin-top:10px;
}
#news {
	margin:0 0 10px 0;
}
/*-----------------------------------------------------
	ヘッダ
------------------------------------------------------*/
#header {
	background:url(../image/header_bg.gif) repeat-x left top;
	height:72px;
}
#header h1 {
	float:left;
}
.title {
	width:970px;
	margin:0 auto;
	padding-top:15px;
}
#header .tel {
	float:left;
	margin-left:260px;
	width:194px;
}
#header .mail {
	width:202px;
	float:right;
	
}
h2#PR{
	text-align:right;
	font-size:85%;
	width:970px;
	margin:0 auto;
	color:#999;
	font-weight:normal;
}
* html h2#PR{
	font-size:77%;
}
/*-----------------------------------------------------
	フッタ
------------------------------------------------------*/
#footer {
	background:#dedede url(../image/footer_bg.gif) repeat-x left bottom;
	height:37px;
}
#footer address {
	color:#666;
	text-align:center;
	line-height:20px;
}
/*-----------------------------------------------------
	メニュ
------------------------------------------------------*/

#menu{
	width:210px;
	background: url(../image/menu_bg.gif) repeat-y right top;
	margin: 0;
	padding:0 0 0 20px;
	float:left;
}
#menu h2 {
	margin:0;
}
#menu .list {
	background: url(../image/list-b.gif) repeat-y center top;
	margin-bottom:15px;
}

#menu ul {
	list-style:none;
	width:155px;
	margin:0 0 0 31px;
	border:solid 1px #fff;
}
#menu li {
	background: url(../image/arrow.gif) no-repeat left 0.3em;
	margin:0.3em 0;
	padding:0.3em 0;
}
#menu li a {
	color:#0068B6;
	font-weight:bold;
	text-decoration:none;
	margin-left:15px;
	display:block;
	
}
#menu li a:hover {
	color:#0F99FF;
	text-decoration:underline;
	
}
.line {	border-bottom: dotted 1px #999;}
.banner {
	text-align:center;
	font-size:77%;
	color:#666;
	margin:0.7em;
	line-height:1.6;
}

/*-----------------------------------------------------
	メインコンテンツ部分
------------------------------------------------------*/

/*パンクズ*/
#topicpath {
	margin-top:10px;
	color:#FC589D;
	font-size:85%;
}
* html #topicpath {font-size:77%;}

#topicpath small {
	color:#999999;
	font-size:100%;
}
/*　トップに戻るリンク　*/
.gototop {
	margin:0 auto;
	text-align:right;
	width:680px;
}
.gototop a {
	display:block;
	padding:5px 10px 5px 0;
}
/*-----------------------------------------------------
	Flash
------------------------------------------------------*/
#video {
	background:url(../image/video-bg.gif) no-repeat left top;
	height:165px;
	width:229px;
	padding:9px 0 0 5px;
}
#video a {
	text-align:center;
	display:block;
	padding:5px 0;
	font-size:77%;
	text-decoration:none;
	color:#848BCC;
}
#sub > #video { margin-bottom:10px;}
#video a:hover { text-decoration:underline; }
#sub p {margin:0;}

/*-----------------------------------------------------
	Lightcase
------------------------------------------------------*/

.post_data {
	border-top:solid 2px #cccccc;
	border-bottom:solid 2px #cccccc;
	margin:15px auto;
	color:#333333;
}
.detail {
	padding:5px;
	text-align:right;
	background-color:#ececec;
}
.detail a img {	border:none; }
.post_image {
	float:left;
	padding:0.5em 10px 0 0;
	background-color:#ffffff;
}
h3.post_title {
	border-bottom:solid 2px #cccccc;
	padding:0.5em 0;
}
.post_cmt {
	padding:0.5em;
}
.post_cmt p {
	margin-left:130px;
}
.hotdining {
	width: 448px;
	font-size: 77%;
	color: #999;
	text-align: center;
	margin:1em auto 0 auto;
}
.hotdining a {
	color:#A6ACDB;
	text-decoration:none;
}
.hotdining a:hover {
	text-decoration:underline;
}
/*ページ表示部------------------------*/
.prevnext {
	width: 448px;
	text-align:right;
	font-size:85%;
	margin-top:0.5em;
}
.prevnext span{
	color: #666;
}
.prev {
	color: #666;
	width: 70px;
}
.next {
	color: #666;
	text-align: right;
	width: 70px;
}
.prevnext em {
	font-weight:bold;
	color:#666666;
}
a.case {
	padding-left:0.5em;
}
.prevnext a {
	text-decoration:none;
	color:#7B79B9;
}
.prevnext a:hover {
	text-decoration:underline;
}

/*-----------------------------------------------------
	中ページ用
------------------------------------------------------*/

.page #contents {
	width:auto;
}

/*　セクション　*/

.section {
	padding:1em 0;
	width:680px;
}

.section p {
	margin:1em 0.5em;
}

.subsect {
	background:#e6e6e6 url(../image/corner1-t.png) no-repeat left top;
	width:680px;
	padding:5px 0;
	margin:20px 0;
}

.catchimg { margin:20px 0 0 0;}


/* 　汎用テーブル　*/
table.measure  {
	border-bottom:1px solid #D3D3D3;
	border-right:1px solid #DDDDDD;
	color:#333333;
	margin:5px 5px 0 5px;
	width:670px;
	padding:0;
}
table.measure  * {
	background-color:#ffffff;
}
.subsect h3 {	
	margin:0 5px;
	border-bottom:1px solid #D3D3D3;
	border-right:1px solid #DDDDDD;
	background-color:#ffffff;
	color:#00479D;
	text-indent:10px;
}

.measure thead th,table.measure tbody th {
	padding:5px;
	color:#444;
	background-color:#efefef;
	border:solid 1px #fff;
}
.measure thead td,
.measure tbody td {
	color:#333;
	text-align:center;
	border:solid 1px #efefef;
	padding:5px;
}
.measure td.comment {
	text-align:right;
	padding:5px;
	color:#555;
	border-top:1px solid #D3D3D3;
	font-size:77%;
}
.measure td.comment li {
	text-align:left;
	list-style-position:inside;
	line-height:1.4;
	font-size:100%;
}
.measure tbody span,.measure thead span {
	color:#777;
}
.measure strong {
	font-size:116%;
}
.measure em {
	font-size:108%;
}
/*特徴*/
.column {
	float:left;
	margin:0 0 10px 0;
	padding:0;
}
.column h3, .faq h3,.map h3, .recruit-t h3, .result h3 {
	background:url(../image/column-h3bg.png) no-repeat left top;
	padding:12px 0;
	color:#00479D;
	width:680px;
	text-indent:12px;
	font-size:108%;
	line-height:1.6
}
.column h4 {
	color:#003366;
	border-bottom:1px solid #07317C;
	padding:5px;
	margin:0.5em 0;
}
.column p  {
	line-height:150%;
}
.first-column {
	float:left;
	width:330px;
}
.second-column{
	float:right;
	width:330px;
	margin-right:20px;
}
.column > .second-column {
	margin-right:40px;
}
/* 各クラスページ用ヘッダ*/
.class-head {
	width:680px;
	margin:20px 0;
	padding:0;
}
.class-head h3 {
	margin:0 0 15px 0;
	text-align:center
}
.class-head li {
	list-style-image:url(../image/icon/arrow-r-or.gif);
	margin:0 0 0 65px;
	line-height:160%;
	font-size:93%;
}
.class-head p {
	padding:0 1em 1em 1em;
	line-height:170%;
}

.class-head .catchimg {
	float: right;
	padding:0;
	margin:0;
}
/*ライブクラスコース*/
.live {
	margin-top:20px;
}
.live li {
	margin:0 0 0 100px;
}
.live-chart {
	text-align:center;
	margin:0;
}
.course {
	margin:5px 0 0 5px;
	width:auto;
	background-color:#fff;
	width:670px;
}
.course h4,
.faq h4 {	
	margin: 0 0.5em;
	border-bottom:1px solid #07317C;
	background-color:#ffffff;
	color:#003366;
	padding:0.5em 0 0.2em 0;
}
.course p  {
	padding:5px 10px;
}
/*合格実績*/
.success {
	margin-top:20px;
}
.success strong {
	font-size:123.1%;
	text-align:center;
}
#success_link {
	background-color:#FFCC66;
	padding:8px;
	font-size:116%;
	font-weight:bold;
	width:600px;
	margin:10px auto;
	text-align:center;
}
#success_link a {
	color:#FF6600;
}
.subsect h3 small.all {
	font-size:77%;
	color:#990000;
	font-weight:normal;
}
/*実績NO1旗*/
.flag td {
	width:33%;
}
.flag {
	position:relative;
}
img.no1 {
	position:absolute;
	left:10px;
	top:3.5em;
}
/*ゼミ生の声*/
img.successBadge {
	position:absolute;
	right:604px;
	top: 34px;
}

.noTextImage .success_column p,
.noTextImage .success_column h4{
	margin:0 0 10px 0;
}

.success_column {
	margin: 15px 0;
	width:680px;
	clear:both;
	overflow:hidden;
	zoom:100%
}
 h3.success {
	background-color:#111;
	border-left:solid 8px #49a;
	color:#fff;
	text-indent:1em
}
.success_column h4 {
	background-color:#0086D1;
	color:#fff;
	font-size:123.1%;
	padding:0.2em 0.5em;
	margin-left:260px;
	margin-bottom:15px;
}
.success_column h4 small {
	font-weight:normal;
	display:block;
	margin-top:5px;
}
.success_column p {
	margin:0 0 10px 260px;
}
a.hidden {
	display:none;
}
.success_column .voice p.left {
}
/*とくちょう*/
.feature h4 {
	border:none;
	margin:0;
}
.feature-catch {
	margin-left:30px;
}
.feature p {
	margin:1em 0;
}
.feature .first-column {
	width:380px;
}
.feature .second-column {
	width:280px;
	margin:0 35px 0 0 ;
}
* html .feature .second-column {
	margin:0 20px 0 0;
}
/*入塾案内*/
.guide{	
	margin:25px 0 0 0;
	width:680px;
}
.guide h4 {
	padding:5px 0 5px 8px;
	border-left:#006699 solid 8px;
	background-color:#E8F4FD;
	color:#333333;
	margin:8px 0;
}
.guide p {
	margin:0.7em 0 0.7em 16px;
}
.guide ol,.guide ul {
	margin:0 0 0 25px;
	padding:0;
}
.guide li {
	line-height:1.6;
}
/*よくある質問*/
.faq {
	width:680px;
	margin-top:20px;
}
.faq h4 {
	margin:0;
}
.faq em {
	font-size:108%;
	font-weight:bold;
	color:#FF6600;
}
.faq p {
	margin:0.7em 0;
}
/*地図*/
.map {
	margin:10px 0;
}
.map h3 {
	margin: 20px 0;
	clear:both;
}
.map h4 {
	padding:5px 0 5px 8px;
	border-left:#006699 solid 8px;
	background-color:#E8F4FD;
	color:#006699;
	margin:0 10px 8px 0;
}
#kousya div,#kousya2 div {
	float:left;
	width:220px;
	margin:0 10px 10px 0;
}
.map address {
	display:block;
	margin-left:15px;
}
.map span{
	display:block;
}
#map_canvas {
	width:680px;
	height:400px;
	margin:20px 0;
}
#map_canvas .info {
	white-space:nowrap;
	height:auto;
	min-height:200px;
}
/*採用*/
.recruit {
	margin: 20px 0 0 0;
	width:680px;
}
.recruit h3 {
	color: #EB6100;
	border-bottom:double 3px #FDE093;
}
.recruit strong {
	font-size: 100%;
	margin:8px 0;
	display:block;
}
.recruit-t {
	margin:20px 0;
}
.recruit-t table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:10px 0;
}
.recruit-t th {
	background-color:#efefef;
	padding:5px 0;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
.recruit-t td {
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding:5px;
}

fieldset,legend {
	border-style: none;
}


.link {
	background-color:#FFE0A2;
	text-align: right;
	margin: 10px 0;
}
.link a {
	display:block;
	color:#FF6600;
	font-weight:bold;
	padding: 5px 10px 5px 0;
}
.link a:hover {
	background-color:#FFCC66;
	text-decoration:none;
	color:#fff;
}
/*会社概要*/
.result table {
	border-top:1px solid #ccd;
	border-left:1px solid #ccd;
	margin:10px 0;
	width:680px;
}
.result th {
	background-color:#E3F0FB;
	padding:5px 0;
	color:#003366;
	border-bottom:solid 1px #ccd;
	border-right:solid 1px #ccd;
	width:20%;
}
.result td {
	border-bottom:solid 1px #ccd;
	border-right:solid 1px #ccd;
	padding:5px;
}

/*バス*/
.bus-pr {
	border:solid 1px #ccc;
	padding:0.2em;
	float: left;
	width: 440px;
}
.bus-pr p {
	padding:0;
}
.buscourse strong {
	display:block;
	margin:1em 0;
	text-align:center;
	background-color:#DEFCDC;
	padding:5px 0;
}
/*スケジュール*/
table.sche {
	border:solid 1px #ccc;
	margin:20px 0 20px 20px;
	width:640px;
}
.sche th {
	background-color:#efefef;
	padding:5px;
	width:30px;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
.sche td {
	padding:5px;
	border-bottom:solid 1px #ccc;
	border-right:dotted 1px #ddd;
	vertical-align:top;
}
.sche td em {
	color:#CC0000;
}
.sche td strong {
	color:#cc0000;
}
.sche .gl {
	background:url(../image/sche/gl.gif) repeat-x left bottom;
}
.sche .gl_h {
	background:url(../image/sche/gl-h.gif) no-repeat left bottom;
}
.sche .pk {
	background:url(../image/sche/pk.gif) repeat-x left bottom;
}
.sche .pk_h {
	background:url(../image/sche/pk-h.gif) no-repeat left bottom;
}
.sche .pk_h2 {
	background:url(../image/sche/pk-h2.gif) no-repeat right bottom;
}
/*お問い合わせ*/
.contact {
	margin:20px 0;
}
.contact h4 {
	padding:5px 0;
	background-color:#FFE6ED;
	color:#DC435E;
	text-align:center;
}
.contact .send {
	text-align:center;
	padding:30px 0;
}
table.formmail {
	border-top:1px solid #ccc;
	margin:10px 0;
	width:680px;
}
.formmail thead td {
	background-color:#efefef;
	text-align:right;
	border-left:1px solid #ccc;
}
.formmail th {
	background-color:#efefef;
	padding:5px 0;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-left:1px solid #ccc;
}
.formmail td {
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding:5px;
}
.formmail tfoot td {
	border:none;
	padding:10px 0;
}

/*-----------------------------------------------------
　塾長の宝部屋
------------------------------------------------------*/
.takara p.att {
	background: #efefef;
	text-align: right;
	padding: 3px 10px;
}
.takara p.alignleft {
	margin: 0px 10px 0px 0px;
}

.takara .clear {
	clear: both;
}



/*-----------------------------------------------------
　夏期・冬季講
----------------------------------------------------------*/

.summer .section {
	width:686px;
}
.summer h4,
.winter h4 {
	margin:0;
}
.summer p.copy,
.winter p.copy {
	font-size:108%;
	color:#00469B;
	margin:2px 0.5em;
}
.summer p.copy strong,
.winter p.copy strong {
	line-height:1.6;
}
.special,
.special {
	margin:0;
}
.summer em,
.splecial_price p,
.special em {
	color:#E50012;
}
p.contact,
p.contact {
	margin:15px 0;
	text-align:center;
}

p.contact img.mail,
p.contact img.mail {
	margin:0 8px 0 3px;
}
.special_price {
	border:solid 1px #E50012;
	padding:10px;
	width: 660px;
}
.special_price p {
	margin-bottom:10px;
}
.special_price strong {
	font-size:131%;
	color:#E50012;
}

#calendar h3 {
	padding:5px 0;
}
#calendar p {
	background-color:#fff;
	text-align:right;
	margin:5px 5px 0 5px;
	padding:0.5em;
	font-size:85%;
	border-bottom:1px solid #D3D3D3;
	border-right:1px solid #DDDDDD;
}
#calendar td {
	width:14%;
	vertical-align:top;
	text-align: left;
}
#calendar td tt{
	display:block;
	text-align:left;
	font-weight:bold;
	color:#666;
	margin-bottom: 8px;
}
#calendar td .yotei {
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px dotted #EFEFEF;
	overflow: hidden;
	padding-top: 1px;
}
#calendar td .yotei .nen {
	text-align: left;
	background: url(none);
	float: left;
	width: 50px;
	clear: left;
	display: block;
}
#calendar td .yotei .st {
	background: url(none);
	overflow: hidden;
	float: right;
	display: block;
	padding-top: 1px;
}


/* 夏期合宿*/
#gasyuku {
	overflow: hidden;
}
#gasyuku h5 {
	float: left;
	margin-right: 10px;
}
#gasyuku h6 {
}
#gasyuku p {
	margin: 0px;
}

/*-----------------------------------------------------
　冬期講習
------------------------------------------------------*/
p.sc04 {
	background-color:#FFEEE9;
	border:solid 1px #E61A14;
	margin:10px 0;
}
p.sc05 {
	background-color:#FFFFE6;
	border:solid 1px #FBC600;
	margin:10px 0;
}
p.sc06 {
	background-color:#F5FFD1;
	border:solid 1px #75A115;
	margin:10px 0;
}
p.scEng {
	background-color:#EDFFFF;
	border:solid 1px #0068B5;
	margin:10px 0;
}
p.sc04 img,
p.sc05 img,
p.sc06 img,
p.scEng img {
	vertical-align:middle;
}
p.sc04 em,
p.sc05 em,
p.sc06 em,
p.scEng em {
	padding:0.5em;
	font-weight:bold;
}

/*セット割引*/
.set {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.set h5 {margin-bottom:10px;}
.set p {margin:0;}

/*-----------------------------------------------------
　春期講習
------------------------------------------------------*/
.spring .section dl.gakunen {}
.spring .section dl.gakunen dt {
	float: left;
	margin-right: 20px;
	padding-left: 20px;
}
.spring .section dl.gakunen dd {
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
}
.spring .section dl.gakunen dd.t1 {
	background: #B52121;
}
.spring .section dl.gakunen dd.t2 {
	background: #0067B4;
}
.spring .section dl.gakunen dd.t3 {
	background: #74A014;
}

.spring table {
	border-collapse:collapse;
}
.spring td.left {
	text-align:left;
	padding-left:5px
}
.spring td {
	text-align:center;
}
.spring  th {
	color:#330000}
.spring thead th {
	background-color:#FFCCCC
}
.spring tbody th {
	background-color:#FFE8E8
}

.spring .outline h3 {
	color:#C00;
	font-size:138%;
	border-bottom:double 3px #C00;
}

.spring .outline h4 {
	color:#F69;
	margin-bottom:0;
}
.spring .outline strong {
	color:#F60;
}

.spring .outline p {
	margin:0 0 15px 0;
}
.spring .outline .note {
	margin-top:5px;
}

.spring table * {
	padding:5px;
}