@charset "utf-8";
body { text-align: center; font: 95% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; background: url(../images/bg.jpg) repeat-x 50% 0; }
/*======================================================================== */
/* リセット li要素以外 */
/*======================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, ul, ol, li { font-weight: normal; margin: 0; padding: 0; }
p { line-height: 1.5em; }
table, caption, th, td { font-weight: normal; text-align: left; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; }
th, td { padding: 1em 0; }
img { border: 0; margin: 0; padding: 0; }
.clear { clear: both; }
/*======================================================================== */
a:link, a:visited, a:hover { outline: none; }
a:link { text-decoration: none; color: #00f; }
a:visited { text-decoration: none; color: #60C; }
a:hover { text-decoration: underline; color: #f00; }
/*======================================================================== レイアウト*/
#header, #footer { min-width: 980px; }
#header { text-align: left; width: 100%; }
#header_inner { width: 980px; height: 390px; margin: 0 auto; position: relative; background: url(../images/bg_header.jpg) no-repeat 0 0; }
#home #header_inner { height: 510px; background: url(../images/bg_header_home.jpg) no-repeat 0 0; }
#wrapper { text-align: left; width: 980px; margin: 0 auto; background: #fff url(../images/bg_wrap.jpg) no-repeat 0 0; }
#home #wrapper { background-image: none; }
#content { padding: 10px 10px 50px; }
#home #content { padding-top: 20px; }
#pagetop { width: 150px; height: 120px; padding-left: 830px; overflow: hidden; }
#footer { width: 100%; background: #deba85 url(../images/bg_footer.jpg) repeat-x 0 -10px; }
#footer_inner { width: 980px; margin: 0 auto; padding: 30px 0 30px; background: url(../images/bg_footer_inner.jpg) no-repeat 100% 0; }
/*======================================================================== header*/
#header h1 { width: 220px; height: 120px; position: absolute; top: 0; left: 60px; }
#header h2 { font-size: 140%; width: 740px; height: 90px; padding: 50px 0 0 220px; position: absolute; top: 250px; left: 10px; background: url(../images/bg_headline.jpg) no-repeat 0 0; }
#header ul { width: 960px; position: absolute; top: 190px; left: 10px; }
#header li { list-style: none; width: 160px; height: 50px; float: left; margin: 0; padding: 0; }
div.homeimg { width: 960px; height: 260px; position: absolute; top: 250px; left: 10px; }
/*======================================================================== content*/
p.bread { margin-bottom: 50px; }
/* ブロック */
div.entry_block { width: 100%; overflow: hidden; margin-bottom: 80px; }
.float_parent { width: 100%; overflow: hidden; }
/* 見出し */
h3, h4, h5, h6 { margin-bottom: 0.5em; }
.h960 { font-size: 120%; line-height: 50px; margin-bottom: 0.5em; padding-left: 90px; background: url(../images/bg_h_960.jpg) no-repeat 0 0; }
.h960brown { font-size: 120%; line-height: 50px; margin-bottom: 0.5em; padding-left: 60px; background: url(../images/bg_h_960_brown.jpg) no-repeat 0 0; color: #963; }
.h470 { font-size: 120%; line-height: 50px; margin-bottom: 0.5em; padding-left: 60px; background: url(../images/bg_h_470.jpg) no-repeat 0 0; }
/* float共通 */
.float2 { width: 470px; float: left; margin: 0 20px 20px 0; }
.float3 { width: 310px; float: left; margin: 0 10px 10px 0; }
/* ボタン */
p.btn_165 { width: 165px; height: 40px; line-height: 40px; text-align: center; padding: 0.5em 0; }
p.btn_165 a { display: block; width: 100%; background: url(../images/bg_btn_165_40.jpg) no-repeat 0 50%; color: #000; }
p.btn_165 a:hover { text-decoration: none; background: url(../images/bg_btn_165_40.jpg) no-repeat -165px 50%; color: #F90; }
/*======================================================================== pagetop*/
#pagetop img { width: 150px; }
/*======================================================================== footer*/
#footer_inner ul { width: 100%; height: 38px; margin-bottom: 20px; padding-bottom: 2px; background: url(../images/bg_footernav.jpg) no-repeat 0 100%; overflow: hidden; }
#footer_inner li { list-style: none; float: left; height: 38px; line-height: 38px; margin: 0 10px 0 0; padding: 0; background: url(../images/bg_footernav_frog.jpg) no-repeat 0 0; }
#footer_inner li.nav01, #footer_inner li.nav05, #footer_inner li.nav06 { width: 120px; }
#footer_inner li.nav02, #footer_inner li.nav04, #footer_inner li.nav07 { width: 90px; }
#footer_inner li.nav03 { width: 135px; }
#footer_inner li a { text-decoration: none; display: block; padding-left: 25px; color: #300; }
#footer_inner li.nav01 a, #footer_inner li.nav05 a, #footer_inner li.nav06 a { width: 95px; }
#footer_inner li.nav02 a, #footer_inner li.nav04 a, #footer_inner li.nav07 a { width: 65px; }
#footer_inner li.nav03 a { width: 110px; }
#footer_inner li a:hover { text-decoration: none; color: #090; }
address { font-style: normal; text-align: left; }
address span { display: block; margin: 0; padding: 0; }
#footer_inner p { text-align: center; }
/*---------------------------------------------*/
/* トップページ */
/*---------------------------------------------*/
#content p.home_head, ul.home_btn, div.home_info { margin-bottom: 20px; }
ul.home_btn { width: 100%; overflow: hidden; }
ul.home_btn li { list-style: none; width: 472px; height: 282px; margin: 0; padding: 0; }
ul.home_btn li.introduction { float: left; }
ul.home_btn li.event { float: right; }
div.home_info { width: 100%; overflow: hidden; }
div.home_info ul { width: 535px; height: 180px; float: left; padding: 80px 50px 0; background: url(../images/bg_home_blog.jpg) no-repeat 0 0; overflow: hidden; }
div.home_info li { list-style: none; width: 535px; overflow: hidden; margin: 0; padding: 0.25em 0 0; }
div.home_info li span { display: block; width: 125px; float: left; margin: 0; padding: 0; color: #600; }
div.home_info li a { display: block; width: 410px; float: right; text-decoration: none; color: #600; }
div.home_info li a:hover { text-decoration: none; color: #F90; }
div.home_info p { width: 310px; height: 261px; float: right; margin-bottom: 0; }
/*---------------------------------------------*/
/* 園の紹介 */
/*---------------------------------------------*/
.introduction .table_col2 { width: 959px; margin-bottom: 30px; border-top: 1px solid #eee; border-right: 1px solid #eee; }
.introduction .table_col2 th, .introduction .table_col2 td { padding-left: 1em; padding-right: 1em; border-bottom: 1px solid #eee; border-left: 1px solid #eee; }
.introduction .table_col2 th { border-bottom-color: #fff; }
.introduction .table_col2 th { width: 150px; background-color: #dff2fc; color: #006; }
.introduction .table_col2 td { padding-left: 2em; }
.introduction .table_col3 { width: 70%; margin-bottom: 30px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
.introduction .table_col3 th, .introduction .table_col3 td { width: 20%; padding-left: 1em; padding-right: 1em; border-top: 1px solid #eee; border-left: 1px solid #eee; }
.introduction .table_col3 th { background-color: #dff2fc; color: #006; }
.introduction .table_col3 th { border-top-color: #fff; }
.introduction .table_col3 th.bgnone { background-color: #fff; border-left: 0; }
.introduction .table_col3 td { text-align: center; }
.introduction .table_col3 td.bgcolor { background-color: #dff2fc; color: #006; }
.introduction .table_col3 td.border_l { border-left-color: #fff; }
.introduction ul { margin-bottom: 1em; }
.introduction li { margin: 0 0 0 1.2em; line-height: 1.5; }
.introduction dl.float3 { height: 8em; background: url(../images/bg_cloud300.jpg) no-repeat 0 0; }
.introduction .rinen { padding-bottom: 100px; background: url(../images/bg_introduction_rinen.jpg) no-repeat 0 100%; }
.introduction .inner { width: 100%; position: relative; }
.introduction .inner img { display: block; }
/* 保育所について */
.introduction .about { width: 600px; height: 220px; padding-left: 360px; }
.introduction .about img { width: 290px; position: absolute; top: 0; left: 0; }
/* 登園について */
.introduction .touen { height: 290px; }
.introduction .touen img { width: 324px; position: absolute; top: 0; right: 5%; }
/* 延長保育について */
.introduction .encyou1 { height: 230px; }
.introduction .encyou1 img { width: 337px; position: absolute; top: 0; right: 0; }
/* 延長保育について */
.introduction .encyou2 { height: 230px; }
.introduction .encyou2 img { width: 328px; position: absolute; top: 0; right: 5%; }
/* 学童保育についてについて */
.introduction .gakudo { height: 420px; }
.introduction .gakudo img { width: 295px; position: absolute; bottom: 0; right: 5%; }
/*---------------------------------------------*/
/* 一日の過ごし方 */
/*---------------------------------------------*/
.table_schedule { width: 959px; margin-bottom: 30px; background: url(../images/bg_th960.jpg) no-repeat 0 0; border-top: 1px solid #c7e8fa; border-right: 1px solid #c7e8fa; position: relative; }
.table_schedule th { font-size: 120%; text-align: center; line-height: 50px; padding-top: 0; padding-bottom: 0; border-left: 1px solid #c7e8fa; color: #960; }
.table_schedule td { border-bottom: 1px solid #c7e8fa; border-left: 1px solid #c7e8fa; }
.table_schedule th.cel2, .table_schedule th.cel3 { border-left: 0; }
.table_schedule th.cel2 { width: 100px; }
.table_schedule td { padding-left: 1em; padding-right: 1em; }
.table_schedule td.time { padding-left: 0; padding-right: 0; text-align: center; color: #F90; font-weight: bold; }
div.schedule { width: 100%; position: relative; }
img#schedule_img_1, img#schedule_img_2, img#schedule_img_3, img#schedule_img_4, img#schedule_img_5 { display: block; position: absolute; }
img#schedule_img_1 { width: 158px; bottom: 120px; right: 20px; }
img#schedule_img_2 { width: 158px; bottom: 100px; right: 150px; }
img#schedule_img_3 { width: 159px; bottom: 20px; right: 60px; }
img#schedule_img_4 { width: 158px; top: 100px; left: 120px; z-index: 1; }
img#schedule_img_5 { width: 178px; top: 180px; left: 220px; }
/*---------------------------------------------*/
/* 年間行事 */
/*---------------------------------------------*/
div.event { width: 100%; position: relative; }
img#evevt_img { width: 645px; display: block; position: absolute; top: 20px; right: 20px; }
.table_event { width: 959px; margin-bottom: 30px; border-top: 1px solid #c7e8fa; border-right: 1px solid #c7e8fa; }
.table_event th, .table_event td { border-bottom: 1px solid #c7e8fa; border-left: 1px solid #c7e8fa; }
.table_event th { width: 80px; text-align: center; background-color: #dff2fc; color: #960; font-weight: bold; }
.table_event td { padding-left: 2em; }
.event .float3 dt { line-height: 50px; padding-left: 60px; background: url(../images/bg_h_470.jpg) no-repeat 0 0; }
.event .float3 dd { height: 10em; padding: 0 1em; background: url(../images/bg_cloud300.jpg) no-repeat 0 0; }
.event .float3 dd p { margin-bottom: 0; }
/*---------------------------------------------*/
/* お問い合わせ */
/*---------------------------------------------*/
dl.inquiry { width: 100%; overflow: hidden; background: url(../images/bg_cloud.jpg) no-repeat 100% 0; }
dl.inquiry dt { width: 200px; line-height: 40px; float: left; clear: both; padding-left: 60px; background: url(../images/bg_h_470.jpg) no-repeat 0 100%; color: #C90; }
dl.inquiry dt span { padding-left: 0.5em; color: #C00; }
dl.inquiry dd { width: 660px; float: right; margin-bottom: 20px; padding-top: 14px; }
dl.inquiry dd.name input, dl.inquiry dd.tel input, dl.inquiry dd.mail input { width: 300px; padding: 0.25em 0.15em; background-color: transparent; }
dl.inquiry textarea { width: 500px; height: 20em; padding: 0.25em 0.15em; background-color: transparent; }
dl.inquiry dd.name input, dl.inquiry dd.tel input, dl.inquiry dd.mail input, dl.inquiry textarea { border: 1px solid #C90; }
dl.inquiry dd.submit input { width: 8em; height: 3em; text-align: center; vertical-align: middle; }
dl.inquiry dd.name input, dl.inquiry dd.tel input, dl.inquiry dd.mail input{ width: 350px;}


/*---------------------------------------------*/
/* GoogleMap */
/*---------------------------------------------*/
#map { width: 960px; height: 300px; }
#access #map { height: 460px; }
/*---------------------------------------------*/
/* 入園について */
/*---------------------------------------------*/
div.bg_guide { margin-bottom: 0; padding-bottom: 480px; background: url(../images/bg_guide.jpg) no-repeat 50% 100%; }
/*========================================================================*/
/* 以下、余白調整分 */
/*========================================================================*/
.overflow { overflow: hidden; }
.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.ml0 { margin-left: 0; }
.mr0 { margin-right: 0; }
.mt10 { margin-top: 1em; }
.mb10 { margin-bottom: 1em; }
.mt15 { margin-top: 1.5em; }
.mb15 { margin-bottom: 1.5em; }