/* Init
-------------------------------------*/
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

body {
	text-align: center;
	font-size: 10pt;
	font-family: 'ＭＳゴシック', Verdana;
	line-height: 170%;
	color: #404040;

	background-image: url(../img/bg_01.gif);
	background-repeat: repeat;
	background-position: center;
	background-color: #f3f5dd;
}

/* Container
-------------------------------------*/
#container {
	width: 980px;
	margin-left: auto;
	margin-left: auto;
	margin: auto;
	text-align: left;
	border-top:6px #000 solid;
	background-color: #fff;
}

/*
#header, #main, #footer{
	padding-left: 10px;
	padding-right: 10px;
}
*/

#container div.btn-home {
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	margin: 0;/* padding: 0;*/
	padding: 5px 10px 0 0;
}

/* Header
-------------------------------------*/
#header{
	margin-top: 5px;
	margin-bottom: 2px;
	width: 960px;
	height: 80px;
}

ul#header{
	list-style-type: none;
}

/* ロゴ */
ul#header li a.header01 {
	background-image: url(../img/header/header01.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0px;
	text-indent: -9999px;
	width: 148px;
	height: 80px;
	float:left;
}

/* 拠点情報 */
ul#header li a.header02 {
	background-image: url(../img/header/header02.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0px;
	text-indent: -9999px;
	width: 334px;
	height: 80px;
	float:left;
}

/* MOTS */
ul#header li a.header03 {
	background-image: url(../img/header/header03.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0px;
	text-indent: -9999px;
	width: 106px;
	height: 80px;
	float:left;
}

/* 体験レッスン */
ul#header li a.header04 {
	background-image: url(../img/header/header04.gif);
	background-repeat: no-repeat;
	background-position: left bottom ;
	margin: 0 0 0 0px;
	text-indent: -9999px;
	width: 106px;
	height: 80px;
	float:left;
}
ul#header li a.header04:hover{
	background-image: url(../img/header/header04-on.gif);
}

/* 資料請求 */
ul#header li a.header05 {
	background-image: url(../img/header/header05.gif);
	background-repeat: no-repeat;
	background-position: left bottom ;
	margin: 0 0 0 0px;
	text-indent: -9999px;
	width: 106px;
	height: 80px;
	float:left;
}
ul#header li a.header05:hover{
	background-image: url(../img/header/header05-on.gif);
}

/* お申込み */
ul#header li a.header06 {
	background-image: url(../img/header/header06.gif);
	background-repeat: no-repeat;
	background-position: left bottom ;
	margin: 0 0 0 0px;
	text-indent: -9999px;
	width: 160px;
	height: 80px;
	float:left;
}
ul#header li a.header06:hover{
	background-image: url(../img/header/header06-on.gif);
}


#logo{
	padding: 0 0 0 0;
	float: left;
}

ol, ul {
   padding: 0px 0px 0px 10px;
   margin: 0px 0px 0px 0px;
}


/* bottom-contents
-------------------------------------*/
/* bottom-contents */
#bottom-contents {
	margin-left: 0px;
	margin-right: 0px;
}

/* contents-left */
#bottom-contents div.contents-left {
	float: left;
/*	width: 490px;*/
	width: 760px;
/*	margin-right: 10px;*/
}

#bottom-contents div.contents-left dl.new dt {
	text-indent: -9999px;
	background-image: url(../img/title-new.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 36px;
	clear: both;
	margin-top: 20px;
}

#bottom-contents div.contents-left dl.new dd {
	background-image: url(../img/mark-triangle.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 10px;
	padding: 0 0 10px 20px;
	font-size: 12px;
	color: #3f63db;
	border-bottom: 1px #e5e0dd solid;
}

#bottom-contents div.contents-left dl.rec dt {
	text-indent: -9999px;
	background-image: url(../img/title-rec.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 36px;
	margin-top: 10px;
}

#bottom-contents div.contents-left dl.rec dd {
	background-image: url(../img/mark-triangle.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 10px;
	padding: 0 0 10px 20px;
	font-size: 12px;
	color: #3f63db;
	border-bottom: 1px #e5e0dd solid;
}

/* contents-right */
#bottom-contents div.contents-right {
	float: right;
	width: 220px;
}


/*
#bottom-contents div.contents-right dl {
	background-image: url(../img/title-future.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #ecefe9;
}

#bottom-contents div.contents-right dt.future-first {
	background-image: none;
	text-indent: -9999px;
	color: #fe5601;
	font-weight: bold;
	height:35px;
}

#bottom-contents div.contents-right dt {
	background-image: url(../img/mark-box.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #fe5601;
	font-weight: bold;
	padding-left: 25px;
}

#bottom-contents div.contents-right dd {
	margin-top: 10px;
	padding: 0 10px 10px 20px;
	font-size: 12px;
	color: #505050;
}

#bottom-contents div.contents-right dd.future-bottom {
	background-image: url(../img/future-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: 10px;
	padding: 0 0 10px 20px;
	font-size: 12px;
	color: #3f63db;
	border-bottom: 0;
}
*/

/* globalnavi
-------------------------------------*/
/*
div#menu {
	width:960px;
	margin:0;
	margin-left:-10px;
	list-style-type: none;
}
*/
div#menu{
 z-index: 30;
}
div#menu a {
	text-decoration: none;
	color: #4d4d4d;
}
div#menu ul {
	list-style-type: none;
}

div#menu li{
	/*background-color: #CCFFFF;*/
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	/*border:1px #999999 solid;*/
	color: black;
	width: 160px;
	float: left;
}
div#menu li a{
	display: block;
}
div#menu .hd {
	display: none;
	position: absolute;
	top: 40px;
	left:-10px;
}

div#menu .hd a {
	display: block;
	width: 100%
	height: 100%;
	background-color: #e6e6ff;
	border:1px #808080 solid;
}
div#menu .hd a:hover {
	background-color: #FFFFFF;
	border:1px #808080 solid;
}

div#menu .hd li.hd1 {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	text-indent: 10px;
}

div#menu .off {
	margin: 0;
	background-image: url(../img/globalnavi/btn-menu.gif);
	height: 40px;
	/*background-color: #FFFFFF;*/

}

div#menu .on {
	position: relative;
	background-image: url(../img/globalnavi/btn-menu-on.gif);
	height: 40px;
	/*background-color: #CCFFFF;*/

}

div#menu .on .hd {
	display: block;
}


/*
ul#menu a{
	float: left;
	height: 40px;
}
*/

/* ビットの魅力 
div#menu li a.lecture{
	background-image: url(../img/globalnavi/btn-menu-n1.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: -9999px;
	margin:0 0 0 0px;
	width: 160px;
	height: 40px;
}
div#menu li a.lecture:hover{
	background-image: url(../img/globalnavi/btn-menu-n1-on.gif);
}

講座紹介
div#menu li a.classes{
	background-image: url(../img/globalnavi/btn-menu-n2.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: -9999px;
	margin:0 0 0 0px;
	width: 160px;
	height: 40px;
}
div#menu li a.classes:hover{
	background-image: url(../img/globalnavi/btn-menu-n2-on.gif);
}

 講座日程 
div#menu li a.schedule{
	background-image: url(../img/globalnavi/btn-menu-n3.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: -9999px;
	margin:0 0 0 0px;
	width: 160px;
	height: 40px;
}
div#menu li a.schedule:hover{
	background-image: url(../img/globalnavi/btn-menu-n3-on.gif);
}

 教室一覧 
div#menu li a.access{
	background-image: url(../img/globalnavi/btn-menu-n4.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: -9999px;
	margin:0 0 0 0px;
	width: 160px;
	height: 40px;
}
div#menu li a.access:hover{
	background-image: url(../img/globalnavi/btn-menu-n4-on.gif);
}

 よくある質問 
div#menu li a.faq{
	background-image: url(../img/globalnavi/btn-menu-n5.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: -9999px;
	margin:0 0 0 0px;
	width: 160px;
	height: 40px;
}
div#menu li a.faq:hover{
	background-image: url(../img/globalnavi/btn-menu-n5-on.gif);
}

 企業研修 
div#menu li a.corp{
	background-image: url(../img/globalnavi/btn-menu-n6.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: -9999px;
	margin:0 0 0 0px;
	width: 160px;
	height: 40px;
}
div#menu li a.corp:hover{
	background-image: url(../img/globalnavi/btn-menu-n6-on.gif);
}
*/

/* Main
-------------------------------------*/
#main {
	clear:both;
}

/* side-menu
-------------------------------------*/
span.classlist {
	font-size:11px;
	line-height: 140%;

}

/* ---サブタイトルバー--- */
div#sub-title-bar h2 {
	background-image: url(/img/classes/bar01.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 22px 0px 0px 40px;
	color: #ffffff;
	font-size: 16px;
	height: 40px;
}

/* サイドバー：ミニ */
div#sub-menu-title-mini {
	background-position: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	color: #fff;
	font-size: 10px;
	width: 150px;
	height: 24px;
}
/* すべて（サイドバー：ミニ） */
div#sub-menu-title-mini h4.bar00-mini {
	background-image: url(/img/side-menu/bar00-mini.gif);
	
}
/* 教室で絞り込む（サイドバー：ミニ） */
div#sub-menu-title-mini h4.bar01-mini {
	background-image: url(/img/side-menu/bar01-mini.gif);
}
/* 教科で絞り込む（サイドバー：ミニ） */
div#sub-menu-title-mini h4.bar02-mini {
	background-image: url(/img/side-menu/bar02-mini.gif);
}
/* 目的で絞り込む（サイドバー：ミニ） */
div#sub-menu-title-mini h4.bar03-mini {
	background-image: url(/img/side-menu/bar03-mini.gif);
}

/* サイドバー */
div#sub-menu-title {
	background-position: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	color: #fff;
	font-size: 10px;
	width: 180px;
	height: 24px;
}

/* カートボタン（バナー扱い） */
div#banner-cart h4 {
	width: 180px;
	height: 48px;
}
/* 日程リクエストボタン（バナー扱い） */
div#banner-req h4 {
	width: 180px;
	height: 58px;
}

/* カートボタン（バナー扱い：日程ページ用） */
div#banner-cart-mini h4 {
	width: 150px;
	height: 48px;
}
/* 日程リクエストボタン（バナー扱い：日程ページ用） */
div#banner-req-mini h4 {
	width: 150px;
	height: 58px;
}

/* 教材別で探す（サイドバー） */
div#sub-menu-title h4.bar01 {
	background-image: url(/img/side-menu/bar01.gif);
}
/* 目的別で探す（サイドバー） */
div#sub-menu-title h4.bar02 {
	background-image: url(/img/side-menu/bar02.gif);
}
/* お知らせ（サイドバー） */
div#sub-menu-title h4.bar03 {
	background-image: url(/img/side-menu/bar03.gif);
}
/* スタッフブログ（サイドバー） */
div#sub-menu-title h4.bar04 {
	background-image: url(/img/side-menu/bar04.gif);
}
/* 教室一覧（サイドバー） */
div#sub-menu-title h4.bar05 {
	background-image: url(/img/side-menu/bar05.gif);
}
/* お支払いについて（サイドバー） */
div#sub-menu-title h4.bar10 {
	background-image: url(/img/side-menu/bar10.gif);
}

/* お問い合わせ（バナー） */
div#banner00 h4 {
	width: 180px;
	height: 144px;
}

/* 法人のお客様（バナー） */
div#banner01 h4 {
	width: 180px;
	height: 80px;
}

/* 受講者の声（バナー） */
div#banner02 h4 {
	width: 180px;
	height: 80px;
}

/* ブログ（バナー） */
div#banner03 h4 {
	width: 180px;
	height: 80px;
}

/* サイドメニュー */
div#sub-menu {
	border: 1px solid #808080;
}

/* サイドメニュー（カート用） */
div#sub-menu-cart {
	border: 1px solid #808080;
	padding: 5px 5px 5px 5px;
	line-height: 140%;
}

div#sub-menu ul {
	list-style-type: none;
	font-size:10px;
}

div#sub-menu ul li a {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 14px;
	text-decoration: none;   
	color: #666;
}

div#sub-menu a:hover {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 14px;
	text-decoration: underline;   
	color: #939;
}

div#sub-menu ul{
	list-style-type: none;
	font-size:10px;
}

div#sub-menud ul li a {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
	text-decoration: none;   
	color: #666;
	float: left;
}

div#sub-menud a:hover {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
	text-decoration: underline;   
	color: #939;
	float: left;   
}

/*スケジュール用*/
/*div#sub-menu2 {
	border: 1px solid #808080;
}*/

div#sub-menu2 ul {
	list-style-type: none;
	font-size:10px;
}

div#sub-menu2 ul li a {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 14px;
	text-decoration: none;   
	color: #666;
}

div#sub-menu a:hover {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 14px;
	text-decoration: underline;   
	color: #939;
}

div#sub-menu2 ul{
	list-style-type: none;
	font-size:10px;
}

div#sub-menu2d ul li a {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
	text-decoration: none;   
	color: #666;
	float: left;
}

div#sub-menu2d a:hover {
	background-image: url(/img/common/menu/submenu-pointer.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
	text-decoration: underline;   
	color: #939;
	float: left;   
}


div#pank {
	font-size: 10px;
	text-align: left;
	padding-left: 15px;
}

div#pank a {
	text-decoration: none;    
	color: #339;
}

div#pank a:hover {
	text-decoration: underline;    
	color: #933;
}

/* Table (default)
-------------------------------------*/
table.default {
	border-collapse: collapse;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #aba9a9;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

table div#org table.default tbody td {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #aba9a9;
	padding: 3px;
	font-size: 8pt;
	background-color: #fff;
}

table div#org table.default tbody tr.odd td {
	background-color: #fff;
}

table div#org table.default tbody tr.even td {
	background-color: #f1f1f1;
}

table div#org table.default thead th a.sort img {
	vertical-align: middle;
}

table div#org table.default thead th.numeric {
	text-align: right;
}

/* sc
-------------------------------------*/
div#Pages {
	height:31px;
	margin-bottom:10px;
	background:#efefef url(/img/tab4.gif) repeat-x;
}

div#Pages .Catsc {
	background:url(/img/tab3.gif) no-repeat left;
}

div#Pages .Catsc ul {
	list-style:none;
	height:31px;
	padding-left:3px;
	background:url(/img/tab3.gif) no-repeat right;
}

div#Pages .Catsc li {
	float:left;
	width:auto;
	height:31px;
	line-height:35px;
	margin-bottom:-4px;
	font-weight:normal;
	vertical-align:middle;
	font-size:10px;
	margin-right:10px;
}

div#Pages .Catsc li div.dvBg {
	float:left;
}

div#Pages .Catsc li a {
	padding:0 5px 0 7px;
}

div#Pages .Catsc li a.elBg {
	background:none;
}

div#Pages .Catsc li.elCrt {
	background:url(/img/tab1.gif) no-repeat right top;
}

div#Pages .Catsc li .dvBg {
	background:url(/img/tab2.gif) no-repeat left top;
	font-size:14px;
	font-weight:bold;
}

div#Pages .Catsc li h1 {
	display:inline;
}

/* Footer
-------------------------------------*/
#footer {
	clear: both;
	background-image: url(../img/footer_bg2.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 230px;
	line-height: 100%;
}

.clear{
	clear: both;
	display: block;
	header: 1px;
}

#footer p.links01 {
	text-align: center;
}

#footer p.links01 a {
	font-size: 12px;
	color: #555555;
}

#footer p.links02 {
	text-align: left;
	padding-left: 10px;
}

#footer p.links02 a {
	font-size: 9px;
	color: #555555;
}