/* base.css */

@charset "utf-8";

/* Margin Padding のクリア */
h1h2,h3,h4,h5,h6,p,ul,ol,dl,a,img {
  margin: 0;
  padding: 0;
}

body {
	margin: 0;
	background-color: #ffffff;
/*	background-color: #c0c0c0; */
	background-image : url(image/bg.gif);
	font-family: "ＭＳ Ｐゴシック","ヒラギノ丸ゴ Pro W4","Osaka",Hiragino Maru Gothic Pro,sans-serif;
/*	font-family:"EE EゴシチE","Osaka","ヒラギノ角ゴ Pro W3",verdana,arial,sans-serif; */
/*	text-align: center ; */
}
#wrapper {
	margin: 0 auto ;
	padding: 0 ;

	top: 0px;
	left: 0px;
	position :relative;
	width: 800px;
	height: 700px;
	color: #333333;
	font-size: 10pt;
	background-color: #ffffcc;
/*
	white-space: nowrap ;
	border: 3px solid red;
	border-right: 6px solid red;
	border-left: 6px solid red;
	background-image: url("./image/bg.jpg");
*/
}

/* ホームヘダー */
#top_head_img {
	top: 4px ;
	left: 0px;
	position: absolute;
/*
border: 1px solid red;
*/
}
/* サブぺージヘダー*/
#sub_head_img {
	top:4px ;
	left: 0px;
	position: absolute ;
}
#sub_head_det {
	top:24px ;
	right:5px;
	position: absolute ;
}

/* メニュー */
#top_menu_img {
	top: 125px;
	left: 0px;
	position :absolute;
}
#top_menu {
	width: 800px;
	height: 30px;
	top: 125px;
	left: 0px;
	position :absolute;
	margin:0;
	padding:0;
}
#sub_menu_img {
	top: 63px;
	left: 0px;
	position :absolute;
}
#sub_menu {
	width: 800px;
	height: 30px;
	top: 63px;
	left: 0px;
	position :absolute;
	margin:0;
	padding:0;
}
#menu_home {
	top: 0px;
	left:33px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_course {
	top: 0px;
	left:163px;
	position: absolute;
	border: 0;
	margin:0;
	padding:0;
}
#menu_class {
	top: 0px;
	left:293px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_ivent {
	top: 0px;
	left:423px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_kousi {
	top: 0px;
	left:553px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_toiawase {
	top: 0px;
	left:683px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_homex {
	top: 0px;
	left:10px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_coursex {
	top: 0px;
	left:140px;
	position: absolute;
	border: 0;
	margin:0;
	padding:0;
}
#menu_classx {
	top: 0px;
	left:270px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_iventx {
	top: 0px;
	left:400px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_kousix {
	top: 0px;
	left:530px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}
#menu_toiawasex {
	top: 0px;
	left:660px;
	position: absolute;
	border: none;
	margin:0;
	padding:0;
}


/* お知らせ */
#top_osirase_img {
	top: 176px;
	left: 0px;
	position :absolute;
}
/* お知らせ */
#top_osirase {
	top: 212px;
	left: 10px;
	position :absolute;
	width: 270px;
/*	height: 310px; */
	height: 400px;
	overflow: auto;
	color: #ffffff;
	font-size: 11pt;
}
#top_info {
	top: 522px;
	left: 10px;
	position :absolute;
	width: 270px;
	height: 100px;
	overflow: auto;
	color: #ffffff;
	font-size: 11pt;
}
#top_osirase_date {
	margin-top: 10px;
	color: #ffff33 ;
}
#top_osirase_title {
	color: #ff66ff ;
}
#top_osirase_title-m {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	color: #ff66ff ;
}
#top_osirase_title-l {
	text-align: center;
	font-size: 22pt;
	font-weight: bold;
	color: #ff66ff ;
}
#top_osirase_title-l-or {
	text-align: center;
	font-size: 22pt;
	font-weight: bold;
	color: #ffa500 ;
}
#top_osirase_title-l-ye {
	text-align: center;
	font-size: 22pt;
	font-weight: bold;
	color: #ffff33 ;
}
#top_osirase_det {
	color: #ffffff ;
	margin-left: 10px;
}
#top_osirase_det_l {
	color: #ffffff ;
	margin-left: 10px;
	font-size: 16pt;
}

/* 生徒募集 */
#top_seitobosyu_img {
	top: 210px;
	left: 315px;
	position :absolute;
	z-index: 100;
}
#top_seitobosyu_photo {
	top: 198px;
	left: 635px;
	position :absolute;
	z-index: 100;
}

/* あいさつ */
#top_aisatu_img {
	top: 162px;
	left: 299px;
	position :absolute;
}
#top_aisatu{
	top: 350px;
	left: 300px;
	position :absolute;
	width: 500px;
	height: 250px;
	overflow: auto;
	line-height: 1.2em;
}

/* コース紹介 */
#course_info{
	top: 100px;
	left: 0px;
	position :absolute;
	width: 800px;
	height: 540px;
	overflow: hidden;
	background-color:#ffcc99;
}
/* コース選択メニュー */
#course_menu{
	top: 10px;
	left: 0px;
	position :absolute;
	width: 200px;
	height: 522px;
	overflow: auto;
	background-color:#ffcc99;
}
#course_menu img{
	border: none;
}
/* コース説明 */
#course_waku_top{
	top: 10px;
	left: 205px;
	position :absolute;
}
#course_det{
	top: 20px;
	left: 205px;
	position :absolute;
	width: 590px;
	height: 500px;
	overflow: hidden;
	background-color:#ffffcc;
}
#course_setumei{
	margin-left: 20px;
	height: 500px;
/*
	background-image:url('image/image_kyousitu.jpg');
*/
	background-repeat: no-repeat;
	background-position: 330px 380px;
}
#course_title{
	font-weight: bold;
	color: #ff6666;
}
#course_subject{
	margin-top:5px;
	margin-left: 10px;
	line-height: 1.3em;
}
#course_table{
	border-collapse: collapse;
	border: 1px solid #ccd8f6 ;
}
#course_td1{
	width: 150px;
	text-align: center;
	background-color:#ccd8f6;
	border: 1px solid #ffffff ;
}
#course_td2{
	width:350px;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: none;
	background-color: #f0f0f0 ;
}
#course_td2w{
	width:350px;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: none;
	background-color: #ffffff ;
}
#course_td3{
	width:350px;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px solid #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: none;
	background-color: #f0f0f0 ;
}
#course_waku_bottom{
	top: 510px;
	left: 205px;
	position :absolute;
}
/* 教室紹介 */
/* クラスの紹介 */
#class_det{
	top: 20px;
	left: 205px;
	position: absolute;
	width: 590px;
	height: 500px;
	overflow: hidden;
/*	overflow: auto; */
	background-color:#ffffcc;
}
#class_setumei{
	margin-left: 20px;
	height: 680px;
	width: 500px;
}
#class_subject{
	line-height: 1.2em;
	width:565px;
	height:250px;
	overflow:auto;
}
#class_td1{
	width: 210px;
	text-align: center;
	background-color:#ccd8f6;
	border-bottom: 1px solid #ffffff ;
	border-top: none ;
	border-right: none;
	border-left: none;
}
#class_td2{
	width:300px;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: none;
	background-color: #f0f0f0 ;
}
#class_td2w{
	width:300px;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: none;
	background-color: #ffffff ;
}
#class_map{
	display:block;
}
#lh {
	line-height: 100%;
	}
#gmap{
	width:550px;
	height:400px;
	position: absolute;
}
/* イベント紹介 */
#ivent_setumei {
	line-height: 1.2em;
	margin-left: 20px;
	height: 500px;
}
#ivent_nenkan_table {
	border-collapse: collapse;
	border: 1px solid #ccd8f6 ;
	margin-left: 10px;
	line-height: 1.5em ;
}
#ivent_nenkan_blue{
	color:blue;
}
#ivent_nenkan_red{
	color:red;
}
#ivent_nenkan_font12{
	font-size: 12pt ;
}
#ivent_nenkan_font11{
	font-size: 11pt ;
}
#ivent_nenkan_td1{
	width: 50px;
	text-align: center;
	background-color:#ccd8f6;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: 1px solid #ccd8f9 ;
	background-color: #f0f0f0 ;
}
#ivent_nenkan_td1w{
	width: 50px;
	text-align: center;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: 1px solid #ccd8f9 ;
	background-color: #ffffff ;
}
#ivent_nenkan_td1h{
	width: 50px;
	text-align: center;
	background-color:#ccd8f6;
	border: 1px solid #ffffff ;
}
#ivent_nenkan_td2{
	width:350px;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: 1px solid #ccd8f9 ;
	background-color: #f0f0f0 ;
}
#ivent_nenkan_td2w{
	width:350px;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px dotted #ccd8f6 ;
	border-top: none ;
	border-right: none;
	border-left: 1px solid #ccd8f9 ;
	background-color: #ffffff ;
}
#ivent_nenkan_td2h{
	width:350px;
	text-align: center;
	padding-left:10px;
	border-bottom: 1px solid #ffffff ;
	border-top: none ;
	border-right: none;
	border-left: none;
	background-color: #ccd8f6 ;
}
#ivent_photo{
	top: 5px;
	left: 0px;
	position: relative ;
	width: 560px;
	height: 450px;
}
/* 写真並べ方パターンＡ */
#ivent_photo_a1{
	top: 30px;
	left:10px ;
	position: absolute;
}
#ivent_photo_a2{
	top: 0px;
	left:183px ;
	position: absolute;
}
#ivent_photo_a3{
	top: 30px;
	left:360px ;
	position: absolute;
}
#ivent_photo_a4{
	top: 170px;
	left:10px ;
	position: absolute;
}
#ivent_photo_a5{
	top: 200px;
	left:183px ;
	position: absolute;
}
#ivent_photo_a6{
	top: 170px;
	left:360px ;
	position: absolute;
}
/* 写真並べ方パターンB */
#ivent_photo_b1{
	top: 0px;
	left:10px ;
	position: absolute;
	z-index:0;
}
#ivent_photo_b2{
	top: 40px;
	left:183px ;
	position: absolute;
	z-index:5;
}
#ivent_photo_b3{
	top: 0px;
	left:350px ;
	position: absolute;
	z-index:10;
}
#ivent_photo_b4{
	top: 210px;
	left:10px ;
	position: absolute;
	z-index:10;
}
#ivent_photo_b5{
	top: 180px;
	left:183px ;
	position: absolute;
	z-index:5;
}
#ivent_photo_b6{
	top: 210px;
	left:350px ;
	position: absolute;
	z-index:0;
}
/* 写真並べ方パターンC */
#ivent_photo_c1{
	top: 0px;
	left:0px ;
	position: absolute;
	z-index:0;
}
#ivent_photo_c2{
	top: 20px;
	left:170px ;
	position: absolute;
	z-index:5;
}
#ivent_photo_c3{
	top: 40px;
	left:340px ;
	position: absolute;
	z-index:10;
}
#ivent_photo_c4{
	top: 160px;
	left:30px ;
	position: absolute;
	z-index:10;
}
#ivent_photo_c5{
	top: 180px;
	left:200px ;
	position: absolute;
	z-index:5;
}
#ivent_photo_c6{
	top: 200px;
	left:370px ;
	position: absolute;
	z-index:0;
}
#ivent_subj{
	top:345px;
	left:0px;
	position: absolute ;
}

/* 講師の紹介 */
#kousi_info{	/* 主講師プロフィール */
	top: 10px;
	left: 5px;
	position:absolute;
/*
	width: 175px;
*/
	width:195px;
	height: 520px;
	overflow: hidden;
	background-image: url('image/kousi_info_bg.gif') ;
}
#kousi_info_profile {
	top: 155px;
	left: 0px;
	position: absolute;
	width:190px;
	height: 350px;
	overflow: auto;
	padding: 3px;
	line-height: 1.3em;
	font-size:9pt;
	background-color: #f0f0f0 ;
}
#kousi_info_profile table{
	border-collapse: collapse;
}
#kousi_info_profile ul{
	list-style-type: none;
	color:#ff6666;
}
#kousi_info_profile li{
	color:#333333;
	margin-left: 10px;
}
#kousi_info_td1{
	width:115px;
	background-color:#ccd8f6;
	border: 1px solid #ffffff ;
	text-align: center ;
}
#kousi_info_td2{
	line-height: 1.1em;
	width:115px;
	text-align: left;
	border-bottom: none ;
	border-top: none ;
	border-right: none;
	border-left: 1px solid #ccd8f9 ;
	background-color: #f0f0f0 ;
}
#kousi_info_td2w{
	line-height: 1.1em;
	width:115px;
	text-align: left;
	border-bottom: none ;
	border-top: none ;
	border-right: none;
	border-left: 1px solid #ccd8f9 ;
	background-color: #ffffff ;
}
#kousi_info_td3{
	width:170px;
}
#kousi_info_td4{
	line-height: 1.1em;
	width:190px;
	text-align: center;
	border-bottom:  1px solid #ffffff ;
	border-top: none ;
	border-right: none;
	border-left: none ;
	background-color: #ccd8f9 ;
}
/* ECC 生徒募集 */
#ecc_cm {
	top: 180px;
	left: 5px;
	position:absolute;
	background-image: url('image/ecc_cm.gif') ;
	background-repeat: no-repeat;
	width:195px;
	height: 350px;
	overflow: hidden;
}
/* フッター */
#footer_message {
	top:644px;
	left:10px;
	position:absolute;
	font-size: 7.5pt;
}
#footer_img {
	top: 658px;
	left: 0px;
	position :absolute;
}
#footer {
	top: 681px;
	left: 220px;
	position :absolute;
	color: #ffffff;
	font-size: 8pt;
}

#sakurasystem {		/* さくらシステムバナー */
	border-width: 0px;
	z-index : 3;
	top: 670px;
	left: 3px;
	position :absolute;
	text-decoration: none;
}