@charset "utf-8";

*{margin:0;padding:0;}

body{
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
font-size: 13px; 
background: #ffffff url(images/bg_body.jpg) repeat-x top;
}

body#toppage {
}

a{color:#51a4d4;text-decoration:none;}
a:hover{color:#3886b3;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0;
width: 960px;
background: #fff3ca;
}

/*************
/* ヘッダー
*************/
#header{
background: url(images/bg_header.jpg) repeat-x ;
height: 84px;
}

#header h1 {
color: #333;
padding: 10px 0 0 6px;
font-size: 10px;
font-weight: normal;
}

.logo {
padding: 10px 0 0 24px;
}
#header-info {
position: relative;
top: -51px;
left: 640px;
width: 300px;
}

/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 0 auto 15px;
width: 934px;
height: 63px;
background:url(images/topnav-on.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
height: 63px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{width: 140px;background-position:0 0;}
ul#topnav a#about{width: 248px;background-position:-140px 0;}
ul#topnav a#menu{width: 160px;background-position:-388px 0;}
ul#topnav a#faq{width: 161px;background-position:-548px 0;}
ul#topnav a#map{width: 190px;background-position:-709px 0;}

ul#topnav a:hover, ul#topnav li.active a{background:none;}


li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン画像
*************/
#mainimage {
margin: 8px auto 0;
width: 924px;
height: 354px;
background: url(images/bg_main_image.png) no-repeat;
}

#main_slide {
width: 420px;
position: relative;
top: -106px;
left: 481px;
}
#container {
padding: 0 20px;
}

/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 660px;
padding: 23px 0;
display: inline;
}
#main.top_main {
float: right;
width: 560px;
padding: 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
margin-bottom: 10px;
padding: 1px 10px 0px 30px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading.png) no-repeat;
}

#main h3 {
font-size: 13px;
font-weight: normal;
line-height: 30px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #51a4d4;
}

#main p {
padding: 15px 15px 15px 20px;
}

#main p.top_main_p {
padding: 6px;
font-size: 116%;
}
#main p.title {
padding: 0;
}
.hoiku-goshin {
overflow: hidden;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


#main .hoiku-goshin ul {
margin-left: 0;
}

#main .hoiku-goshin li {
overflow: hidden;
padding: 3px 0;
margin: 0;
border-bottom: solid 1px #804f21;
}
.goshin_left {
float: left;
padding: 22px 10px;
}
.goshin_middle {
float: left;
width: 358px;
padding: 22px 0 0 0;
font-size: 112%;
line-height: 1.2;
}
.goshin_right {
float: right;
width: 108px;
padding-right: 7px;
text-align: center;
}

.father_mother {
padding: 30px 0 10px;
}
#main p.famo_info {
padding: 0 0 1em;
font-size: 120%;
}

#contets-bottom {
padding: 0 20px;
clear: both;
}
.cb_top {
padding: 10px;
overflow: hidden;
background: url(images/top/bg_cb_top.png) no-repeat;
}
.cb_top img {
margin-left: 360px;
float: left;
}
.cb_top_info {
width: 272px;
padding-right: 0;
float: right;
font-size: 120%;
line-height: 1.6;
}

.cb_bottom {
padding: 20px 0;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#51a4d4;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/*************
サイド（左側）コンテンツ
*************/

#sidebar {
float: left;
padding: 23px 0;
}
#sidebar.top_sidebar {
float: left;
width: 350px;
padding: 0;
}

#sidebar p{margin-bottom: 20px;}
#sidebar.top_sidebar p {margin-bottom: 6px;}
#sidebar p.anshin {margin: 0 0 4px 8px;}

#sidebar h3 {
margin-top: 5px;
padding: 1px 10px 0 30px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
padding: 10px 0;
}

#sidebar li{
margin: 0;
padding: 0;
list-style: none;
}

#sidebar .anshin li {
margin: 0;
border-bottom: none;
}

#sidebar li a{
display: block;
margin: 0;
padding: 0;
}
#sidebar li a img{vertical-align:bottom;}

#sidebar li a:hover{background-position: 3px 50%;}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 0;
line-height: 26px;
color: #fff;
background: url(images/bg_footer.png) repeat-x ;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 0;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/* 東大利保育園の案内
   ========================================================================== */
.kokuban_outer {
	background: #7f4e20;	padding: 1em;}

.kokuban_inner {
	background: #00483a;
	border: solid 0.3em #003327;
	padding: 1em 3em 0;
	color:#ffffff;}

.hoikurinen {
	width: 70%;
	margin: 0 auto;
	font-size: 1.6em;
	letter-spacing: 0.4em;
	text-align: center;
	/*
	background-color: #e85282;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	background-size:cover;
	*/
	background: url(images/bg_title_rinen.png) no-repeat;
}
.kokuban_inner p {
	font-size: 1.4em;
	letter-spacing: 0.1em;
	letter-spacing: 1px\9;}

.kokuban_inner dl {
	padding-bottom: 2em;
	width: 88%;
	font-size: 1.1em;
	margin: 0 auto;}
.kokuban_inner dt {
	float:left;
	width:6%;
	clear:both;
	font-weight:bold;}
.kokuban_inner dd {
	width:94%;
	margin-left:6%;margin-bottom: 2%;}
.nousaibou {
width: 560px;
margin: 0 auto;
padding: 15px;
}
#main .nousaibou p {
padding: 15px 0 20px;
font-size: 111%;
}
.retop {
clear: both;
padding-bottom: 2em;
}
.retop img {
float: right;
}
#main p.n_title {
padding: 15px 15px 0 20px;
font-size: 111%;
}
#main p.n_info {
padding: 0 15px 15px 32px;
font-size: 111%;
}

.fuukei {
margin: 20px auto;
overflow: hidden;
width: 630px;
}

#main p.fuukei_pic {
float: left;
padding: 5px;
}

/* 入園案内
   ========================================================================== */
.table_yoko {
margin: 20px;
}
#main div.table_yoko p {
padding: 0;
}
.yoko {
width: 100%;
background: #c89f62;
border-collapse: separate;
border-spacing: 1px;
font-size: 18px;
}
.yoko th {
width: 24%;
background: #693905;
color: #fff;
padding: 3px;
text-align: center;
}

.yoko td {
padding: 3px 2em;
background: #fff;
}

#main p#entering {
padding: 15px 25px 15px 20px;
font-size: 135%;
}
.gmap {
text-align: center;
padding: 20px;
}

/* 行事紹介
   ========================================================================== */
.schedule {
width: 360px;
margin: 1em 2em;
float: left;
}
.month {
width: 100%;
font-size: 130%;
}
.month tr {
border-bottom: solid 1px #9e9e9f;
}
.month th {
width: 76px;
padding: 9px 25px 9px 0;
}

/* よくあるご質問
   ========================================================================== */
.q_and_a {
overflow: hidden;
padding: 20px 0;
border-bottom: dotted 2.4px #9f9fa0;
}

.question,
.answer {
clear: both;
padding: 0 20px;
}

.ques_l {
width: 93px;
margin: 0;
padding:0;
float: left;
}
.ques_r {
width: 507px;
margin: 10px 0;
float: left;
}

.ques_r_middle {
background: #fff;
padding: 10px;
}
#main .ques_r_middle p{
padding:0;
}