@charset "UTF-8";


/* 共通内容 */
/*========================================================*/


html{ 
    height:100%; 
	min-height:100%; 
}

body {
	height: 100%;
	min-height:100%;
	background-color: #FFF;
	background-image: url(common/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	color:#000000;
	line-height: 180%;
}
strong,h1 {
font-weight: normal;
}
#container {
	position: relative;
	width:830px;
	margin:0 auto;
	background:#fff url("common/contents-bg.jpg") ;
}


h1,h2,h3,h4,h5,h6 {
   margin:0;
}

a {
	color:#000000;
	text-decoration: none;
}

a:hover {
	color:#000;
}


/* SEOテキスト */
/*========================================================*/

#seo-text   {
   	width:808px;
	height: 10px;
	padding-left: 5px;
}

#seo-text h1 {
	padding-left: 5px;
	font-size: 90%;
	font-weight:normal;
	color:#999;
}


/* ヘッダー */
/*========================================================*/

#header{
	width: 808px;
	height: 90px;
	background-image: url(common/header-bg.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* お問い合わせボタン */
/*========================================================*/

#toiawase {
	height: 32px;
	width: 180px;
	position: absolute;
	top: 27px;
	left: 608px;
	margin:0px;
}

/*ロールオーバー画像*/
/*-----------------------------------------*/

#toiawase a:link, #toiawase-button a:visited {
	background-position:top;/*★マウスアウト時画像の背景を左寄せに★*/
}

#toiawase a:hover {
	background-position:bottom;/*★マウスオーバ時画像の背景を右寄せに★*/
}

/*ボタン画像置換*/
/*-----------------------------------------*/

a#toiawase-button {
	background-image: url(common/toiawase.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 180px;
	height: 32px;
	display: block;
}



/* メイン画像 */
/*========================================================*/


#main-img{
	width: 808px;
	height: 159px;
	background-image: url(common/main-img.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* トップナビゲーション */
/*========================================================*/


#top-navi{
	width: 808px;
	height: 42px;
	margin: auto 0;
}


#top-navi ul {
	list-style-type: none;
	margin: 0px;
}

#top-navi li {
}

/*ロールオーバー画像*/
/*-----------------------------------------*/

#top-navi li a:link, #topnavi li a:visited {
	background-position:top;/*★マウスアウト時画像の背景を上寄せに★*/
}

#top-navi li a:hover {
	background-position:bottom;/*★マウスオーバ時画像の背景を下寄せに★*/
}


/*メニュー画像置換*/
/*-----------------------------------------*/

a#navi1 {
	background-image: url(common/navi-home.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 126px;
	height: 42px;
	display: block;
	float: left;
}

a#navi2 {
	background-image: url(common/navi-koen.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 125px;
	height: 42px;
	display: block;
	float: left;
}

a#navi3 {
	background-image: url(common/navi-juku.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 125px;
	height: 42px;
	display: block;	
	float: left;
}

a#navi4 {
	background-image: url(common/navi-kyozai.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 125px;
	height: 42px;
	display: block;
	float: left;
}

a#navi5 {
	background-image: url(common/navi-koza.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 125px;
	height: 42px;
	display: block;
	float: left;
}

a#navi6 {
	background-image: url(common/navi-company.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 126px;
	height: 42px;
	display: block;
	float: left;
}


/* コンテンツエリア */
/*========================================================*/

#contents  {
	clear:both;
   	width:830px;
	margin: 0 auto;
	padding-top: 30px;
	background-image:url(common/contents-bg2.jpg);
	background-repeat:repeat-y;
}



/* 左コラム */
/*========================================================*/

#left-colum  {
	clear: both;
   	width:202px;
	height: 100%;
	margin-left: 39px;
	float: left;
	display: block;
}



/*メルマガ申し込みフォーム*/
/*-----------------------------------------*/

#mag   {
   	width:202px;
	height: 212px;
}

#mag dl {
	width: 202px;
	padding: 0px;
	margin: 0px;
}

#mag dt.top {
	height: 38px;
	background-image: url(common/mag-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#mag dt.bottom {
	height: 10px;
	background-image: url(common/mag-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#mag dd.middle {
	font-size: 100%;
	font-weight: bold;
	color:#300
	padding: 8px 5px 0px 14px;
	margin: 0px;
	background-image: url(common/mag-bg.jpg);
}

/*教材バナー*/
/*-----------------------------------------*/

#banner {
	width: 202px;
	height: 200px;
	position: relative;
	background-image: url(common/banner.jpg);
	background-repeat:no-repeat;
}


/*教材バナー詳細ボタン*/
/*-----------------------------------------*/

#kyozai {
	width: 68px;
	height: 42px;
	position: absolute;
	top: 126px;
	left: 119px;
	margin:0px;
}

/*ロールオーバー画像*/
/*-----------------------------------------*/

#kyozai a:link, #kyozai-button a:visited {
	background-position:top;/*★マウスアウト時画像の背景を上寄せに★*/
}

#kyozai a:hover {
	background-position:bottom;/*★マウスオーバ時画像の背景を下寄せに★*/
}

/*ボタン画像置換*/
/*-----------------------------------------*/

a#kyozai-button {
	background-image: url(common/kyozai-button.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	width: 67px;
	height: 42px;
	display: block;
}




/* メインコンテンツ */
/*========================================================*/

#main  {
   	width:510px;
	height: 100%;
	float: right;
	margin-right: 39px;
	display: block;
}

#main p {
	padding-left: 10px;
	padding-right; 10px;
	font-size: 120%;
	line-height:180%;
}


#head1 {
	width: 510px;
	height: 35px;
	background-image: url(img/head1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom:15px;
	overflow: hidden;
	display: block;
}

#subhead1 {
	width: 510px;
	height: 30px;
	margin-top: 30px;
	margin-bottom: 20px;
	background-image: url(img/subhead1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#subhead_lecture {
	width: 510px;
	height: 30px;
	margin-bottom: 20px;
	background-image: url(lecture/img/subhead_lecture.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#subhead_juku {
	width: 510px;
	height: 30px;
	margin-bottom: 20px;
	background-image: url(juku/img/subhead_juku.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#subhead_kyozai {
	width: 510px;
	height: 30px;
	margin-bottom: 20px;
	background-image: url(kyozai/img/subhead_kyozai.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#subhead_koza {
	width: 510px;
	height: 30px;
	margin-bottom: 20px;
	background-image: url(koza/img/subhead_koza.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#subhead_company {
	width: 510px;
	height: 30px;
	margin-bottom: 20px;
	background-image: url(company/img/subhead_company.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#subhead_contact {
	width: 510px;
	height: 30px;
	margin-bottom: 20px;
	background-image: url(contact/img/subhead_contact.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

h4.h4 {
	font-size: 120%;
	font-weight: normal;
	background-image: url(common/bullet.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	text-align: left;
	height: 17px;
	margin: 0px 0px -8px 10px;
}

#footer {
	width: 750px;
	margin: 0 auto;
	padding-top: 40px;
	clear: both;
}

#footnavi {
	width: 750px;
}
	

.footer1 {
	font-size: 90%;
	font-weight: normal;
	background-image: url(common/point.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 13px;
	text-align: left;
	float: left;
	height: 10px;
	line-height: 110%;
}
.footer {
	font-size: 90%;
	font-weight: normal;
	background-image: url(common/point.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 13px;
	text-align: left;
	float: left;
	height: 10px;
	line-height: 110%;
	margin: 0px 0px 0px 10px;	
}

#line {
	width: 750px;
	height: 2px;
	margin-bottom: 10px;
	background-image: url(common/line.jpg);
}

#footer address {
	width: 750px;
	font-style: normal;
	font-size: 80%;
	color:#999;
}
h1 { 
}
h2 { }
#contents #main { }
h1 {
background: url(img/page-li.gif) no-repeat left center;
padding-left: 30px;
}