@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
a:link,a:visited {
	color:#f60;
}
a:hover{
	color:#f60;
	text-decoration:underline;
}
.nav001{width:16.5%; float:left;}
.mgn001{ margin:8px}
.midashi001{
	display: block; color: #744; background-color: #ffc; border-radius: 8px;
	line-height: 1em; border: 1px solid #fc9;
	font-size: 18px; text-align: center; padding:12px; font-weight:bold;
	margin:25px 0 10px 0;
}
.midashi002{
	margin:5px; display: block; color: #f60; background-color: #fff4ca;border-radius: 8px;
	line-height: 1em; border: 2px solid #f60;font-size: 14px;
	text-align: center; padding:12px 12px 12px 5px; font-weight:bold;
}
.midashi002 img{
	display:inline;
	margin-right:5px;
	vertical-align:text-bottom;
}
.more{
	margin:12px 0; width:130px; color: #f60; background-color: #fff4ca;border-radius: 4px;
	line-height: 1em; border: 1px solid #f60;font-size: 14px;
	text-align: center; padding:8px 8px 8px 0; font-weight:bold;
}
.area001{
	max-width:1200px;
	margin:20px auto;
}
.ptitle{
	font-size: 230%;
	font-weight:bold;
	color:#fff;
	padding: 20px 35px;
	letter-spacing:8px;
	background:url(../image/cork.png);
}
.fuchi{
	filter:dropshadow(color=#744,offX= 0,offY=-1)
	dropshadow(color=#744,offX= 1,offY= 0)
	dropshadow(color=#744,offX= 0,offY= 1)
	dropshadow(color=#744,offX=-1,offY= 0);
	 
	-webkit-text-stroke-color: #744;
	-webkit-text-stroke-width: 1px;
	 
	text-shadow: #744 1px 1px 0px, black -1px 1px 0px,
					 #744 1px -1px 0px, black -1px -1px 0px;
}
#map-canvas{
	min-height:250px;
	padding-right:25px;
}
.hl{
	color:#f00;	
}

.photo_box {
    width: 220px;
    margin-left: 30px;
    margin-bottom: 30px;
    float: left;
    text-align: center;
    background-color: #F2EFDB;    
}

.photo {
    display: table-cell;
    width: 220px;
    height: 220px;
    vertical-align: middle;
    text-align: center;
    background-color: #F2EFDB;
	position: relative;
}

.photo img {
    max-width: 220px !important;
    max-height: 220px !important;
    margin: 0 auto;
}
.date-t{
	color:#600;
	margin-bottom:10px;
}
.galimg{
	max-height:100px;
	margin-left:10px;
	margin-top:10px;
	float:right;
}
.nikki_list{
	madding-bottom:15px;
	margin-bottom:8px;
	border-bottom:2px dotted #ccc;
}
.date-2{
	font-size:110%;
}
.gt{
	font-size:120%;	
}
.topicimg img{
	margin-bottom:20px;
}

@media only screen and (max-width: 1000px) {	
	.nav001{width:33.2%;}
}
@media only screen and (max-width: 800px) {	
	.photo_box {
		 width: 300px;
		 margin:0 auto 30px auto;
		 float: none;
		 text-align: center;
		 background-color: #F2EFDB;    
	}
	
	.photo {
		display: table-cell;
		width: 300px;
		height: 300px;
		vertical-align: middle;
		text-align: center;
		background-color: #F2EFDB;
		position: relative;
	}
	.photo img {
		 max-width: 300px;
		 max-height: 300px;
		 margin: 0 auto;
	}

}
@media only screen and (max-width: 640px) {	
	.nav001{width:50%;}
}

.st_parent{ padding-top:0;}
.st_left{ float:left; width:20%;}
.st_right{ float:right; width:80%;}

.pd001{
	padding:0 10px 10px 10px;
	text-align:left;
}
p{ margin: 0 0 1em 0}
.st_left,.st_right{ padding:0 32px 15px;}
div{-moz-box-sizing: border-box; box-sizing: border-box;}

.st_left h3{
	background:url(../image/side_h3_mark.png) top left no-repeat;
	padding:13px 0 10px 52px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:25px 0 13px 0;
	color:#777;
}
.nikki_date{
	margin:10px 0 0 10px;
	letter-spacing:2px;
}
.nikki_title{
	margin:0 0 0 10px;
}
.link_title{
	margin:10px 0 0 10px;
}


/*モバイルここから*/

@media only screen and (max-width: 640px) {	
.imgtop　{ width:100%; margin-top:16px;}
.st_left{ float:left; width:100%;}
.st_right{ float:right; width:100%;}
.map{width:100%;}

}

.st_left,.st_right{ padding:0 10px 15px;}
.pl30{padding-left:0;}
.pr30{padding-right:0;}

.fluid {
	width: 100%;
	/*display: block;*/
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
body {
	font-family:sans-serif;
	font-size:95%;
	line-height:1.5;
	background-color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/*モバイル*/
/* Mobile Layout: 480px and below. */

.map{
	min-height:300px;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/* padding-left: 2%; */
	/* padding-right: 2%; */
	clear: none;
	float: none;
}

/*------トップコメント部分（がんぼは?）---------------*/
.gridContainer p.commentTop{
	margin-bottom:0;
	padding:4px 8px
}
/*ここまで*/

/*------ヘッダー部分（トップ画像）---------------*/
header p {
	text-align:center;
}

header p img {
	width:100%;
}
#div1 {
}
/*ここまで*/

.imgtop {
	width:100%;
	margin-top:20px;
}

/*メインコンテンツ領域*/
/*病児保育室とは、ご利用方法ここから*/
.st_right .w70,.st_right .w60 {
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	
}

.st_right .w30 {
	width:100%;
}

.st_right .w30　img {
	max-width: 100%;
}

.st_right .pd001 img {
	max-width: 100%;
}

.st_right .pd001 .img1 {
	width:199%;
}
.st_right .pd001 .img2 {
	width:100%;
}

/*施設紹介ここから*/
.cls_33{
	width:100%; 
	padding:16px 5px; 
	text-align:center;
	overflow:hidden;
}



/*------フッター部分---------------*/
#footer {
	clear:both;
	background-color:#FFC;
	padding-top:30px;
	padding-bottom:10px;
	}
#footer p {
	line-height:1.5;
	text-align:center;
	color:#600;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/*タブ*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
/*------ヘッダー部分（トップ画像）---------------*/
header p {
	margin-bottom:5px;
	text-align:center;
}
header p img {
	width:100%;
}
.w70 {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
.map{width:100%;}
/*施設紹介ここから*/
.cls_33{
	width:100%; 
	/*padding:16px;*/ 
	text-align:center;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/*デスクトップ*/
@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1050px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.pl30{padding-left:30px;}
.pr30{padding-right:30px;}

.map{
	min-height:auto;
	height:350px;
}

.pd001{ padding:6px; text-align:left;}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

/*メインコンテンツ領域*/
/*病児保育室とは、ご利用方法ここから*/
.st_right .w70 {
	width:70%;
	float:left;
	padding-top:8px;
	padding-bottom:8px;
	
}
.st_right .w60 {
	width:60%;
	float:left;
	padding-top:8px;
	padding-bottom:8px;
	
}

.st_right .w30 {
	width:30%;
	float:right;
	padding-top:8px;
	padding-bottom:8px;
}
.st_right .w40 {
	width:40%;
	float:right;
	padding-top:8px;
	padding-bottom:8px;
}

.st_right .w30 img,.st_right .w40 img {
	max-width: 100%;
}

.st_right .pd001 img {
	max-width: 100%;
}

.st_right .pd001 .img1 {
	width:30%;
	float:left;
}
.st_right .pd001 .img2 {
	width:30%;
	float:left;
}

/*施設紹介ここから*/

.pd001 .cls_33 {
	width:50%; 
	float:left; 
	text-align:center;
	position:relative;
	overflow:hidden;
	padding-top:10px;
}


.pd001 .cls_33 img {
	max-width:100%;
	width:100%;
	height:auto;
}

.pd001 .cls_33 iframe,
.pd001 .cls_33 object,
.pd001 .cls_33 embed {

	top:0;
	left:0;
	width:100%;

}

}