@charset "utf-8";

.point1 {
	height: 80px;
	background-image: url("../image/midashi01.png");
	background-position: left;
	background-repeat: no-repeat;
	display: table-cell; /* IE8から使用可能 */
 	vertical-align: middle;
	padding: 10px 0 10px 30px;
}
.point2 {
	height: 80px;
	background-image: url("../image/midashi02.png");
	background-position: left;
	background-repeat: no-repeat;
	display: table-cell; /* IE8から使用可能 */
 	vertical-align: middle;
	padding: 10px 0 10px 30px;
}

.top3 {
	float: right;
	width: 33%;
	padding: 5px;
	margin-top: 10px;
}

.top3 img{
	width: 80%;
	margin: 0 10%;
}

.comment{
	width: 80%;
	margin: 0 10% 10px 10%;
}

.news{
	padding-top: 10px;
	margin-bottom: 20px;
}

.news p{
	margin-top: 10px;
	text-align: right;
}

.news a:link{
	color: #009fe8;
}

/* 保育のボタンのスタイル */
.button-hoiku {
    width: 80%;
	height: 40px;
	background-color: #F7B52C;
    border-radius: 20px;
    text-align: center;
	margin: 0 auto;
}
/* マウスオーバー時のカラー */
.button-hoiku:hover {
    background-color: #FF9900;
} 
/* リンク領域のスタイル */
.button-hoiku-a {
    display: block;
    padding: 8px 0;
    text-align: center;
	color: #FFFFFF;
}
/* マウスホバー時のカラー*/
.button-hoiku-a:hover {
    color: #ffffff;
}

/* プールのボタンのスタイル */
.button-pool {
    width: 80%;
	height: 40px;
	background-color: #00B1FF;
    border-radius: 20px;
    text-align: center;
	margin: 0 auto;
}
/* マウスオーバー時のカラー */
.button-pool:hover {
    background-color: #009FE8;
} 
/* リンク領域のスタイル */
.button-pool-a {
    display: block;
    padding: 8px 0;
    text-align: center;
	color: #FFFFFF;
}
/* マウスホバー時のカラー*/
.button-pool-a:hover {
    color: #ffffff;
}

/* ダウンロードのボタンのスタイル */
.button-download {
    width: 100%;
	height: 50px;
	background-color:#f2a198;
    border-radius: 40px;
    border-radius: 40px;
    text-align: center;
	margin: 0px auto 6px auto;
	padding: 0;
	font-size: 12pt;
	line-height: 12pt;
}

/* マウスオーバー時のカラー */
.button-download:hover {
    background-color:#EB796D;
} 
/* リンク領域のスタイル */
.button-download-a {
    display: block;
    padding: 17px;
    text-align: center;
	color: #FFFFFF;
}

/* マウスホバー時のカラー*/
.button-download-a:hover {
    color: #FFFFFF;
}
/* ダウンロードのボタンのスタイル */
.button-recruit {
    width: 100%;
	height: 50px;
	background-color:#F7B52C;
    border-radius: 40px;
    border-radius: 40px;
    text-align: center;
	margin: 0px auto 6px auto;
	padding: 0;
	font-size: 12pt;
	line-height: 12pt;
}

/* マウスオーバー時のカラー */
.button-recruit:hover {
    background-color: #FF9900;
} 
/* リンク領域のスタイル */
.button-recruit-a {
    display: block;
     padding: 17px;
    text-align: center;
	color: #FFFFFF;
}

/* ダウンロードのボタンのスタイル */
.button-kengaku {
    width: 100%;
	height: 50px;
	background-color:#89c33f;
    border-radius: 40px;
    text-align: center;
	margin: 10px auto 6px auto;
	padding: 0;
	font-size: 12pt;
	line-height: 15pt;
}

/* マウスオーバー時のカラー */
.button-kengaku:hover {
    background-color:#50ab34;
} 
/* リンク領域のスタイル */
.button-kengaku-a {
    display: block;
	padding: 5px;
    text-align: center;
	color: #FFFFFF;
}

/* マウスホバー時のカラー*/
.button-kengaku-a:hover {
    color: #FFFFFF;
}

/* マウスホバー時のカラー*/
.button-recruit-a:hover {
    color: #FFFFFF;
}

.topics dl {
	font-size: 1em;
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}

.topics dt {
	padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
	.topics dl {
		font-size: 0.9em;
	}
	.topics dt {
		clear: left;
		float: left;
		width: 20%;
	}
	.topics dd {
		margin-left: 20%;
	}
}

@media screen and (max-width: 640px) {
	.top3 {
		float: none;
		width: 100%;
		padding: 20px;
		margin-bottom: 10px;
	}
	.news{
		width: 100%;
		margin: 0 auto 20px;
	}
	
	.button-download {
    	width: 100%;
		background-color:#f2a198;
    	border-radius: 40px;
    	text-align: center;
		margin: 0 auto 6px auto;
		padding: 0;
		/*font-size: 1.2em*/
	}
}