@charset "UTF-8";

/*---------------------------------------------
 .top
---------------------------------------------*/
#container.top #contents {
	width: 100%;
}

#container.top h1 {
	margin: 0;
	padding: 0;
}

#container.top .inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}



/*---------------------------------------------
 carouselContainer
---------------------------------------------*/
#carouselContainer {
	position: relative;
	width: 100%;
	height: 360px;
	background: #e1eaf1;
	border-top: solid 1px #9bbee6;
	padding-top: 1px;
	overflow: hidden;
}

#carouselContainer #control {
	position: absolute;
	top: 4px;
	right: -13px;
	width: 55px;
	height: 24px;
}

#carouselContainer #prev,
#carouselContainer #next {
  display: block;
  height: 321px;
  width: 50%;
  top: 0;
  position: absolute;
  text-indent: -1000em;
}

#carouselContainer #prev {
  left: -480px;
  background: url(/images/mask_slid.png) no-repeat right top;
}
#carouselContainer #next {
  right: -480px;
  background: url(/images/mask_slid.png) no-repeat left top;
}

#carousel div {
	display: block;
	float: left;
	width: 960px;
	text-align: center;
	margin-right: 1px;
}

#thumbnailsContainer {
	position: absolute;
	top: 287px;
	left: 50%;
	width: 960px;
	height: 74px;
	margin-left :-503px;
}

#thumbnailsContainer .caroufredsel_wrapper {
	left: 30px !important;
}

#thumbnails {
	width: 960px;
}

#thumbnails div {
	cursor: hand;
	cursor: pointer;
	overflow: hidden;
	display: block;
	float: left;
	padding: 10px 16px 24px 0;
	width: 111px;
	background: url('/images/slid_menu_bg.png') left 10px no-repeat;
	border: none;
}

#thumbnails div img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity= 50 )";
	color: white;
	background: #fff;
	border: solid 1px #fff;
}

#thumbnails div img.hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity= 100 )";
	color: white;
}

#thumbnails div.active {
	padding-top: 4px;
	padding-bottom: 19px;
}

#thumbnails div.active img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity= 100 )";
	color: white;
}

/*停止ボタン*/
#test{
	width:55px;
	height:24px;
	text-align; center;
	border:none;
	background: #fff;
	border-radius: 5px;
	cursor: hand;
	cursor: pointer;
}



/*---------------------------------------------
 emergency
---------------------------------------------*/
#container.top #emergency 
	background: #e1eaf1;
	border-top: solid 1px #9bbee6;
	padding-bottom: 15px;
}

#container.top #emergency .inner {
	width: 924px;
	background: #fff;
	border: solid 3px #d60112;
	text-align: left;
	padding: 10px 15px;
	margin-top: 20px;
}

#container.top #emergency h2 {
	color: #d60112;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#container.top #emergency p,
#container.top #emergency ul,
#container.top #emergency ol {
	margin-bottom: 0.7em;
}

#container.top #emergency ul,
#container.top #emergency ol {
	margin-left: 2em;
}

#container.top #emergency ul {
	list-style-type: disc;
}

#container.top #emergency ol {
	list-style-type: decimal;
}



/*---------------------------------------------
 information
---------------------------------------------*/
#container.top .information {
	position: relative;
	width: 100%;
	background: #e1eaf1;
	padding: 0 0 10px;
}

#container.top .information .inner {
	width: 944px;
	background: #fff;
	border: solid 3px #d60112;
	text-align: left;
	padding: 3px;
}

#container.top .information p {
/*	background: url('/images/icon_information.gif') 7px 5px no-repeat;*/
	padding: 3px 10px 3px 10px;
}

#container.top .information p img{
	vertical-align: middle;
	margin-right: 5px;
}

#container.top .information a {
	color: #d60112;
	font-size: 120%;
	font-weight: bold;
}



/*---------------------------------------------
 service
---------------------------------------------*/
#container.top #service {
	height: 210px;
	background: #e1eaf1;
}

#container.top #service .box {
	float: left;
	width: 340px;
	background: #fff;
	padding: 5px;
	margin-right: 15px;
}

#container.top #service .box.last {
	width: 220px;
	margin-right: 0;
}

#container.top #service .box h2 {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 20210119add */
#container.top #service .box .h2_ttl{
	font-size: 120% ;
	font-weight: bold;
	color: #3c3c3c;

}




/*---------------------------------------------
 topics
---------------------------------------------*/
#container.top .topics {
	float: left;
	width: 684px;
	border: solid 1px #bdc6d1;
	padding: 10px 16px;
	text-align: left;
}

#container.top .topics h2 {
	font-size: 125%;
	font-weight: bold;
	padding: 0 5px 5px;
	background: none;
	border: none;
	margin: 0;
}

#container.top .topics .link_list {
	margin-top: 10px;
	text-align: right;
}


/*---------------------------------------------
 right
---------------------------------------------*/
#container.top .inner .right {
	width: 230px;
}

#container.top .inner .right .attestation {
	width: 230px;
	margin-top: 15px;
}

#container.top .inner .right .attestation li {
	float: left;
	margin: 0 3px;
	font-size: 80%;
	text-align: center;
}



/*---------------------------------------------
 banner
---------------------------------------------*/
#container.top #banner {
	background: #bec8d5;
	padding: 15px 0;
	margin-top: 15px;
	text-align: center;
}

#container.top #banner li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 35px;
	background: #fff;
	padding: 4px;
	vertical-align: middle;
}