@charset "UTF-8";

/*---------------------------------
Theme Name: ママフレ
Theme URI: http://mamafre.jp/
Description: ママフレテーマ。レスポンシブWebデザイン。
Version: 3.1
Author: Makoto Kondo / TSUKURIBE
Author URI: http://chephes.com,  http://www.tsukuri.be
v3.1     子テーマを廃止
v3		topに行政サービス表示
			広告枠一括管理
			広告タグWidget追加
			topに共通サーバーからRSS取得
			topのオススメ件数を管理画面より制御
v2.1	自治体の"市"表記を削除。（区に対応するため）
		clipbordの表示のされ方変更
v2.1.1	service-cateoryのerror修正
-----------------------------------
#wrapper
	└#heaedr
	└#navi
	└#container
		└#side
		└#content
	└#footer
------------------------------------
----------------------------------*/

/*default
-----------------------------------*/
body,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,form,input,textarea,fieldset,
ul, ol, dl, li,dt,dd,address,caption {
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	}
p{
	margin-bottom: 1em;
	/*margin-right:90px;*/
	}

body{
	color: #333;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
* html body{
	padding: 40px 0;
}
address,em,caption,th{
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}
img{
	vertical-align: bottom;
	border: none;
	}

li{	list-style-type: none;	}

small{	font-size: 75%;/*12px*/	}

.url{
	-ms-word-break: break-all;
	word-break: break-all;
}

/*link
-----------------------------------*/

/*common style
-----------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;}

.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
a.arrow{
	padding: 0 0 0 14px;
	background: url(./img/icons.gif) left 6px no-repeat;
	display:block;
}

.pageTopText{
	padding: 0 0 0 12px;
	font-size: 87.5%;/*14px*/
	background: url(./img/icons.gif) left -117px no-repeat;
}

/*list*/
.basicList{
		margin: 0 0 1em 20px;
	}
	.basicList li{
		margin: 0 0 0.5em 0;
		list-style-type: disc;
	}
.basicOl{
		margin: 0 0 1em 20px;
                padding: 0px 15px;
	}
	.basicOl li{
		margin:  0 0 0.5em 0;
		list-style-type: decimal;
	}

ul.naviLarge{
	overflow: hidden;
	margin: 0 0 1em;
}
ul.naviLarge li{
	float: left;
	margin-right: 20px;
}
ul.naviLarge li a{
	padding: 4px 0 4px 14px;
	font-size: 125%;
	background: url(./img/icons.gif) left 14px no-repeat;
}

ul.naviBottom{
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}



.red{
	color: #e50000;
}
/*fluid image*/
img{
	max-width: 100%;
	height: auto;
}
.ie img{
	max-width: none;
}

.mt30{	margin-top: 30px;	}


/*all
-----------------------------------*/
#all{
	margin: 0 auto;
	padding: 0 0;
	max-width: 1200px;
	width: 100%;
}
.ie #all{
	min-width: 850px;
}
* html #all{
	overflow: hidden;
	width: expression(document.body.clientWidth < 932? "930px" : "auto");
}


/*wrapper
-----------------------------------*/
#wrapper{
	margin: 40px 15px;
	padding: 40px;
	background: #fff;
	border-radius: 30px;
	behavior: url(/js/PIE.htc);
	-webkit-transition: margin 0.3s ease-out;
	transition: margin 0.3s ease-out;
	}


/*header
-----------------------------------*/
#header{
        background: url(./img/bg_header.png) left bottom no-repeat;
	position: relative;
	margin-top: -40px;
	padding-top: 20px;
	height: 180px;
	}
    #header.collabo{
        background-image: url(./img/collabo_bg_header.png);
	}
* html #header{
        background:url(./img/bg_header.gif) left bottom no-repeat;
	height: 180px;
	width: 100%;
	}
	#header h1{
	   position:absolute;
	   bottom:30px;
	}
	#header h1 img.mobile{
		display: none;
	}
	#header #cityLogo{
	   width:216px;
	   height:48px;
	   float:left;
	   margin-bottom:20px;
	}
		#header #cityLogo img{
			max-width:216px;
			max-height:48px;
			-webkit-transition: width 0.3s ease-out;
		}
	#headerRight{
		text-align: right;
		position:absolute;
		bottom:0px;
		right:0px;
	}
	#headerRight ul.language li{
	   font-size:90%;
	   display:inline;
	}
#headerRight ul.loginbar li{
	   font-size:90%;
       display:inline;
       margin-right:5px;
}
	#headerRight dl{
		clear: right;
		width: 200px;
		float: right;
		overflow: hidden;
		font-size: 10px;
	}
		#headerRight dl#bgChange{
			margin: 0 0 12px 0;
		}
		#headerRight dl#sizeChange{
			margin: 0 0 15px 0;
		}
	#headerRight dl dt{
		float: left;
	}
	#headerRight dl dd ul{
		overflow: hidden;
		text-align: left;
	}
	#headerRight dl dd ul li{
		float: left;
		width: 40px;
	}
	#headerRight dl dd a{
		display: block;
		width: 40px;
		height: 24px;
		background: url(./img/btn_change_status.png) no-repeat;
		text-indent: -9999px;
	}
	#bgChange .setDefault{		background-position: 0px 0px;	}
	#bgChange .setBlue{			background-position: -40px 0px;	}
	#bgChange .setYellow{		background-position: -80px 0px;	}
	#bgChange .setBlack{		background-position: -120px 0px;	}
	#bgChange .setDefault:hover{	background-position: 0px -24px;	}
	#bgChange .setBlue:hover{		background-position: -40px -24px;	}
	#bgChange .setYellow:hover{		background-position: -80px -24px;	}
	#bgChange .setBlack:hover{		background-position: -120px -24px;	}
	#bgChange .current .setDefault{		background-position: 0px -48px;	}
	#bgChange .current .setBlue{			background-position: -40px -48px;	}
	#bgChange .current .setYellow{		background-position: -80px -48px;	}
	#bgChange .current .setBlack{		background-position: -120px -48px;	}

	#sizeChange .setSmall{		background-position: 0px -72px;	}
	#sizeChange .setMidium{		background-position: -40px -72px;	}
	#sizeChange .setLarge{		background-position: -80px -72px;	}
	#sizeChange .setSmall:hover{	background-position: 0px -96px;	}
	#sizeChange .setMidium:hover{	background-position: -40px -96px;	}
	#sizeChange .setLarge:hover{	background-position: -80px -96px;	}
	#sizeChange .current .setSmall{		background-position: 0px -120px;	}
	#sizeChange .current .setMidium{		background-position: -40px -120px;	}
	#sizeChange .current .setLarge{		background-position: -80px -120px;	}
	/*form*/
	#searchBtn{
		display: none;
	}
	#headerRight form{
		margin: 0 0 10px 0;
	}
		#headerRight form input{
			vertical-align: middle;
		}
			#headerRight form .word{
				padding: 5px 10px 5px 18px;
				width: 150px;
				border: 2px solid #008b45;
				background: #fff url(./img/bg_search.png) left center no-repeat;
				border-radius: 5px;
			}
	/*navi*/
	#header ul.navi{
		padding-bottom: 10px;
		clear: right;
		text-align: right;
	}
	#header ul.navi li{
		display: inline;
		padding: 0 5px;
		font-size: 68%;/*11px*/
		border-right: 1px solid #000;
		line-height: 1.2;
		line-break: strict;
		word-bread: break-strict;
		white-space: nowrap;
	}
		#header ul.navi li.last{
			border-right: none;
		}
		#header ul.navi li a{
			color: #0071b5;
		}
		/*color*/
		.black #header ul.navi li ,
		.blue #header ul.navi li a{
			color: #fff;
		}
#topService{
    margin-top:30px;
}
#topBanner{
    float:left;
}
#topBanner img{
    float:left;
}
#logo{
    clear:both;
    float:left;
}

.appbutton a{
    display:block;
    border-radius:5px;
    border:solid 1px #c0c0c0;
    padding:2px 5px;
    margin:8px 8px 0px 8px;
    font-weight:bold;
	text-decoration: none;
}

/*navigation(メニュー)
-----------------------------------*/
#navi{
	margin: 20px 0 15px;
}
* html #navi{
	overflow: hidden;
}
#navi ul, #navi table{
    width:100%;
    display:table;
    table-layout:fixed;
	text-align: center;
	border-collapse:separate;
	border-spacing:10px 0px;
}
#navi li, #navi td{
    display:table-cell;
	font-weight: bold;
	border-bottom: 3px solid #148644;
}
#navi li a, #navi td a{
	background-color: #ffffff;
	color: #147f42;
	display: block;
	padding: 70px 0 0 0;
	text-decoration: none;
	line-height: 1.2;
	background-repeat:no-repeat;
	background-position:center -5px;
}
#navi li a:hover, #navi td a:hover{
	background-position:center -155px;
}
#navi li a.selected, #navi td a.selected{
	background-color: #4cc176;
	color: #fff;
	background-position:center -305px;
}

a.navi-home{
    background-image:url(./img/navi-home.png);
}

a.navi-service{
    background-image:url(./img/navi-service.png);
}

a.navi-advice{
    background-image:url(./img/navi-advice.png);
}

a.navi-link{
    background-image:url(./img/navi-link.png);
}

a.navi-useful{
    background-image:url(./img/navi-useful.png);
}

a.navi-bbs{
    background-image:url(./img/navi-bbs.png);
}

a.navi-hospital{
    background-image:url(./img/navi-hospital.png);
}

a.navi-event{
    background-image:url(./img/navi-event.png);
}

a.navi-akachaneki{
	background-image:url(./img/navi-akachaneki.png);
}

a.navi-fukuoka-service{
	background-image:url(./img/navi-fukuoka-service.png);
}
a.navi-fukuoka-fac{
	background-image:url(./img/navi-fukuoka-fac.png);
}
a.navi-fukuoka-soudan{
	background-image:url(./img/navi-fukuoka-soudan.png);
}
a.navi-fukuoka-yomimono{
	background-image:url(./img/navi-fukuoka-yomimono.png);
}
a.navi-fukuoka-kodomo{
	background-image:url(./img/navi-fukuoka-kodomo.png);
}

* html #navi li a{
	padding: 75px 0 0 0;
}

/*container
-----------------------------------*/
#container{
	position: relative;
	margin: 0px;
}
* html #container{
	width: 100%;
}
#bread{
	margin: 0 0 10px 0;
}
#bread li{
	display: inline;
}
	#bread li a{
		padding: 0 15px 0 0;
		background: url(./img/icons.gif) right -703px no-repeat;
	}

.pageTopBottom{
	margin: 1em 0 10px;
	text-align: right;
}


/*content
-----------------------------------*/
#content{
	float: left;
	margin: 0 -330px 0.5em 0;
	width: 100%;
}
#contentInner{
	margin: 0 330px 0 0;
}
* html #content{
	height: 630px;
}
#content h2{
	margin: 0 0 10px 0;
}
#contentAd{
	text-align: center;
}
#contentAd .sideAd{
	display: none;
}

#content .likeBox h2{
    margin-top:30px;
    margin-bottom: 30px;
    background-color: #00a73c;
    padding-left:20px;
    color:#ffffff;
    font:100%;
}

/*side
-----------------------------------*/
#top #side{
/* 	margin-top: 2em; */
}
#side{
	float: right;
	margin: 0 0 35px 0;
	width:300px;
	}
	#side h3{
		margin: 0 0 10px 0;
	}

	#sideSocial{
		margin: 0 0 10px;
		padding: 10px;
		font-size: 85%;/*12px*/
		border: 1px solid #000;
	}
		#sideSocial ul{
			margin: 5px 0 10px;
			/* overflow: hidden; */
			display: flex;
			flex-wrap: wrap;
		}
			#sideSocial li{
				/*display: inline;*/
				flex: 1 1 auto;
				/* float: left;
				margin-bottom: 10px; */
			}
			/* #sideSocial li.twitter{
				height: 29px;
			}
			#sideSocial li.line,
			#sideSocial li.fb,
			#sideSocial li.mixi{
				height: 30px;
			} */
* html #viewSource{
	display: none;
}
	#viewSource a{
	}
	#sideBunner{
		margin: 0;
	}


/*bottom banner
-----------------------------------*/
#bottomBanner{
	clear: both;
	margin: 10px 0 10px 0;
	padding: 5px 0 0 0;
	border-top: 1px dashed #5ab7d5;
}
/*******************ChangeColor***********************/
.blue #bottomBanner,
.black #bottomBanner{
	border-color:#fff;
}
.yellow #bottomBanner{
	border-color:#000;
}
/*****************************************************/
	#bottomBanner h3{
		margin: 0 0 10px;
	}
	#localBanner{
		overflow: hidden;
	}
	#localBanner li{
		float: left;
		width: 16.6%;/*(120+4)/740*/
		text-align: center;
		padding: 15px 0px;
	}
	#localBannerText{
		display: none;
		margin-left: 20px;
	}
	#localBannerText li{
		margin: 0 5px;
		list-style-type: disc;
	}



/*footer
-----------------------------------*/
#footerPagetop{
	margin: 10px 0;
	text-align: right;
}
#footer{
	position:  relative;
	padding: 5px 0 0;
	font-size: 68%;/*11px*/
	border-top: 3px #0081cc solid;
	min-height:78px;
	}
/*******************ChangeColor***********************/
.yellow #footer{
	border-color:#000;
}
.black #footer,
.blue #footer{
	border-color:#fff;
}
/*****************************************************/
* html #footer{
	width: 100%;
	height: 90px;
}
	#footer .navi{
		color: #0071b5;
	}
	/*color*/
	.black #footer .navi,
	.blue #footer .navi{
		color: #fff;
	}
	#footer .navi a{
		color: #0071b5;
	}
	#footer .navi dt{
		float: left;
		width: 14.5em;
		margin: 0 0 0.5em;
	}
	#footer .navi dd{
		margin: 0 0 0.5em 9em;
	}
	#footer .navi ul li{
		display: inline;
		padding: 0 5px;
		border-right: 1px solid #666;
	}
		#footer .navi ul li a{
			/*レスポンシブでフッターはみだしの原因となってたのでコメントアウト*/
			/*white-space: nowrap;*/
		}
		#footer .navi ul li:last-child{
			border-right: none;
		}
	#footerLogo{
		position: absolute;
		right: 0;
		top: 10px;
	}
		#footerLogo li{
			display: inline;
			padding-left: 5px;
		}
			#footerLogo li img{
				vertical-align: top;
			}
	#footer #copy{
		position: absolute;
		right: 0px;
		top: 7.5em;
		font-weight: bold;
		text-align: right;
	}

/*sorce copy*/
#glayLayer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#getSourceLayer{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: -20;
	width: 450px;
	height: 240px;
	margin: -140px 0 0 -225px;
	padding: 30px 0 0;
	border: 5px solid #000;
	background-color: #fffef1;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
}
#getSourceLayer textarea{
	width: 400px;
	height: 4em;
	margin: 0 0 20px;
	padding: 10px;
	text-align: left;
}
/*IE6 hack*/
*html #getSourceLayer{
	display: none;
}
/*IE7 hack*/
*:first-child+html #getSourceLayer textarea{
	margin-left: 225px;
}
#copyBtn{
	display: inline-block;
	padding: 5px 10px;
	background: #f3f3f3;
	background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
	background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
	background-image: -o-linear-gradient(top, #fff, #f3f3f3);
	background-image: linear-gradient(to bottom, #fff, #f3f3f3);
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 1px 1px 0 #ccc;
}
#getSourceLayer .closeBtn{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	background: url(./img/icons.gif) left -646px no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}


/*===========================================================================*/
/*top
-----------------------------------*/
@media only screen and (min-width:839px){
    #topRecommend{
        margin: 2em 0 0;
    }
}
.recommend h3{
	color: #00a73c;
}
/*******************ChangeColor***********************/
.yellow .recommend h3{
	color: #000;
}
.black .recommend h3,
.blue .recommend h3{
	color: #fff;
}
/*****************************************************/
.recommend .column{
	margin: 0 0 1em 0;
	overflow: hidden;
}
.recommend .column .tn{
	float: left;
	width: 150px;
	border: 1px solid #e6e6e6;
	margin-right:10px;
}

.recommend .column h3{
	margin: 0 0 0 0;
}

.recommend .column br{
    display:none;
}

#topInfo{
	margin-bottom: 30px;
}
#topInfoTop{
	background: url(./img/bg_info_top.gif) right bottom no-repeat;
}
#topInfoBottom{
	background: url(./img/bg_info_bottom.gif) right bottom no-repeat;
}

* html #topInfoBottom img{
	position: relative;
	top: 3px;
}
	#topInfo dl{
		margin: 0 0 0 15px;
	}
		#topInfo dl dd{
			margin: 0 0 0.5em;
		}
		#topInfo dl dd p{
			display: inline;
		}
	#topInfoArchive{
		margin: 0 0 0 15px;
	}


/*service
-----------------------------------*/
#serviceListWrap {
	width: 100%;
}
#serviceHeader{
	overflow: hidden;
	margin: 0 0 10px;
	border-bottom: 1px dashed #009045;
}
	#serviceHeader h2{
		float: left;
	}
	#serviceHeader ul{
		margin: 0 0 0 150px;
	}
	#serviceHeader ul li{
		display: inline-block;
		padding: 0 5px;
		line-height: 1.2;
		border-right: 1px solid #000;
	}
	* html #serviceHeader ul li{
		line-height: 1.5;
	}
		#serviceHeader ul li a{
			white-space: nowrap;
		}
		#serviceHeader ul li.last{
			border-right: none;
		}

.serviceList{
	float: left;
	padding-right: 5%;
	width: 45%;
	min-width: 260px;
}
	.serviceList h3{
		margin: 0 0 5px;
		padding: 0 10px;
		color: #fff;
		font-size: 100%;/*16px*/
		border-radius: 10px;
		behavior: url(/js/PIE.htc);
	}
	* html .serviceList h3{
		padding: 5px 10px 0;
		width: 90%;
	}
	.serviceList .inner{
		margin: 0 0 0 5px;
		padding: 0 0 0 10px;
	}
	.serviceItem.todokede h3{	background: #00ad8b;	}
	.serviceItem.kenko h3{	background: #e55397;	}
	.serviceItem.okane h3{	background: #ef8205;	}
	.serviceItem.azukeru h3{	background: #12aeeb;	}
	.serviceItem.manabu-dekakeru h3{	background: #874797;	}
	.serviceItem.soudan h3{	background: #9bba1f;	}
	.serviceItem.byoin-kyukyu h3{	background: #d74450;	}
	.serviceItem.todokede .inner{	border-left: 3px solid #00ad8b;	}
	.serviceItem.kenko .inner{	border-left: 3px solid #e55397;	}
	.serviceItem.okane .inner{	border-left: 3px solid #ef8205;	}
	.serviceItem.azukeru .inner{	border-left: 3px solid #12aeeb;	}
	.serviceItem.manabu-dekakeru .inner{	border-left: 3px solid #874797;	}
	.serviceItem.soudan .inner{	border-left: 3px solid #9bba1f;	}
	.serviceItem.byoin-kyukyu .inner{	border-left: 3px solid #d74450;	}

	.serviceItem.kenko,
	.serviceItem.okane,
	.serviceItem.manabu-dekakeru,
	.serviceItem.soudan,
	.serviceItem.byoin-kyukyu{
		margin-top: 2em;
	}

	.serviceItem ul{
		margin: 0 0 1em 5px;
		padding: 0 0 0 20px;
	}
	.serviceItem ul li{
		margin:  0 0 0.5em 0;
		list-style-type: disc;
	}
	.serviceList .pageTop{
		font-size: 75%;/*12px*/
	}

table.blue{
	width:100%;
}

table.blue th{
	background-color:#64B2CB;
	color:#ffffff;
}
/*******************ChangeColor***********************/
.blue table.blue th,
.black table.blue th{
	background-color:rgba(255,255,255,0.3);
	color:#ffffff;
}
.yellow table.blue th{
	background-color:rgba(0,0,0,0.1);
	color:#000;
}
/*****************************************************/

table.blue th, table.blue td{
	padding:5px;
	border:1px solid #C6E3EC;
	text-align:center;
	font-size:85%;
}
/*******************ChangeColor***********************/
.black table.blue th,
.black table.blue td,
.blue table.blue th,
.blue table.blue td{
	border:1px solid #fff;
}
.yellow table.blue th,
.yellow table.blue td{
	border:1px solid #000;
}
/*****************************************************/

table.blue td:first-child, table.blue th:first-child{
	text-align:left;
}

table.facility th:first-child{
    width:40%;
}

table.blue td.category{
    font-weight:bold;
    color:#ffffff;
}

table.blue td.category.todokede{
    background:#00ad8b;
}

table.blue td.category.kenko{
    background:#e55397;
}

table.blue td.category.okane{
    background: #ef8205;
}

table.blue td.category.azukeru{
    background: #12aeeb;
}

table.blue td.category.manabu-dekakeru{
    background: #874797;
}

table.blue td.subcategory{
    font-weight:bold;
}

/*serviceCategory
-----------------------------------*/
#taxonomyServiceCate{
}
	#taxonomyServiceCate h3{
		margin: 0 0 5px;
		padding: 0 10px;
		color: #fff;
		font-size: 100%;/*16px*/
		border-radius: 10px;
		behavior: url(/js/PIE.htc);
	}
	#taxonomyServiceCate .inner{
		margin: 0 0 0 5px;
		padding: 0 0 0 10px;
	}
	#taxonomyServiceCate .serviceItem.kenko,
	#taxonomyServiceCate .serviceItem.okane,
	#taxonomyServiceCate .serviceItem.manabu-dekakeru,
	#taxonomyServiceCate .serviceItem.soudan,
	#taxonomyServiceCate .serviceItem.byoin-kyukyu{
		margin-top: 0;
	}



/*page
-----------------------------------*/
#servicePage{
	background: url(./img/img_paper_right.gif) right top no-repeat;
	line-height: 1;
}
* html #servicePage{
}
#servicePage .inner{
	padding: 0 20px 20px;
	line-height: 1.5;
	border-left: 2px solid #009045;
	border-right: 2px solid #009045;
	border-bottom: 2px solid #009045;
	border-radius: 0 0 10px 10px;
	behavior: url(/js/PIE.htc);
}
* html #servicePage .inner{
	border-radius: none;
	behavior: url(/);
}
	#servicePage #serviceTop{
		margin: 0 0 2em;
		overflow: hidden;
	}
		#servicePage #serviceTop .floatLeft{
		}
		#servicePage #serviceTop #servicePoint{
			float: right;
			width: 270px;
			background: url(./img/bg_service_point.gif) center bottom no-repeat;
		}
			#servicePage #serviceTop #servicePoint table{
			width: 100%;
			background: url(./img/bg_service_point_top.gif) center top no-repeat;
		}
			#servicePage #serviceTop #servicePoint th{
				padding: 5px;
				width: 30px;
				text-align: center;
			}
	#content.fixedPage #servicePage .inner h2{
		padding: 2px 0 2px 25px;
		font-size: 137%;/*22px*/
		color: #009045;
		background: url(./img/img_check.gif) left 2px no-repeat;
		border: none;
	}
	* html #content.fixedPage #servicePage .inner h2{
		padding: 6px 0 2px 25px;
	}
	/*color*/
	.black #servicePage .inner h2,
	.blue #servicePage .inner h2{
		color: #fff;
	}
	#servicePage .inner .catch{
		font-size: 100%;/*16px*/
		font-weight: bold;
	}

	#servicePage th, #servicePage dt{
		padding: 0 0 1em 0;
		width: 11em;
		font-weight: bold;
		vertical-align: top;
		color: #009045;
	}

	#servicePage dt{
	    float:left;
	}

	#servicePage dd{
		margin: 0px 0px 0px 11em;
	}
	/*color*/
	.black #servicePage .inner #serviceContent th,
	.blue #servicePage .inner #serviceContent th{
		color: #fff;
	}
	#servicePage .inner #serviceContent td{
		padding: 0 0 1em 0;
	}
	#servicePage .inner dl{
		margin-bottom: 1.5em;
	}
	#servicePage .inner dt{
		float: left;
		font-weight: bold;
		color: #009045;
	}
	/*color*/
	.black #servicePage .inner dt,
	.blue #servicePage .inner dt{
		color: #fff;
	}
		#servicePage .relativeLink{
			margin: 30px 20px;
		}
		#servicePage .relativeLink a{
		    display:block;
			margin: 0px 0px 5px 0px;
			padding: 0 0 5px 14px;
			background: url(./img/icons.gif) left 5px no-repeat;
			border-bottom: 1px solid #ccc;
		}





/*archive
-----------------------------------*/
.arichivePost{
	overflow: hidden;
	margin: 0 0 1em;
}
	.arichivePost .tn{
		float: left;
		border: 1px solid #e6e6e6;
	}
	.arichivePost .inner{
		margin: 0 0 0 165px;
	}


/*change color*/

.default #wrapper{
	background-color: #fff;
}
.black #wrapper{
	background-color: black;
}
.black #wrapper,
.black #wrapper a,
.blue #wrapper,
.blue #wrapper a{
	color: #fff;
}

.black #wrapper #navi a,
.blue #wrapper #navi a{
	color: #147f42;
}
.yellow #wrapper{
	background-color: yellow;
}
.blue #wrapper{
	background-color: blue;
}

#wrapper.search {
	margin-top: 70px;
}



/*固定ページ
-----------------------------------*/
#content.fixedPage h2{
	margin: 0 0 20px;
	padding-bottom: 5px;
	line-height: 1.2;
	color: #EC5C97;
	font-size: 200%;
	font-weight: normal;
	background: url(./img/bg_h2_fixedpage.png) left bottom repeat-x;
}
* html #content.fixedPage h2{
	background: url(./img/bg_h2_fixedpage.gif) left bottom repeat-x;
}

/*******************ChangeColor***********************/
	.yellow #content.fixedPage h2{
		color: #000;
	}
	.black #content.fixedPage h2,
	.blue #content.fixedPage h2{
		color: #fff;
	}
/*****************************************************/


#content.fixedPage h3{
	margin: 40px 0 15px;
	padding: 5px 10px;
	color: #fff;
	background: #5AB7D5;
	border-radius: 5px;
}
/*******************ChangeColor***********************/
.yellow #content.fixedPage h3 {
	background-color: #000;
}
.blue #content.fixedPage h3,
.black #content.fixedPage h3 {
	background-color: rgba(255,255,255,0.3);
}
/*****************************************************/
#content.fixedPage h4{
	margin: 20px 0 10px;
	font-size: 125%;
	color: #009045;
}
/*******************ChangeColor***********************/
	.yellow #content.fixedPage h4{
		color: #000;
	}
	.blue #content.fixedPage h4,
	.black #content.fixedPage h4{
		color: #fff;
	}
	
/*****************************************************/
/*オススメ情報*/
#content.fixedPage .tn{
	margin: 0 1em 1em 0;
	float: left;
}


/*ママフレ特集*/
#useful{
/* 	background: url(img/pic_boy.gif) right no-repeat; */
}
#useful ul{
	margin-bottom: 2em;
}
#useful ul li{
	margin: 0 0 0.5em;
	padding: 0 0 0 15px;
	background: url(./img/icons.gif) left 8px no-repeat;
}

/*保育サービスナビ*/
#hoikuServiceNavi .advice{
	padding: 0 155px 0 0;
	background: url(img/bg_mother_advice02.gif) right bottom no-repeat;
}
#hoikuServiceNavi dl{
	margin: 0 0 1.5em 0;
}
	#hoikuServiceNavi .section{
		margin-bottom: 40px;
		padding-bottom: 10px;
		border-bottom: 3px #0094c3 dashed;
	}
	#hoikuServiceNavi h5{
		margin-bottom: 10px;
		padding: 3px;
		font-size: 112.5%;/*18px*/
		background: #e5f9ff;
	}
	.black #hoikuServiceNavi h5,
	.blue #hoikuServiceNavi h5{
		background: #333;
	}
	#hoikuServiceNavi dl dt{
		padding: 0 0 0 15px;
		font-weight: bold;
		background: url(./img/icons.gif) left -255px no-repeat;
	}
	#hoikuServiceNavi dl dd{
		margin: 0 0 5px 15px;
	}
	#hoikuServiceNavi dl dd.link{
		margin-top: 10px;
	}
	#hoikuServiceNavi #hoikuServicePlace dl{
		padding: 10px;
		border: 1px #a1d5e5 solid;
		border-radius: 5px;
		behavior: url(/js/PIE.htc);
	}
	#hoikuServiceNavi .checkPoint{
		margin: 10px 10px 20px;
		padding: 10px;
		background: #fffdf3;
		border: 1px #ffc600 solid;
		border-radius: 10px;
		behavior: url(/js/PIE.htc);
	}
	.black #hoikuServiceNavi .checkPoint,
	.blue #hoikuServiceNavi .checkPoint{
		background: none;
	}

/*子育てがつらいと思ったら*/
.bgPicMother{
	padding: 0 150px 0 0;
	background: url(img/pic_mother.gif) right top no-repeat;
}
.adviceTelList{
	margin: 30px 0 0;
	padding: 10px;
	border: 2px solid #009045;
	border-radius: 10px;
}
	#content.fixedPage .adviceTelList h4{
		margin: 0 0 15px;
		text-align: center;
		background: #00a73c;
		border-radius: 5px;
	}
	.adviceTelList dl{
		margin-bottom: 1.5em;
	}
	.adviceTelList dl dt{
		padding: 0 0 0 1em;
		background: url(./img/icons_disc.gif) left -320px no-repeat;
	}
	.adviceTelList dl dd{
		margin: 0 0 5px;
		padding: 0 0 0 2.1em;
		background: url(./img/icons.gif) left -530px no-repeat;
	}

/*救急*/
#hospital #section00{
}
	#hospital #section00 .inner img{
		float: right;
	}
	#hospital #section00 ul{
		float: left;
	}
#hospital .arrow02{
	padding: 0 0 0 15px;
	background: url(./img/icons.gif) left -57px no-repeat;
}
#hospital .section{
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 3px #0094c3 dashed;
}
/*******************ChangeColor***********************/
.black #hospital .section,
.blue #hospital .section{
	border-color:#fff;
}

.yellow #hospital .section{
	border-color:#000;
}
/*****************************************************/

#hospital h5{
	margin: 20px 0 10px;
	padding: 3px;
	font-size: 112.5%;/*18px*/
	background: #e5f9ff;
}
#hospital dl{
	margin: 0 0 1.5em 0;
}
	#hospital dl dt{
		padding: 0 0 0 15px;
		font-weight: bold;
		background: url(./img/icons.gif) left -57px no-repeat;
	}
	#hospital dl dd{
		margin: 0 0 5px 15px;
	}

		#hospital dl dd.link{
			margin: 10px 0 0 15px;
		}
		#hospital dl dd.tel{
			margin: 0 0 5px 15px;
			padding: 0 0 0 18px;
			background: url(./img/icons.gif) left -530px no-repeat;
		}
		#hospital ul.links li{
		margin: 0 0  0.5em;
		padding: 0 0 0 24px;
		background: url(./img/icons.gif) left -596px no-repeat;
		}


	#hospital dl dd dl dt{
		background: url(./img/icons.gif) left -255px no-repeat;
	}
	#hospital dl dd table{
		margin-top: 10px;
	}
	#hospital dl dd table th,
	#hospital dl dd table td{
		padding: 3px 5px;
		border: 1px #b7dc87 solid;
	}
	#hospital dl dd table th{
		text-align: center;
		background: #cee9ac;
	}
		#hospital dl dd table td.weekday{
			background: #f5eac0;
		}
		#hospital dl dd table td.saturday{
			background: #b7dce8;
		}
		#hospital dl dd table td.holiday{
			background: #f0b4c3;
		}
#hospital .pageTopText{
	margin: 2.5em 0;
}


/*妊娠出産・子育てに関する相談先*/
#advice .section{
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 3px #0094c3 dashed;
}
/*******************ChangeColor***********************/
.yellow #advice .section{
	border-color: #000;
}
.blue #advice .section,
.black #advice .section{
	border-color: #fff;
}
/*****************************************************/
#advice #section00{
	background: url(img/pic_mother.gif) right bottom no-repeat;
}
#advice dl{
	margin: 0 0 1.5em 0;
}
	#advice #section01 dl{
		margin: 0 0 2em 0;
	}

	#advice dl dt{
		padding: 0 0 0 15px;
		font-weight: bold;
		background: url(./img/icons.gif) left -255px no-repeat;
	}
	#advice dl dd{
		margin: 5px 0 0 15px;
	}
	#advice dl dd em{
		font-weight: bold;
		color: #009045;
	}
	/*******************ChangeColor***********************/
	.yellow #advice dl dd em{
		color: #000;
	}
	.blue #advice dl dd em,
	.black #advice dl dd em{
		font-weight: bold;
		color: #fff;
	}
	/*****************************************************/


		#advice dl dd.tel{
			margin: 5px 0 0 15px;
			padding: 0 0 0 18px;
			background: url(./img/icons.gif) left -530px no-repeat;
		}
			#advice #section01 dl.area dd.tel{
				margin-bottom: 1.2em;
			}


/*妊娠出産・子育てに関する施設・窓口へのリンク*/
#links ul#sectionLink{
	padding: 15px 150px 15px 0;
	background: url(img/pic_boy.gif) right bottom no-repeat;
	min-height: 130px;
}
* html #links ul#sectionLink{
	background:#fff url(img/pic_boy.gif) right bottom no-repeat;
	min-height: 130px;
}
#links ul li{
	margin: 0 0  0.5em;
	padding: 0 0 0 24px;
	background: url(./img/icons.gif) left -596px no-repeat;
}
	#links ul.basicList li{
		padding: 0;
		background: none;
	}
#links h5{
		margin-bottom: 10px;
		font-size: 112.5%;/*18px*/
	}
#links .pageTopText{
	margin: 2em 0;
}

/*ママフレナビ*/
#content.fixedPage #mamafreNavi h2{
	float: left;
	margin: 0;
	color: #ec5c97;
	font-size: 200%;/*32px*/
	font-weight: normal;
	border: none;
	background: none;
}
	#mamafreNaviHeader{
		overflow: hidden;
		margin: 0 0 20px;
		background: url(img/bg_h2_fixedpage.png) left bottom repeat-x;
	}
	* html #mamafreNaviHeader{
		background: url(img/bg_h2_fixedpage.gif) left bottom repeat-x;
	}
		#mamafreNaviHeader ul{
		/*float: right;
		margin: 10px 0 0;*/
		margin: 10px 0 0 230px;
		}
			#mamafreNaviHeader ul li{
				display: inline;
				padding: 0 6px 0 2px;
				font-size: 87.5%;/*14px*/
				border-right: 1px solid #003fff;
			}
				#mamafreNaviHeader ul li.last{
					border: none;
				}
#content.fixedPage #mamafreNavi h3{
	margin: 0 0 0 14px;
	padding: 2px 0 2px 33px;
	font-size: 175%;/*28px*/
	font-weight: normal;
	color: #0093c2;
	background: url(./img/icons.gif) left -181px no-repeat;
}
#content.fixedPage #mamafreNavi h5{
	margin: 18px 0 2em 0;
	font-size: 100%;/*16px*/
	font-weight: normal;
	text-align: center;
	color: #0093c2;
}
#content.fixedPage #mamafreNavi h5.marginBottom7em{
	/* margin-bottom: 7em; */
}
#content.fixedPage #mamafreNavi h5.marginBottom6em{
	margin-bottom: 6em;
}
#content.fixedPage #mamafreNavi h5.marginBottom5em{
	/* margin-bottom: 5em; */
}
#mamafreNavi .timeLine .sixmonth{
	position: absolute;
	top: 150px;
}


#mamafreNavi .timeLine{
	background: url(img/bg_timeline.gif) left top repeat-y;
}
	#mamafreNavi .timeLine .period{
			position: relative;
			overflow: hidden;
			padding: 20px 0 0 0;
		}
	* html #mamafreNavi .timeLine .period{
		width: 100%;
	}
		#mamafreNavi .timeLine .period h4{
			position: absolute;
			top: 20px;
			left: 0;
			margin: 0;
		}
	#mamafreNavi .timeLine .month{
		float: left;
		padding: 0 0 0 70px;
	}
	#mamafreNavi .timeLine .inner{
		margin: 0 0 0 180px;
		padding: 18px 0 0;
	}

	#mamafreNavi .timeLine dl{
		margin: 0 0 1em 0;
	}

		#mamafreNavi dl.topic{
			padding: 10px 15px;
			border: 1px solid #0093c2;
			border-radius: 10px;
			behavior: url(/js/PIE.htc);
		}
			#mamafreNavi dl.topic dt{
				margin: 0 0 10px;
				padding: 5px 0 5px 33px;
				color: #0093c2;
				background: url(./img/icons.gif) left -181px no-repeat;
			}
	#mamafreNavi .advice{
		padding-left: 85px;
		background: url(img/bg_mother_advice.gif) left top no-repeat;
	}
		#mamafreNavi .advice dl{
			padding: 10px 15px;
			border: 1px dashed #eb5b96;
			border-radius: 10px;
			behavior: url(/js/PIE.htc);
		}
			#mamafreNavi .advice dl dt{
				margin: 0 0 10px;
				color: #eb5b96;
			}

/*小児救急電話相談*/
#content.fixedPage dl.contactTime{
	overflow: hidden;
	margin: 1em 0 2em 0;
	padding: 5px;
	border: 1px solid #c9e9f3;
	/*background: #f0f9fc;*/
	}
		#content.fixedPage dl.contactTime dt{
			float: left;
			}
		#content.fixedPage dl.contactTime dd{
			margin: 0 0 0 100px;
			}

/*当サイトの利用について*/
#content.fixedPage #about h5{
	margin: 10px 0;
	font-size: 112.5%;/*18px*/
}
#about .message{
	background: url(img/bg_mother_advice.gif) right bottom no-repeat;
}
* html #about .message{
	border: 1px #fff solid;
}


/*利用規約*/
#kiyaku .day{
	text-align: right;
}
#kiyaku ol{
	margin: 0 0 0 30px;
}
	#kiyaku ol li{
		margin: 0 0 0.5em 0;
		list-style-type: decimal;
	}
	#kiyaku ol li ol{
		margin: 0.5em 0 0 1em;
	}
		#kiyaku ol li ol li{
			margin: 0 0 0.5em 0;
			list-style-type: none;
		}

#kiyaku #fusoku{
	margin-top: 30px;
	border-top: 3px #0094c3 dashed;
}
	#content.fixedPage #fusoku h4{
		margin-top: 10px;
	}



/*お探しの情報が見つかりません*/
#notfound{
	padding: 20px 0 0;
	text-align: center;
	color: #ccc;
	height: 470px;/*490px*/
	background: url(img/bg_404.jpg) right top no-repeat;
}

	#notfound h2{
		color: #fff;
	}
	#notfoundInner{
		position: relative;
		height: 490px;
		background: url(img/bg_404_map.png) left bottom no-repeat;
	}
	* html #notfoundInner{
		background: url(img/bg_404_map.gif) left bottom no-repeat;
	}
		#notfoundInner ul{
			position: absolute;
			left: 62px;
			top: 190px;
			width: 300px;
			text-align: left;
		}
		#notfoundInner ul li{
			padding-left: 25px;
			margin: 0 0 12px;
		}
		#notfoundInner ul li.home{	background: url(img/404/icons_404.gif) left top no-repeat;}
		#notfoundInner ul li.previous{	background: url(img/404/icons_404.gif) left -80px no-repeat;}
		#notfoundInner ul li.sitemap{	background: url(img/404/icons_404.gif) left -160px no-repeat;}
		#notfoundInner ul li.mail{	background: url(img/404/icons_404.gif) left -240px no-repeat;}




/*コメントアウトの調整*/
#links ul p,
#hoikuServiceNavi dl p{
	margin: 0;
}




/*更新関連
-----------------------------------*/
/*ファミリー・サポート・センター*/
#familySupport .section{
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 3px #0094c3 dashed;
}
#familySupport dl dt{
	padding: 0 0 0 15px;
	font-weight: bold;
	background: url(img/icon_circle01.png) left center no-repeat;
}
* html #familySupport dl dt{
	background: url(img/icon_circle01.gif) left center no-repeat;
}
#familySupport dl dd{
	margin: 0 0 1.5em 15px;
}

/*-------------------------------------*/
/*法律講座*/
#lawcourse .law_arrow{
		font-size:small;
		margin: 0 0 0px 30px;
		padding: 0 0 0 13px;
		background: url(/wp-content/uploads/2013/08/law_arrow2.png) left center no-repeat;
	}
	#lawcourse .section{
		margin-bottom: 40px;
		padding-bottom: 10px;
		border-bottom: 3px #0094c3 dashed;
	}
	#lawcourse dl{
		margin: 0 0 1em 0;
	}
	#lawcourse dl dt{
		padding: 0 0 0 15px;
		font-weight: bold;
		background: url(img/icon_circle01.png) left center no-repeat;
	}
	* html #lawcourse dl dt{
		background: url(img/icon_circle01.gif) left center no-repeat;
	}
	#lawcourse dl dd{
		margin: 0 0 10px 15px;
	}
	#lawcourse .annotation{
		font-size:small;
		padding:15px 20px 15px 20px;
		color:#444444;
	}
	#lawcourse table {
		margin:20px 0;
		font-size:85%;
	}
	#lawcourse table td{
		border:thin #444444 solid;
		padding:5px 5px 5px 5px;
		color:#444444;
	}
	#lawcourse table th{
		border:thin #444444 solid;
		background-color:#dceaf8;
		padding:5px 5px 5px 5px;
		color:#444444;
		font-weight:bold;
	}
	#lawcourse .wmlinks {
		width:100%;
		margin:30px 0px 0px 0px;
		font-size:85%;
		font-color:#444444;
		border:hidden;
	}
	#lawcourse .wmlinks td {
		border:hidden;
		width:34%;
	}
	#lawcourse .wmlinks a {
		text-decoration:none;
	}

/*------------------------------------------------
        施設情報
------------------------------------------------*/
#content #facility h2,
#content.fixedPage #facility h2{
        margin: 0 0 10px;
        border-bottom: 1px dashed #009045;
        background: none;
        color: #009045;
        font-weight: bold;
        font-size: 137.5%;
}
#facility .areaList{
        margin-bottom: 1.5em;
        padding: 5px;
        border: 1px solid #ccc;
        background-color: #f7f7f7;
}
/*******************ChangeColor***********************/
.yellow #facility .areaList,
.blue #facility .areaList,
.black #facility .areaList
 {
	background-color: transparent;
}
.yellow #facility .areaList {
	border-color: #000;
}
/*****************************************************/
#facility .areaList span{
        display: block;
        float: left;
        margin-right: 10px;
}
#facility .areaList ul{
        float: left;
}
#facility .areaList li{
        display: inline;
}
#facility .areaList li a{
        word-break: keep-all;
        word-wrap: normal;
        white-space: nowrap;
}
#facilityList{
        width: 100%;
        margin-bottom: 1em;
}
#facilityList th,
#facilityList td{
        padding: 5px;
        border: 1px solid #C6E3EC;
        text-align: center;
        font-size: 85%;
}
#facilityList th{
        background-color: #64B2CB;
        color: #fff;
}
#facilityList .facilityName{
        display: block;
}
#facilityList .facilityLink{
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 10px;
        padding: 0 0 0 12px;
        background: url(./img/icon_arrow01.gif) left 8px no-repeat;
}
#facilityList tr.even td{
        background-color: #EBF2D9;
}
/*******************ChangeColor***********************/

.blue #facilityList th,
.black #facilityList th {
	background-color: rgba(255,255,255,0.3);
}
.blue #facilityList tr.even td,
.black #facilityList tr.even td {
	background-color: rgba(255,255,255,0.1);
}
.yellow #facilityList th, 
.yellow #facilityList td {
	border-color: #000;
}

.yellow #facilityList th {
	background-color: #000;
}
.yellow #facilityList tr.even td {
	background-color: rgba(0,0,0,0.1);
}
/*****************************************************/

#facilityList td a.have,
#facilityList td a.undefined,
#facilityList td a.none{
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        text-indent: -9999px;
        background: url(./img/icon_ox.png) no-repeat;
}
#facilityList td a.have{
        background-position: left top;
}
#facilityList td a.none{
        background-position: -30px top;
}
#facilityList td a.undefined{
    background-position:-60px top;
}
#facilityList th.child1{
        width: 100px;
}
#facilityList td:first-child{
        text-align: left;
}
#facilityList tbody td span{
        display: none;
}
#facility .pageTop{
        font-size: 75%;
}

@media only screen and (max-width: 700px) {
        #facilityList thead{
                display: none;
        }
        #facilityList tbody tr{
                position: relative;
                display: block;
                margin-bottom: 1.5em;
                padding-bottom: 1.5em;
        }
        #facilityList tbody td{
                        display: list-item;
                        width: auto;
                        margin-left: 20px;
                        padding: 2px;
                        border: none;
                        text-align: left;
        }
        #facilityList .facilityName{
                margin-bottom: 5px;
                padding: 5px;
                background-color: #64B2CB;
                font-weight: bold;
                color: #fff;
        }
        #facilityList .facilityLink{
                display: block;
        }
        #facilityList tbody td:first-child,
        #facilityList tbody tr.even td:first-child{
                display: block;
                margin-left: 0;
                padding: 5px;
                background-color: none;
        }
        #facilityList tr.even td{
                background-color: transparent;
        }
        #facilityList tbody td span{
                display: inline;
        }
        #facilityList td a.have,
        #facilityList td a.undefined,
        #facilityList td a.none{
                display: inline;
                width: auto;
                height: auto;
                margin: 0;
                text-indent: 0;
                background: none;
        }

        /*IE9*/
        .ie9 #facilityList tbody td{
                width: auto;
                margin-left: 0;
                padding: 5px;
                border: 1px solid #ccc;
        }
        .ie9 #facilityList tr.even td{
                background-color: #EBF2D9;
        }
        .ie9 #facilityList .facilityName{
                margin-bottom: 0;
                padding: 0;
                background-color: transparent;
                font-weight: normal;
                color: #333;
        }
        .ie9 #facilityList .facilityLink{
                display: none;
        }


}

/*single page*/
#content.fixedPage h2.facilityTtl{
        background: none;
        border-bottom: 1px dashed #009045;
        font-size: 150%;
        font-weight: bold;
}
/*******************ChangeColor***********************/
.blue #content.fixedPage h2.facilityTtl,
.black #content.fixedPage h2.facilityTtl{
	border-bottom: 1px dashed #fff;
}
.yellow #content.fixedPage h2.facilityTtl{
	border-bottom: 1px dashed #000;
}
/*****************************************************/

#content.fixedPage .facilityInfo h4{
        float: left;
        margin: 0;
        font-size: 112.5%;
}
.facilityInfo .inner{
        margin-left: 5em;
        padding-top: 2px;
}

.facilityTable{
        width: 100%;
        margin-bottom: 20px;
}
.facilityTable th,
.facilityTable td{
        padding: 5px;
        text-align: left;
}
.facilityTable th{
        width: 11em;
        vertical-align: top;
}
.facilityTable th.hasBg{
        border: 1px solid #C6E3EC;
        background-color: #64B2CB;
        color: #fff;
}
/*******************ChangeColor***********************/
.yellow .facilityTable th.hasBg{
	border: 1px solid #000;
	background-color: rgba(0,0,0,0.1);
	color: #000;
}
.blue .facilityTable th.hasBg,
.black .facilityTable th.hasBg{
	border: 1px solid #fff;
	background-color: rgba(255,255,255,0.3);
	color: #fff;
}

/*****************************************************/
.facilityTable td.hasBorder{
        border: 1px solid #C6E3EC;
}
/*******************ChangeColor***********************/
.yellow .facilityTable td.hasBorder{
	border: 1px solid #000;
}
.blue .facilityTable td.hasBorder,
.black .facilityTable td.hasBorder{
	border: 1px solid #fff;
}
/*****************************************************/
#content.fixedPage .facilityTable th h4{
        margin: 0;
}
.facilityTable dl{
        overflow: hidden;
}
.facilityTable dl dt{
        float: left;
}
.facilityTable dl dd{
        margin: 0 0 5px 4.5em;
}
.linkMap{
        word-break: keep-all;
        word-wrap: normal;
        white-space: nowrap;
}
.simplemap{
        margin-bottom: 2em;
        border: 1px solid #ccc;
        border-bottom: none;
}
.ie #simplemap,
.ie .linkMap{
        display: none;
}

.historyback{
                margin-bottom: 1em;
                font-size: 87.5%;
}
.historyback a{
        padding: 0 0 0 20px;
        background: url(./img/icon_reverse.gif) left 4px no-repeat;
}


@media only screen and (max-width: 700px) {
        .facilityTable{
        }
        .facilityTable tbody tr{
                        display: block;
                        margin-bottom: 1em;
        }
        .facilityTable tbody tr.hasHeading{
                        margin-bottom: 0;
        }
        .facilityTable tbody th{
                        display: block;
                        width: auto;
        }
        .facilityTable tbody th.hasBg{
                        background-color: #64B2CB;
                        border: none;
        }
        .facilityTable tbody td.hasBorder{
                border: none;
        }
}


#content #nursery h2,
#content.fixedPage #nursery h2{
	margin: 0 0 10px;
	border-bottom: 1px dashed #009045;
	background: none;
	color: #009045;
	font-weight: bold;
	font-size: 137.5%;
}
#content.fixedPage #nursery h3{
	margin-bottom: 0;
	padding: 0;
	background: none;
	color: #333;
}
#nursery .areaList{
	margin-bottom: 1.5em;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}
#nursery .areaList span{
	display: block;
	float: left;
	margin-right: 10px;
}
#nursery .areaList ul{
	float: left;
}
#nursery .areaList li{
	display: inline;
}
#nursery .areaList li a{
	word-break: keep-all;
	word-wrap: normal;
	white-space: nowrap;
}
#nursery .nurseryCaption{
	margin-top: 10px;
	margin-bottom: 3px;
	text-align: right;
	font-size: 75%;
}
#nurseryList{
	width: 100%;
	/*margin-top: -5px;*/
	margin-bottom: 1em;
}
#nurseryList th,
#nurseryList td{
	padding: 5px;
	border: 1px solid #C6E3EC;
	text-align: center;
	font-size: 85%;
}
#nurseryList th{
	background-color: #64B2CB;
	color: #fff;
}
#nurseryList .nurseryArea{
	font-size: 87.5%;
}
#nurseryList .nurseryName{
	display: block;
}
#nurseryList .nurseryLnik{
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 10px;
	padding: 0 0 0 12px;
	background: url(./img/icon_arrow01.gif) left 8px no-repeat;
}
#nurseryList tr.even td{
	background-color: #EBF2D9;
}

#nurseryList td a.have{
	background-position: left top;
}
#nurseryList td a.none{
	background-position: -30px top;
}
#nurseryList th.child1{
	width: 100px;
}
#nurseryList td:first-child{
	text-align: left;
}
#nurseryList tbody td span{
	display: none;
}
#nursery .pageTop{
	font-size: 75%;
}

@media only screen and (max-width: 700px) {
	#nurseryList thead{
		display: none;
	}
	#nurseryList tbody tr{
		position: relative;
		display: block;
		margin-bottom: 1.5em;
		padding-bottom: 1.5em;
	}
	#nurseryList tbody td{
			display: list-item;
			width: auto;
			margin-left: 20px;
			padding: 2px;
			border: none;
			text-align: left;
	}
	#nurseryList .nurseryName{
		margin-bottom: 5px;
		padding: 5px;
		background-color: #64B2CB;
		font-weight: bold;
		color: #fff;
	}
	#nurseryList .nurseryLnik{
		display: block;
	}
	#nurseryList tbody td:first-child,
	#nurseryList tbody tr.even td:first-child{
		display: block;
		margin-left: 0;
		padding: 5px;
		background-color: none;
	}
	#nurseryList tr.even td{
		background-color: transparent;
	}
	#nurseryList tbody td span{
		display: inline;
	}
	#nurseryList td a.have,
	#nurseryList td a.none{
		display: inline;
		width: auto;
		height: auto;
		margin: 0;
		text-indent: 0;
		background: none;
	}

	/*IE9*/
	.ie9 #nurseryList tbody td{
		width: auto;
		margin-left: 0;
		padding: 5px;
		border: 1px solid #ccc;
	}
	.ie9 #nurseryList tr.even td{
		background-color: #EBF2D9;
	}
	.ie9 #nurseryList .nurseryName{
		margin-bottom: 0;
		padding: 0;
		background-color: transparent;
		font-weight: normal;
		color: #333;
	}
	.ie9 #nurseryList .nurseryLnik{
		display: none;
	}


}

/*single page*/
#content.fixedPage h2.nurseryTtl{
	background: none;
	border-bottom: 1px dashed #009045;
	font-size: 150%;
	font-weight: bold;
}
#content.fixedPage .nurseryInfo h4{
	float: left;
	margin: 0;
	font-size: 112.5%;
}
.nurseryInfo .inner{
	margin-left: 5em;
	padding-top: 2px;
}

.nurseryTable{
	width: 100%;
	margin-bottom: 20px;
}
.nurseryTable th,
.nurseryTable td{
	padding: 5px;
	text-align: left;
}
.nurseryTable th{
	width: 11em;
	vertical-align: top;
}
.nurseryTable th.hasBg{
	border: 1px solid #C6E3EC;
	background-color: #64B2CB;
	color: #fff;
}
.nurseryTable td.hasBorder{
	border: 1px solid #C6E3EC;
}
#content.fixedPage .nurseryTable th h4{
	margin: 0;
}
.nurseryTable dl{
	overflow: hidden;
}
.nurseryTable dl dt{
	float: left;
}
.nurseryTable dl dd{
	margin: 0 0 5px 4.5em;
}
.nurseryTable .nurseryUrl{
	-ms-word-break: break-all;
	word-break: break-all;
}
.linkMap{
	word-break: keep-all;
	word-wrap: normal;
	white-space: nowrap;
}
.simplemap{
	margin-bottom: 2em;
	border: 1px solid #ccc;
	border-bottom: none;
}
.ie #simplemap,
.ie .linkMap{
	display: none;
}

.historyback{
		margin-bottom: 1em;
		font-size: 87.5%;
}
.historyback a{
	padding: 0 0 0 20px;
	background: url(./img/icon_reverse.gif) left 4px no-repeat;
}


@media only screen and (max-width: 700px) {
	.nurseryTable{
	}
	.nurseryTable tbody tr{
			display: block;
			margin-bottom: 1em;
	}
	.nurseryTable tbody tr.hasHeading{
			margin-bottom: 0;
	}
	.nurseryTable tbody th{
			display: block;
			width: auto;
	}
	.nurseryTable tbody th.hasBg{
			background-color: #64B2CB;
			border: none;
	}
	.nurseryTable tbody td.hasBorder{
		border: none;
	}
}


#bbsrulebutton{
color:white;
line-height:80px;
text-align:center;
background:#007DC9;
border:solid 0px white;
border-radius:5px;
padding: 10px 20px;
}

#usage ol{
	margin: 0 0 0 30px;
}
	#usage ol li{
		margin: 0 0 0.5em 0;
		list-style-type: decimal;
	}
	#usage ol li ol{
		margin: 0.5em 0 0 1em;
	}
		#usage ol li ol li{
			margin: 0 0 0.5em 0;
			list-style-type: none;
		}

/*掲示版表示*/

.comment-body{ width:100%;
}

textarea {width: 90%;
}

.children { margin-left:30px;
}

#baloon_wrapper{
    text-align:center;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    padding:10px 0;
	z-index:100;
	display: none;
}

#baloon_wrapper.hidden{
    animation:hide 0.3s both;
    opacity:0;
}

#baloon_wrapper.showing{
    animation:show 0.3s both;
    opacity:1;
    border-width:1px;
	display: block;
	background-color: #FF8C00;
	z-index: 99999;
}

#baloon{
	font-weight: bold;
	color: #fff;
}

@-webkit-keyframes hide{
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
    }
}
@-webkit-keyframes show{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes show{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

form.input_form{
    margin:auto;
    text-align:center;
}

form.input_form div.line{
    padding:0px;
    clear:both;
}

div.inline_block{
    display:inline-block;
}

.field{
    text-align:right;
    width:170px;
    display:inline-block;
}

.field_label{
    font-size:120%;
}

.field_input{
    text-align:left;
    width:220px;
    display:inline-block;
}

form.input_form div.error{
    height:auto;
}

form.input_form div.error p{
    font-size:80%;
    color:#ff0000;
    font-weight:bold;
    margin:0px;
}

form.input_form input{
    font-size:120%;
}


form.input_form div.submit input{
    font-size:150%;
}

span.sunday{
    color:#ff0000;
}

span.saturday{
    color:#0000ff;
}
/*******************ChangeColor***********************/
div#all.blue span.saturday,
div#all.black span.saturday{
    color:#fff;
	font-weight: bold;
}
div#all.yellow span.saturday{
	color:#000;
	font-weight: bold;
}
div#all.blue span.sunday,
div#all.black span.sunday{
    color:#fff;
	font-weight: bold;
}
div#all.yellow span.sunday{
	color:#000;
	font-weight: bold;
}
/*****************************************************/

table.event td, table.event th{
    text-align:left;
}

span.required{
    color:#ff0000;
    font-size:120%;
}

div.privacy_policy{
    max-width:480px;
    margin:auto;
}

div.privacy_policy p{
    font-size:80%;
    margin:10px;
}

ul.disc{
	list-style-type: disc;
}

ul.decimal{
	list-style-type: decimal;
}

#content.fixedPage #side h2 span{
	color:#f04070;
	font-weight:bold;
	font-size:80%;
	padding-bottom:4px;
	border-bottom: 1px dashed;
}

#content.fixedPage #side h2{
	margin-bottom: 10px;
	background:#ffffff;
	font-size:1.5em;
}

#side h2 span{
	color:#f04070;
	font-weight:bold;
	font-size:80%;
	padding-bottom:4px;
	border-bottom: 1px dashed;
}
/*******************ChangeColor***********************/
.yellow #side h2 span{
	color: #000;
}
.black #side h2 span,
.blue #side h2 span{
	color: #fff;
}
/*****************************************************/

#side h2{
	margin-bottom: 10px;
	/* background:#ffffff; */
	font-size:1.5em;
}

@media print{
	body{
		width: 1100px;
		-webkit-print-color-adjust: exact;
	}
}

dl.nursery-hours dd{
	margin: 0 0 5px 9.5em;
}


/*circle*/
#content.fixedPage .circle_list h2{
	color: #f04070;
	font-size: 20pt;
	font-weight: bold;
	padding: 8px 0 8px 0;
	letter-spacing: 0.4px;
	margin: 0;
	background: none;
	border-bottom: 1px dashed #009045;
	margin-bottom: 20px;
}
#content.fixedPage .circle_list h3{
	color: #333;
	font-size: 13pt;
	font-weight: bold;
	padding: 14px 0 4px 0;
	letter-spacing: 0.4px;
	margin: 0;
	background: none;
	text-decoration: underline;
}
.circle_abstract{
	width: 50%;
	float: left;
	min-height:77px;
}
.circle_abstract p{
	font-size: 11pt;
}
.circle_abstract img{
	float: left;
	margin: 10px 10px 0 8px;
	width: 60px;
	height:60px;
	border-radius: 48px;
}
#content.fixedPage .circle h3{
	color: #f04070;
	font-size: 14pt;
	font-weight: bold;
	background: none;
	margin: 8px 0;
	padding: 0;
}
#content.fixedPage .circle_abstract h4{
	color: #333;
	font-size: 13pt;
	font-weight: bold;
	padding: 8px 0 4px 0;
	letter-spacing: 0.4px;
	margin: 0;
	background: none;
	text-decoration: underline;
}
.circle_activity_pager{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 5px;
}
.circle_detail img{
	float: left;
	margin: 10px 10px 0 8px;
	width: 96px;
	height:96px;
	border-radius: 48px;
}

#content.fixedPage .circle_detail h2{
	color: #f04070;
	font-size: 20pt;
	font-weight: bold;
	padding: 8px 0 0 0;
	letter-spacing: 0.4px;
	margin: 0;
	background: none;
}

#content.fixedPage .circle_detail h3{
	color: #f04070;
	font-size: 14pt;
	font-weight: bold;
	background: none;
	margin: 8px 0;
	padding: 0;
}
.circle_detail p{
	margin-top: 10px;
}

.circle_url{
	margin-bottom: 20px;
}
.circle_detail_explanation{
	border-bottom: 1px dashed #009045;
	margin-bottom: 20px;
	min-height:140px;
}
.circle_activity_pager{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 5px;
}
.circle_activity_pager a{
	margin-right: 20px;
}
.circle_page_menu{
	width: 100%;
	overflow: auto;
}
.circle_page_menu a{
	margin-right: 20px;
}
.circle_article{
	font-size: 13pt;
	line-height: 1.8;
	letter-spacing: 0.4px;
	margin-bottom: 40px;
	padding: 0 10px;
}
.circle_blog{
	width: 100%;
	padding: 0 10px;
	overflow: auto;
	border-bottom: 1px dashed #009045;
	margin-bottom: 20px;
}
.circle_image_small{
	width: 38px;
	height:38px;
	border-radius: 19px;
	float: left;
	margin-left: 20px;
}
.circle_name{
	float: left;
	margin-top: 8px;
	font-weight:bold;
	margin-left: 12px;
	text-decoration: underline;
}
.circle_date{
	font-size:12pt;
	float: left;
	margin-top: 8px;
}

#content.fixedPage h2#blog_top{
	color:#ec5c96;
	font-weight: bold;
	font-size: 20pt;
	background: none;
}

.get_circle_list{
	width:100%;
	overflow:auto;
}
.get_circle_list a{
	float: right;
}

.circle_abstract_wrapper{
	width: 78%;
	overflow: auto;
}
.circle_img_wrapper{
	width: 20%;
	overflow: auto;
	float: left;
}
@media screen and (max-width: 768px) {
	.circle_abstract img{
		float: left;
		margin: 10px 5px 0 0px;
		width: 60px;
		height:60px;
		border-radius: 30px;
	}
	.circle_abstract{
		width: 100%;
		border-bottom: solid #f7f7f7 1px ;
	}
	#content.fixedPage .circle_list h3{
		font-size: 11pt;
	}
	#content.fixedPage .circle_list h2{
		font-size: 14pt;
	}
	.circle_abstract p{
		font-size: 11pt;
	}
	.circle_page_menu a{
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}
	.circle_page_menu{
		margin:15px 0;
	}
	.circle_activity_pager{
		text-align: center;
		margin: 30px 0;
	}
	.circle_detail img{
		/*float: left;
		margin: 10px 10px 10px 0;*/
		width: 96px;
		height:96px;
		border-radius: 48px;
		margin: auto;
		float: none;
	}
	.circle_detail p{
		clear: both;
		margin-top: 10px;
		font-size: 11pt;
	}
	#content.fixedPage .circle_detail h2{
		font-size: 16pt;
		padding-top: 16px;
		text-align: center;
	}
	#content.fixedPage h2#blog_top{
		font-size: 14pt;
		margin-bottom: 0;
		margin-left:0;
	}
	.circle_date{
		font-size: 10pt;
		width: 100%;
		text-align: right;
	}
	.circle_blog{
		width: 100%;
		padding: 0;
		border-bottom: 1px dashed #009045;
		margin-bottom: 20px;
	}
	.circle_image_small{
		width: 24px;
		height:24px;
		border-radius: 12px;
		margin-left: 0;
	}
	.circle_name{
		margin-top: 3px;
		font-size: 10pt;
		margin-bottom: 12px;
	}
	.circle_article{
		font-size: 11pt;
	}
	#content.fixedPage .circle_abstract h4{
		font-size: 11pt;
		padding: 8px 0 4px 0;
	}
	.get_circle_list{
		padding: 15px 0;
	}
	#content.fixedPage .circle h2{
		font-size: 18pt;
		font-weight: bold;
		background: none;
		margin: 0 0 5px;
	}
	.circle_abstract_wrapper{
		width: 75%;
	}
	.circle_img_wrapper{
		width: 24%;
	}
	.circle_detail_explanation>.circle_abstract_wrapper{
		width: 100%;
	}
	.circle_detail_explanation>.circle_img_wrapper{
		width: 100%;
		text-align: center;
		float: none;
	}
}

div.update-nag{display:none;}
span#footer-thankyou{display:none;}
p#footer-upgrade{display: none;}
p#wp-version-message{display: none;}
li#wp-admin-bar-updates{display:none;}
li#wp-admin-bar-updates{display:none;}
li#wp-admin-bar-wp-logo{display: none;}
li#wp-admin-bar-customize{display: none;}


div.emergency_message {
	background-color: #fffab5;
	padding: 14px 20px;
	margin-bottom: 20px;
	border-radius: 7px;
	border: solid 1px #ffbe1a;
}

div.emergency_message > p{
	font-size: 14px;
	color: #81550b;
	margin: 0;
}


.sns-plugin div{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin: 10px 0;
	display: -ms-flexbox;
    -ms-flex-pack: flex-end;
}

.sns-plugin a {
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 5px;
	background-repeat: no-repeat;
	background-position: center;
}

.sns-plugin p {
	margin: 0;
	text-align: right;
	font-size: 14px;
}

.sns-plugin a.twitter {
	background-image: url("/img/share_twitter_2x.png");
	background-size: 44px 44px;
}

.sns-plugin a.facebook {
	background-image: url("/img/share_facebook_2x.png");
	background-size: 44px 44px;
}

.sns-plugin a.line {
	background-image: url("/img/share_line_2x.png");
	background-size: 44px 44px;
}

@media screen and (max-width: 767px) {
	.sns-plugin div {
		justify-content: center;
		-ms-flex-pack: center;
	}
	.sns-plugin a {
		width: 48px;
		height: 48px;
		margin: 0 10px;
	}
	.sns-plugin p {
		text-align: center;
	}
	.sns-plugin a.twitter {
		background-size: 48px 48px;
	}
	
	.sns-plugin a.facebook {
		background-size: 48px 48px;
	}
	
	.sns-plugin a.line {
		background-size: 48px 48px;
	}
}


/*お問い合わせの修正CSS*/

#ContactUs form {
	margin: 0;
  }
  #ContactUs form .line {
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin-bottom: 10px;
  }
  body.mobile #ContactUs form .line {
	flex-direction: column;
  }
  @media screen and (orientation: portrait) {
	body.tablet #ContactUs form .line {
	  flex-direction: column;
	}
  }
  #ContactUs form .field {
	margin-right: 20px;
  }
  body.mobile #ContactUs form .field {
	width: auto;
	text-align: left;
	margin-bottom: 2px;
  }
  @media screen and (orientation: portrait) {
	body.tablet #ContactUs form .field {
	  width: auto;
	  text-align: left;
	  margin-bottom: 2px;
	}
  }
  #ContactUs form input[type=text], #ContactUs form input[type=email] {
	flex: 1;
  }
  body.mobile #ContactUs form input[type=text], body.mobile #ContactUs form input[type=email] {
	width: 100%;
  }
  @media screen and (orientation: portrait) {
	body.tablet #ContactUs form input[type=text], body.tablet #ContactUs form input[type=email] {
	  width: 100%;
	}
  }
  #ContactUs form textarea {
	flex: 1;
	min-height: 120px;
	border: solid 1px #ccc;
  }
  body.mobile #ContactUs form textarea {
	width: 100%;
	font-size: 18px;
  }
  @media screen and (orientation: portrait) {
	body.tablet #ContactUs form textarea {
	  width: 100%;
	  font-size: 18px;
	}
  }
  #ContactUs form input[type=submit] {
	width: 200px;
	background-color: #1d85fc;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	padding: 8px 16px;
	font-size: 93.75%;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 10px;
  }
  #ContactUs form input[type=submit]:hover {
	background-color: #0366d6;
  }
  body.mobile #ContactUs form input[type=submit] {
	width: 100%;
  }
  @media screen and (orientation: portrait) {
	body.tablet #ContactUs form input[type=submit] {
	  width: 100%;
	}
  }
  #ContactUs form label {
	font-size: 87.5%;
	font-weight: bold;
	color: #333;
  }
  body.mobile #ContactUs form label {
	font-size: 75%;
  }
  @media screen and (orientation: portrait) {
	body.tablet #ContactUs form label {
	  font-size: 75%;
	}
  }
  

.blue #ContactUs form label,
.black #ContactUs form label
{
	color: #fff;
}

.blue #ContactUs form input[type=text],
.blue #ContactUs form input[type=email],
.black #ContactUs form input[type=text],
.black #ContactUs form input[type=email]
{
	background: transparent;
	border: solid 2px #fff;
	color: #fff;
}

.blue #ContactUs form textarea,
.black #ContactUs form textarea
{
	border: solid 2px #fff;
	background-color: transparent;
	color: #fff;		
}

.yellow #ContactUs form input[type=text],
.yellow #ContactUs form input[type=email]
{
	background: transparent;
	border: solid 2px #000;
}
.yellow #ContactUs form textarea {
	border: solid 2px #000;
	background-color: transparent;		
}


.blue #ContactUs form input[type=submit],
.black #ContactUs form input[type=submit]
{
	background-color: rgba(255,255,255,0.2);
	border: solid 2px #fff;
	color: #fff;
	font-weight: bold;
}

.blue #ContactUs form input[type=submit]:hover,
.black #ContactUs form input[type=submit]:hover
{
	background-color: rgba(255,255,255,0.4);
}


.yellow #ContactUs form input[type=submit]
{
	background-color: transparent;
	border: solid 2px #000;
	color: #000;
	font-weight: bold;
}

.yellow #ContactUs form input[type=submit]:hover
{
	background-color: rgba(0,0,0,0.1);
}