@charset "utf-8";

/*<-------------共通---------------*/
html, body {
margin: 0;
padding: 0;
}
#kodomo ul,
#kodomo ol,
#kodomo li {
margin: 0;
padding: 0;
list-style-position: outside;
list-style: none;
}


/*<-------------メインイメージ---------------*/
#mainTitle{
position: relative;
margin-bottom: 7px;
width: 735px;
height: 380px;
background: url(../img/top_main_img.jpg) no-repeat top left;
}
#mainTitle h2{
position: absolute;
top: 10px;
left: 10px;
width: 400px;
height: 105px;
}
#planNav {
position: absolute;
top: 130px;
left: 110px;
width: 266px;
height: 250px;
}
#planNav li {
margin-bottom: 5px;
width: 266px;
height: 120px;
}

/*<-------------ローカルナビ---------------*/
#localNav {
width: 735px;
height: 71px;
line-height: 0;
}
#localNav ul li{
float: left;
width: 147px;
height: 71px;
vertical-align: bottom;
}
#localNav ul img{
vertical-align: bottom;
}

/*<-------------トピックス---------------*/
#topics {
clear: both;
margin: 40px auto 0;
padding: 10px 20px;
width: 620px;
border: 3px dotted #ff869a;
}
#topics h3 {
font-size: 122%;
color: #e5314f;
}
#topics dt {
margin-top: 10px;
padding-left: 17px;
background: url(../img/topic_icon.gif) no-repeat left 0.2em;
font-size: 100%;
}
#topics dd {
margin-left: 17px;
}
#topics dd a {
color: #e5314f;
}

/*<-------------各ブロック共通---------------*/
.subTitle {
clear: both;
margin: 40px auto 10px;
padding-left: 15px;
width: 645px;
}
#kodomo .pagetop {
clear: both;
margin: 5px auto 0;
width: 660px;
text-align: right;
}


/*<-------------洋上の保育園「ピースボート子どもの家」とは---------------*/
#monnav01 {
background: url(../img/subtit_line01.gif) repeat-y top left;
}
#boxContainer1 {
margin: 0 auto;
padding-top: 10px;
width: 660px;
background: url(../img/box1_top.gif) no-repeat left top;
}
#boxContainer1 .inner1 {
padding-bottom: 10px;
background: url(../img/box1_bottom.gif) no-repeat left bottom;
}
#boxContainer1 .inner2 {
padding: 0 20px;
width: 620px;
background: url(../img/box1_side.gif) repeat-y;
}
#boxContainer1 .boxWhat {
clear: both;
padding: 20px 0;
}
#boxContainer1 .boxWhat .text {
float: left;
width: 294px;
}
#boxContainer1 .boxWhat .text h4 {
padding-bottom: 12px;
}
#boxContainer1 .boxWhat .text a {
color: #ff6600;
}
#boxContainer1 .boxWhat .pict {
float: right;
width: 300px;
}
.close{
margin: 0 auto;
text-align: center;
}


/*<-------------掲載記事集---------------*/
#monnav02 {
background: url(../img/subtit_line02.gif) repeat-y top left;
}
#boxContainer2 {
margin: 0 auto;
padding-top: 10px;
width: 660px;
background: url(../img/box2_top.gif) no-repeat left top;
}
#boxContainer2 .inner1 {
padding-bottom: 10px;
background: url(../img/box2_bottom.gif) no-repeat left bottom;
}
#boxContainer2 .inner2 {
padding: 20px;
width: 620px;
background: url(../img/box2_side.gif) repeat-y;
}
#boxContainer2 .magList {
float: left;
width: 400px;
}
#boxContainer2 .magList dt {
display: block;
margin-bottom: 13px;
padding: 4px;
padding-bottom: 1px;
background-color: #e7e7e7;
border-left: solid 22px #ff9b14;
font-size: 13px;
font-weight: bold;
}
#boxContainer2 .magList dd {
margin-bottom: 50px;
padding-left: 30px;
}
#boxContainer2 .magCover {
float: right;
width: 210px;
}
#boxContainer2 .magCover li {
margin-bottom: 5px;
width: 200px;
}


/*<-------------体験者の声---------------*/
#monnav03 {
background: url(../img/subtit_line03.gif) repeat-y top left;
}
#boxContainer3 {
margin: 0 auto;
padding-top: 10px;
width: 660px;
background: url(../img/box3_top.gif) no-repeat left top;
}
#boxContainer3 .inner1 {
padding-bottom: 10px;
background: url(../img/box3_bottom.gif) no-repeat left bottom;
}
#boxContainer3 .inner2 {
background: url(../img/box3_side.gif) repeat-y;
}
#boxContainer3 .boxVoice {
clear: both;
padding: 20px;
}
#boxContainer3 .titleName {
clear: both;
margin-bottom: 10px;
padding-left: 55px;
height: 49px;
border-bottom: solid 2px #6666ff;
background: url(../img/voice_icon.gif) no-repeat top left;
}
#boxContainer3 .titleName .work {
font-size: smaller;
}
#boxContainer3 .pict {
float: left;
width: 306px;
}
#boxContainer3 .text {
float: right;
width: 295px;
}
#boxContainer3 .voiceLine {
clear: both;
height: 0;
background-color: #6666ff;
border-style: none;
border-top: 2px solid #6666ff;
}


/*<-------------アドバイザー・コーディネーター紹介---------------*/
#monnav04 {
background: url(../img/subtit_line04.gif) repeat-y top left;
}
#boxContainer4 {
margin: 0 auto;
padding-top: 10px;
width: 660px;
background: url(../img/box4_top.gif) no-repeat left top;
}
#boxContainer4 .inner1 {
padding-bottom: 10px;
background: url(../img/box4_bottom.gif) no-repeat left bottom;
}
#boxContainer4 .inner2 {
padding: 20px;
width: 620px;
background: url(../img/box4_side.gif) repeat-y;
}
#boxContainer4 .boxAdv {
clear: both;
}
#boxContainer4 .boxAdv .profile {
float: left;
width: 205px;
}
#boxContainer4 .boxAdv .profile p {
padding-bottom: 5px;
}
#boxContainer4 .boxAdv .text {
float: right;
width: 395px;
}
#boxContainer4 .boxAdv .text h4 {
margin-bottom: 10px;
border-bottom: solid 2px #a5d642;
font-size: larger;
font-weight: bold;
}
#boxContainer4 .boxAdv .text p {
margin-bottom: 10px;
}
#boxContainer4 #boxAdv2 {
padding-top: 45px;
background: url(../img/teacher_line.gif) repeat-x left 20px;
}


/*<-------------説明会---------------*/
#monnav06 {
background: url(../img/subtit_line06.gif) repeat-y top left;
}
#boxContainer6 {
margin: 0 auto;
padding-top: 10px;
width: 660px;
background: url(../img/box6_top.gif) no-repeat left top;
}
#boxContainer6 .inner1 {
padding-bottom: 10px;
background: url(../img/box6_bottom.gif) no-repeat left bottom;
}
#boxContainer6 .inner2 {
width: 580px;
padding: 20px;
border-left: solid 20px #73bfe3;
border-right: solid 20px #73bfe3;
}
#boxContainer6 .boxAdv {
clear: both;
}
#boxContainer6 .boxAdv dl {
margin-bottom: 1em;
}
#boxContainer6 .boxAdv dl dt {
clear: both;
float: left;
width: 3.2em;
font-size: 100%;
}
#boxContainer6 .boxAdv dl dd {
margin-left: 3.3em;
font-size: 100%;
}
#boxContainer6 .session {
clear: both;
}
#boxContainer6 .session .s_map_left {
float: left;
width: 270px;
}
#boxContainer6 .session .s_map_right {
float: right;
width: 300px;
}
#boxContainer6 .session .s_tel {
margin: 5px 0;
width: 245px;
height: 46px;
text-indent: -9999px;
background: url(../img/s_tel.gif) no-repeat left top;
}
#kodomo #boxContainer6 .session ul {
margin-left: 1.3em;
}
#kodomo #boxContainer6 .session ul li {
list-style: disc outside;
}


/*<-------------お問合せ---------------*/
#monnav05 {
background: url(../img/subtit_line05.gif) repeat-y top left;
}
#boxContainer5 {
margin: 0 auto;
padding-top: 20px;
width: 660px;
background: url(../img/box5_top.gif) no-repeat left top;
}
#boxContainer5 .inner1 {
padding-bottom: 20px;
background: url(../img/box5_bottom.gif) no-repeat left bottom;
}
#boxContainer5 .inner2 {
width: 580px;
padding: 0 20px;
border-left: solid 20px #32a55f;
border-right: solid 20px #32a55f;
background-color: #f0f0f0;
}
#boxContainer5 .left {
float: left;
width: 267px;
padding-right: 15px;
border-right: solid 2px #999999;
}
#boxContainer5 .right {
width: 267px;
float: right;
}
#boxContainer5 p {
margin: 15px 0;
}



/* ==================================================
日程表（ポップアップ）
================================================== */
#schedule{
padding:10px;
}
#schedule h2,
#schedule #about,
#schedule h3,
#schedule ul,
#schedule dl,
#schedule p{
display:none;
}
#schedule table {
width: 520px;
}
#schedule table th,
#schedule table td {
padding: 0.2em 15px;
background-color: #fff;
vertical-align: middle;
text-align: center;
border: #999999 solid 1px;
}
#schedule table tr.color td {
background-color: #CFE9FF;
}
#schedule table td.country {
padding-left: 20px;
text-align: left;
}
#schedule p.closeBtn{
width: 156px;
display:block;
padding:10px;
text-align: center;
margin: 0 auto;
}