@charset "Shift_JIS";

/* body */

body{ margin:0 10px;
text-align:center;
color:#222222;
background:url('../imgs/bg.gif') ;
}

img { border: none;}
hr { display: none;}
form,  {margin: 0px;padding: 0px;}
li {margin-bottom:10px;padding: 0px;}
ul {margin:0 0 0 20px;padding: 0px;}

/* font */

.font0 { font-size:65%; line-height:120%;}
.font1 { font-size:70%; line-height:120%;}
.font2 { font-size:75%; line-height:150%;}
.font3 { font-size:80%; line-height:160%;}
.font4 { font-size:85%; line-height:170%;}
.font5 { font-size:90%; line-height:170%;}
.font6 { font-size:95%; line-height:150%;}
.font7 { font-size:100%; line-height:150%;}
.font8 { font-size:110%; line-height:150%;}
.font9 { font-size:120%; line-height:150%;}

.topnews { font-size:80%; line-height:140%;}

/* link */

A:link { text-decoration:none;color:#CC7300;}
A:visited { text-decoration:none;color:#CC7300;}
A:active { text-decoration:underline;color:#FF9900;}
A:hover { text-decoration:underline;color:#FF9900;}

A.foot:link { text-decoration:none;color:#222222;}
A.foot:visited { text-decoration:none;color:#222222;}
A.foot:active { text-decoration:underline;color:#FF9000;}
A.foot:hover { text-decoration:underline;color:#FF9000;}

#topics A:link { text-decoration:none;color:#222222;}
#topics A:visited { text-decoration:none;color:#222222;}
#topics A:active { text-decoration:underline;color:#FF9000;}
#topics A:hover { text-decoration:underline;color:#FF9000;}


/* subtitle */

h1{  padding:10px 0px 8px 8px;color: #669933;font-size:100%;}

h2{  margin:0;font-size:100%;}

h3{margin:15px 0 10px 0;font-size:120%;background-color:#EFEFEF;padding:3px 10px;}

ul.star li {
	list-style-type: none;
	text-indent: -1em;
	margin-left: 1em;
}

/* リニューアルのヘッダー */
.header_cont {
	width: 780px;
	margin: 0 auto;
	border-bottom: 3px solid #00afeb;
	background-color: #fff;
	text-align: left;
}
.header_cont a {
	display: inline-block;
	margin: 1em 20px;
}
.header_cont img {
	width: auto;
	height: 45px;
}


/* リニューアルのサイドメニュー */
.smenu_wrap,
.banner_list {
	width: 185px;
}
.smenu_wrap {
	margin-bottom: 20px;
	padding: 5px 10px;
	background-color: #e6e6e6;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.smenu_wrap .go_home,
.smenu_wrap dl {
	position: relative;
	margin: 10px 0;
}

.smenu_wrap .go_home::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	width: 16px;
	height: 16px;
	margin: auto;
	background-color: #00afeb;
	border-radius: 50%;
}
.smenu_wrap .go_home::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #ffffff;
	border-right: 0;
}


.smenu_wrap .go_home a {
	display: block;
	padding: 12px 8px 12px 30px;
	border-radius: 5px;
	border: 1px solid #01adeb;
	background-color: #fff;
	color: #323232;
	text-decoration: none;
}



.smenu_wrap dl {
	border-radius: 5px;
}
.smenu_wrap dl.activity_list {
	background-color: #3bc0bf;
}


.smenu_wrap dl.business_list {
	background-color: #ec8c01;
}
.smenu_wrap dl dt {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	color: #fff;
	padding: 0.5em 6px 0;
	font-size: 16px;
}
.smenu_wrap dl dd {
	margin: 0;
	padding: 0.5em 6px 6px;
}
.smenu_wrap dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0 6px;
	border-radius: 5px;
	background-color: #fff;
}
.smenu_wrap ul li {
	margin: 0;
	box-sizing: border-box;
}
.smenu_wrap dl.activity_list ul li {
	position: relative;
	border-bottom: 1px solid #3bc0bf;
}
.smenu_wrap dl.activity_list ul li:last-child {
  border-bottom: none;
}

.smenu_wrap dl.activity_list ul li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #ffffff;
	border-right: 0;
}
.smenu_wrap dl.activity_list ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	width: 16px;
	height: 16px;
	margin: auto;
	background-color: #3bbfbf;
	border-radius: 50%;
}

.smenu_wrap dl.business_list ul li {
	position: relative;
	border-bottom: 1px solid #ec8c01;
}
.smenu_wrap dl.business_list ul li:last-child {
	border-bottom: none;
}
.smenu_wrap dl.business_list ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	width: 16px;
	height: 16px;
	margin: auto;
	background-color: #eb8c00;
	border-radius: 50%;
}
.smenu_wrap dl.business_list ul li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #ffffff;
	border-right: 0;
}
.smenu_wrap dl dd ul li a:hover {
	text-decoration: underline;
}
.smenu_wrap ul li a {
	display: block;
	padding: 12px 0 12px 28px;
	color: #323232;
	text-decoration: none;
}


.smenu_wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.smenu_wrap ul.smenu_list li {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #01adeb;
	background-color: #fff;
	border-radius: 5px;
}

.smenu_wrap ul.smenu_list li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #ffffff;
	border-right: 0;
}

.smenu_wrap ul.smenu_list li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	width: 16px;
	height: 16px;
	margin: auto;
	background-color: #00afeb;
	border-radius: 50%;
}
.smenu_wrap ul.smenu_list li a {
	padding: 12px 6px 12px 30px;
}
.smenu_wrap ul.smenu_list li:hover {
	background-color: #eefbff;
}


#address {
	margin: 0 10px;
	text-align: left;
	font-size: 12px;
}
#address span {
	font-family: "UD デジタル 教科書体 NK-B";
	margin-right: 50px;
	font-size: 14px;
}
dl.utility {
	margin: 1em 10px;
}
dl.utility dt {
	background-color: #00afeb;
	text-align: center;
	color: #fff;
	width: 100%;
	margin-bottom: 0.3em;
	border-radius: 5px;
	font-size: 12px;
}
dl.utility dd {
	margin: 0 0 10px 0;
	font-size: 12px;
}


dl.utility dd a {
	color: #222222;
}






.banner_list {
	list-style: none;
	margin: 0;
}
.banner_list li {
	margin: 0;
}
.banner_list li img {
	max-width: 100%;
	height: auto;
}

/* リニューアルのフッター */
.footer_block_top {
	margin: 0;
	padding: 25px 10px 0px;
	border-top: 6px solid #00afeb;
}
/* 
#address {
	margin: 0 10px;
	text-align: left;
	font-size: 12px;
}
#address span {
	font-family: "UD デジタル 教科書体 NK-B";
	margin-right: 50px;
	font-size: 16px;
}
 */
.footer_block_top dl {
	display: flex;
	align-items: flex-start;
}
.footer_block_top dl dt {
	background-color: #00afeb;
	text-align: center;
	color: #fff;
	width: 4.5em;
	margin-right: 1em;
	border-radius: 5px;
	font-size: 10px;
}
.footer_block_top dl dd {
	margin: 0 30px 0 0;
	font-size: 12px;
}
#footer_link {
	display: flex;
	list-style: none;
	margin: 1em 0;
}

#footer_link li {
	position: relative;
	padding-left: 20px;
	font-size: 12px;
}
#footer_link li:not(:first-child) {
	margin-left: 20px;
}
#footer_link li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin: auto;
	background-color: #00afeb;
	border-radius: 50%;
}

#footer_link li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #ffffff;
	border-right: 0;
}
#footer_link li a {
color: #323232;
	text-decoration: none;
}
#copyright {
	margin: 0;
	padding: 15px 10px;
	background-color: #00afeb;
	text-align: center;
	color: #fff;
	line-height: 1.3;
}