@charset "utf-8";

/***********************************
  koen_kindergarten
  www/property/style.css
***********************************/

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


/*==================================
  Main Layout
==================================*/
div#main div.box {padding:7px 20px 20px;}
div#main div.box h3 {margin:0 2px 7px; padding-bottom:6px; background:url(/kodomoen/common/images/dott02.gif) left bottom repeat-x;}
div#main div.box p {padding:0 5px 7px;}
div#main div.box ul.normal-list {list-style:none; padding:0 5px 1px;}
div#main div.box ul.normal-list li {background:url(./images/lm01.gif) left 3px no-repeat; padding-left:15px; line-height:1.4; margin-bottom:2px;}
div#main div.box ul.uniform {list-style:none; padding-top:7px;}
div#main div.box ul.uniform li {width:280px; float:left;}
div#main div.box ul.uniform li.none {float:right;}
div#main div.box ul.uniform li dt {width:174px; float:right;}
div#main div.box ul.uniform li dd {line-height:1.5;}
div#main div.box ul.uniform li dd img {margin-bottom:10px;}
div#main div.box dl#formal {margin-top:18px; padding:8px 18px 0; background:url(./images/box01.gif) top;}
div#main div.box dl#formal dt {width:50px; float:left; padding-top:16px;}
div#main div.box dl#formal dd {width:490px; float:right; line-height:1.5;}
div#main div.box div#box01-bottom {height:8px; background:url(./images/box01_bottom.gif); margin-bottom:30px;}

div#main div#type01 {margin-top:10px; padding-bottom:6px;}
div#main div#type01 ul {list-style:none; padding-top:7px; display: flex; justify-content: space-between; gap: 10px;}
div#main div#type02 ul {list-style:none; padding-top:7px; display: flex; justify-content: space-between; gap: 10px;}
div#main div#type01 ul li,
div#main div#type02 ul li {width:calc(33% - 10px); box-sizing: border-box;}
div#main div#type01 ul li.none,div#main div#type02 ul li.none {margin:0;}
div#main div#type01 ul li dt,div#main div#type02 ul li dt {padding:0 8px 3px;}
div#main div#type01 ul li dd,div#main div#type02 ul li dd {line-height:1.5; padding:2px 8px;}

div#main div#type01 ul li { padding: 6px 6px 6px 4px; border-radius: 4px;}
div#main div#type02 ul li { padding: 6px 6px 6px 4px; border-radius: 4px;}
div#main div#type01 ul li:first-child { background-color: #fbd6dd;}
div#main div#type01 ul li:nth-child(2) { background-color: #f8eab3;}
div#main div#type01 ul li:last-child { background-color: #deedbf;}
div#main div#type02 ul li:first-child { background-color: #d2d5e2;}
div#main div#type02 ul li:nth-child(2) { background-color: #fbd6dd;}
div#main div#type02 ul li:last-child { background-color: #f8eab3;}