@charset "shift_jis"; 

/************************************************/
/*  Commonnes                                   */
/************************************************/

p#toppage{
  position:absolute;
  top:140px;
  left:17px;
  font-size:0.75em;
}


h2.subtitle{
  line-height:46px;
  font-size:1.75em;
  font-weight:normal;
  color:#03a;
  color:#905;
  width:680px;
  padding:27px 0 0 20px;
  background:url(../img/back_subtitle.png) 0 0 no-repeat;
}

div.section{
  width:670px;
  margin:25px 0 0 20px;
}

h3.item{
  line-height:24px;
  font-size:1.2em;
  color:#037;
  width:644px;
  padding:0 0 0 26px;
  background:url(../img/icon_02.png) 0 50% no-repeat;
}

/*
#body p.pagetop{
  clear:both;
  text-align:right;
  margin:0 -20px;
  background:url(../img/back_pagetop.jpg) 100% 0 no-repeat;
}

#body p.pagetop a{
  text-decoration:none;
  display:block;
  width:130px;
  height:85px;
  margin:0 0 0 auto;
}

ul#topic-path{
  list-style:none;
  font-size:0.8em;
  color:#777;
  padding:0;
  margin:0 0 15px 0;
}

ul#topic-path li{
  display:inline;
}
*/


/************************************************/
/*  Home                                        */
/************************************************/

#index-body{/* For IE */
  font-size:0.75em;
}

#index-body img{
  vertical-align:top;
}

div#counter{
  position:absolute;
  top:130px;
  left:17px;
  font-size:0.75em;
}

div#counter img{
  vertical-align:middle;
}


div#RSS{
  position:absolute;
  top:30px;
  left:20px;
  width:386px;
  height:81px;
  background:url('../img/back_rss.gif') 100% 0 no-repeat;
}

div#RSS h2{
  float:left;
  width:91px;
}

div#RSS dl{
  overflow:auto;
  text-align:left;
  width:280px;
  height:66px;
  padding:0;
  margin:15px 0 0 0;
}

div#RSS dl dt{
  float:left;
  width:9em;
}

div#RSS dl dd{
  padding:0 0 0 9.2em;
  margin:0 0 5px 0;
}



ul#enter{
  position:absolute;
  list-style:none;
  width:100%;
  height:10px;
  top:0;
  left:0;
  padding:0;
  margin:0;
}

ul#enter li{
  position:absolute;
}

ul#enter li.youchien{
  top:150px;
  left:-50px;
}

ul#enter li.hoikuen{
  top:150px;
  right:-50px;
}



/************************************************/
/*  Youchien Guide                              */
/************************************************/

#header.youchien{
  background:url('../youchien/img/back_header.jpg') 50% 0 no-repeat;
}


p#pagenavi{
  float:right;
  width:193px;
  height:90px;
  margin:-50px 10px 0 0;
}


div.guide{
  clear:both;
  margin-bottom:25px;
}

div.guide p{
  padding-top:10px;
}

div.guide p.etc{
  color:#05a;
  padding-top:3px;
}

div.guide p.greeting{
  font-size:1.15em;
}

div.guide p.greeting img{
  float:left;
  margin-right:10px;
}

div.guide p.mark{
  clear:both;
  text-align:center;
}

div.guide p.mark img{
  vertical-align:top;
}



div.guide div.detail{
  margin-top:10px;
}

div.guide div.detail h4{
  line-height:25px;
  font-weight:normal;
  font-size:1.1em;
  color:#f50;
  width:645px;
  padding-left:25px;
  margin-bottom:3px;
  background:url(../img/icon_pin.png) 0 50% no-repeat;
}

div.guide div.detail ul{
  list-style:none;
  padding:10px 10px 5px 10px;
  margin:0;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}

div.guide div.detail ul li{
  margin-bottom:5px;
}

div.guide div.detail ul li em{
  color:#f00;
}

div.guide div.detail dl{
  padding:10px;
  margin:0;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}

div.guide div.detail dl dt{
  margin-bottom:5px;
}



div.guide dl.outline{
  padding:0;
  margin:25px 0 0 0;
  border:2px solid #35a;
  border-width:0 2px 2px 2px;
  background:url(../youchien/img/back_outline.gif) 0 0 repeat-y;
}

div.guide dl.outline dt{
  display:inline;
  float:left;
  clear:both;
  text-indent:10px;
  color:#35c;
  width:130px;
  padding:10px 0;
  border-top:2px solid #35a;
  background:url(../youchien/img/back_outline-dt.gif) 0 0 repeat-x;
}

div.guide dl.outline dd{
  padding:10px;
  margin:0 0 0 130px;
  border:2px solid #35a;
  border-width:2px 0 0 2px;
  background:url(../youchien/img/back_outline-dd.gif) 0 0 repeat-x #fff;
}



div.guide dl.outline dd ul{
  list-style:none;
  padding:0;
  margin:-5px 0 0 0;
}

div.guide dl.outline dd ul li{
  padding-left:8px;
  margin-top:5px;
  background:url(../img/icon_01.gif) 0 5px no-repeat;
}

div.guide dl.outline dd ul li span{
  margin-left:8.5em;
}



/************************************************/
/*  Youchien Life                               */
/************************************************/

div.life:after{
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
}


div.life p img{
  vertical-align:middle;
}



div.life table.classtable{
  font-size:1em;
  width:600px;
  margin:0 35px 25px;
  border-collapse:separate;
  border:0;
  background:#35a;
}

div.life table.classtable th{
  text-align:center;
  color:#35a;
  padding:7px;
  background:url(../youchien/img/back_classtable-th.gif) 0 0 repeat-x #eafaff;
}

div.life table.classtable td{
  text-align:center;
  color:#333;
  padding:7px;
  background:url(../youchien/img/back_classtable-td.gif) 0 0 repeat-x #fff;
}

div.life table.classtable td.years{
  font-weight:bold;
  color:#56256e;
}

div.life table.classtable td.years3{
  font-weight:bold;
  color:#65ab31;
}

div.life table.classtable td.years4{
  font-weight:bold;
  color:#c70067;
}

div.life table.classtable td.years5{
  font-weight:bold;
  color:#f3981d;
}


div.season{
  width:670px;
  height:290px;
  margin-bottom:25px;
}


div.spring{
  background:url(../youchien/img/back_spring.png) 0 0 no-repeat;
}

div.summer{
  background:url(../youchien/img/back_summer.png) 0 0 no-repeat;
}

div.autumn{
  background:url(../youchien/img/back_autumn.png) 0 0 no-repeat;
}

div.winter{
  background:url(../youchien/img/back_winter.png) 0 0 no-repeat;
}


div.season h3{
  float:left;
  width:65px;
}

div.season h3 span{
  visibility:hidden;
  /*display:none;*/
}

div.season div.month{
  float:left;
  width:190px;
  margin:15px 10px 0 0;
}

div.season div.month h4{
  text-align:center;
  line-height:30px;
  color:#fff;
}

div.season div.month ul{
  list-style:none;
  height:100px;
  padding:0;
  margin:10px 10px 0 10px;
}

div.season div.month ul li{
  padding-left:8px;
  background:url('../img/icon_01.gif') 0 5px no-repeat;
}

div.season div.month p{
  margin:0 10px;
}


/*
div.life div.month{
  clear:both;
  margin-bottom:5px;
}

div.life div.month ul{
  float:left;
  list-style:none;
  width:380px;
  padding:10px;
  margin:0;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}

div.life div.month ul li{
  padding-left:8px;
  background:url(../img/icon_04.gif) 0 50% no-repeat;
}

div.life div.month p{
  float:right;
  width:250px;
  height:165px;
  margin-top:-24px;
}
*/


div.life p.green{
  line-height:150px;
  text-align:center;
  height:150px;
  background:url(../youchien/img/back_green.png) 0 0 no-repeat;
}



/************************************************/
/*  Hoikuen Guide                               */
/************************************************/

#header.hoikuen{
  background:url('../hoikuen/img/back_header.jpg') 50% 0 no-repeat;
}


p.objective img{
  vertical-align:top;
}

div.guide.section.num span{
  display:inline-block;
  text-align:right;
  width:4em;
}



p.hoikuen-guide{
  font-weight:bold;
}

p.hoikuen-guide em{
  display:inline-block;
  padding:3px;
  border:3px double #1754ae;
}



dl.caution{
  font-size:90%;
  padding:0;
  margin:25px 0 0 0;
}

dl.caution dt{
  color:#f00;
}

dl.caution dd{
  margin:0;
}


ul.documents{
  list-style:none;
  font-weight:bold;
  padding:0;
  margin:0;
}

ul.documents li{
  display:inline-block;
  margin:5px 10px 0 0;
}

ul.documents li em{
  text-decoration:underline;
}


p.hoikuen-contact{
  text-align:center;
  padding:10px;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}



/************************************************/
/*  Hoikuen Guide                               */
/************************************************/

div.hoikuen-spring{
  height:220px;
  background:url(../hoikuen/img/back_spring_hoikuen.png) 0 0 no-repeat;
}

div.hoikuen-summer{
  height:220px;
  background:url(../hoikuen/img/back_summer_hoikuen.png) 0 0 no-repeat;
}

div.hoikuen-autumn{
  height:220px;
  background:url(../hoikuen/img/back_autumn_hoikuen.png) 0 0 no-repeat;
}

div.hoikuen-winter{
  height:220px;
  background:url(../hoikuen/img/back_winter_hoikuen.png) 0 0 no-repeat;
}






/************************************************/
/*  Link                                        */
/************************************************/

div.link ul{
  list-style:none;
  width:660px;
  padding:0 0 0 10px;
  margin:0 0 25px 0;
}

div.link ul:after{
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
}

div.link ul li{
  float:left;
  width:153px;
  margin-right:10px;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}

div.link ul li:hover{
  border:1px solid #f70;
}

div.link ul li a{
  display:block;
  text-align:center;
  width:143px;
  color:#03c;
  padding:5px;
}

div.link ul li a:visited{
  color:#03c;
}

div.link ul li a:hover{
  color:#f70;
}

div.link ul li a img{
  display:block;
  margin-bottom:5px;
}



/************************************************/
/*  Map                                         */
/************************************************/

div.map{
  width:640px;
  padding:15px;
  margin-bottom:25px;
  border:1px solid #aaa;
  background:#fff;
}

div.map:after{
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
}


div.map div.detail{
  float:left;
  width:260px;
}

div.map div.detail h3{
  font-weight:normal;
  font-size:1.1em;
  color:#35c;
}

div.map div.detail p{
  color:#f00;
  margin-top:15px;
}


div.map p.access-map{
  float:right;
}



div.section hr.map{
  color:#aaa;
  width:540px;
  margin:25px 50px;
  background:#aaa;
}


div.section div.floor p{
  text-align:center;
}



/************************************************/
/*  Totoro                                      */
/************************************************/

p#totorodetail{
  float:right;
  width:193px;
  height:90px;
  margin:-50px 10px 0 0;
}


div.totoro-guide{
  padding:0 10px 10px;
  margin-top:5px;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}

div.totoro-guide p{
  text-indent:0.5em;
  padding-top:10px;
}

div.totoro{
  clear:both;
}

div.totoro p.photo{
  text-align:center;
  margin-top:15px;
}

div.totoro p.photo img{
  vertical-align:middle;
}


div.totoro dl{
  padding:0;
  margin:10px 5px 0;
}

div.totoro dl dt{
  font-weight:bold;
  color:#073;
  padding-left:8px;
  background:url(../img/icon_01.gif) 0 50% no-repeat;
}

div.totoro dl dd{
  margin:-1.3em 0 10px 5em;
}

div.totoro dl dd.schedule{
  margin:3px 0 10px 0;
}

div.totoro dl dd em{
  color:#f00;
}

div.totoro dl dd ul{
  list-style-position:inside;
  padding:0;
  margin:0;
}


div.totoro p.insurance{
  color:#f07;
  padding:10px;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}



div.totoro div.totoro-schedule{
  width:330px;
  /*margin-top:10px;*/
}

div.totoro div.totoro-schedule ul{
  list-style-position:outside;
  list-style:none;
  padding:0;
  margin:0;
}

div.totoro div.totoro-schedule ul li,
div.totoro div.event ul li{
  padding:5px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px dotted #fff;
  background:url(../img/back_01.png);
}

div.totoro div.totoro-schedule ul li.first,
div.totoro div.event ul li.first{
  border-top:1px solid #fff;
}

div.totoro div.totoro-schedule ul li.last,
div.totoro div.event ul li.last{
  border-bottom-style:solid;
}

div.totoro div.years2{
  float:left;
  padding-bottom:15px;
  margin:0 15px 15px 0;
  background:url(../totoro/img/back_schedule2-03.png) 0 100% no-repeat;
}

div.totoro div.years2 h4{
  text-align:center;
  color:#fff;
  line-height:35px;
  padding-top:4px;
  background:url(../totoro/img/back_schedule2-01.png) 0 0 no-repeat;
}

div.totoro div.years2 ul{
  padding:15px 15px 0;
  background:url(../totoro/img/back_schedule2-04.png) 0 0 no-repeat;
}



div.totoro div.years3{
  float:right;
  padding-bottom:15px;
  background:url(../totoro/img/back_schedule3-03.png) 0 100% no-repeat;
}

div.totoro div.years3 h4{
  text-align:center;
  color:#fff;
  line-height:35px;
  padding-top:4px;
  background:url(../totoro/img/back_schedule3-01.png) 0 0 no-repeat;
}

div.totoro div.years3 ul{
  padding:0 15px;
  background:url(../totoro/img/back_schedule3-02.png) 0 0 repeat-y;
}




div.totoro div.event{
  clear:both;
  width:670px;
  padding-bottom:15px;
  margin:10px 0;
  background:url(../totoro/img/back_schedule-03.png) 0 100% no-repeat;
}

div.totoro div.event h4{
  text-align:center;
  color:#fff;
  line-height:35px;
  padding-top:4px;
  background:url(../totoro/img/back_schedule-01.png) 0 0 no-repeat;
}

div.totoro div.event ul{
  list-style:none;
  padding:0 15px;
  margin:0;
  background:url(../totoro/img/back_schedule-02.png) 0 0 repeat-y;
}



/************************************************/
/*  Tulip                                       */
/************************************************/

div.tulip dl{
  padding:0;
  margin:0;
}

div.tulip dl dd{
  margin:0;
}

div.tulip dl dd em{
  color:#f00;
}



div.tulip p.tulip-guide{
  padding:10px;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}

div.tulip p.photo img{
  vertical-align:middle;
}


div.tulip div.detail{
  margin-top:25px;
}

div.tulip div.detail h3{
  line-height:25px;
  font-weight:normal;
  font-size:1.1em;
  color:#f50;
  width:645px;
  padding-left:25px;
  margin-bottom:3px;
  background:url(../img/icon_pin.png) 0 50% no-repeat;
}


div.tulip div.detail dl.capacity{/* ’èˆõ */
  line-height:1.5;
  margin-left:15px;
}

div.tulip div.detail dl.capacity dt{
  color:#03c;
  padding-left:8px;
  background:url(../img/icon_01.gif) 0 50% no-repeat;
}

div.tulip div.detail dl.capacity dd{
  margin:-1.5em 0 0 5em;
}


div.tulip div.detail div.time{/* ŽžŠÔ */
  margin:10px 0 0 15px;
}

div.tulip div.detail div.time h4{
  font-size:1.1em;
  font-weight:normal;
  color:#e05;
}

div.tulip div.detail div.time dl{
  padding-left:10px;
}

div.tulip div.detail div.time dl dt{
  color:#03c;
  padding-left:8px;
  background:url(../img/icon_01.gif) 0 50% no-repeat;
}

div.tulip div.detail div.time dl dd{
  margin:-1.3em 0 10px 9em;
}


div.tulip div.detail dl.price{/* —¿‹à */
  margin-left:15px;
}

div.tulip div.detail dl.price dt{
  color:#03c;
  padding-left:8px;
  background:url(../img/icon_01.gif) 0 50% no-repeat;
}

div.tulip div.detail dl.price dd{
  margin:-1.3em 0 10px 10em;
}

div.tulip div.detail dl.price dd dt{
  color:#333;
  padding:0;
  background-image:none;
}

div.tulip div.detail dl.price dd dd{
  margin:-1.3em 0 5px 7em;
}

div.tulip div.detail p.price{
  color:#f07;
  padding:10px;
  border:1px dashed #aaa;
  background:url(../img/back_01.png);
}


div.tulip div.detail ul{/* ‹x‰€ */
  list-style-position:inside;
  line-height:1.5;
  color:#03c;
  padding:0;
  margin:0 0 0 15px;
}

div.tulip div.detail ul li span{
  color:#333;
}



/************************************************/
/*  Financial                                   */
/************************************************/

div.financial p.edit{
  line-height:32px;
}

div.financial p.edit a{
  padding-right:23px;
  background:url(../financial/img/icon_pdf.gif) 100% 50% no-repeat;
}

div.financial div.pdf{
  padding:10px;
  margin-top:35px;
  border:1px solid #aaa;
  background:url(../img/back_01.png);
}

div.financial div.pdf p img{
  float:right;
}