@charset "utf-8";
/* CSS Document */

/* --------------------------------------------
 *                 初期設定
 * -------------------------------------------- */

body{
	background-color:#FFF;
	line-height:1.9;
	color:#666666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	text-align:center;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/* --------------------------------------------
 *                 基本構造
 * -------------------------------------------- */
 
#wrapper{
	width:940px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
}

#header{
	position:relative;
	height:150px;
	width:940px;
	background-image:url(../img/header0.gif);
}

#contents{
	width:940px;
	background-repeat: repeat-y;
	background-image:url(../img/contents_bg.jpg);
	padding-top:10px;
}

#menu{
	position:absolute;
	top:115px;
	left:205px;
	width:675px;
	height:35px;
}	

#footer{
	width:940px;
	height:60px;
	background-image:url(../img/footer.jpg);
	margin:0 auto;
}


/* --------------------------------------------
 *             メニュー
 * -------------------------------------------- */

#menu ul{
	list-style:none;
}

#menu li{
	float:left;
	width:134px;
}

#menu a{
	display:block;
	width:100%;
	overflow:hidden;
	height:0 !important;
	height /**/:35px;
	padding-top:35px;
	background-image:url(../img/menu.gif);
	color:#ffffff;
}


/* ---------オフマウス時--------- */

#menu #menu1 a{
	background-position:0 0;
}

#menu #menu2 a{
	background-position:-135px 0;
}

#menu #menu3 a{
	background-position:-270px 0;
}

#menu #menu4 a{
	background-position:-405px 0;
}

#menu #menu5 a{
	background-position:-540px 0;
}



/* ---------------選択時---------------- */

#menu #menu1 a.active{
	background-position:0 -70px;
}

#menu #menu2 a.active{
	background-position:-135px -70px;
}

#menu #menu3 a.active{
	background-position:-270px -70px;
}

#menu #menu4 a.active{
	background-position:-405px -70px;
}

#menu #menu5 a.active{
	background-position:-540px -70px;
}


/* ---------オンマウス時--------- */

#menu #menu1 a:hover{
	background-position:0 -35px;
}

#menu #menu2 a:hover{
	background-position:-135px -35px;
}

#menu #menu3 a:hover{
	background-position:-270px -35px;
}

#menu #menu4 a:hover{
	background-position:-405px -35px;
}

#menu #menu5 a:hover{
	background-position:-540px -35px;
}



/* --------------------------------------------
 *            ロゴ部分リンク
 * -------------------------------------------- */
p.logo{
	overflow:hidden;
	width:267px;
	height:30px;
} 
p.logo a{
	display:block;
 	position:absolute;
	top:65px;
	left:205px;
	width:267px;
	overflow:hidden;
	height:0 !important;
	height /**/:30px;
	padding-top:30px;
}
 
/* --------------------------------------------
 *             資料請求ボタン
 * -------------------------------------------- */

#btn_shiryo{
	position:absolute;
	top:53px;
	left:700px;
	width:190px;
	height:50px;
}	

#btn_shiryo a:hover{
	position:relative;
	top:1px;
	left:1px;
}

#btn_shiryo ul{
	list-style:none;
}

#btn_shiryo li{
	float:left;
	width:190px;
}

#btn_shiryo a{
	display:block;
	width:100%;
	overflow:hidden;
	height:0 !important;
	height /**/:50px;
	padding-top:50px;
	background:url(../img/btn_shiryo0.gif);
	color:#ffffff;
}

 
/* --------------------------------------------
 *             無料説明会ボタン
 * -------------------------------------------- */

#contents{
	position:relative;
}

#btn_guidance{
	position:absolute;
	top:109px;
	left:737px;
	width:150px;
	height:150px;
}	

#btn_guidance a:hover{
	position:relative;
	top:1px;
	left:1px;
	filter: alpha(opacity=90);/* IE6およびIE7向けの指定 */
	-moz-opacity:0.90;/* NetscapeおよびFirefox1.5以前向けの指定 */
	opacity:0.90;/* その他モダンブラウザ向けの指定 */
}
}

#btn_guidance ul{
	list-style:none;
}

#btn_guidance li{
	float:left;
	width:150px;
}

#btn_guidance a{
	display:block;
	width:100%;
	overflow:hidden;
	height:0 !important;
	height /**/:150px;
	padding-top:150px;
	background:url(../img/guidance.gif);
	color:#ffffff;
}


/* --------------------------------------------
 *             　　サブメニュー
 * -------------------------------------------- */

#sub_menu{
	width:940px;
	margin:10px auto 0 auto;
	padding-top:10px;
}

#sub_menu hr{
	color:#6699CC;
	border-top-width:3px;
	width:900px;
}

#sub_menu ul{
	list-style:none;
	text-align:center;
	margin:0 auto;	
}

#sub_menu li{
	display:inline;
	padding-right:10px;
	padding-left:10px;
	border-left:#006699 solid 1px;
}

#sub_menu li.nonline{
	border-left:none;
}

#sub_menu a{
	color:#006699;
	font-size:77%;
}

/* ---------オンマウス時--------- */

#sub_menu a:hover{
	color:#FF9900;
}



/* --------------------------------------------
 *              　 見出し
 * -------------------------------------------- */

h1{
	font-size:93%;
	font-weight:normal;
	color:#006699;
	text-align:right;
	margin-right:40px;
	line-height:50px;
}

h3{
	margin-top:30px;
	border-bottom:#006699 dotted 3px;
}


/* --------------------------------------------
 *                 フッター部
 * -------------------------------------------- */
	
address{
	font-style:normal;
	color:#006699;
	padding-top:15px;
	font-size:85%
}




/* --------------------------------------------
 *               共通ページ/main
 * -------------------------------------------- */
 
#main{
 	width:820px;
	margin:10px auto 0 auto;
	text-align:left;
}

#main p{
	margin:10px 20px;
}

.course table{
	width:500px;
	margin:20px 20px 10px 20px;
	border-top:1px solid #006699;
	border-right:1px solid #006699;
	border-bottom:none;
	border-left:1px solid #006699;
	font-size:93%;
	border-collapse:collapse;
}

.course th{
	border-top:none;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	border-left:none;
	padding:10px;
	background-color:#E0EBED;
	width:80px;
	text-align:center;
}

.course td{
	border-top:none;
	border-right:none;
	border-bottom:1px solid #006699;
	border-left:none;
	padding:10px 20px 10px 10px;
}


div.course{
	width:760px;
	border:2px solid #006699;
	margin:20px;
	position:relative;	
}

.course h4{
	background-color:#6699CC;
	color:#FFFFFF;
	font-weight:bold;
	font-size:123.1%;
	text-align:center;
}

.course img{
	float:right;
	margin:20px 20px 0px 20px;
}

img.btn_shiryo{
	position:absolute;
	top:210px;
	left:535px;
}
 
img.btn_guidance{
	position:absolute;
	top:250px;
	left:535px;
}
 
/* --------------------------------------------
 *             トップページ/段組み
 * -------------------------------------------- */

#info{
	width:900px;
	margin:0 auto 0 auto;
}

#primary{
	float:left;
	width:500px;
	margin-left:20px;
	padding-top:20px;
	display:inline;
}

#secondary{
	float:left;
	width:330px;
	margin-left:20px;
	padding-top:20px;
	display:inline;
}

 
#info:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#info{
	zoom:1;
}

#sub_menu{
	clear:both;
}

#footer{
	clear:both;
}



/* --------------------------------------------
 *         トップページ/コースメニュー
 * -------------------------------------------- */

#course{
	margin-top:10px;
	margin-left:40px;
}
 
#course ul{
	list-style:none;
}

#course li{
	float:left;
	width:138px;
	margin-right:6px;
}

#course a{
	display:block;
	width:100%;
	overflow:hidden;
	height:0 !important;
	height /**/:85px;
	padding-top:85px;
	color:#ffffff;
}

/* ---------オフマウス時--------- */

#course #course1 a{
	background:url(../img/course1.gif) left top;
}

#course #course2 a{
	background:url(../img/course2.gif) left top;
}

#course #course3 a{
	background:url(../img/course3.gif) left top;
}

#course #course4 a{
	background:url(../img/course4.gif) left top;
}

#course #course5 a{
	background:url(../img/course5.gif) left top;
}

#course #course6 a{
	background:url(../img/course6.gif) left top;
}



/* ---------オンマウス時--------- */

#course #course1 a:hover{
	background-position:0 -86px;
}

#course #course2 a:hover{
	background-position:0 -86px;
}

#course #course3 a:hover{
	background-position:0 -86px;
}

#course #course4 a:hover{
	background-position:0 -86px;
}

#course #course5 a:hover{
	background-position:0 -86px;
}

#course #course6 a:hover{
	background-position:0 -86px;
}



/* --------------------------------------------
 *          トップページ/新着情報
 * -------------------------------------------- */
 
#primary table{
	width:460px;
	margin:10px auto 20px auto;
	font-size:100%;
	text-align:left;
}

#primary th{
	border-top:none;
	border-right:none;
	border-bottom:1px dotted #666666;
	border-left:none;
	padding:5px 10px 5px 15px;
	width:70px;
	color:#FF6600;
	vertical-align:top;
}

#primary td{
	border-top:none;
	border-right:none;
	border-bottom:1px dotted #666666;
	border-left:none;
	padding:5px;
}

div.news{
	width:500px;
	height:380px;
	overflow:auto;
}

/* --------------------------------------------
 *          トップページ/トピックス
 * -------------------------------------------- */
#info h3{
	border:none;
	margin-top:10px;
}


#secondary p img{
	margin-top:12px;
}

#secondary h3{
	margin-bottom:5px;
}


/* --------------------------------------------
 *         　トップページ/バナー
 * -------------------------------------------- */	

.banner a:hover img{
	filter: alpha(opacity=70);/* IE6およびIE7向けの指定 */
	-moz-opacity:0.70;/* NetscapeおよびFirefox1.5以前向けの指定 */
	opacity:0.70;/* その他モダンブラウザ向けの指定 */
}
 



/* --------------------------------------------
 *           スクールガイドページ
 * -------------------------------------------- */

dl.school{
	margin-top:10px;
}

.school dt{
	width:80px;
	float:left;
 	clear:both;
	padding-left:20px;
	background:url("image/mark.png") no-repeat left center;
} 
  
.school dd {
	padding-left:100px;
}


/* --------------------------------------------
 *           コース案内ページ
 * -------------------------------------------- */

#course_btn img{
	margin-top:20px;
	margin-left:30px;
}



/* --------------------------------------------
 *             アクセスページ用
 * -------------------------------------------- */

.photo{
	float:right;
	margin:20px 20px 0px 20px;
	padding:10px;
	border:1px solid #006699;
}


dl.studio{
	margin-left:20px;
	margin-top:20px;
	margin-bottom:10px;
	font-size:100%;
}
	
.studio dt{
	color:#fff;
	background-color:#6699CC;
	border:1px solid #666666;
	margin:10px;
	text-align:center;
	width:120px;
	font-weight:bold;
}

.studio dd{
	margin-left:100px;
	margin-right:30px;
}

 


/* --------------------------------------------
 *              メールフォーム
 * -------------------------------------------- */

#inquiry{
	width:700px;
	margin:20px auto;
	}
	
#inquiry table{
	width:100%;
	border-top:1px solid #006699;
	border-right:1px solid #006699;
	border-bottom:none;
	border-left:1px solid #006699;
}

#inquiry th{
	border-top:none;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	border-left:none;
	padding:5px 10px 5px 10px;
	background-color:#E0EBED;
	width:180px;
	text-align:center;
}

#inquiry td{
	border-top:none;
	border-right:none;
	border-bottom:1px solid #006699;
	border-left:none;
	padding:10px;
	font-size:93%;
}

#inquiry table input{
	margin-right:5px;
}

#btn{
	margin:10px auto;
	text-align:center;
}


#btn input{
	border:outset 3px #6699CC;
	background-color:#6699CC;
	color:#ffffff;
	padding:0px 5px;
}

span.caution{
	color:#FF3300;
}


/* --------------------------------------------
 *                卒業生の声ページ
 * -------------------------------------------- */

.voice{
	margin:50px 20px 50px;
}

.voice h4{
	padding:2px 20px;
	font-weight:bold;
	font-size:108%;
	margin-top:30px;
} 
.voice h4.lomi{
	background:url(../img/green_bg.gif) left center repeat-x;
	color:#506903;
	border-left:#81AB05 solid 10px;
}

.voice table{
	width:100%;
	margin-top:20px;
	line-height:1.7;
}

.voice table.lomi{
	background:#81AB05 url(../img/voice/wh_bdr.gif) left bottom repeat-x;
	border-bottom:#81AB05 dotted 2px;
}
.voice th{
	width:120px;
	color:#FFFFFF;
	text-align:center;
	vertical-align:top;
	padding-top:10px;
}

.voice table.lomi th{
	background-color:#81AB05;
	background:url(../img/voice/lomi_grd.jpg) top left repeat-x;
}
.voice td{
	padding-left:10px;
	padding-bottom:20px;
}

.voice table.lomi td{
	background:#ffffff url(../img/voice/lomi_tx.gif) right bottom no-repeat;
}

.voice h4.personal{
	background:url(../img/blue_bg.gif) left center repeat-x;
	color:#006699;
	border-left:#6699CC solid 10px;
}

.voice table.personal{
	background:#6699CC url(../img/voice/wh_bdr.gif) left bottom repeat-x;
	border-bottom:#6699CC dotted 2px;
}

.voice table.personal th{
	background-color:#6699CC;
	background:url(../img/voice/personal_grd.jpg) top left repeat-x;
}

.voice table.personal td{
	background:#ffffff url(../img/voice/personal_tx.gif) right bottom no-repeat;
}




/* --------------------------------------------
 *               １DAYセミナーページ
 * -------------------------------------------- */

.voice h4.seminar{
	background:url(../img/gray_bg.gif) left center repeat-x;
	color:#333333;
	border-left:#999999 solid 10px;
	clear:both;
	margin-top:20px;
}

table.seminar{
	margin-top:10px;
	margin-right:15px;
	margin-bottom:40px;
	float:right;
	width:420px;
	border:#999999 1px solid;
	vertical-align:middle;
	display:inline;
}

.seminar th{
	color:#666666;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;
	width:80px;
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
	background-image:url(../img/gray_bg.gif);
}

.seminar td{
	border-bottom:#999999 1px solid;
	padding-left:10px;
	padding-bottom:0px;
	width:340px;
}

.seminar dt{
	font-weight:bold;
	line-height:1.2;
	padding:5px 5px 0;
}

.seminar dd{
	font-size:93%;
	line-height:1.5;
	padding-left:15px;
}

p.banner img{
	margin-top:10px;
}

/* --------------------------------------------
 *             無料説明会ページ
 * -------------------------------------------- */
table.guidance{
	margin:10px 15px;
	width:420px;
	border:#006699 1px solid;
	vertical-align:middle;
}

.guidance th{
	color:#006699;
	font-weight:bold;
	border-bottom:#006699 1px solid;
	border-right:#006699 1px solid;
	width:80px;
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
	background-image:url(../img/blue_bg.gif);
}

.guidance td{
	border-bottom:#006699 1px solid;
	padding-left:10px;
	padding-bottom:0px;
}



/* --------------------------------------------
 *             よくあるご質問ページ
 * -------------------------------------------- */

.faq a{
	color:#006699;
}

.faq ul{
	background:url(../img/faq/questions.jpg) top left no-repeat #6699CC;
	margin:20px;
}

.faq li{
	background-color:#FFFFFF;
	margin-left:97px;
	padding-left:10px;
	}

.faq dl{
	margin:20px;
}

.faq dt{
	background:url(../img/blue_bg.gif) left center repeat-x;
	color:#006699;
	border-left:#6699CC solid 10px;
	clear:both;
	margin-top:40px;
	padding-left:10px;
	font-weight:bold;
}

.faq dd{
	padding-left:50px;
	text-indent:-30px;
}

/* --------------------------------------------
 *          プライバシーポリシーページ
 * -------------------------------------------- */

#main dl.privacy{
	margin:25px 20px;
	padding:1px 20px 20px;
	background-color:#EDF2F3;
	line-height:1.4;
}

#main dl.privacy dt{
	color:#006699;
	font-weight:600;
	margin:20px 0 5px;
}

#main dl.privacy dd{
	margin-left:10px;
} 

#main p.t_right{
	text-align:right;
}

/* --------------------------------------------
 *                エラーページ
 * -------------------------------------------- */
 
ul.list{
	list-style:none;
	margin:0;
	padding:20px 20px 20px 40px;
}

.list li{
	background:url(../img/triangle.gif) left center no-repeat;
}

.list li a{
	padding:0 15px;
	color:#666666;
	background:url(../img/triangle2.gif) left center no-repeat;
}

.list li a:hover{
	color:#FF6600;
	background-image:none;
}
	
/* --------------------------------------------
 *                 文字を青に
 * -------------------------------------------- */
 
span.blue{
	color:#006699;
	font-weight:bold;
	background-color:#E0EBED;
}

/* --------------------------------------------
 *                 バックを青に
 * -------------------------------------------- */
 
p.blue{
	color:#006699;
	font-weight:bold;
	background-color:#E0EBED;
}

/* --------------------------------------------
 *               下線を引く
 * -------------------------------------------- */
 
span.line{
	border-bottom:1px #FF6600 dashed;
}

/* --------------------------------------------
 *                 写真を右に
 * -------------------------------------------- */
 
img.photo_r{
	float:right;
	margin:20px 20px 0px 20px;
}

/* --------------------------------------------
 *                 写真を左に
 * -------------------------------------------- */
 
table img.photo_l{
	float:left;
	margin:5px 5px 0px 5px;
}

/* --------------------------------------------
 *                 clearfix
 * -------------------------------------------- */

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix{
  zoom:1;
}