@charset "UTF-8";

/* 
kids.css
Version : 1.0
*/


/*
--------------------------------------------------
MEMO
--------------------------------------------------

***** Font Size *****

09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------

*/


#wrapper { min-height: 600px; border-bottom: 1px solid #000; }


/* #kidsNav
============================== */
#kidsNav { width: 240px; position: absolute; top:50px; left:0; }
#kidsNav h1 { font-size: 123.1%;  margin: 0 0 10px 50px; padding: 0 0 20px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#kidsNav dl { margin: 0 0 0 50px; font-size: 108%; }
#kidsNav dt { margin: 10px 0 0; width:100px; float: left; clear: both; }
#kidsNav dd { margin: 10px 0 0; width:50px;  float: right; text-align: right; font-weight: bold; }

#kidsMenu  { font-size: 93%; }
.kidsMenuB { margin: 0; }

.kidsMenuA a, 
.kidsMenuB a { color: #FFF; text-decoration: none; display: block; padding: 0 0 20px 50px; }
.kidsMenuA a:hover, 
.kidsMenuB a:hover { color: #F70; text-decoration: underline; }

.kidsMenuA a       { background: url(../images/_cmn/icn_arrow3.png)    no-repeat 22px 2px; }
.kidsMenuA a:hover { background: url(../images/_cmn/icn_arrow3_ov.png) no-repeat 22px 2px; }

.kidsMenuB a       { background: url(../images/_cmn/icn_arrow4.png)    no-repeat 22px 2px; }
.kidsMenuB a:hover { background: url(../images/_cmn/icn_arrow4_ov.png) no-repeat 22px 2px; }




/* #kidsBody
============================== */


#tojitsu1 { }
div.tojitsuInner { padding: 0 30px 30px; }
#tojitsu1 table  {
	width: 100%;
	min-width: 590px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin: 20px auto 5px;
	}
.firefox #tojitsu1 table { border-collapse: separate; }
#tojitsu1 th  { border-bottom: 1px solid #444; font-size: 100%; text-align: center; padding: 10px 0; font-weight: normal; }
#tojitsu1 td  { border-bottom: 1px solid #444; font-size: 100%; text-align: center; padding: 15px; line-height: 160%; }
#tojitsu1 .c1 { width: 25%; }
#tojitsu1 .c2 { width: 20%; }
#tojitsu1 .c3 { width: 15%; }
#tojitsu1 .c4 { width: 25%; }
#tojitsu1 .c5 { width: 15%; }


#kidsBody { padding: 50px 50px 0 280px; }
#kidsBody article    { background: #000; margin: 0 0 50px 0; min-width: 640px; }
#kidsBody article h1 { font-size: 123.1%; border-bottom: 1px solid #F30; padding: 20px 0; margin: 0 30px; }
#kidsBody article p  { line-height: 175%; }
#kidsBody article li { margin-left: 1.5em; line-height: 175%; }

.kidsArtickeBody { padding: 0 30px 30px;  }
.kidsArtickeBody li { margin-bottom: 10px; }
.kidsArtickeBody .note { padding: 20px; border: 1px dotted #444; }


#schedule {}
#schedule h2  { font-size: 123.1%; }
#schedule p   { font-size: 108%; }

#schedule p.additionalInfo { font-size: 93%; color: #999; margin: 20px 0 0; }
#schedule p.ippanInfo { font-size: 93%; color: #999; margin: 20px auto 0;  }


#schedule div.sched { margin: 30px 30px 0; padding: 0 0 30px; background: url(../images/_cmn/hatch_bo3x1.gif) repeat-x bottom; }
#schedule div.sched.lastChild { background: none; }

#howto {}

#caution {}
#caution dl { padding: 30px 30px 20px; }
#caution dt { margin: 0 0 30px; float: left; width: 80px; clear: both; }
#caution dd { margin: 0 0 30px 100px; }
#caution li { margin: 0 0 10px; }