@charset "utf-8";
/* base
---------------------------------------------*/
a {	
	color:#cccccc;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	margin: 0 auto;
	padding: 0;
	color:#808080;
	font-size:40em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 150%;
	text-align:center;
	background: url("../img/kids-body01.gif") #fff top center no-repeat ;
	width:100%;
}
ul, ol, dl {
	list-style-type: none;
}

a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
	}
img,a img {
	border: 0;
	vertical-align: top;
	border-style:none;
}
/* body
---------------------------------------------*/
/* start header */
/* h1 text
---------------------------------------------*/
h1{	
    margin:5px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	color: #94bbc5;
	font-size: 0.8em;
	line-height:1.2em;
	width:800px;
	font-weight:normal;
	float:right;
	}
/* header navigation		
---------------------------------------------*/
ul.head-nav {
		width: 530px;
		list-style:none;
	    float: right;
		margin: 0px 0px 0 0px;
		padding: 0;
		list-style: none;
}
ul.head-nav li {
		float: left;
		padding: 0px 0px 0 0px;
		margin: 0px 0px 0 0px;
}
ul.head-nav li a {
	display: block;
	overflow:hidden;
	padding: 0px 0;
	text-align: center;
	text-indent:-9999px;
	line-height:1px;
	font-size:1px;
	text-decoration: none;
	background-image:  url("../img/kids-nav-slice02.png");
	position: relative;
	outline:none;  
}
/* off mouse */
li#hnav01 a {background-position: 0 0;      width:170px; height:120px; margin:-85px 0px 0px 80px;  z-index:1;}
li#hnav02 a {background-position: -170px 0; width:155px; height:120px; margin:-60px 0px 0px -40px; z-index:1;}
li#hnav03 a {background-position: -325px 0; width:135px; height:120px; margin:-40px 0px 0px -40px; z-index:1;}
li#hnav04 a {background-position: -460px 0; width:140px; height:120px; margin: 0px 0px 0px 160px; z-index:1;}
li#hnav05 a {background-position: -600px 0; width:160px; height:120px; margin: 20px 0px 0px -40px; z-index:1;}
/* on mouse */
li#hnav01 a:hover {background-position: 0 -120px;      z-index:2;}
li#hnav02 a:hover {background-position: -170px -120px; z-index:2;}
li#hnav03 a:hover {background-position: -325px -120px; z-index:2;}
li#hnav04 a:hover {background-position: -460px -120px; z-index:2;}
li#hnav05 a:hover {background-position: -600px -120px; z-index:2;}

/* ie6 hac */
* html ul.head-nav li a , * html ul.head-nav li a:hover {behavior: expression(IEPNGFIX.fix(this));}
/* off mouse ie6 hac */
* html li#hnav01 a {background-image: url("../img/kids-nav-class.png"); width:170px; height:120px; margin:-85px 0px 0px 80px;  z-index:1;}
* html li#hnav02 a {background-image: url("../img/kids-nav-faq.png"); width:155px; height:120px; margin:-60px 0px 0px -40px; z-index:1;}
* html li#hnav03 a {background-image: url("../img/kids-nav-money.png"); width:135px; height:120px; margin:-40px 0px 0px -40px; z-index:1;}
* html li#hnav04 a {background-image: url("../img/kids-nav-place.png"); width:140px; height:120px; margin: 0px 0px 0px 160px; z-index:1;}
* html li#hnav05 a {background-image: url("../img/kids-nav-mail.png"); width:160px; height:120px; margin: 20px 0px 0px -40px; z-index:1;}
/* on mouse ie6 hac */
* html li#hnav01 a:hover {background-image: url("../img/kids-nav-class-h.png"); z-index:2;}
* html li#hnav02 a:hover {background-image: url("../img/kids-nav-faq-h.png"); z-index:2;}
* html li#hnav03 a:hover {background-image: url("../img/kids-nav-money-h.png"); z-index:2;}
* html li#hnav04 a:hover {background-image: url("../img/kids-nav-place-h.png"); z-index:2;}
* html li#hnav05 a:hover {background-image: url("../img/kids-nav-mail-h.png"); z-index:2;}


/* contents
---------------------------------------------*/
#bodywrap {
    width: 100%;
	margin: 0 auto;
	text-align:center;
}
.contents {
    width: 1000px;
	margin: 0 auto;
	text-align:center;
	clear:both;
}
.class-bg {
    width: 1000px;
	margin: 0 auto;
	text-align:center;
	clear:both;
	background: url("../img/kids-class-bg01.jpg") no-repeat center top;
}
.faq-bg {
    width: 1000px;
	margin: 0 auto;
	text-align:center;
	clear:both;
	background: url("../img/kids-faq-bg02.gif") no-repeat center top;
}
.money-bg {
    width: 1000px;
	margin: 0 auto;
	text-align:center;
	clear:both;
	background: url("../img/kids-money-bg02.jpg") no-repeat center top;
}
.contact-bg {
    width: 1000px;
	margin: 0 auto;
	text-align:center;
	clear:both;
	background: url("../img/kids-contact-bg01.gif") no-repeat center top;
}

/* contents h2
---------------------------------------------*/
.contents h2 {
	color: #666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	float:left;
	clear:both;
}
h2.midashi {
	width:1000px;
	height:175px;
	text-align:center;
    margin: 180px 0 0 0;
	padding:0px 0px 0px 0px;
}
* html h2.midashi {
    margin: 410px 0 0 0;
} 
.contents h2#class {
	width:300px;
	height:160px;
}
.contents h2#faq {
	width:260px;
	height:145px;
}
.contents h2#money {
	width:190px;
	height:130px;
}
.contents h2#map {
	width:190px;
	height:125px;
}
.contents h2#contact {
	width:260px;
	height:165px;
}
* html .contents h2#class , * html .contents h2#faq , * html .contents h2#money , * html .contents h2#map , * html .contents h2#contact {
    margin: 80px 0 0 15px;
}
/* contents h3
---------------------------------------------*/
.contents h3 {
    clear:both;
	color: #666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}
.contents h3.midashi {
	width:1000px;
	height:300px;
}
.contents h3.kaiga {
	width:250px;
	height:95px;
}
.contents h3.class {
	width:250px;
	height:95px;
}
.contents h3.faq {
	width:235px;
	height:95px;
}
.contents h3.nygk {
	width:145px;
	height:95px;
}
.contents h3.gkh {
	width:145px;
	height:95px;
}
.contents h3.map {
	width:700px;
	height:440px;
	text-align:center;
	margin:0 auto;
	float:none;
}
.contents h3.add {
	width:145px;
	height:95px;
}
.contents h3.contact {
	width:215px;
	height:95px;
}
/* contents h4
---------------------------------------------*/
h4.blue{
    text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline:none;  
	font-size:1.2em;
	line-height: 1.4em;
	font-weight:bold;
	clear:both;
	color: #3088f2;
}
h4.green {
    text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline:none;  
	font-size:1.2em;
	line-height: 1.4em;
	font-weight:bold;
	clear:both;
	color: #42a600;
}
h4.orange {
    text-align: left;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 25px;
	outline:none;  
	font-size:1.2em;
	line-height: 1.4em;
	font-weight:bold;
	clear:both;
	color: #ffaa33;
	background: url("../img/kids-q02.gif") no-repeat left 50% ; 
}
h4.yellow{
    text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	outline:none;  
	font-size:1.2em;
	line-height: 1.4em;
	font-weight:bold;
	clear:both;
	color: #CDAA00;
}
/* contents h5
---------------------------------------------*/
.contents h5 {
    clear:both;
	color: #666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}
.contents h5.mskm {
	width:600px;
	height:185px;	
	margin: 0px 0px 30px 0px;
}
* html .contents h5.mskm{
	border-bottom:30px solid #fff;
	margin: 0px 0px 30px 95px;
}
/* kids.html p hidden logo image
---------------------------------------------*/
p.hidden {
    display:none;
}
/* kids.html text box
---------------------------------------------*/
.textbox {
	width: 620px;
    clear:both;
	text-align:center;
	margin: 0px auto;
}
/* kids.html p red
---------------------------------------------*/
p.red {
	text-align:left;
	font-size: 1.0em;
	line-height: 1.4em;
    color:#f24949;
    margin: 0 auto;
	padding:10px 0px 30px 40px;
	clear:both;
	width:640px;
}
* html p.red {
	width:620px;
}
/* kids.html blue
---------------------------------------------*/
p.blue {
	text-align:left;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #3088f2;
    margin: 0 auto;
	padding:0px 0px 10px 20px;
	clear:both;
}
/* kids.html green money
---------------------------------------------*/
p.green  {
	text-align:left;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #42a600;
    margin: 0 auto;
	padding:0px 0px 10px 20px;
	clear:both;
}
p.g-line {
	padding:5px 20px 30px 20px;
	border-top: 6px solid #42a600;
	color: #42a600;
}
p.g-line a{
	font-weight:normal;
    color:#E1BB00;
	text-decoration:underline;
	outline:none;
}
p.g-line a:hover {
	font-weight:normal;
    color:#A88B00;
	text-decoration:underline;
	outline:none;
}
/* kids.html orange
---------------------------------------------*/
p.orange {
	text-align:left;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #ffaa33;
	margin: 5px 50px 10px 50px;
	padding: 0px 0px 0px 0px;
	clear:both;
	background: url("../img/kids-a02.gif") no-repeat left top ; 
	text-indent:25px;
}
p.orange-bottom {
	text-align:left;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #ffaa33;
	margin: 5px 50px 30px 50px;
	padding: 0px 0px 0px 0px;
	clear:both;
	background: url("../img/kids-a02.gif") no-repeat left top ;
	text-indent:25px;
}
p.o-line {
	padding:5px 20px 30px 20px;
	border-top: 6px solid #ffaa33;
	color: #ffaa33;
}
p.o-line a{
	font-weight:normal;
    color:#E1BB00;
	text-decoration:underline;
	outline:none;
}
p.o-line a:hover {
	font-weight:normal;
    color:#A88B00;
	text-decoration:underline;
	outline:none;
}
/* kids.html pink line
---------------------------------------------*/
p.pink {
    width:360px;
	text-align:left;
	font-size: 1.0em;
	line-height: 1.4em;
    color:#f279ca;
    margin: 10px 0 0 0;
	padding:0px 0px 0px 0px;
	clear:both;
}
p.pink a{
	font-weight:normal;
    color:#E1BB00;
	text-decoration:underline;
	outline:none;
}
p.pink a:hover {
	font-weight:normal;
    color:#A88B00;
	text-decoration:underline;
	outline:none;
}
/* kids.html yellow contact
---------------------------------------------*/
p.yellow {
	text-align:left;
	font-size: 1.0em;
	line-height: 1.4em;
    color:#CDAA00;
    margin: 0 auto;
	padding:0px 20px 10px 20px;
	clear:both;
}
/* table blue class
---------------------------------------------*/
table.class-kids{
    border-spacing:2px;
	empty-cells:show;
	text-align:center;
	margin: 0 auto;
	font-size:1em;
	line-height: 1em;
	width:620px;
	clear:both;
	padding:0px 0px 30px 0px;
}
* html table.class-kids{
    border-top:10px solid #fff;
	border-bottom:30px solid #fff;
}
.class-kids th{
    text-align:center;
	font-weight:normal;
	padding:0.3em 0 0.3em 0;
}
.class-kids th.guide{
    text-align:center;
	font-weight:normal;
	background-color:#3088f2;
	color: #fff;
}
.class-kids th.space{
    background-color:#83b8f7;
	color:#fff;
	text-align:center;
	font-weight:normal;
}
.class-kids td{
    padding:0.3em 0 0.3em 0;
}
.class-kids td.age{
    background-color:#3088f2;
	color: #fff;
}

.class-kids td.class-td{
    background-color:#83b8f7;
	color:#fff;
}
.class-kids td.time{
    background-color:#3088f2;
	color: #fff;
}
.class-kids td.child{
    background-color:#60a4f6;
	color: #fff;
}
.class-kids td.baby{
    background-color:#65BFD8;
	color: #fff;
}
.class-kids td.child-one{
    background-color:#aacef2;
	color:#808080;
}
.class-kids td.child-two{
    background-color:#e5f0fb;
	color: #808080;
}
.class-kids td.baby-one{
    background-color:#e5f9fb;
	color:#808080;
}
.class-kids td.baby-two{
    background-color:#C4E7F5;
	color: #808080;
}
/* contents table 
---------------------------------------------*/
table.kids , table.kids-class , table.kids-money , table.kids-map , table.kids-mail {
    border-spacing:0px;
	empty-cells:show;
	text-align:left;
	margin: 0 auto;
	width:620px;
	clear:both;
	padding:0px 0px 0px 0px;
	font-size: 1.0em;
	line-height: 1.0em;
}
.kids td {
    padding:0em 0 0em 0;
	vertical-align: top;
}
.kids td.base {
    padding:0em 0 0em 0;
	vertical-align:middle;
}
/* table blue class
---------------------------------------------*/
table.kids-class {
	margin: 0 auto;
	padding:0px 0px 20px 0px;
}
.kids-class td {
    padding:0 0 20px 0;
	vertical-align: top;
}
.kids-class td.top {
    padding:40px 0 0px 0;
	vertical-align:top;
}
.kids-class td.base {
    padding:40px 0 20px 0;
	vertical-align:top;
}
/* table green money
---------------------------------------------*/
table.kids-money {
	margin: 0 auto;
	padding:0px 0px 20px 0px;
}
.kids-money td {
    padding:0 0 20px 0;
	vertical-align: top;
}
.kids-money td.bottom {
    padding:0 0 20px 0;
	vertical-align:bottom;
}
.kids-money td.base {
    padding:40px 0 20px 0;
	vertical-align:top;
}
/* table pink map
---------------------------------------------*/
table.kids-map {
	margin: 0 auto;
	padding:0px 0px 10px 0px;
}
.kids-map td {
    padding:0 0 0px 0;
	vertical-align: top;
}
.kids-map td.base {
    padding:40px 0 20px 0;
	vertical-align:top;
}
/* table pink mail
---------------------------------------------*/
table.kids-mail {
	margin: 0 auto;
	padding:0px 0px 0px 0px;
}
* html table.kids-mail {
  	margin: 0px 190px 0px 190px;
	width:620px;
}
.kids-mail td {
    padding:0 0 0px 0;
	vertical-align: top;
}
.kids-mail td.base {
    padding:40px 0 0px 0;
	vertical-align:top;
}
/* contents navigation		
---------------------------------------------*/
ul.c-nav {
		width: 600px;
		height: 80px;
		list-style:none;
		margin: 0px 30px 0px 0px;
		padding: 0;
		list-style: none;
		text-align:center;
		float:right;
		clear:both;
}
* html ul.c-nav {
		margin: 0px 15px 0px 0px;
}
ul.c-nav li {
		float: left;
		padding: 0px 0px 0 0px;
		margin: 0px 0px 0px 0px;
}
ul.c-nav li a {
	display: block;
	overflow:hidden;
	padding: 0px 0;
	text-align: center;
	text-indent:-9999px;
	line-height:1px;
	font-size:1px;
	outline:none;  
	text-decoration: none;
	background-image:  url("../img/kids-mini01.gif");
}
/* off mouse */
li#cnav01 a {background-position:0 0; width: 150px; height: 80px; }
li#cnav02 a {background-position: -150px 0; width: 95px; height: 80px;}
li#cnav03 a {background-position: -245px 0; width: 95px; height: 80px;}
li#cnav04 a {background-position: -340px 0; width: 95px; height: 80px;}
li#cnav05 a {background-position: -435px 0; width: 130px; height: 80px;}
li#cnav06 a {background-position: -565px 0; width: 130px; height: 80px;}
/* on mouse */
li#cnav01 a:hover {background-position: 0 -80px;}
li#cnav02 a:hover {background-position: -150px -80px;}
li#cnav03 a:hover {background-position: -245px -80px;}
li#cnav04 a:hover {background-position: -340px -80px;}
li#cnav05 a:hover {background-position: -435px -80px;}
li#cnav06 a:hover {background-position: -565px -80px;}
/* contact list
---------------------------------------------*/
ul.contactbox {
    clear:both;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	width:620px;
	text-align:center;
	}
* html ul.contactbox {
	padding: 0px 100px 0px 100px;
	float:left;
	width:820px;
}
ul.contactbox li{
  	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left; 
	width:290px;
}
ul.contactbox li a{
	display:block;
	overflow:hidden;
	text-decoration:none; 
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	line-height:1px;
	font-size:1px;
	font-weight: normal;
	outline:none;  
	background-repeat:no-repeat;
	width: 290px;
	height: 230px;
	text-align:center;
	background-image: url("../img/kids-contact01.gif");
}

/* off mouse */
.mail a     {background-position:0 0;}
.pdf a     {background-position: -290px 0;}

/* on mouse */
.mail a:hover   {background-position: 0 -230px;}
.pdf a:hover    {background-position: -290px -230px;}

ul.contactbox li.tel{
	padding: 0px 0px 0px 0px;
    overflow:hidden;
	text-decoration:none; 
	color:#9c9c9c;
	font-weight: normal;
	outline:none;  
	width: 300px;
	height: 100px;	
	background-image: url("../img/kids-down-mail03.gif");
	background-position:0px -200px;
	background-repeat:no-repeat;
	text-align:center;
}
ul.contactbox li.ad{
	padding: 0px 0px 0px 0px;
    overflow:hidden;
	text-decoration:none; 
	color:#9c9c9c;
	font-weight: normal;
	outline:none;  
	width: 300px;
	height: 100px;	
	background-image: url("../img/kids-down-mail03.gif");
	background-position:-300px -200px;
	background-repeat:no-repeat;
	text-align:center;
}
ul.contactbox li.tel span , ul.contactbox li.ad span{
    visibility:hidden;
}
/* links list
---------------------------------------------*/
ul.linksbox {
    clear:both;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	text-align:center;
	width: 1000px;
	}
ul.linksbox li{
  	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	float:left;
	width: 190px;
}
ul.linksbox li a{
	display:block;
	overflow:hidden;
	text-decoration:none; 
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	line-height:1px;
	font-size:1px;
	font-weight: normal;
	outline:none;  
	background-repeat:no-repeat;
	width: 190px;
	height:115px;
	text-align:center;
}
/* off mouse */
.ksb a     {	background: url("../img/kids-footnav01.png") 0 0 no-repeat;}
/* on mouse */
.ksb a:hover   {background-position: -190px 0px;}

/* links list ie6 hac */
* html ul.linksbox li a {position:absolute; margin: 25px 0 0px -100px;}
* html ul.linksbox li a , * html ul.linksbox li a:hover {behavior: expression(IEPNGFIX.fix(this));}
* html .ksb a     {background:url("../img/kids-links01.png") 0 0;}
* html .ksb a:hover   {background:url("../img/kids-links01-h.png") 0 0;}

/* page to top
---------------------------------------------*/
.pagetop {
    width:150px;
	height:200px;
    clear:both;
	margin:0px 0 0px 0;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left:72%;
}
.pagetop a{
	display:block;
	overflow:hidden;
	text-decoration:none; 
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	line-height:1px;
	font-size:1px;
	font-weight: normal;
	outline:none;  
    width:150px;
	height:200px;
	text-align:center;
	background: url("../img/kids-footnav01.png") 0 -115px no-repeat;
	}
.pagetop a:hover {
	background-position: -190px -115px;
}
/* page to top ie6 hac */
* html .pagetop{margin: -5px 0 0px 0;}
* html .pagetop a , * html .pagetop a:hover {behavior: expression(IEPNGFIX.fix(this));}
* html .pagetop a {background: url("../img/kids-pagetop.png")  0 0 no-repeat;}
* html .pagetop a:hover {background: url("../img/kids-pagetop-h.png")  0 0 no-repeat;}

/* footer
---------------------------------------------*/
.footer {
	width:100%;
	height:220px;
	clear:both;
	padding: 0px 0 0px 0;
	text-align: center;
	margin:0 auto;
    background: url("../img/kids-footer01.gif") no-repeat bottom center ;
}
.footer p{
	color: #fff;
	font-size: 0.8em;
	line-height: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 202px 0 0px 0;
}
* html .footer p{	
	padding: 197px 0 5px 0;
}