@charset "utf-8";
* {
	margin:0;
	padding:0;
}
html {
	overflow-y: scroll;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body  {
	font: 100% ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, sans-serif;	
	background: url(img/common/bd01-03.gif) repeat;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #6B6B6B;
}
/*#DFF0DF（バックカラー）   #84C82B(黄緑）   #006659(濃い緑）*/

br{letter-spacing:normal;}

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

a:hover{
color:#333;
text-decoration:none;
}

img{border:0;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

p { margin-bottom: 18px; font-size: 13px;
padding:0 10px 0 10px; }

.style1 {
	color: #339966;
	font-weight: bold;
}

h5 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 10px;
padding:15px 0 15px 0;
margin:0 8px 0 10px;
color:#999900;
border-top:1px dotted #CCCCCC;
}

h6{
margin:0 ;
padding:0;
}

.sonic #container { 
	width: 780px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
} 
.sonic #header {
	position:relative;
	width:780px;
	height:70px;
} 

.sonic #header h1 {
	position: absolute;
	top: 13px;
	left: 0;
}

.sonic #header h2 {
	letter-spacing: -0.1em;
}
/* ここからIE5mac以外用\*/
h2 {letter-spacing: 0em;}
/* ここまでIE5mac以外用*/

h2 {
	position: absolute;
	top: 19px;
	left: 200px;
	font-size: 10px;
	line-height: 1.4em;
}

#header p {
	position: absolute;
	top: 15px;
	right: 0;
}
#headertop{
width:780px;
height:139px;
border-top:1px solid #529100;
background-image:url(img/top/TOP4.jpg);
}
/*==================ヘッダーリンク===================*/
#header div#utility {
	position: absolute;
	top: 48px;
	left: 194px;
}

#utility ul{
 position:relative;
 display:block; /*IEはきえてくれない */
list-style-type:none; /*を書いておく */
}

#utility ul li{
line-height:1em;
 position:relative;
}

#header ul li#utl1 {
	position:absolute;
	top:-4px;
	left:5px;
	padding-right:15px;
	border-right:1px solid #CCCCCC;
}

#header ul li#utl2 {
	position:absolute;
	top:-4px;
	left:67px;
	padding-right:15px;
	border-right:1px solid #CCCCCC;
}

#header ul li#utl3 {
	position:absolute;
	top:-3px;
	left:167px;
	padding-right:15px;
	border-right:1px solid #CCCCCC;
}

#header ul li#utl4 {
	position:absolute;
	top:-3px;
	left:362px;
	padding-right:15px;
	border-right:1px solid #CCCCCC;
}

#header ul li#utl5 {
	position:absolute;
	top:-2px;
	left:452px;
}

/*-------------------------------------------------*/
div#menu{
width:780px;
background-image:url(img/common/002-001.gif);
background-repeat:repeat-x;
font-size:13px;
}

.sonic #sidebar1 {
	float: right; 
	width: 257px; 
	background: #FFFFFF;
	padding: 0;
	margin:0;	
}

/* ================ メイン ================ */
.sonic #mainContent { 
	margin: 0; 
	padding: 0;
	width:515px;
} 

div#mainContent p{
margin:0 0 1em 0;
font-size:13px;
}

.sonic #mainContent a{
color:#006659;
}

.sonic #mainContent a:hover{
text-decoration: underline;
color: #FF6600;
}
/*  ================ MENU CUSTOMIZE ================  */
div#menu ul {
margin:0;
padding:0;
}

div#menu li {
list-style-type:none;
float:left;
text-align:center;
display:inline;

}
div#menu  li+li {
/*border-left:1px dotted #006659;*/
margin:0;
padding:0;
}

div#menu li a{
display:block;
width:129px;
color: #ffffff;
background:url(img/common/btn2.png);
background-repeat: no-repeat;
background-color: #58A817;
line-height:37px;
padding-left:1px;
border-bottom:1px dotted #CCCCCC;
}

div#menu li a:hover{
background:url(img/common/btn3.png);
background-repeat: no-repeat;
color: #333333;
border-bottom:1px dotted #CCCCCC;
}

/*--------------------------------------------------------
トップページ
--------------------------------------------------------*/
.mainTopCo {
margin:0 10px 0 235px;
padding:40px 10px 40px 45px;
width:180px;
height:auto;
font-size:12px;
line-height:18px;
color:#109A47;}

#topimage {
	margin:0 0 0 10px;
	padding:0 ; 
	height:276;
	background-image:url(img/top/topimg01.jpg);
	background-repeat:no-repeat;
}

div#tpoint{
margin:15px  0 0 15px;
padding:4px;
width:460px;
/*border:3px solid #109A47;*/
}

div#tpoint h3{
 font-weight: bold; font-size: 14px; line-height: 16px;
padding:7px 0 5px 15px;
margin:0;
color: #99CC00;
width:450px;
height:auto;
}

div#tpoint img{
margin:0 0 0 0px;}

div#tpoint p{
margin:0 0 0 20px;
padding:0 0 0 25px;
margin-bottom: 18px; 
font-size: 13px;
line-height: 18px;
}

.h2_title{
	width: 470px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 15px -5px;
	background-image:url(img/top/titleline.gif);
	background-repeat:no-repeat;
}

.line_03{
	padding: 5px 0 15px 0;
}
/*---------------What's new---------------*/

div#new{
margin:0  0 15px 15px;
padding:4px;
width:460px;
}

dl.new {
	padding: 0;
	border-top: none;
	font-size:12px;
}

dl.new dt {
	margin: 0;
	padding:0.5em 0 0.1em 0.8em;
	width: 8em;
	float: left;
}
	
dl.new dd {
	margin: 0 0 0 5em;
	padding: 0.5em 0.5em;
}

div#new img{
margin:0 0 0 12px;}

/* ================  Link  ================  */
.link {
width:760px;
text-align:right;
font-size:12px;
	padding:10px 0 3px 0;
	margin-right:20px;
}
div#recommend{
margin:0 20px 0 30px;
padding:20px;
width:680px;
background-color:#339966;
text-align:center;
font-weight:bold;
text-decoration:blink;
}

div#recommend a{
color:#FFFFFF;
font-weight:bold;
}

/* ================ FOOTER ================ */
.sonic #footer { 
	height:25px;
	border-top:1px dotted #CCCCCC;
	background-color:#DFF0DF;
} 
.sonic #footer p {
	margin: 0; 
	padding:6px  0;
	text-align:center;
	color: #505050;
	font-size:10px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ================ 共通box ================ */
div#mbox{
width:490px;
height:auto;
margin:0 0 0 13px;
padding:5px 0 0 0;
}

div#mbox img{
margin:0 0 0 12px;}

div#mbox p{
margin:0 0 0 2px;
margin-bottom: 18px; 
font-size: 13px;
line-height: 18px;
padding:0 10px 0 10px; 
}

p span{
background:#669999;
color:#FFFFFF;
padding:3px;
}
.back {
text-align:right;
}
.back a{
color:#339966;
}

div#mbox h5 { font-weight: bold; font-size: 16px; line-height: 18px;
padding:7px 0 5px 0;
margin:10px 10px 15px 12px;
color: #339966;
background-color: #EEFFF7;
border:1px double #009966;
}

div#mbox h4 { font-weight: bold; font-size: 14px; line-height: 16px;
padding:7px 0 5px 0;
margin:10px 10px 15px 12px;
color: #339966;
}

div#mbox ul {
margin:0;
padding:0;
display:block; /*IEはきえてくれない */
list-style-type:none; /*を書いておく */

}
div#mbox li {
text-align:left;
font-size:13px;
line-height:18px;
margin:0 10px 10px 12px;
padding:0 0 5px 0;
border-bottom: 2px dotted #cccccc;
}
/* ================ FAQ ================ */
div#mainA{
width:700px;
border:1px #CCCCCC dotted;
text-align: center;
margin:0 auto;}

div#main table{
width:700px;
}

#mainL{
margin:0 0 0 80px;
padding:0px;
width:618px;
float:left;
border:1px dotted #cfcfd0;
}
#mainL .h2bg{
display:block;
padding:9px 0 9px 9px;
width:608px;
background:#f2f2f2;
border:1px dotted #cfcfd0;
line-height:1.4em;
}
.mainfaqtop {
padding:20px 0 0 5px;
width:450px;
height:50px;
font-size:13px;
line-height:18px;
text-align:left;}

#faqbox{
border: 5px solid #45B134;
margin:0 0 0 60px;
padding:0;
width:600px;
}

#mainL .faq{
margin:0;
padding:0;
}
#mainL .faq dt{
margin:0 0 10px 5px;
padding:2px 0 5px 22px;
background:url(img/faq/q.gif) 0 0 no-repeat;
border-bottom:1px dotted #cfcfd0;
line-height:1.4em;
font-weight:bold;
font-size:14px;
}
#mainL .faq dd{
margin:0 5px 30px 25px;
padding:0 0 0 22px;
line-height:1.4em;
background:url(img/faq/a.gif) 0 0 no-repeat;
font-size:13px;
}
/*-------------------MAP------------------*/	
.sbox{
width:210px;
float:right;
margin:0 2px 0 0;
padding:0;
border:1px dotted #CCCCCC;
}
.sbox p{
width:210px;
margin-top:2px;
padding-top:3px;
font-size:10px;
}

.maintitlCo {
margin:0 0 15px 25px;
padding:4px;
width:460px;
font-size:13px;
line-height:18px;
border: 1px solid #009966;
background-color:#EEFFF7;
}

/* ================ サイド  ================  */
.sidebox {
width:230px;

/*background-color: #EAF7A2 ;*/
margin:2px 0 10px 0;
padding-top:10px;
border:1px solid #84C82B;
}

.sidebox2 {
width:230px;
margin-top:20px;
border:1px solid #84C82B;
font-size:10px;
line-height:16px;
}

.sidebox2 p{
text-align:center;
}

.sidebox3 {
width:230px;
margin:25px 0 0 0;
padding:0;
}

.sideboxmap {
width:230px;
margin-top:75px;
margin-bottom:20px;
}

.sideboxmap img {
border:2px dotted #84C82B;
padding:10px;
margin-left:10px;
margin-bottom:5px;
}

.sidebox img{
margin:0 0 6px 0;
padding:0;
}

.sidebox2 img{
margin:0 0 0 0;
padding:8px 4px 2px 2px;
}

.sidebox3 img{
margin:0 0 15px 0;
padding:0;
}

.sidebox4 {
width:230px;
margin:2px 0 10px 0;
padding-top:8px;
border:1px solid #84C82B;
}

div#sideup{ 
padding:0px 4px 0 10px;
}

div#sideup p{
margin:0 ;
padding:0 4px 3px 0;
font-size:11px;
line-height: 14px;
}

div#sidemiddle {
width:228px;
background-image:url(img/less/sideback.jpg);
background-repeat: repeat-x;
margin:22px 0 20px 0;
padding-top:8px;
border:2px dotted #84C82B;
}

div#sideup2{ 
margin:40px 0 15px 10px ;
padding:20px 0 0 0 ;
}

div#sideup2 ul{
margin:0;
padding:0;
}

div#sideup2 li{
padding:15px 0 0 40px;
text-align:left;
font-size:12px;
line-height:8px;
display:block; /*IEはきえてくれない */
list-style-type:none; /*を書いておく */
}

/* hide hack from Mac-IE5 \*/* html .mybuggyelement { height: 1%; }/* end hiding */


/*動画ページ　追加5/2*/
#mainD{
margin:0 40px 0 80px;
padding:0px;
width:618px;
border:1px dotted #cfcfd0;
}
.douga_title {
	margin-top:20px;

}

#douga_item {
	width:620;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-top: 20px;
	margin-bottom: 30px;

}
h3.douga {
	font-size: 14px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #006563;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5AAA10;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(img/common/youtube.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 18px;

}

.douga_box {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	display:block;
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #efefef;
	padding: 0px;
}
.douga_box2 {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	height:62px;
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #efefef;
}
.douga_box3 {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	height:90px;
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #efefef;
}

.douga_box a {
	width:500px;
	height:50px;
	display:block;
	background-color: #efefef;
	cursor:pointer;
}
.douga_box2 a {
	width:500px;
	height:62px;
	display:block;
	background-color: #efefef;
}
.douga_box3 a {
	width:500px;
	height:90px;
	display:block;
	background-color: #efefef;
}
.douga_box a:hover,
.douga_box2 a:hover,
.douga_box3 a:hover {
	background-color: #f5f5ff;
}

.movie_item {
	color:#006600;
	font-size:14px;
	width:250px;
	display: block;
	float: left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #94C718;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
dt.movie_item a:hover {text-decoration:none;}
.influence {
	width:200px;
	float:right;
	font-size:12px;
	margin:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 14px;
} 



#mainE{
margin:0 40px 0 80px;
padding:0px;
width:618px;
}


/*講師募集ページ　追加9/12*/
.recruit_all { width:650px; margin:0 auto;}

h3.recruit_h3 {
	border-left:8px solid #CCCCFF;
	padding:0px 0 0 20px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	background: url(img/recruit/head_apply.gif) no-repeat 0 right;
	height:25px;
	margin:0 0 5px 0;
	
}

.RecruitTable {
	border-collapse:collapse;
	width:650px;
	padding:0px;
	color:#555555;
	margin: 10px auto 30px;
}

.RecruitTable TH {
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック', sans-serif;
	line-height:1.7;
	font-weight:bold;
	width:80px;
	margin:0 16px 0 0;
	padding:7px 0px 7px 18px;
	border:1px solid #CCCCFF;
	background-color: #88bbbb;
	color:#FFFFFF;
	font-size: 12px;
	text-align: left;
	
}
.RecruitTable TD {
	text-align:left;
	font-weight:normal;
	line-height:1.7;
	margin:0px;
	padding:7px 13px 7px 13px;
	border:1px solid #CCCCFF;
	background-color: #fcfcfc;
	font-size: 12px;
}
.recruit_flow { width:618px; padding:25px 15px; border:1px solid #ccccff; height:270px; margin:10px 0 20px 0; }
.recruit_flow li {
	float:left;
	width:114px;
	height:80px;
	display:block;
	list-style:none;
	padding:5px 10px 5px 10px;
	border:1px solid #ccccff;
	border-left:7px solid #ccccff;
	margin:0 10px 5px 10px;
	line-height:1.8;
	font-size:12px;
	background:#fcfcfc;
}
.recruit_flow li.img01 {float:left; padding:20px 11px; display:block; width:43px; height:37px;
	background:none;
	border:none;
	margin:0;
	list-style:none;}
.recruit_flow li.b1 {background: url(img/recruit/01.gif) no-repeat bottom right;}
.recruit_flow li.b2 {background: url(img/recruit/02.gif) no-repeat bottom right;}
.recruit_flow li.b3 {background: url(img/recruit/03.gif) no-repeat bottom right;}
.recruit_flow li.b4 {background: url(img/recruit/04.gif) no-repeat bottom right;}
.recruit_flow li.b5 {background: url(img/recruit/05.gif) no-repeat bottom right;}
.recruit_flow li.b6 {background: url(img/recruit/06.gif) no-repeat bottom right;}



/*教室紹介ページ　追加11/17*/

h3.studio_h3 {
	border-left:8px solid #CCCCFF;
	padding:0px 0 0 20px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	height:25px;
	margin:0 0 15px 0;	
}


#studio_all{
width:770px;
height:auto;
margin:0 0 30px 20px;
padding:5px 0 0 0;
}
.studio_box { width:350px; border:1px solid #dedede; float:left; margin:0 20px 30px 0; padding:5px; height:350px;}
.studio_box a {display:block;}
.studio_box a:hover {background-color:#f4f4fa;}
.studio_banner {margin:0 auto 20px	;}
.studio_img {border:2px dotted #84C82B;
padding:8px;
margin:0 15px 30px 0px;
float:left;}

.yokohama_subbox_all { width:490px; height:200px; padding:0; margin:0;}
.yokohama_subbox { width:220px; float:left; padding:0 0 0 0px; margin:0 20px 0 0;}
.yokohama_subbox img {
border:2px dotted #84C82B;
padding:8px;
margin:0 0px 0 0px;
}


/*スクールの選び方ページ　追加3/26*/

ul.school_choice { display:block; margin:0; padding:10px 0 10px 50px;}
.school_choice li { list-style:decimal; padding:0; margin:0 0 0 0px; line-height:1.7;}

.school_ttl { padding:0 0 0 30px;}