@charset "utf-8";
/* CSS Document */

/*clearfix
--------------------*/
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.page_top{
	display:none;
	width:172px;
	height:204px;
	position:fixed;
	bottom:100px;
	right:50%;
	margin-right:-740px;
}
a, img{
	text-decoration:none;
	border:none;
}

/*HTML Body
--------------------*/
body {
	background: url(../images/bg_main.gif) repeat;
	color: #574745;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}
#header, nav#gNav {
	width: 980px;
	margin: 0 auto;
}
a, a:link, a:hover, a:active {
	text-decoration: none;
	color: #574745;
	cursor: pointer;
}
a:hover {
	opacity: 0.7;
}
li>a {
	display: block;
	width: 100%;
}
.mk_y {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #ffe79a 70%) no-repeat scroll center -2px;
}
.ttl_tx1 {
	font-size: 14px;
	font-weight: bold;
	color: #f4a300;
}
a>img {
	display: block;
}
/*#header
--------------------*/
#header {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
	height: 128px;
}
#header .left, #header .right {
	width: 50%;
	margin-top: 20px;
}
#header .left .top, #header .right .top {
	margin-bottom: 20px;
}
#header .right {
	text-align: right;
}
#header .right a:nth-of-type(2) {
	margin-left: 30px;
}
#header #caption {
	font-size: 14px;
}
#logo{
	width:310px;
}
/*gNav
--------------------*/
#gNav {
	width: 980px;
	margin: 20px auto;
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
}
#gNav li {
	width: 163.333px;
	border-left: 1px dotted #888888;
}
#gNav li:last-child {
	border-right: 1px dotted #888888;
}
#gNav li a {
	display: block;
	text-indent: -9999px;
	height: 60px;
	position: relative;
}
#gNav li a span {
	display: block;
	width: 123px;
	height: 18px;
	margin: 0 auto;
	position: relative;
	top: 22px;
	background: url(../images/gNavi.png) no-repeat;
	background-position: center;
}

#gNav li a span.current{
	background: url(../images/gNavi_current.png) no-repeat;
}



#gNav #gNav1 a span {
	background-position: center 0px;
}
#gNav #gNav2 a span {
	background-position: center -20px;
}
#gNav #gNav3 a span {
	background-position: center -38px;
}
#gNav #gNav4 a span {
	background-position: center -58px;
}
#gNav #gNav5 a span {
	background-position: center -75px;
}
#gNav #gNav6 a span {
	background-position: center -92px;
}





/*localNavi
--------------------*/
#localNavi {
    margin: 0 auto;
    width: 980px;
}

#localNavi > ul{
	height:45px;
	background-color:#f2f2f2;
	
	
}
#localNavi > ul > li{
	height:58px;
    float: left;
	
}
#localNavi > ul > li > a{
	    background-color: #f2f2f2;

    padding: 10px 50px;
}
#localNavi > ul > li.current_local > a{
    background-color: #ffe79a;
	color:#e67373;
}

#localNavi > ul > li.current_local{
	background: url(../images/localNavi.png) no-repeat;
	background-position:bottom center;
	font-weight:bold;
}

/*main
--------------------*/
#main {
	width: 100%;
}
/*footer
--------------------*/
#footer {
	width: 100%;
	height: 290px;
	margin: 80px auto 0;
	background: url(../images/bg_ft.png) repeat-x;
	background-position: center bottom;
	font-size: 12px;
}
#footer>.inner {
	width: 980px;
	margin: 0 auto;
}
#footer>.inner .top {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
#footer #ft_logo {
	width: 310px;
}
#footer #address {
	width: 500px;
	margin-top: 10px;
	text-indent: -5em;
}
#footer #ft_sitemap {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
}
#footer #ft_sitemap ul>li:first-child {
	font-weight: bold;
}
#footer #copyright {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
	width: 980px;
	margin: 96px auto 8px;
	font-weight: bold;
}

/*パンくず
--------------------*/
#breadcrumb{
	float:right;
	font-size: 13px;
}
#breadcrumb li{
	float:left;
	}
#breadcrumb li:not(:last-child){
	margin-right:20px;
	}
ul#breadcrumb > li:not(:last-child) > a:after{
	content:">";
	margin-left:20px;
	}
	
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}


/*タイトル
--------------------*/

#page_catch{
	text-align:center;
	}
#page_catch .ttl_type1{
	margin:40px 0;
}
#page_catch p{
	margin-bottom:40px;
}


.ttl_type1 span{
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffe79a 80%) no-repeat scroll center -2px;
	font-size:30px;
}


.ttl_type2{
	margin-top:10px;
	font-size:3.0rem;
	}
.ttl_type2 span{
	font-size:2.1rem;
	padding-left:40px;
		}

#spring .ttl_type2{
	color:#f27878;
	}
#summer .ttl_type2{
	color:#6985db;
	}
#autumn .ttl_type2{
	color:#9c623b;
	}
#winter .ttl_type2{
	color:#69aaff;
	}
	
.ttl_type3 {
    color: #cc6666;
    font-size: 1.1rem;
}
.ttl_type4{
	  font-size: 24px;
	  font-weight:bold;
	margin-right:50px;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffe79a 80%) no-repeat scroll center -2px;
}
.ttl_type5 {
    color: #f4a300;
    font-size: 1.0rem;
}

/*テーブル（共通）
--------------------*/

.tbl_type1 tbody tr th:before{
	content:"●";	
	
	}
.tbl_type1 tbody tr td.daytime{
	padding-left:0;	
	}


.tbl_type1 tbody tr:nth-child(odd){
	background: #f2f2f2;
	}

.tbl_type1 tbody tr:nth-child(even){
	background: #ffffff;
	}
/*テーブル（保育サービス）
--------------------*/

#service table {
    margin-top: 20px;
    width: 980px;
}
#service .tbl_type1 tbody tr th {
    padding: 16px 30px 16px 80px;
    width: 225px;
}
#service .tbl_type1 tbody tr td{
	padding-left:50px;	
	}

/*テーブル（各園の紹介）
--------------------*/
#nursery table {
    width: 530px;
}

#nursery .tbl_type1 tbody tr th {
    padding: 16px 30px;
}
#nursery .tbl_type1 tbody tr td {
    padding: 16px 30px;
}
/*テーブル（園の概要）
--------------------*/

#outline table {
    margin-top: 20px;
    width: 980px;
}
#outline .charge table {
    margin: 20px 20px 0;
    width: 920px;
}
#outline #history .charge{
    margin-top: 0;
}
#outline #history .charge table {
    margin: 0;
    width: 700px;
    font-size:15px;
}

#outline #history .tbl_type2 tbody tr th {
    padding: 16px 30px;
	width:130px;
	color:#e67373;
}
#outline #history .tbl_type2 tbody tr td{
	padding:20px 0;
	/*-----
	vertical-align:top;
	-----*/
}
#outline #history .tbl_type2 tbody tr td:last-child{
	width:480px;
}
#outline .tbl_type1 tbody tr th {
    padding: 16px 30px 16px 100px;
    width: 250px;
}
#outline .tbl_type1 tbody tr td{
	padding:16px 0 16px 60px;	
	}
#outline .tbl_type2 tbody tr th {
    padding: 16px 30px 16px 100px;
    width: 260px;
}
#outline .tbl_type2 tbody tr td{
	vertical-align: middle;
	padding:16px 0 16px 60px;
	    display: inline-block;
    margin-left: 20px;
	}
#outline .tbl_type2 tbody tr{
	border-bottom:1px dotted #b6b6b6;	
	}