@charset "utf-8";

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.infoWrap {
	margin:25px auto;
	}

.newsContents {
	padding:10px 0px 10px 0px;
	font-size:15px;	
	border-bottom:dotted 2px #f8cdce;
	margin:0 auto;
}

.newsContents dt {
	display:block;
	padding:10px;
}

.newsContents dd {
	clear:both;
	display:block;
	padding:10px;
	
}

.newsTitle a {
	display:block;
	color:#EB6EA5;
}
.newsTitle a::before {
  content: "》";
}
.newsTitle a:hover{
	color:#f8cdce;
	font-weight:bold;
}
#newsInner {
	display:block;
	background-color:#FFF;
	height:272px;
	margin:auto auto;
	overflow:hidden;
	}

#newsBottom {
	display:block;
	text-align: center;
	height:28px;

	line-height: 25px;
	}
	
#newsBottom a {
	color:#EB6EA5;
	font-weight: bold;		
	background-color:#fbe6e7;
}

#newsBottom a:hover {
	color:#FFF;
	background-color:#EB6EA5;
}

.page{
	text-align:center;
}
.page li{
	display:inline-block;
}

.page li a{
	display:block;
	padding:5px 10px;
	color:#00A199;
	border-radius:7px;
}

.page li a:hover{
	color:#FFF;
	background-color:#00A199;
}

@media screen and (max-width:599px) { 
    /*　画面サイズが599pxからはここを読み込む　*/

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.infoWrap {
	width:90%;
	margin:25px auto;
	}


#newsHead {
	width:100%;
	display:block;
	}

#newsBody{
	display:block;
	background-color:#000066;
	height:300px;
	}

#newsInner {
	display:block;
	background-color:#FFF;
	width:98%;
	height:290px;
	margin:auto auto;
	}
.newsContents {
	font-size:12px;	
}
.newsContents dt {
	padding:5px;
}

.newsContents dd {
	padding:5px;
}

#banner a {
	display:block;

}
	
#banner ul {
	width:270px;
	margin:0px auto;	
	}
	
#banner li {
	width:270px;
	padding:5px 15px;
	}
}
@media screen and (min-width:600px) and ( max-width:1023px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.infoWrap {
	max-width:600px;
	margin:25px auto;
	}

#newsHead {
	display:block;
	height:72px;
	}

#banner {
	width:270px;
	margin:auto;
}

#banner li {
	padding:5px 15px;
	}
}


@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.infoWrap {
	max-width:1024px;
	margin:25px auto;
	}




#banner {
	max-width:900px;
	margin:auto;
}

#banner li {
	float:left;
	padding:15px;
	}
}