@charset "utf-8";
/* CSS Document */

/* common setting */
.term0{}
.term1{background-color:#99FFFF;}
.term2{background-color:#FFCC00;}
.term3{background-color:#FF99CC;}
.term4{background-color:#66FF99;}
.term5{background-color:#FEF1D3;}
.term6{}

.price{color:#FF0000;}

.bodysection .navigationmenu{clear:both;}

/* common setting */
.bodysection .pageheader,
.bodysection .gskschoolinfobox,
.bodysection .gskplannamebox,
.bodysection .gsktypemenu,
.bodysection .gskpankuzu,
.bodysection .navigationmenu,
#gskTermTable
{width:600px; margin:0 auto 10px auto; padding:0; clear:both; overflow:hidden;}


/* >> gskplantypebox >>  */
.gskplantypebox{font-size:12px;}

/* layout setting */
.bodysection .gskplantypebox{clear:both; font-size:12px; overflow:hidden;}
.bodysection .gskplantypebox .photo,
.bodysection .gskplantypebox .list{float:left; margin:0; padding:0; overflow:hidden;}
.bodysection .gskplantypebox .photo{width:170px;}
.bodysection .gskplantypebox .list{width:420px;}

.bodysection .gskplantypebox .photo img,
.bodysection .gskplantypebox .list table{margin:0; padding:0;}

/* table setting */
.bodysection .gskplantypebox .list table{border-collapse:collapse;}
.bodysection .gskplantypebox .list tr{}
.bodysection .gskplantypebox .list tr .h,
.bodysection .gskplantypebox .list tr .s,
.bodysection .gskplantypebox .list tr .c
{display:table-cell; margin:0; padding:3px;}

.bodysection .gskplantypebox .list table{width:400px;}
.bodysection .gskplantypebox .list tr .h{width:120px;}
.bodysection .gskplantypebox .list tr .s{width:10px;}
.bodysection .gskplantypebox .list tr .c{width:auto;}

/* style setting */
.bodysection .gskplantypebox .list tr .h,
.bodysection .gskplantypebox .list tr .s,
.bodysection .gskplantypebox .list tr .c
{border-bottom-color:#0099FF; border-bottom-style:dotted; border-bottom-width:1px;}

/*
.bodysection .gskplantypebox .photo,
.bodysection .gskplantypebox .list
{border-color:#0099FF; border-style:dotted; border-width:1px;}
*/

/* >> gskschoolinfobox >>  */
.gskschoolinfobox{}
.gskschoolinfobox .list ul{display:table; border-collapse:collapse; width:600px; margin:0; padding:0; font-size:14px;}
.gskschoolinfobox .list li{display:table-row;}
.gskschoolinfobox .list span{display:table-cell; padding:3px;}
.gskschoolinfobox .list .h{width:150px;}
.gskschoolinfobox .list .s{width:20px;}
.gskschoolinfobox .list .c{width:auto;}

.gskschoolinfobox .list .le{background-color:#FFFFCE;}
.gskschoolinfobox .list .lo{}

.gskschoolinfobox .h3 h3{}
.gskschoolinfobox .h3 p{font-size:12px;}

.gskschoolinfobox .h2 .title{margin:0 0 5px 0;}
.gskschoolinfobox .h2 p{font-size:12px;}

/* >> gskplannamebox >>  */
.gskplannamebox{}
/*
.gskplannamebox .planname{margin:0 0 5px 0; padding:3px;}
.gskplannamebox .planname{background-color:#0066FF; color:#FFFFFF;}
*/

/* >> gsktypemenu >>  */
.gsktypemenu{}
.gsktypemenu .p{display:table; width:200px;}
.gsktypemenu .p p{display:table-row;}
.gsktypemenu .p a,.gsktypemenu .p span
{display:table-cell; width:50%; height:2em; margin:0; padding:0; text-align:center; vertical-align:middle;}

.gsktypemenu .p{border-collapse:collapse;}
.gsktypemenu .p a,.gsktypemenu .p span
{/*border-color:#3399FF; border-style:dotted; border-width:1px;*/}

.gsktypemenu .p .ac, .gsktypemenu .p .inac{font-weight:bold;}
.gsktypemenu .p .ac{background-color:#0066FF; color:#FFFFFF;}
.gsktypemenu .p .inac{background-color:#FFFFCC; color:#333333;}

.gsktypemenu .p a{text-decoration:none;}
.gsktypemenu .p a:link{}
.gsktypemenu .p a:visited{}
.gsktypemenu .p a:hover{background-color:#FF0000; color:#FFFFFF;}
.gsktypemenu .p a:active{background-color:#FF0000; color:#FFFFFF;}

/* >> gskpankuzu >>  */
.gskpankuzu{font-size:12px;}


/* gskTermTable */
#gskTermTable{font-size:12px; clear:both;}
#gskTermTable{border-collapse:collapse;}
#gskTermTable th{width:110px; text-align:left;}
#gskTermTable td{width:163px; text-align:center;}
#gskTermTable th,#gskTermTable td{margin:0; padding:2px;}

#gskTermTable,
#gskTermTable th,#gskTermTable td{border-color:#0066FF; border-style:solid; border-width:1px;}

#gskTermTable .hdate,#gskTermTable .hprice{color:#0066CC;}
#gskTermTable .price{font-weight:bold; font-size:14px;}