@charset "utf-8";

/*************
/* リセット
*************/

html{background:#FFF;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;margin:0;padding:0;}
fieldset,img{border:0;margin:0;padding:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
margin:0;
padding:0;
}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
center{ display:none;}


/*************
/* フォント
*************/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*************
/* 基本
*************/

html{margin:0;padding:0;}

body{
font:14px/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#3e2c1e;
background: url(../img/back.png) repeat;
}

a{ color:#097fd5;text-decoration:none;}
a:hover{ color:#76abd2;}
a:active, a:focus { outline: 0;}
img{ border: 0; margin: 0; padding: 0; vertical-align: bottom;}

.clear{ clear:both;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.font_s {
font-size:85%;
text-align:right;
margin-right:15px;
}

/*************
/* 全体
*************/
#wrapper{
background: url(../img/back_sakura.png) no-repeat top center;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

h3 {
margin: 0;
padding: 0;
}

/*************
/* ヘッダー
*************/
#header{
width: 960px;
height: 86px;
margin: 0 auto;
padding: 0;
position: relative;
}

#header h1 {
font-size: 11px;
font-weight: normal;
color:#f86a6a;
position: relative;
top: 5px;
left: 83px;
}

#header-left{ float:left;}

#logo{
position: relative;
top:-15px;
left:0;
}

#header .textresizer {
float: right;
position: absolute;
top: 40px;
right: 20px;
}

.textresizer li img {
margin: 0 auto -5px;
padding: 0;
}

/*************
/* コンテンツ
*************/
#contents {
clear: both;
width: 960px;
margin: 0 auto;
}

#contents .other_title {
margin: -6px auto 0 5px;	
}

/*************
/* トップ画像
*************/
#top_photo{
width: 960px;
height: 433px;
margin: 0 auto 10px 5px;
}

#stage img{
display: none;
position: absolute;
}

#stage #img1{
display: block;
}

/*************
/* メイン
*************/

#main{
width: 640px;
float: right;
margin-top: 6px;
}

#main h2{
margin: 0;
padding: 0;
height:75px;
position:relative;
z-index:100;
}

#main .h3_title {
background: url(../img/line_h3_pink.png) no-repeat 0 12px;
font-weight: bold;
font-size:130%;
color:#e55179;
line-height: 40px;
margin: 0;
padding: 0 0 0 24px;
}

#main .news {
background: url(../img/line_pink.png) no-repeat 15px bottom;
margin: 5px 0 10px 0;
padding: 0 0 10px 0;
clear: both;
}

#main .news a {
color:#C54446;
padding: 0 3px 0 0;
font-weight:bold;
font-size: 105%;
text-decoration:none;
}

#main .news a:hover {
opacity: 0.6;
}

#main .news dt{
background: url(../img/icon_sakura.png) no-repeat 11% 50%;
float: left;
font-weight: bold;
padding-left: 40px;
line-height: 30px;
margin: 0 10px 0 0;
}

#main .news dd{
line-height: 30px;
margin: 0 10px 0 133px;
}

#main .radius {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left: none;
border-top-right: none;
}

#main .news_box {
padding: 10px 0 20px 0;
margin: -5px 0 25px 2px;
border-top : none;
border-left: 2px solid #e86471;
border-right: 2px solid #e86471;
border-bottom: 2px solid #e86471;
background-color: #ffd7d9;
}


/* テーブル表示 */

.box1 table.table_about,
.box1 table.table_oneday {
border-collapse: collapse;
width: 100%;
margin: 0 0 30px 0;
}

.box1 table.table_about td{
padding: 2px;
border: 1px solid #EAE8DF;
}

.box1 table.table_about th {
text-align: left;
border-top: 1px solid #EAE8DF;
border-right: 1px solid #EAE8DF;
border-bottom: 2px solid #D1CDBA;
border-left: 1px solid #EAE8DF;
background-color: #F1ECE3;
font-weight: normal;
color: #664B24;
}

.box1 table.table_about td.td_head {
background-color: #F0FBFD;
text-align: right;
white-space: nowrap;
color: #333;
border-top: 1px solid #D5D5D5;
border-right: 3px solid #ccc;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
background: url(../img/td_head.gif) repeat-x;
}

.box1 table.table_about td.td_odd  {
text-align: left;
border: 1px solid #D5D5D5;
background:#fff url(../img/td_odd.gif) repeat-x;
}

.box1 table.table_about td.td_program  {
text-align: left;
border: 1px solid #D5D5D5;
background:#fff;
}

.td_head .eng {
margin: 0px;
padding: 0px;
font-size: 9px;
color: #AD9B78;
}

.box1 table.table_about th {
text-align: right;
padding: 10px;
white-space: nowrap;
background-color: #FCFBF8;
border-top: 1px solid #ddd;
border-right: 3px solid #ccc;
border-bottom: solid 1px #ddd;
border-left: 1px solid #ddd;
}

.box1 table.table_about th span {
color: #FF0000;
}

.box1 table.table_about td {
padding: 10px;
line-height: 22px;
border-color: #E5E5E5;
}

.box1 table.table_oneday td {
padding: 10px;
border-left: #FB7274 solid 2px;
border-right: #FB7274 solid 2px;
border-bottom: #FB7274 solid 2px;
}

.box1 .table_about strong {
color: #e35a67;
padding: 0;
}

.box1 .table_oneday strong {
color: #601900;
padding: 0;
}

.box1 .table_oneday .oneday_title {
font-weight: bold;
background: #fe7963;
color: #fff;
padding: 0 10px;
margin: 0;
-moz-border-radiust: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.box1 table.table_about {
width: 100%;
margin: 10px auto ;
}

.box1 table.table_oneday {
width: 100%;
margin: 0 auto 10px auto ;
}

.box1 table.table_about td .mf {
padding:2px;
font-size: 100%;
border: solid 1px #ddd;
}

.box1 table.table_about th {
font-size: 100%;
background: #f8f8f8 url(../img/th.gif) repeat-x center top;
color: #333;
border-right-color: #f5848f;
}

.td_b1 {
background: #C8E4FF url(../img/table_b1.png) repeat-x left top;
}

.td_b2 {
background: #f2fbff url(../img/table_b2.png) repeat-x left top;
}

.td_g1 {
background: #f0f0f0 url(../img/table_g1.png) repeat-x left top;
}

.td_y2 {
background: #F4F5B3 url(../img/table_y2.png) repeat-x left top;
}

.td_y1 {
background: #ffffe3 url(../img/table_y1.png) repeat-x left top;
}

.td_y2 {
background: #FFFFCC url(../img/table_y2.png) repeat-x left top;
}

.td_p1 {
background: #fff6eb url(../img/table_p1.png) repeat-x left top;
}

.td_p2 {
background: #ffdda2 url(../img/table_p2.png) repeat-x left top;
}


/* 園だより・献立だより表示用 */
.en_back {
float:left;
background: url(../img/en_back.png) no-repeat left top;
width:182px;
height:162px;
text-align:center;
padding: 28px 0 0 0;
margin:10px 4px 0 0;
}

.kondate_back {
float:left;
background: url(../img/kondate_back.png) no-repeat left top;
width:137px;
height:215px;
text-align:center;
padding: 28px 0 0 0;
margin:10px 3px 0 0;
}

.en_title {
font-size:90%;
margin:1px auto;
color: White;
font-weight:bold;
vertical-align: middle;
background-color: #e55179;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
width:170px;
height:25px;
}

.kondate_title {
font-size:90%;
margin:1px auto;
color: White;
font-weight:bold;
vertical-align: middle;
background-color: #e55179;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
width:120px;
height:25px;
}

.hoken_title {
font-size: 90%;
margin: 1px auto;
color: White;
font-weight: bold;
vertical-align: middle;
background-color: #ec85a1; /* 背景色をうすピンクに変更 */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
width: 170px;
height: 25px;
}

.en_title_no {
font-size:90%;
margin:1px auto;
color: White;
font-weight:bold;
vertical-align: middle;
background-color: #99CD00;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
width:170px;
height:25px;
}

.kondate_title_no {
font-size:90%;
margin:1px auto;
color: White;
font-weight:bold;
vertical-align: middle;
background-color: #777;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
width:120px;
height:25px;
}

.hoken_title_no {
font-size:90%;
margin:1px auto;
color: White;
font-weight:bold;
vertical-align: middle;
background-color: #C0E166;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
width:170px;
height:25px;
}

#pdf {
padding: 0;
margin: 5px 15px 50px 15px;
}

#pdf ul {
list-style:none;
padding: 0;
}

#pdf ul ul {
padding: 0;
}

#pdf li {
line-height: 30px;
}

#pdf li a {
background: url(../img/pdf.png) no-repeat 0 center;
margin-bottom: 5px;
padding: 0 0 0 25px;
border-bottom: 1px dotted #D8D8D3;
display: block;
color:#C74345;
}

#pdf li a:hover{
color:#D86264;
text-decoration:underline;
}

/*************
/* サイド
*************/
#side{
width:300px;
float:left;
}

#side_menu {
margin: 0 0 15px 10px;
padding:0;
}

#side_banner {
  margin-top: 20px; /* 住所情報との間に余白を追加 */
  text-align: center; /* バナーを中央揃えに */
}

#side_banner img {
  display: block; /* 各画像を縦に並べる */
  margin: 10px auto; /* 上下に余白を設定 */
}

#side_menu h3{
margin: 0;
padding: 0;
height: 86px;
}

#side_menu ul,
#side_menu li {
margin: 0;
padding: 0;
width: 274px;
}

#side_menu li a {
display: block;
text-indent: -274px;
white-space: nowrap;
overflow: hidden;
}

#side_menu .li1 a {
background: url(../img/side_menu_01.png) no-repeat center top;
height: 44px;
}

#side_menu .li1 a:hover,
#side_menu .li1_on {
background: url(../img/side_menu_01_on.png) no-repeat center top;
height: 44px;
}

#side_menu .li2 a {
background: url(../img/side_menu_02.png) no-repeat center top;
height: 44px;
}

#side_menu .li2 a:hover,
#side_menu .li2_on {
background: url(../img/side_menu_02_on.png) no-repeat center top;
height: 44px;
}

#side_menu .li3 a {
background: url(../img/side_menu_03.png) no-repeat center top;
height: 44px;
}

#side_menu .li3 a:hover,
#side_menu .li3_on {
background: url(../img/side_menu_03_on.png) no-repeat center top;
height: 44px;
}

#side_menu .li4 a {
background: url(../img/side_menu_04.png) no-repeat center top;
height: 44px;
}

#side_menu .li4 a:hover,
#side_menu .li4_on {
background: url(../img/side_menu_04_on.png) no-repeat center top;
height: 44px;
}

#side_menu .li5 a{
background: url(../img/side_menu_05.png) no-repeat center top;
height: 54px;
}

#side_menu .li5 a:hover,
#side_menu .li5_on {
background: url(../img/side_menu_05_on.png) no-repeat center top;
height: 54px;
}

#side_address h3 {
margin: 0;
padding: 0;
height:84px;
}

#side_address_inner {
background:url(../img/side_address_bottom.png) no-repeat;
width: 291px;
height: 98px;
margin: 0;
}

#side_address_inner p {
margin: 0 0 0 42px;
line-height: 125%;
}

/*ページの先頭に戻るボタン-------*/
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 55px;
}

.pagetop a {
font-size: 1px;
color: #e56383;
display: block;
width: 37px;
height: 37px;
background: url(../img/page_top.png) no-repeat;
}


/*************
/* フッター
*************/
#footer {
clear: both;
width: 100%; 
text-align: center;
}

#footer_bottom {
background: url(../img/footer.png) repeat-x center bottom;
height: 300px;
}

#footer #f_ul {
position: relative;
left: 0;
top: 180px;
}

#f_ul li {
display: inline;
padding: 0 8px;
border-right:#fff solid 1px;
}

#f_ul .end {
border-right:none;
}

#f_ul li a {
color: #fff;
font-size: 13px;
font-weight: nomal;
padding: 0 15px;
text-decoration: none;
}

#f_ul li a:hover {
text-decoration: underline;
}

.copy {
margin:0 auto;
position: relative;
top: 205px;
left:0;
width: 326px;
height: 16px;
}