@charset "UTF-8";

/* base styles ------------------------------------------------ */

body {
    margin: 0;
	padding: 0;
	background:#FBEFEC url(../img/bg.jpg) repeat-x;
	}

a {
	color: #791A34;
	text-decoration: none;
	}
a:link {
	color: #791A34;
	text-decoration:underline;
	}
a:visited {
	color: #791A34;
	}
a:hover, a:focus, a:active {
	color: #0E3288;
	text-decoration:none;
	}

img { border: 0;}
img.floatleft{ float:left; margin:0 15px 10px 0;}
img.floatright{ float:right; margin:0 0 10px 15px ; margin-bottom:20px;}

em {
	color: #c00;
	font-style: normal;
	}

abbr, acronym {
	border-bottom-color: #ccc;
	}
	

p{ 
   margin:0;
   padding:10px 20px;
   line-height:1.5em;
   font-size:12px;
   }

p.textright{ text-align:right;}
p.textcenter{ text-align:center;} 
p.textleft{ text-align:left;}
p.font-small{ font-size:11px;}

h3{ margin:20px 0 0 20px; text-align:left;}
	

/* div styles ------------------------------------------------ */

/* all */
div#htmlAll{ width:100%; text-align:center; float:left; overflow:hidden;}


/* header */	
div#header{ width:100%; height:50px; float:left; margin:0; text-align:center;}
div#header-inner{ width:980px; height:50px; margin:0 auto; text-align:center;}
div#logo-top{ width:280px; float:left;}
div#tel{ width:210px; float:right;}

/* content */
div#content{ width:100%; margin:0; text-align:center; float:left;}
div#content-inner{ width:980px; text-align:center; margin:0 auto;}


/* content-left */
div#content-left{ width:280px; margin:0; float:left;}
div#content-left h1{ width:280px; height:90px; margin:0; display:block; background:url(../img/logo.jpg) no-repeat; text-indent:-999em;}

div#global-nav{ width:280px; margin:0; text-align:center;}
div#global-nav ul{ width:280px; margin:0; padding:0; list-style:none; text-align:center; background:#ddd;}
div#global-nav ul li{ width:280px; margin:0; padding:0;}
div#global-nav ul li a{ width:280px; height:50px; margin:0; padding:0; text-indent:-999em; display:block;}

div#global-nav ul li#home a{ background:url(../img/content-left/global-nav.jpg) 0 -8px;}
div#global-nav ul li#home a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -8px;}
div#global-nav ul li#about a{ background:url(../img/content-left/global-nav.jpg) 0 -60px;}
div#global-nav ul li#about a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -60px;}
div#global-nav ul li#teacher a{ background:url(../img/content-left/global-nav.jpg) 0 -110px;}
div#global-nav ul li#teacher a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -110px;}
div#global-nav ul li#lesson a{ background:url(../img/content-left/global-nav.jpg) 0 -160px;}
div#global-nav ul li#lesson a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -160px;}
div#global-nav ul li#schedule a{ background:url(../img/content-left/global-nav.jpg) 0 -210px;}
div#global-nav ul li#schedule a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -210px;}
div#global-nav ul li#gallery a{ background:url(../img/content-left/global-nav.jpg) 0 -260px;}
div#global-nav ul li#gallery a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -260px;}
div#global-nav ul li#faq a{ background:url(../img/content-left/global-nav.jpg) 0 -310px;}
div#global-nav ul li#faq a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -310px;}
div#global-nav ul li#contact a{ background:url(../img/content-left/global-nav.jpg) 0 -360px;}
div#global-nav ul li#contact a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -360px;}

div#global-nav ul li#kitahanada a{ background:url(../img/content-left/global-nav.jpg) 0 -410px;}
div#global-nav ul li#kitahanada a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -410px;}

div#global-nav ul li#ikoma a{ background:url(../img/content-left/global-nav.jpg) 0 -460px;}
div#global-nav ul li#ikoma a:hover{ background:url(../img/content-left/global-nav.jpg) -280px -460px;}

div#global-nav ul li#last { height:30px; background:url(../img/content-left/global-nav.jpg) 0 -510px;}


/* content-right */
div#content-right{ width:685px; margin:0; float:right;}
div#top-img{ width:685px; height:475px; margin-top:20px; background:url(../img/top-img/top-img.jpg) no-repeat;}
div#top-img h2{ text-indent:-999em; margin:0; padding:0;}
div#top-img-text{ width:685px; background:url(../img/top-img/top-img-text-bg.jpg) no-repeat;}
div#top-img-text p{ margin:0; padding:5px 25px 15px 25px; text-align:left; line-height:1.5em;}
div#top-img-text p strong{ color:#EB456A;}


div#information{ width:685px; margin:10px 0;}
div#information h2{ width:685px; height:50px; text-indent:-999em; background:url(../img/top-img/info-title.jpg) no-repeat; display:block;}
div#information dl{ width:600px; margin:0 auto; padding:0; overflow:auto; border-bottom:1px solid #ccc;}
div#information dl dt{ width:100px; float:left; margin:0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div#information dl dd{ width:450px; float:right; margin:0; padding:5px; text-align:left; font-size:12px; line-height:1.5em; color:#DC577B;}



/* footer */
div#footer{width:100%;height: 247px;float:left;margin:30px 0 0 0;text-align:center;background: url(../img/footer/footer-bg.jpg) #666666 repeat-x;}

div#footer-inner{width:980px;height: 390px;margin:0 auto;background:url(../img/footer/footer-bg02.jpg) repeat-x;}
div#freelesson{width:350px;height: 140px;overflow: hidden;float:left;text-align:right;margin: 0 0 11px;padding:0;}
div#address{ width:600px; float:right;}
div#address p{ margin:0; padding:60px 10px 0 10px; text-align:left; font-size:12px; color:white;}
div#address p img{ float:right; margin-right:15px;}
address{color:#FFFFFF;font:Arial;float:left;margin-top: 65px;font-size:12px;font-weight:normal;font-style:normal;}

.footer_ikoma{margin:0;padding: 15px 10px 0 10px;text-align:left;font-size:12px;color:white;}





/* about */
div#about{ width:685px; margin:20px 0 0 0;}
div#about h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../about/img/about-title.jpg) no-repeat; display:block;}


/* teacher */
div#teacher{ width:685px; margin:20px 0 0 0;}
div#teacher h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../teacher/img/teacher-title.jpg) no-repeat; display:block;}


/* lessonn */
div#lesson{ width:685px; margin:20px 0 0 0;}
div#lesson h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../lesson/img/lesson-title.jpg) no-repeat; display:block;}

table.lesson-class{ width:600px; margin:10px auto;}
table.lesson-class th{ margin:0; padding:0; width:120px;}
table.lesson-class td{ width:480px; padding:2px 15px; font-size:12px; color:#791A34; line-height:1.5em; text-align:left; background:url(../lesson/img/td-bg.gif) no-repeat;}

table.lesson-price{width:600px;margin: 10px auto 40px;background-color:#FF9999;}
table.lesson-price th{ margin:0; padding:5px 0; color:#fff; background:#DC577B; font-size:15px; font-weight:bold;}
table.lesson-price th span{ font-size:13px; font-weight:normal;}
table.lesson-price td{ background:#fff; padding:2px 15px; font-size:14px; color:#791A34; line-height:1.5em; text-align:left;}
table.lesson-price td span{ text-align:center; padding:0; margin:0 auto;}



/* schedule */
div#schedule{ width:685px; margin:20px 0 0 0;}
div#schedule h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../schedule/img/schedule-title.jpg) no-repeat; display:block;}


table.schedule-lesson{ width:685px; margin:10px auto; background-color:#FF9999;}
table.schedule-lesson th{ margin:0; padding:2px 0; width:165px; color:#fff; background:#DC577B; font-size:12px;}
table.schedule-lesson th span{ font-size:11px; font-weight:normal;}
table.schedule-lesson td{ background:#fff; padding:2px; font-size:12px; color:#791A34; line-height:1.5em; text-align:center; vertical-align:top;}

/* faq */
div#faq{ width:685px; margin:20px 0 0 0;}
div#faq h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../faq/img/faq-title.jpg) no-repeat; display:block;}

div#faq dl{ width:650px; margin:10px auto; display:inline-block;}
div#faq dl dt{ width:650px; height:20px; background:url(../faq/img/faq-question-bg.gif) no-repeat; font-size:12px; margin:0; padding:4px 0 0 0; text-align:left; color:#FF9999; text-indent:35px;}
div#faq dl dd{ display:block; text-align:left; margin:0; padding:5px 20px; font-size:12px; line-height:1.5em; color:#444;}


/* gallery */
div#gallery{ width:685px; margin:20px 0 0 0;}
div#gallery h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../gallery/img/gallery-title.jpg) no-repeat; display:block;}

ul.galleryBox{ width:625px; margin:10px 0; float:left; padding:0; list-style:none; clear:both;}
ul.galleryBox li{ width:115px; list-style:none; display:inline-block; padding:0 0 5px 0; margin:0 0 0 3px; float:left; background:url(../gallery/leather/img/liBg.gif) bottom no-repeat;}
ul.galleryBox li a{ color:white;}
ul.galleryBox li.last{ clear:right; margin:0 0 10px 3px;}

ul.galleryUl{ width:100%; margin:10px 0; padding:0; float:left; clear:both; list-style:none;}
ul.galleryUl li{ float:left; list-style:none; margin:0 0 0 5px; padding:0;}

#photo1 p,
#photo2 p,
#photo3 p,
#photo4 p,
#photo5 p{ background-color:#eee; padding:2px 15px; margin:0;}


/* contact */
div#contact{ width:685px; margin:20px 0 0 0;}
div#contact h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../contact/img/contact-title.jpg) no-repeat; display:block;}


/* access */
div#access{ width:685px; margin:20px 0 0 0;}
div#access h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../access/img/access-title.jpg) no-repeat; display:block;}
div.accessmap{ margin:10px auto;}

div#access table{ width:600px; margin:5px auto;}
div#access table th{ width:150px; background:#FF9999; font-size:12px; padding:5px 10px; text-align:center; color:white;}
div#access table td{ font-size:12px; padding:5px 10px; text-align:left; line-height:1.5em;}


/* class */
div#class{ width:685px; margin:20px 0 0 0;}
div#class h2{ width:685px; height:50px; margin:0; text-indent:-999em; background:url(../class/img/class-title.jpg) no-repeat; display:block;}


/* 201704追加分 */
.h4_tsuika{color: #DC577B;font-size: 15px;margin: 20px 0 0;padding: 0 0 3px 25px;border-bottom: 1px solid #DC577B;text-align: left; position:relative;}
.h4_tsuika:after{content:"\BB";font-size:20px;position:absolute;top: -5px;left: 0px;z-index: 1;color:#DC577B;padding: 1px 0 0 6px;}

.mlr18{margin-left: 18px !important; margin-right: 18px !important;}

table.lesson-price_ikoma{ background-color:#FFCACA; margin-bottom: 20px !important;}
table.lesson-price_ikoma th{background: #EB9CB1;}

.mb50{margin-bottom: 50px !important;}

.staff_blog{ margin:20px 0 0 0;}

/* hover */
.hover {	-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }