﻿@charset "utf-8";

/* ==========================================================================
	共通
	========================================================================== */
p {
	 margin-bottom: 1.5em;
}
section {
	margin-bottom:50px;
	position: relative;
}
h3 {
	padding:0 12px;
	margin-bottom: 15px;
	margin-left: 38px;
	display:inline-block;
	background: url('../img/sub/stripe_bg.gif') repeat;
	font-size: 110%;
	font-weight: bold;
}
table {
	margin:0 15px 40px 38px;
	width: 656px;
	border-bottom: 1px solid #b9b197;
}
th {
	padding:10px 15px;
	background: url('../img/sub/th_bg.gif') repeat;
	border-top: 1px solid #b9b197;
	font-weight: normal;
	text-align: left;
}
td {
	padding:10px 15px;
	border-top: 1px solid #b9b197;
}

/*---　リンク設定　-----------------------------------------------------------*/
a {
	color: #547f3b;
}
a:hover {
	color: #90c96f;
	text-decoration: none;
}
header a img,
#side_contents a.bnr img {
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
header a:hover img,
#side_contents a.bnr:hover img{
	opacity: 0.7;
}

/* 外部リンク */
.info a[href^="http://"]{
	padding-right: 15px;
	margin-right: 3px;
	background: url('../img/sub/link.png') no-repeat right center;
}
/* PDF */
.info a[href$=".pdf"], a[href$=".pdf"]{
	padding-left: 30px;
	background: url('../img/sub/pdf.png') no-repeat left center;
}

/* ==========================================================================
	パンくずリスト
	========================================================================== */
ol#breadcrumb {
	padding-top: 50px;
	margin-bottom: 30px;
	font-size: 95%;
}
ol#breadcrumb li {
	margin-right:15px;
	list-style: none;
	float: left;
}
ol#breadcrumb li:before {
	margin-right: 15px;
	content:">";
	display: inline-block;
}
ol#breadcrumb li:first-child:before {
	margin-right:0;
	content:"";
}
/* ==========================================================================
	メイン画像（トップのみスライド）
	========================================================================== */
#top_img, #sub_img {
	margin: 0 auto;
	padding:10px;
	width:1036px;
	border: 1px solid #efeeee;
	background-color: #fff;
	position: relative;
}
#top_img {
	height:448px;
}
#top_img:before, #top_img:after,
#sub_img:before, #sub_img:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 20px;
	 left: 15px;
	width: 50%;
	top: 80%;
	max-width:600px;
	background: #c9c7c0;
	-webkit-box-shadow: 0 15px 10px #c9c7c0;
	box-shadow: 0 15px 10px #c9c7c0;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#top_img:after, #sub_img:after{
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right:15px;
	left: auto;
}

/* ==========================================================================
	メインコンテンツ
	========================================================================== */
#main {
	margin-bottom:105px;
	width:715px;
	position: relative;
}
#sub_main {
	margin-bottom:110px;
	width:710px;
	min-height: 700px;/*サイドメニュー無　コンテンツ最小の高さ*/
	height:auto;
	position: relative;
}
.menuon{min-height: 1000px !important;}/*サイドメニュー有　コンテンツ最小の高さ*/

#sub_main h2 {
	margin-left: 38px;
	margin-bottom: 20px;
	position: relative;
	min-height:33px;
	border-bottom: 1px dotted #7a6e6e;
	font-size: 150%;
	font-weight: bold;
}
#sub_main h2:before {
	content:url('../img/sub/h2.gif');
	position:absolute;
	left:-38px;
	top:0;
}
#sub_main h2 em.h2-sub {
/*	color: #d22c2c;*/
	font-size: small;
	font-weight: normal;
	margin-left: 6.5rem;
	display: inline-block;
}
#sub_main h2.nostyle {
	margin:0;
	border-bottom:0;
}
#sub_main h2.nostyle:before {content:none;}

#sub_main p {
	margin-left: 38px;
}
#sub_main ul {
	margin: 0 15px 32px 58px;
}
#sub_main ul li {
	list-style: disc;
	margin-bottom: 0.58em;
}

/* ==========================================================================
	トップページ
	========================================================================== */
/*---　みどりのまきばでくつろぐ　---------------------------------------------------*/
#top_policy {
	padding-top:85px;
	padding-bottom:45px;
	position:relative;
	background: url('../img/top_policy_img.gif') no-repeat 460px 84px;

}
#top_policy:before {
	content:url('../img/top_poricly_bg_top.gif');
	position:absolute;
	left:320px;
	top:0;
	z-index: -1;
}
#top_policy:after {
	content:url('../img/top_poricly_bg_btm.gif');
	position:absolute;
	left:-75px;
	bottom:-8px;
	z-index: -1;
}
#top_policy h2 {
	margin-bottom:30px;
	margin-left:15px;
}
#top_policy p {
	margin-bottom:0;
	margin-left:15px;
	width:445px;
	font-size: 105%;

}
/*---　お知らせ　-------------------------------------------------------------*/
#infomation {
	margin-bottom: 35px;
	position:relative;
}
#infomation h2 {
	margin-bottom:10px;
}
#infomation dl {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 20px;
}
#infomation dt {
	width: 11em;
	float: left;
	clear: both;
	padding: 10px 0 10px 15px;
}
#infomation dd {
	padding: 10px 15px 10px 11em;
	border-bottom: 1px dashed #d3cbb6;
}
#infomation dl dd a {
	color: #494949;
	display:block;
}

#infomation a.more {
	padding:0 30px 0 20px;
	background:url('../img/info_list.gif')no-repeat 90px center #fff;
	color:#6c6b5e;
	border-radius: 10px;
	text-decoration:none;
	font-weight: bold;
	font-size: 95%;
	position:absolute;
	left:590px;
	top:15px;
}
#infomation a.more:hover {
	background-color:#fff2e6;
}

/*---　特長・生活・入園案内・法人概要　-------------------------------------------*/
.box {
	margin-bottom: 24px;
	border-bottom: 1px solid #fff;
}
.box:after {
	border-bottom: 1px solid #ddd2b8;
}
.inner_box {
	margin-right:20px;
	margin-bottom:24px;
	width: 345px;
	min-height:195px;
	float: left;
	background-position: 15px 65px;
	background-repeat:no-repeat;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor: pointer
}
.inner_box:nth-child(even) {
	margin-right:0;
}
.inner_box:first-child {background-image:url('../img/img_feature.jpg');}
.inner_box:nth-child(2) {background-image:url('../img/img_schedule.jpg');}
.inner_box:nth-child(3) {background-image:url('../img/img_guidance.jpg');}
.inner_box:last-child {background-image:url('../img/img_outline.jpg');}

.inner_box:nth-child(3),.inner_box:last-child {
	margin-bottom:50px;
}

.inner_box h2 {
	margin-bottom: 20px;
}
.inner_box p {
	margin: 45px 20px 0 160px;
}
.inner_box a {
	color:#494949;
	text-decoration: none;
}
.inner_box:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/*---　マップ　---------------------------------------------------------------*/
#accessmap {
}
#accessmap #box1 {
	width:173px;
	float:left;
}
#accessmap #box1 h2 {
	margin-bottom:5px;
	margin-left:5px;
}
a.go_map {
	padding: 4px 0;
	margin-left:15px;
	width:155px;
	display:inline-block;
	background-color:#83b341;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	border-bottom: 3px solid #709835;
	text-align:center;
	font-size: 95%;
	font-weight: bold;
}
a.go_map:hover {
		border-bottom: 3px solid #698836;
	background-color: #77a736;
}
#map {
	margin-right:15px;
	width:500px;
	height:245px;
	float: right;
	border: 3px solid #fff;
	border-radius: 5px;
}
#map2 {
	margin-right:15px;
	width:500px;
	height:245px;
	float: right;
	border: 3px solid #fff;
	border-radius: 5px;
}
/* ==========================================================================
	お知らせ
	========================================================================== */
/*---　一覧　---------------------------------------------------------------*/
.info dl {
	margin-left:38px;
	overflow: hidden;
	zoom: 1;
}
.info dl:nth-child(even) {
	background: #f6f1dd;
}
.info dt {
	width: 11em;
	float: left;
	clear: both;
	padding: 10px 0 10px 15px;
}
.info dd {
	padding: 10px 15px 10px 11em;
}
.info dd a {
	display: block;
	color:#494949;
}
.info dd a[href^="http://"]{
	background: none;
}
/*---　記事詳細　------------------------------------------------------------*/
.info .date {
	text-align: right;
}
.info img {
	padding: 4px;
	border: 1px solid #dfdedb;
	background-color: #fff;
	border-radius: 5px;
}
.info img.nostyle {
	padding:0;
	margin-bottom:20px;
	border:none;
}
.pager {
	padding: 40px 0;
	margin-top: 100px;
	border-top:1px solid #ded9d4;
	border-bottom:1px solid #ded9d4;
	text-align:center;

}
#sub_main .pager ul {
	margin: 0;
}
#sub_main .pager ul li {
	margin-bottom:0;
	list-style: none;
	display: inline-block;
	/*float: left;*/
}
#sub_main .pager ul li a {
	padding: 3px 10px;
	margin-right: 10px;
	background:#eceae3;
	border: 1px dotted #747372;
	color: #5c5c5c;
	text-decoration: none;
}
#sub_main .pager ul li a:hover {
	background:#d5d3cd;
	border-color:#666562;
}
#sub_main .pager ul li.current {
	padding: 3px 10px;
	margin-right: 10px;
	background:#aeada8;
	border: 1px dotted #747372;
	color: #fff;
}
#sub_main .pager ul li.prv a:before {
	content:"<";
	padding-right: 5px;
}
#sub_main .pager ul li.next a:after {
	content:">";
	padding-left: 5px;
}
/* ==========================================================================
	みどり保育園の特長
	========================================================================== */
/*---　保育の理念　----------------------------------------------------------*/
.policy {
	min-height: 140px;
	background:url('../img/sub/feature01.gif')no-repeat 545px 210px;
}
.policy ul li.last {
	margin-right: 175px;
}
/*---　概要　---------------------------------------------------------------*/
.summary table.summary1 th {
	width: 9em;
}
.summary table.summary1 dl {
	padding: 18px;
	margin-top: 20px;
	background:url('../img/sub/stripe_g_bg.gif');
	border-radius: 5px;
}
.summary table.summary1 dl dt {
	margin-bottom: 5px;
	text-shadow: 2px 2px 1px #fff,2px 2px 1px #fff,2px -2px 1px #fff,2px -2px 1px #fff;/*テキストシャドウ*/
}
.summary table.summary1 dl dt b {
	font-size: 120%;
	color: #2f5b15;
}
.summary table.summary1 table {
	margin:0;
	width: 100%;
}
.summary table.summary1 table th {
	background:url('../img/sub/table_title_bg.gif')repeat;
}
.summary table.summary1 table th,
.summary table.summary1 table td {
	padding: 6px 15px;
	width: auto;
	text-align: center;
}
.summary table.summary1 table.members th,
.summary table.summary1 table.members td {
	padding: 6px;
}
.summary p.history {
	margin-bottom: 10px;
}
.summary table.history th {
	width: 13.5em;
}

/*---　施設紹介　------------------------------------------------------------*/
.class table {
	width: 100%;
	/* width: 500px; */
}
.class table th {
	padding: 6px 15px;
	width: 7em;
	border-left: 1px solid #b9b197;
	border-right: 1px solid #b9b197;
}
.class table td {
	padding: 6px 15px;
	width: 6em;
	text-align: center;
	border-right: 1px solid #b9b197;
}
.class table td.age {
	background:url('../img/sub/table_title_bg.gif') repeat;
}
/*---　安全管理について　-------------------------------------------------------*/
.anzen {
	background:url('../img/sub/feature02.gif') no-repeat 510px 50px;
}
.anzen h3 {
	padding:15px 0;
	background:none;
	display: block;
	font-size: 115%;
	font-weight: bold;
}
.anzen h3 b {
	font-size: 150%;
}
.anzen dl {
	margin:0 15px 40px 38px;
}
.anzen dl dt {
	padding-left: 30px;
	margin-bottom:5px;
	background:url('../img/sub/feature_list.gif') no-repeat left center;
	font-size: 120%;
	font-weight: bold;
}
.anzen dl dd {
	margin-bottom:30px;
}
/* ==========================================================================
	園での生活
	========================================================================== */
/*---　保育園での一日　-------------------------------------------------------*/
.day table {
	width: 450px;
	border-bottom: 1px dashed #bdb1aa;
	position: relative;
}
.day table:before {
	content:url('../img/sub/day01.gif');
	position: absolute;
	left:250px;
	top:50px;
}
.day table td {
	padding:5px 0;
	border-top: 1px dashed #bdb1aa;
}
.day table td.time {
	padding-right: 20px;
	width: 5em;
}
.day table td.time span {
	width: 4.5em;
	display: block;
	background: #85755e;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}
/*---　年間行事　------------------------------------------------------------*/
.schedule table {
	border-bottom: 0;
	background-image: none;
	width:43%;
	float:left;
	margin:0 0 40px 38px;
}
.schedule td {
	padding: 5px 0;
	border-top: 0;
	border-bottom: 1px dashed #bdb1aa;
}
.schedule tr:nth-child(2) {height: 85px;}
.schedule tr:nth-child(4) {height: 85px;}
.schedule tr:nth-child(5) {height: 70px;}
.schedule tr:nth-child(6) {height: 130px;}

#sub_main .schedule ul {
	margin: 0;
}
#sub_main .schedule ul li {
	margin-bottom:0;
}
.schedule dl {
	margin:0 0 40px 38px;
	clear: both;
}
.schedule dt {
	padding: 3px 10px;
	width: 7em;
	float: left;
	clear: both;
	background:url('../img/sub/table_title_bg.gif')repeat;
}
.schedule dd {
	padding: 3px 0 0 8em;

}
/* ==========================================================================
	入園案内
	========================================================================== */
/*---　入園案内　------------------------------------------------------------*/
#sub_main .guidance ul li {
	list-style: square;
}
.guidance ul dl {
	zoom: 1;
}
.guidance ul dt {
	width: 7em;
	float: left;
	clear: both;
}
.guidance ul dd {
	padding: 0 0 0 7em;
}
.guidance span {
	display:block;
}
.guidance span.notice {
	margin-bottom: 20px;
}
.guidance span.new {
	margin-bottom: 10px;
}
.guidance ul li dl dd dl dt{
	padding: 0 10px;
	margin-bottom: 10px;
	float:none;
	width: auto;
	background: #ede8ce;
	border: 1px dotted #a5a4a1;
	display:inline-block;
}
.guidance ul li dl dd dl dd {
	padding: 0;
	margin-bottom: 3px;
}
#sub_main .guidance ul li dl dd dl dd ul {
	margin: 0 0 40px 30px;
}
#sub_main .guidance ul li dl dd dl dd ul li{
	list-style-type: circle;
	margin-bottom: 0;
}
/*.guidance ul:nth-child(3){
	background:url('../img/sub/guidance01.gif') no-repeat right bottom;
}
#sub_main .guidance ul li dl dd dl dd ul li:nth-child(4) {
	margin-right: 140px;
}*/
.visitinfo{
	margin-bottom: 25px;
	height:107px;
	background:url('../img/sub/guidance_bg.gif') no-repeat 45px top;
}
.visitinfo h3{
	display:none;
}
.visitinfo p {
	padding:42px 15px 0 100px
}
p.setumei {
	text-align: center;
}
/* ==========================================================================
	法人概要
	========================================================================== */
/*---　理念　----------------------------------------------------------------*/
.otl1 h2 img{
	margin-bottom:20px;
}
.otl1 b {
	font-weight:normal;
	background: linear-gradient(transparent 60%, #fee47e 60%);
}
/*---　理事長挨拶　-----------------------------------------------------------*/
/*.otl2 {
	background:url('../img/sub/outline01.jpg') no-repeat right 55px;
}
.otl2 p {
	margin-right: 215px;
}*/
.otl2 p.sign {
	text-align:right;
}
/*---　役員一覧　-------------------------------------------------------------*/
.otl3 {
	background:url('../img/sub/outline03.gif') no-repeat 520px bottom;
}
.otl3 table {
	width: 420px;
}
.otl3 table th {
	padding: 5px 10px;
	background:url('../img/sub/table_title_bg.gif')repeat;
	border-right:1px solid #b9b197;
}
.otl3 table td {
	padding: 5px 10px;
	border-right:1px solid #b9b197;
}
.otl3 table th:nth-child(odd),
.otl3 table td:nth-child(odd){
	width:5.5em;
	}
.otl3 table th:nth-child(even),
.otl3 table td:nth-child(even){
	border-right:0;
}
/*---　情報公開　-------------------------------------------------------------*/
.otl5 .disclosure {
	padding: 20px;
	margin:0 15px 40px 38px;
	background: #fff;
	border: 1px solid #c8bbb7;
}
.otl5 .disclosure dl {
	padding-left:20px;
	width: auto;
	float: left;
	border-left: 1px dotted #7a7070;
}
.otl5 .disclosure dl:first-child {
	padding-left:0;
	border-left:0;
}
.otl5 .disclosure dl dt {
	margin-bottom:10px;
	font-weight: bold;
	font-size:110%;
}
.otl5 .disclosure dl dd {
	margin-bottom: 10px;
}
/*.otl5 .disclosure a{
	color:#494949;
	text-decoration:none;
}
.otl5 .disclosure a:hover {
	text-decoration: underline;
}*/
#sub_main .otl5 .disclosure p {
	margin: 0;
}
#sub_main .otl5 .disclosure p a:after {
	content: url(../img/arrow.png);
	display: inline-block;
	position: relative;
	top: 4px;
	left: 4px;
}
#sub_main .otl5 .disclosure p a:hover:after {
	opacity: 0.7;
}
/* ==========================================================================
	ローガン記念館について
	========================================================================== */
.logan {
	background: url(../img/sub/logan02.jpg) no-repeat  390px 640px;
	}
.logan img.img01 {
	margin-bottom:50px;
}
.logan p.img02 {
	margin-right:330px;
}

/* ==========================================================================
	お問い合わせ
	========================================================================== */
#form p {
	margin: 0 15px 1.5em 15px;
}
#form img {
	margin-bottom: 35px;
}
#form table {
	margin: 0 15px 40px 15px;
	border-bottom: 1px dotted #b9b197;
}
#form th {
	padding: 15px;
	width: 15em;
	background: none;
	border-top: 1px dotted #b9b197;
	font-weight: bold;
}
#form td {
	padding: 15px;
	border-top: 1px dotted #b9b197;
}
#form table input, #form textarea {
	padding:5px;
	width: 100%;
	background-color:#ece9d6;
	border: none;
}
#form textarea {
	height: 200px;
}
#form .required {
	padding-left: 10px;
	font-size: 85%;
	font-weight: normal;
	color: #d22c2c;
}
#form .button {
	text-align: center;
}
#form .button input {
	padding: 5px 15px;
}
#form #form-copyright {
	display:none;
}

/* ==========================================================================
	サイトマップ
	========================================================================== */
#sub_main ul.sitemap{
	margin: 0 15px;
	width: 325px;
	float: left;
}
#sub_main ul.sitemap li {
	margin-bottom: 10px;
	list-style: none;
}
#sub_main .sitemap li a {
	padding-left: 20px;
	background:url('../img/sub/h2.gif') no-repeat left center;
	background-size:15px 16px;
	border-bottom: 1px solid #e0dac4;
	display: block;
	color: #494949;
	text-decoration: none;
}
#sub_main .sitemap li a:hover {
	background-color: #f0ede2;
}
#sub_main .sitemap li ul {
	margin: 10px 0 20px 30px;

}
#sub_main .sitemap li ul li {
	margin-bottom: 0;
	list-style: disc;
	list-style-position: outside;
}
#sub_main .sitemap li ul li a {
	padding-left:0;
	background: none;
	border-bottom: 0;
}
/* ==========================================================================
	サイド
	========================================================================== */
#side {
	position:absolute;
	right:0;
	top:50px;
}
.bnr {
	display: block;
	margin-bottom: 20px;
}
/*---　サイドメニュー　---------------------------------------------------------*/
#side #side_menu {
	margin-bottom: 40px;
	font-size: 105%;
}
#side #side_menu ul {
	background: url('../img/sub/side_bg.gif') repeat;
}
#side #side_menu ul li {
	margin: 0 20px;
	border-top: 1px dotted #bbb8b0;
}
#side #side_menu ul li:first-child {
	border-top: 0;
}
#side #side_menu ul li a {
	padding: 15px 0 15px 15px;
	display: block;
	color: #494949;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
}
#side .ftr ul li a {background-image: url('../img/sub/list_feature.gif');}
#side .otl ul li a {background-image: url('../img/sub/list_outline.gif');}

#side #side_menu ul li a:hover {
	text-decoration: underline;
}

/*---　お問い合せはこちらから　---------------------------------------------------*/
#side p.info_contact_title {
	margin-bottom: 0;
}
#side #info_contact {
	background-color: #fff;
	border-right: 1px solid #e3e0d7;
	border-bottom: 1px solid #e3e0d7;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
#side #info_contact img {
	margin: 20px 30px;
}
#side #info_contact ul {
	margin: 0 10px 10px 10px;
	padding:18px 0 3px 0;
	background: url('../img/side_bg.gif') repeat;
}
#side #info_contact ul dl{
	margin: 0 0 15px 18px;
}
#side #info_contact ul dl dt {
	color:#567a3f;
	font-weight: bold;
	font-size: 105%;
}
#side #info_contact ul dl dd {
	font-size: 95%;
}
#side #info_contact ul dl dd:before{
	content:"‐";
	margin-right: 3px;
}
#side #info_contact a#gomap {
	padding:1px 5px;
	margin-left:10px;
	background:#467e23;
	color: #fff;
	font-size:90%;
	text-decoration:none;
}
#side #info_contact a#gomap:hover {
	background:#56952f;
}
