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

h1 {
	text-indent: -9999px;
	background-image: url(../images/common/logo.jpg);
	background-repeat: no-repeat;
	height: 81px;
	text-indent: -9999px;
}

#contents {
	float: left;
	/*top: 120px;*/
}

#left_block {
	margin-top: 7px;
	width: 282px;
}

#poster_block{
  width: 282px;
  margin:0 0 10px 10px;
}

#right_block {
	width: 642px;
	float: right;
	margin: 10px 10px 0px 0px;
}

#title_news {
	background-image: url(../images/top/title_news.jpg);
	background-repeat: no-repeat;
	height: 54px;
	text-indent: -9999px;
}

#title_streetview {
	background-image: url(../images/top/title_streetview.jpg);
	background-repeat: no-repeat;
	height: 54px;
	text-indent: -9999px;
}

.top_report{
	width: 642px;
	height:100px;
	margin-bottom:10px;
	margin-top:10px;
}

#button_menu {
	margin: 0px 0px 17px 10px;
}

#button_menu li {
	list-style-type: none;
	margin-bottom: 5px;
}

#kids_swim a {
	background-image: url(../images/top/button_kids_swim.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 73px;
	display: block;
	outline: 0px;
	text-indent: -9999px;
}

#adult_swim a {
	background-image: url(../images/top/button_adult_swim.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 73px;
	display: block;
	outline: 0px;
	text-indent: -9999px;
}

#fitness a {
	background-image: url(../images/top/button_fitness.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 73px;
	display: block;
	outline: 0px;
	text-indent: -9999px;
}

#dance a {
	background-image: url(../images/top/button_dance.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 73px;
	display: block;
	outline: 0px;
	text-indent: -9999px;
}

#kids_aero a {
	background-image: url(../images/top/button_kids_aero.jpg);
	background-repeat: no-repeat;
	width: 254px;
	height: 73px;
	display: block;
	outline: 0px;
	text-indent: -9999px;
}

#qrcode_box {
	width: 250px;
	font-size: 12px;
	margin-left: 13px;
	text-align: left;
	line-height: 147%;
}

#qrcode_box img {
	float: left;
	padding-right: 5px;
}

#news_h3 {
	padding: 20px 0px 20px 20px;
	width: 610px;
	font-size: 18px;
	color: #d51010;
}

dl {
	text-align: left;
	border-bottom: dotted 1px #CCCCCC;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 610px;
}

dt {
	margin-bottom: 6px;
	font-size: 16px;
}

.day {
	font-size: 14px;
	background-color: #FF6633;
	color: #FFFFFF;
	width: 60px;
	padding: 5px 8px 3px 8px;
	margin-left: 5px;
	margin-right: 5px;
}

.title {
	padding: 10px 0px 0px 0px;
}

dd {
	width: 450px;
	text-align: left;
	font-size: 16px;
	line-height: 160%;
	margin-left: 88px;
	padding: 10px 0px 10px 0px;
}

#cunt {
	clear: both;
	font-size: 12px;
	text-align: left;
	margin: 15px 0px 0px 14px;
}

#telbanner_box{
	width: 245px;
	height: 110px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px gray;
}

.sdgs-banner{
	width: 245px;
	height: 110px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px gray;
}

#koronabanner_box{
	width: 245px;
	height: 110px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px gray;
}

#calendar_box{
	width: 245px;
	height: 110px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px gray;
}

#calendardance_box{
	width: 245px;
	height: 110px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px gray;
}

#lesson_box{
	width: 245px;
	height: 110px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px gray;
}

#top_report2_box{
	width: 245px;
	height: 110px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px gray;
}


/*\*/
	html*div.boutou {
	background-color: #999999;

	}
	/**/


.boutou {

}

#footer_block {
	clear: both;
}

#footer_block_winter {
	clear: both;
}

#fitness_event{
  width:642px;
  height:100px;
  margin-bottom: 10px;
}

#rapidnews_box{
  width:642px;
  margin-bottom: 10px;
}

#campaign_box{
  width:642px;
  height:150px;
  margin-bottom: 10px;
}

#event_box{
  width:642px;
  margin-bottom: 10px;
}

#slide{
  width:936px;
}


/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {
#contents {
	float: left;
	/*top: 120px;*/
	margin-top: -8px;
}
}
/* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#contents {
	float: left;
	/*top: 120px;*/
	margin-top: -8px;
}
}