@charset "utf-8";

/***********************************
  koen_kindergarten
  www/teachers/style.css
***********************************/

@import "/kodomoen/common/css/base.css";


/*==================================
  Main Layout
==================================*/
div#main div.box {padding:0 20px 20px;}
div#main div.box h3 {margin:0 2px; padding:20px 0 7px; background:url(../common/images/dott02.gif) left bottom repeat-x;}
div#main dl#concept {padding:12px 0 15px;}
div#main dl#concept dt {width:280px; float:left;}
div#main dl#concept dd {width:310px; float:right;}
div#main dl#concept dd p {padding-top:20px;}
div#main dl#concept dd p strong.cl01 {font-size:14px; color:#f3768e;}
div#main dl#concept dd p strong.cl02 {font-size:14px; color:#cb9e00;}
div#main dl#concept dd p strong.cl03 {font-size:14px; color:#6ea600;}
div#main ul#target {list-style:none;}
div#main ul#target li {width:190px; height:120px; overflow:hidden; float:left; margin-right:10px;}
div#main ul#target li#target01 {background:url(./images/box01.jpg);}
div#main ul#target li#target02 {background:url(./images/box02.jpg);}
div#main ul#target li#target03 {background:url(./images/box03.jpg); margin:0;}
div#main ul#target li dl {display:none; padding:12px 58px 0 8px;}
div#main ul#target li dl dd p {padding:5px 12px 0 3px; line-height:1.5;}
div#main div#type01 dl dt{padding:0 0 7px;}
div#main div#type01 dl dd{line-height:1.5;}
div#main div#type01 {padding:15px 0 10px;}
div#main div#type01 ul {background:url(./images/type01.gif) repeat-y left 148px;}
div#main div#type01 ul li {list-style:none; width:140px; margin-right:10px; float:left;}
div#main div#type01 ul li.none {margin:0;}
div#main div#type01 ul li dl dt{background:#fff; height:148px; font-size:0; line-height:0;}
div#main div#type02 {padding:20px 0 10px; background:url(./images/type02_bottom.gif) bottom no-repeat;}
div#main div#type02 ul {background:url(./images/type02.gif) repeat-y left 148px;}
div#main div#type02 ul li {list-style:none; width:140px; margin-right:10px; float:left;}
div#main div#type02 ul li.none {margin:0;}
div#main div#type02 ul li dl dt{background:#fff; height:148px; font-size:0; line-height:0;}
div#main div#type03 {padding:20px 0 10px; background:url(./images/type03_bottom.gif) bottom no-repeat;}
div#main div#type03 ul {background:url(./images/type03.gif) repeat-y left 148px;}
div#main div#type03 ul li {list-style:none; width:140px; margin-right:10px; float:left;}
div#main div#type03 ul li.none {margin:0;}
div#main div#type03 ul li dl dt{background:#fff; height:148px; font-size:0; line-height:0;}
/*div#main div#type03 ul li dl dt img.typeA{margin-top:22px;}*/
div#main div#type04 {padding:20px 0 10px; background:url(./images/type04_bottom.gif) left bottom no-repeat;}
div#main div#type04 ul {background:url(./images/type04.gif) repeat-y left 148px;}
div#main div#type04 ul li {list-style:none; width:140px; margin-right:10px; float:left;}
div#main div#type04 ul li.none {margin:0;}
div#main div#type04 ul li dl dt{background:#fff; height:148px; font-size:0; line-height:0;}
/*div#main div#type04 ul li dl dt img.typeA{margin-top:22px;}*/
div#main div ul li dd p {padding:20px 3px 0 8px;}