@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/**************************************************************************************
Copyright (c) Vocal school LT / lifetune community All rights reserved.
**************************************************************************************/

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html		{ color:#333;}
body		{ background:#fff; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
a			{ color:#45687C; text-decoration:underline;}
a:visited	{ color:#497DA5; text-decoration:underline;}
a:hover		{ color:#497DA5; text-decoration:none;}
a:active	{ color:#497DA5; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH		{ overflow:visible; min-height:350px; background:url(../img/header3.jpg) top repeat-x;}
#pagetop	{ overflow:visible; width:960px; margin:0 auto; text-align:center;}
#bgImgF		{ clear:both; height:auto; background:url(../img/bgF.jpg) bottom repeat-x;}
/*-------------------------------------------------------------------------
table
-------------------------------------------------------------------------*/
table{ border:none;}
table td{ border:none;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header		{ position:relative; width:960px; height:104px; margin:0 auto; background:url(../img/header.jpg) no-repeat top left;}
h1			{ position:absolute; top:7px; left:20px; color:#FFF; font-size:0.8em; text-shadow:1px 1px 3px #3F5471; font-weight:normal; line-height:1.2; text-align:left;}
#headTel	{ position:absolute; top:0; right:19px;}
/*Under dir only*/
#header2	{ position:relative; width:960px; height:50px; margin:0 auto 5px; background:url(../img/header3.jpg) repeat-x top left;}
#header2 > h2{ position:absolute; top:104px; left:17px;}
#subLink	{ position:absolute; top:94px; right:20px; height:45px;}
#subLink li { /*float:left; margin:0 6px 0 0;*/}
/*Navi*/
#nav 		{ position:absolute; top:36px; left:22px; list-style:none; display:block; width:916px; height:47px;}
#nav li		{ float:left; position:relative; margin:0; padding:0; line-height:0;}
/*mainImg*/
#mainImg	{ position:relative; width:940px; height:330px; margin:0 auto 14px; padding:0; background:url(../img/mainImgBg.jpg) no-repeat top right;}
#mainImg h2 { position:absolute; top:0; left:0;}
#mainImg h3 { position:absolute; top:178px; left:344px;}
#mainImg ul	  { position:absolute; top:148px; left:0; width:299px; height:182px;}
#mainImg ul li{ list-style:none; margin:0; padding:0; line-height:0;}
#topBtnAccess 	 { position:relative; width:299px; height:81px; background:url(../img/topBtnAccess.jpg) no-repeat top left; text-align:left;}
#topBtnAccess h4 { position:absolute; top:19px; left:80px; line-height:1; font-size:1.2em; font-weight:bold;}
#topBtnAccess p  { position:absolute; top:42px; left:80px; line-height:1.2;}
#topBtnAccess p a{ color:#333; text-decoration:none;}
#topBtnAccess p a:hover	{ color:#F90; text-decoration:none;}
#topBtnLifetune	 { width:299px; height:101px;}

#heading	{ position:relative; width:956px; height:180px; margin:0 auto 10px; padding:0; background:url(../img/h2Bg.jpg) no-repeat top left;}
#heading h2	{ position:absolute; top:62px; left:87px;}


/*-------------------------------------------------------------------------
mainContentsArea
-------------------------------------------------------------------------*/
/*General*/
#cont			{ clear:both; margin:0 auto; padding:0 20px 0 20px;}

/*Top Page's Only*/
#topMainTitle 	{ margin:0 0 15px 0;}
#topMainTitle h3{ float:left; margin:0 0 10px 0; font-size:2.2em; font-weight:bold;}
#topMainTitle div{ float:right;}
#topMainTitle p { clear:left; font-size:1.1em; line-height:1.6 !important;}
#topEmPhoto	{ width: 310px; float:left; margin:0 10px 0 0;border-radius:5px; border: 1px solid #069; padding:10px; min-height:250px; background: url(../img/topEmBg.jpg) repeat-x bottom;}
#topEmBox	{ float:right; position:relative; width: 300px; overflow:visible; min-height:250px; margin:0; padding:10px; border-radius:5px; border: 1px solid #069; background: url(../img/topEmBg.jpg) repeat-x bottom;}
#topEmBox p { margin:0 0 1em 0 !important; line-height:1.6 !important;}
#topEmBox ul li{ margin:1px 0 0 15px !important; padding:0px; list-style:disc;}

/*L Side*/
#Lside		{ float:left; width:664px; margin:0; text-align:left;}
#Lside p	{ margin:0 0 6px 0; line-height:1.2;}
#Lside > h3 { position:relative; height:24px; margin:0 0 8px 0; padding:3px 0 0 8px; color:#000; font-size:1.2em; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
#Lside > h3 p{ display:inline; position:absolute; top:2px; right:0;}
/*R Side*/
#Rside		{ float:right; width:242px; margin:0 0 10px 0; padding:0;}
#siteBnrBox	{ width:240px; height:auto; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#siteBnr	{ padding:8px 0 0 10px;}
#siteBnr li	{ float:left; margin:0 4px 0 0;}
#siteBnr li:hover{ opacity:0.7;}

#LikeBox		 { width:940px; margin:0 auto; background:#fff;}
#LikeBox > iframe{ visibility:visible; overflow:scroll;}


/*L+R Merge*/
#LRmerge	{ clear:both; width:940px; margin:0 auto; padding: 0; background:#fff; border-radius:5px; text-align:center;}
#LRmerge p	{ margin:0 0 12px 0; line-height:1.2;}
#LRmerge > h3 { position:relative; height:24px; margin:0 0 8px 0; padding:3px 0 0 8px; border-bottom:1px solid #090; border-left:7px solid #090; color:#000; font-size:1.2em; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}

.sect			{ clear:both; margin:20px 0 0 0; padding:10px 20px; background:#FFF; border-radius:6px; text-align:left;}
.sect2			{ clear:both; margin:0 0 20px 0; padding:10px 20px; background:#FFF; border-radius:6px; text-align:left;}
.sect h3		{ margin:0 0 12px 0; padding:2px 0 4px 6px; border-bottom:3px double #999; color:#000; font-size:1.6em; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;}
.sect2 h3		{ margin:0 0 12px 0; padding:2px 0 4px 6px; border-bottom:3px double #999; color:#000; font-size:1.6em; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;}
.sect p			{ margin:0 0 10px 0; padding:0 0 0 1em; font-size:1.2em; line-height:1.4 !important;}
.sect p strong	{ font-weight:bold;}
.sect ul		{ margin:0 0 5px 0;}
.sect ul li		{ padding:0 0 3px 0; line-height:1.2;}
.unit			{ padding:5px 16px 10px 16px;word-break: break-all;}
.unit p			{ margin:0 0 10px 0; padding:0 0 0 1em; line-height:1.4;word-break: break-all;}
.unit h4		{ margin:0 0 8px 0; padding:0 0 1px 5px; border-left:5px solid #666; border-radius:2px; color:#666; font-size:1.2em; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;}
.unit dl dt		{ margin:0 0 4px 0;}
.unit dl dd		{ margin:0 0 16px 0; font-size:1.2em;}

.courseDlist	{ margin:0 0 10px 0; padding:0 0 0 1em; border-bottom:1px dashed #ccc;}
.courseDlist dt	{ font-weight:bold; font-size:1.1em;}
.courseDlist dd	{ padding:0 0 0 0.5em; color:#666;}
.lastList		{ border-bottom:none !important;}

/*voice*/
#voice			{}
#voice h4		{ margin:0 auto 10px !important; padding:5px 0 0 0; border:none;}
.voiceStaff		{ margin:0 0 10px 0; background:#FFC3C9; border-radius:5px;}
.voiceStudent	{ margin:0 0 10px 0; background:#D4F0D1; border-radius:5px;}
.voiceBox		{ width:850px; margin:0 auto 10px; padding:10px 10px 5px 5px; background:#FFF; border-radius:3px;}
.voiceBox p		{ width:670px; text-indent:1em;}
.voiceBox img	{ float:right; margin:0 0 15px 20px;}
.voiceBox h5	{ margin:0 0 0.6em 0; padding:0.2em 0 0.6em 0; border-bottom:1px solid #ccc; font-weight:bold; font-style:italic; text-align:;}

.voiceBox2		{ width:850px; margin:0 auto 10px; padding:10px 5px 5px 10px; background:#FFF; border-radius:3px;}
.voiceBox2 p	{ text-indent:1em;}
.voiceBox2 img	{ float:left; width:120px; margin:0  20px 15px 0;}
.voiceBox2 h5	{ margin:0 0 0.6em 0; padding:0.2em 0 0.6em 0; border-bottom:1px solid #ccc; font-weight:bold; font-style:italic; text-align:;}

.staff_h5		{ padding-left:110px !important; background:url(../img/staff_h5icon.jpg) no-repeat top left;}
.student_h5		{ padding-left:80px !important; background:url(../img/student_h5icon.jpg) no-repeat top left;}


/*Table Style*/
.basicTable		{ width:100%; margin:0 0 10px 0; padding:0; font-size:1em; background:#999;}
.basicTable tr	{ vertical-align:middle;}
.basicTable th	{ padding:10px; background:#fff; font-weight:bold; text-align:center;}
.basicTable th[scope="col"]{ }
.basicTable th[scope="row"]{ background:#FC6; text-align:right;}
.basicTable td	{ padding:10px; background:#fff; font-weight:normal; text-align:center;}
.cellNd			{ background:#fff !important;}
.btThIppan		{ background:#06c !important; color:#fff;}
.btThIppan-1	{ background:#B2D1F0 !important;}
.btThSchoolH	{ background:#91DDDF !important;}
.btThSchoolH-1	{ background:#D3F1F2 !important;}
.btThSchoolJH	{ background:#6c0 !important;}
.btThSchoolJH-1	{ background:#DAF3c2 !important;}


/*#gMapBox	{ float:right; width:460px; text-align:left;}*/
.map_canvas_bdr{ float:right; width:460px; height:auto; text-align:left;}
.map_canvas_bdr small			{ clear:both; float:right;}
.map_canvas_bdr small a			{ color:#06f; text-decoration:underline;}
.map_canvas_bdr small a:visited { color:#06c; text-decoration:none;}
.map_canvas_bdr small a:hover	{ color:#f90; text-decoration:none;}
#map_canvas			{ width:450px; height:300px; margin:0 0 5px 0; border:2px solid #ccc; font-size:0.8em}
#map_canvas strong	{ font-size:1.2em; color:#4964BC;}
#map_canvas2		{ width:450px; height:300px; margin:0 0 5px 0; border:2px solid #ccc; font-size:0.8em}
#map_canvas2 strong	{ font-size:1.2em; color:#4964BC;}


/*Back to Top*/
#toTop		{ margin:0 auto 10px;}

/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#footer	{ clear:both; position:relative; width:960px; height:50px; margin:0 auto; padding:0; background:url(../img/footer.jpg) no-repeat left top;}
address	{ display:block; margin:0 auto; padding:24px 0 0 0; color:#39628D; font-size:1em; font-family:Arial, Helvetica, sans-serif; text-align:center;}



/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.btn{ cursor:pointer;}
.oBtn:hover{ opacity:0.7;}
.bn{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.bgb{ background:#000;}
.mgn{ margin:0 0 8px 0 !important;}
.mgnB{ margin-bottom:28px !important;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 5px 5px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.flimg3{ float:left; margin:0 10px 10px 15px;}
.frimg3{ float:right; margin:0 15px 10px 10px;}
.red{ color:#f00;}
.blue{ color:#09f;}
.orange{ color:#f90;}
.green{ color:#00C29D;}
.f0{ font-size:0.001em;}
.f60{ font-size:0.6em;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size:1em;}
.f120{ font-size:1.2em;}
.f160{ font-size:1.6em;}
.f180{ font-size:1.8em;}
.f200{ font-size:2em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
strong{ font-weight:bold;}
.bold{ font-weight:bold;}
.indent{ text-indent:1em;}
img.bdrImg	{ padding:1px; background:#fff; border:1px solid #ccc; box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc;}
.mailLink	{ padding:0 18px 0 0; background:url(../img/mailLink.jpg) no-repeat right;}
.mailLink:hover, .mailLink:active{ padding:0 18px 0 0; color:#f60; background:url(../img/mailLink.jpg) no-repeat right; font-weight:normal;}
.EmBox { display:inline-block; margin:0 0 1.8em 0; padding: 6px; background: none repeat scroll 0 0 #FFC;
    border: 2px solid #000; border-radius: 3px 3px 3px 3px; box-shadow: 2px 2px 1px #666; text-align: left;}
.EmBox h5{ font-weight:bold; color:#F60;}
.EmBox p{ margin:0 !important; padding:0 0 0 4px !important; border-left:4px solid #F60; font-weight:bold;}
.EmBox ul{ margin:0 !important;}
.EmBox ul li{ margin:5px 0 0 0 !important; padding:2px;}
#DemoSpacer{ display:block; height:700px;}


/*-------------------------------------------------------------------------
南部追記部分
-------------------------------------------------------------------------*/
.schedule_ttl{ font-size:28px; color:#f90; font-weight:bold; border-bottom: 1px dashed #f90; padding: 0 0 0 5px; margin: 10px 0 0 0;}
.schedule_date{ font-size: 10px; color:#666; padding: 5px 0; text-align:right;}
.schedule_month{ background-color: #eee; border-radius:5px; margin: 20px 0 0 0; padding: 10px;}
.mailform{ width: 100%; margin: 10px;}
.mailform th{ background-color: #DDEAEA; width: 200px; padding: 10px;}
.mailform td{ padding: 10px; border-bottom: 1px dashed #999999;}
.mailform td.ttl{ background-color: #00C29D; font-size:15px; color: #FFF; padding: 5px;}