@charset "shift_jis";

/****************************************************************************/
/* 共通設定                                                                 */
/****************************************************************************/
* {
	margin:0px;
	padding:0px;
}
html {
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	height:100%;
	background:url("../../images/bg01.jpg") ;
	background-repeat:repeat-x;
}

#wrapper {
	width:1033px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
	padding:0 20px;
}
#header {
	width:993px;
	margin:35px 0 0;
	text-align:left;
	overflow:hidden;
}
#header2 {
	height:90px;
	overflow:hidden;
	margin:0;
}

.logo{
	width:357px;
	float:left;
	display:block;
}
.hcontent{
	width:541px; 
	float:right;
	display:block;
}
.hcontent ul{
	width:541px;
	margin:10px 0 0;
}
.hcontent ul li{
	float:left;
	display:block;
	margin:0;
}


#main {
	background:url("../../images/bg02.jpg") ;
	background-repeat:repeat-x;
	clear:both;
	width:993px;
	padding:30px 0 50px;
	text-align:left;
	overflow:hidden;
	margin:1px 0 0;
}
#cmain {
	clear:both;
	width:993px;
	padding:30px 0 50px;
	text-align:left;
	overflow:hidden;
	margin:1px 0 0;
}
#cp{
	width:993px;
	background:url("../../images/bg03.jpg") ;
	background-repeat:no-repeat;
	background-position:top;
	padding-top:18px;
}
.cpbox{
	width:993px;
	background:url("../../images/bg06.jpg") ;
	background-position:bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}
#cp .left{
	width:242px;
	float:left;
	display:block;
	padding:5px 20px 23px 22px;
	overflow:hidden;
}

#cp .right{
	width:687px;
	float:right;
	display:block;
	margin:20px 20px 35px 0px;
	text-align:left;
	overflow:hidden;
}
p,#main ul li,#cmain ul li,dt,dd,td,ol li{
	color:#333;
	font-size:14px;
	line-height:1.8em;
}
ol{
	margin-top:20px;
}

img a{
	border:none;
}
a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#gnavi{
	clear:both;
	width:993px;
	overflow:hidden;
	margin:22px 0 10px; 
}

#gnavi ul { 
	clear: none;
	list-style:none;
}

#gnavi ul li {
	margin:0; 
	float: left;
	list-style-type: none;
}

#gnavi ul li a {
}

#gnavi ul li a:hover {
	color: #00336c;
	text-decoration:underline;
}
#contentsmain {
	padding:0 100px;
	text-align:left;
}

/* 余白・位置 (汎用) */




.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt300 {margin-top:300px;}
.mt10 {margin-top:10px;}
.mt18 {margin-top:18px;}

/* 下余白 */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}

/* 左余白 */
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml21 {margin-left:21px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

/* 右余白 */
.mr05 {margin-right:5px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

.mtb60 {margin-top:60px;margin-bottom:60px;}

/* 位置 */
.center {text-align:center;}
.right  {text-align:right;}

ul,li,dl,dt,dd{
	list-style:none;
}
a{
	color:#00336c;
	text-decoration:none;
}
a:hover{
	color: #00336c;
	text-decoration:underline;
}
/****************************************************************************/
/* 文字装飾 (汎用)                                                          */
/****************************************************************************/
/* 文字：コメント・強調等 */
#main p,#main dt,#main dl,#main li{
	line-height:2em;
}
.red       {color:#CC0000;}
.bg_yellow {background-color:#FFFF00;}
.bg_brown  {background-color:#FFFF99;}
.bg_green   {background-color:#CCFEA7;}

/* 文字：リンク */
a.link, a.link:link         {color:#3366CC;border-bottom:1px dotted #3366CC;text-decoration:none;}
a.link:visited              {color:#663366;border-bottom:1px dotted #663366;text-decoration:none;}
a.link:hover, a.link:active {color:#3366CC;border-bottom:1px solid #3366CC;text-decoration:none;}

img {border:none;}
a img {border:none;}

li img { vertical-align:text-bottom;}

.txt12 {
	font-size:12px;
}
.txt16 {color:#58524e;
	font-size:16px;
}
.txt18 {color:#58524e;
	font-size:18px;
}
.txt24 {color:#333;
	font-size:24px;
	font-weight: bold;
}
.txt15u {color:#58524e;
	font-size:15px;
	text-decoration:underline;
}
.txt21 {color:#333;
	font-size:21px;
}
.txt30 {color:#58524e;
	font-size:30px;
}
.red18 {color:#ff5353;
	font-size:18px;
}
.red21 {color:#ff5353;
	font-size:21px;
}
.blue16 {
	font-size:16px;
	color:#00336c;
	font-weight:bold;
}
.blue18 {
	font-size:18px;
}
.blue24{
	font-size:24px;
}
.blue30 {
	font-size:30px;
	line-height:1.6em;
}

.red30 {color:#ff5353;
	font-size:30px;
}
.white {
	color:#fff;
}

.notxt {
	color:#58524e;
	font-size:16px;
	text-decoration:line-through;
}
.obi {
	background-color:#012652;
}
.obi a {
	padding:0 0 0 10px;
	font-size:16px;
	color:#fff;
}


/****************************************************************************/
/* その他 (汎用)                                                            */
/****************************************************************************/
/* 回り込み */
.floatL {float:left;
	display:block;}
.floatR {float:right;
	display:block;}

/* 回り込みのクリア */
.clear {clear:both;font-size:0px;}

/* 情報グルーピング用の区切り線 */
hr {display:none;}

/* 画像枠線 */
img {border:none;}

.dlstyle{
	margin:20px 0;
}

.dlstyle dt{
	background-color:#dedede;
	padding:5px 20px;
	margin:20px 0 0;
	font-weight:bold;
}
.dlstyle dd{
	padding:10px 0 0 20px;
}
.bline{	
	border-bottom:1px dotted #333;
	padding:5px 0;
	margin:20px 0 20px;
}
.bline2{	
	border-bottom:1px dotted #333;
	padding:5px 0;
}
.yenline{	
	border-bottom:1px dotted #333;
	background: url(../../images/img48.jpg) no-repeat left;
	padding:15px 0 0 63px;
	height:43px;
}
	
/****************************************************************************/
/* ヘッダー（ページタイトル、グローバルメニュー）                           */
/****************************************************************************/
h1{
	font-size:12px;
	visibility:hidden;
	position:absolute; top:1px; left:1px;
}
h2 {
	clear:both;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-image:url(../../images/ttlbg.jpg);
	margin:0;
	padding:2px 0 8px 20px;
	font-size:24px;
	font-weight: bold;
	line-height: 120%;
	color:#012652;
}
h3{
}
h4 {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	clear:both;
	margin:0 0 10px;
	padding:0 0 0 10px;
	font-size:16px;
	background-color:#012652;
	color:#fff;
	font-weight:normal;
}
h4 a {
	color:#eee;
}
h4 a:hover {
	color:#fff;
}
h5{	
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	clear:both;
	margin:0 0 10px;
	padding:2px 0 0 10px;
	font-size:14px;
	border-left:5px solid #58524e;
	color:#333;
}

h6 {
	clear:both;
	margin-bottom:10px;
}

/****************************************************************************/
/* 左カラム                                                                 */
/****************************************************************************/
#leftcolumn {
	float:left;
	width:255px;
	margin:15px 0 0;
}
.aboutL{
	background-image:url(../../images/bg05.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:15px;
}
.aboutLbox{
	background-image:url(../../images/bg04.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px;
}
.aboutLbox p{
	padding:0 5px;
}

/****************************************************************************/
/* 右カラム                                                                 */
/****************************************************************************/
/* 右カラム汎用 */
#rightcolumn {
	width:707px;
	float:right;
	margin:15px 0 0 0;
}
.clink{
	text-align:right;
	margin:50px 20px 0 0;
}
.clink img{
	margin-left:20px;
}
.ulbox{
	width:707px;
	clear:both;
	margin:20px 0 0;
	overflow:hidden;
}
.ulbox li{
	float:left;
	display:block;
	width:343px;
}
.ulbox li .box1{
	border-bottom:1px solid #00336c;
	border-left:1px solid #00336c;
	border-right:1px solid #00336c;
	padding: 15px 19px;
	height:175px;
}
.ulbox2{
	width:707px;
	clear:both;
	margin:20px 0 0;
	overflow:hidden;
}
.ulbox2 li{
	float:left;
	display:block;
	width:343px;
}

.ulbox2 li .box2{
	border-bottom:3px solid #00336c;
	border-left:3px solid #00336c;
	border-right:3px solid #00336c;
	padding: 13px;
	height:120px;	color:#00336c;
}
.ulbox3{
	width:707px;
	clear:both;
	margin:20px 0 0;
	overflow:hidden;
}
.ulbox3 li{
	float:left;
	display:block;
	width:229px;
}

.vtext{
	width:707px;
	overflow:hidden;
}
.vtext .left{
	float:left;
	display:block;
	width:200px;
	margin:0;
}
.vtext .right{
	float:right;
	display:block;
	width:487px;
	margin:0;
	text-align:left;
	padding:0;
}
.stepbox{
	margin-top:20px;
	padding-bottom:5px;
	border-bottom:1px solid #00336c;
}

.step{
	width:52px;
	background-color:#00336c;
	color:#fff;
	float:left;
	display:block;
	padding:0 10px;
	margin-bottom:10px;
	text-align:center;
}
.steptxt{
	width:615px;
	float:right;
	display:block;
	margin-right:10px;
	font-size:18px;
}
.cursor{
	text-align:center;
	padding:0;
}
.ulblue{
	font-size:30px;
	width:707px;
	overflow:hidden;
}
.list{
	clear:both;
}
.about2{
	clear:both;
	margin-top:20px;
	border:1px solid #00336c;
	padding:5px;
	text-align:center;
}
/****************************************************************************/
/* フッター                                                                 */
/****************************************************************************/
#footer {
	clear:both;
	background:url("../../images/bg02.jpg") ;
	background-repeat:repeat-x;
}
#footercontents {
	width:993px;
	padding:0px;
	font-size:14px;
	margin:0px auto;
	padding:20px;
	line-height:2.2em;
	overflow:hidden;
}
#footer ul li {
	list-style:none;
	border-bottom:1px dotted #666;
	color:#ffffff;
}

#footer ul{
	width:197px;
}
#footer ul li a {
	color:#00336c;
	text-decoration:none;
}
#footer ul li a:hover {
	color: #00336c;
	text-decoration:underline;
}
#footer ul li img {
	padding:9px 0;
}
.footerL{
	width:413px;
	margin:30px 20px 30px 0;
	float:left;
	display:block;
}

.footerR{
	width:402px;
	margin:30px 0;
	float:right;
	display:block;
}
#footer .ulimg{
	text-align:right;
	margin:20px 0 0 0;
}

#footer p {
	clear:both;
	color:#00336c;
	font-size:12px;	
}

#footer p a {
	color:#ffffff;
	text-decoration: none;
}

#footer p a:hover {
	color: #00336c;
	text-decoration:underline;
}

address {
	clear:both;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#333;
	padding:0 0 20px 0;
	text-align:center;
}

/* ::: 定義リスト：よくある質問用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.qa {
	clear:both;
	width:707px;
	overflow:hidden;
	display:block;
	margin-top:20px;
}

.qabox {
	width:326px;
	float:left;
	display:block;
}

ul.ul_qa {
	width:326px;
}

ul.ul_qa li {
	list-style:none;
	padding:  3px 0 3px 40px;
	border-bottom: dotted 1px #ccc;
	background: url(../../images/icon_q.gif) no-repeat left top;
	background-position:top left;
}

ul.ul_qa a {
	display: block;
	color:#333;
	font-size:14px;
}
ul.ul_qa a:hover {
	color:#666;
}

.dl_qa {
	clear:both;
	margin:30px 0 10px 0;
	padding:0;
}

dl.dl_qa dt{
	padding:10px 0 10px 80px;
	font-weight: bold;
	background: url(../../images/icon_q2.jpg) no-repeat left top;
	border-top: solid 1px #ccc;
	border-bottom: dotted 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-weight:bold;
	font-size:16px;
	color:#333;
}

dl.dl_qa dd {
	margin-bottom: 30px;
	padding: 20px 25px 20px 80px;
	background: url(../../images/icon_a.gif) no-repeat top left;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px#ccc;
	border-left: solid 1px #ccc;
	color:#666;
}

/* ::: 定義リスト：レッスン用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.dl_le {
	margin: 10px 0 10px 0;
}

dl.dl_le dt{
	margin:0 0 20px;
	padding:5px 0 0 70px;
	font-weight: bold;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	border-right: dotted 1px #ccc;
	border-left: dotted 1px #ccc;
	font-size:16px;
	color:#333;
}
dl.dl_le .photo1{
	background: url(../../images/photo1.jpg) no-repeat left;
}
dl.dl_le .photo2{
	background: url(../../images/photo2.jpg) no-repeat left;
}
dl.dl_le .photo3{
	background: url(../../images/photo3.jpg) no-repeat left;
}

dl.dl_les dd {
	margin-bottom: 30px;
	padding: 20px 25px 20px 30px;
	border-bottom: solid 1px #E7E7E7;
	border-right: solid 1px #E7E7E7;
	border-left: solid 1px #E7E7E7;
	color:#58524e;
}

.dl_les {
	margin: 10px 0 10px 0;
}

dl.dl_les dt{
	padding:0 0 0 0px;
	font-weight: bold;
	line-height: 50px;
	border-top: solid 1px #E7E7E7;
	border-bottom: dotted 1px #E7E7E7;
	border-right: solid 1px #E7E7E7;
	border-left: solid 1px #E7E7E7;
	font-weight:bold;
	font-size:18px;
	color:#333;
}
dl.dl_les .photo1{
	background: url(../../images/photo1.jpg) no-repeat left;
}
dl.dl_les .photo2{
	background: url(../../images/photo2.jpg) no-repeat left;
}
dl.dl_les .photo3{
	background: url(../../images/photo3.jpg) no-repeat left;
}
dl.dl_les .photo4{
	background: url(../../images/photo4.jpg) no-repeat left;
}
dl.dl_les .photo5{
	background: url(../../images/photo5.jpg) no-repeat left;
}
dl.dl_les .photo6{
	background: url(../../images/photo6.jpg) no-repeat left;
}
dl.dl_les .photo7{
	background: url(../../images/photo7.jpg) no-repeat left;
}
dl.dl_les .photo8{
	background: url(../../images/photo8.jpg) no-repeat left;
}


.dl_kids {
	margin: 10px 0 10px 0;
}

dl.dl_kids dt{
	height:50px;
	padding:20px 0 0 70px;
	font-weight: bold;
	line-height: 50px;
	font-weight:bold;
	font-size:16px;
	color:#58524e;
}
dl.dl_kids .photo1{
	background: url(../../images/img30.jpg) no-repeat left;
}
dl.dl_kids .photo2{
	background: url(../../images/img31.jpg) no-repeat left;
}


dl.dl_kids dd {
	margin-bottom: 30px;
	padding: 20px 25px 20px 70px;
	border-bottom: solid 1px #E7E7E7;
	color:#58524e;
}




table{
	border:1px dotted #ccc;
}
.table1{
	clear:both;
	width:707px;
	overflow:hidden;
	padding:20px 0 0 0;
}
	.table1 .floatR{
width:475px;
}
	.table1 .floatR td{
width:300px;
}

th{
	background-color:#ececec;
	color:#333;
	padding:5px 20px;
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #ccc;
	font-weight:normal;
}
td{
	padding:5px 20px;
	border-bottom:1px dotted #ccc;
}

.about{
	width:707px;
	overflow:hidden;
	clear:both;
	padding:10px 0 10px;
}
.about .left{
	float:left;
	display:block;
	width:567px;
}

.about .right{
	float:right;
	display:block;
	width:120px;
	margin:0 0 0 20px;
	text-align:center;
}
.about5{
	width:707px;
	overflow:hidden;
	clear:both;
	padding:10px 0 10px;
}
.about5 .left{
	float:left;
	display:block;
	width:267px;
}

.about5 .right{
	float:right;
	display:block;
	width:420px;
	margin:0 0 0 20px;
	text-align:left;
}
.about6{
	width:707px;
	overflow:hidden;
	clear:both;
	padding:10px 0;
}
.about6 .left{
	float:left;
	display:block;
	width:429px;
}
.about6 .right{
	float:right;
	display:block;
	width:258px;
	margin:0 0 0 20px;
	text-align:left;
}

.about3{
	width:805px;
	overflow:hidden;
	border-bottom:1px dotted #333;
	margin:0;
	padding:0 0 20px 0;
}

.pricetxt li{
	list-style:none;
	font-size:14px;
	color:#333;
}
.pricetxt{
	float:left;
	display:block;
	width:380px;
	margin:0 20px 0 0;
}
.text{
	clear:both;
	margin:0;
	text-align:left;
	background-color:#fff;
	padding:20px;
	border:1px solid #cccccc;
}
.text2{
	clear:both;
	margin:40px 0 60px;
	width:805px;
	overflow:hidden;
}
.text3{
	clear:both;
	margin:0;
	text-align:left;
	background-color:#fff;
	padding:20px;
	border:1px solid #cccccc;
	float:left;
	display:block;
	width:485px;
}
.txt36{
	font-size: 36px;
}
.ctext{
	display:block;
	width:805px;
	margin:0 20px 0 0;
}
.ctext2{
	float:left;
	display:block;
	width:380px;
	margin:0 20px 0 0;
}
.ctext dt{
	height:50px;
	padding:20px 0 0 60px;
	font-weight: bold;
	line-height: 50px;
	font-weight:bold;
	font-size:16px;
	color:#58524e;
	background: url(../../images/img36.jpg) no-repeat left;
}
.ctext2 dt{
	margin:20px 0 0;
	font-size:16px;
}
.ctext dd,.ctext2 dd{
	margin:20px 0 60px;
	background-color:#eeeeee;
	padding:10px 20px;
	line-height:2em;
}

.about4{
	clear:both;
	padding:0;
}

.about4 .right{
	float:right;
	display:block;
	width:404px;
	padding:40px 0 0;
}

.flow{
	clear:both;
	margin:40px 0 60px;
	width:805px;
	overflow:hidden;
}