@charset "utf-8";

/***
　共通
***/
a:link,
a:active,
a:visited {
	color : #ea5432;
	text-decoration : underline;
}
a:hover,
a:focus {
	color : #ea5432;
	text-decoration : none;
}
a:hover img.ov, a:focus img.ov {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/***
　雷情報ＨＰ
***/

#container {
	margin				: auto;
}


#content {
	margin				: auto;
	background			: #FFFFFF;
}


/***
　ページ全体
***/

#llsPage {
	margin				: auto;
	background			: #FFFFFF;
	padding				: 0px 0px 0px 0px;
	width				: 1000px;
	text-align			: center;
}


/***
　メニューエリア
***/

#lls_menu {
	margin				: auto;
	background			: #FFFFFF;
	width				: 950px;
	height				: 70px;
	text-align			: center;
}


#lls_menu .lls_type {
	margin				: auto;
	background			: #FFFFFF;
	padding             : 5px 5px 5px 5px;
	width				: 150px;
	float				: left;
}


#lls_menu .lls_type input[type=radio] {
	display				: none;
}


#lls_menu .lls_type input[type="radio"]:checked + label {
	background			: #006600;
	color				: #FFFFFF;
}


#lls_menu .lls_type .label:hover {
	background-color	: #88FF88;
}


#lls_menu .lls_type .label {
	color				: #000000;
	border				: #DDDDDD solid 1px;
	display				: block;
	height				: 30px;
	line-height			: 30px;
	padding-left		: 10px;
	padding-right		: 10px;
	cursor				: pointer;
}


#lls_menu .lls_date {
	margin				: auto;
	background			: #FFFFFF;
	padding             : 0px 0px 0px 0px;
	width				: 150px;
	float				: left;
}


#lls_menu .lls_area {
	margin				: auto;
	background			: #FFFFFF;
	padding             : 0px 0px 0px 0px;
	width				: 150px;
	float				: left;
}


//

.lls_img {
	margin				: 18px 30px 0px 30px;
	padding				: 0;
	float				: left;
	cursor				: pointer;
}


/*
.lls_img a,a:link , a:visited {
	color				: #4776A0;
	text-decoration		: none;
}
*/


.lls_img li {
	position			: relative;
	height				: 36px;
	text-align			: center;
	border-right		: #FFFFFF solid 1px;
}


.lls_img li a {
	display				: block;
	width				: 150px;
	height				: 36px;
	color				: #FFFFFF;
	line-height			: 40px;
	background			: #000088;
	text-decoration		: none;
}


.lls_img li a:hover {
	color				: #FFFFFF;
	background			: #2288FF;
}


.lls_img > li li:hover > a {
	background			: #AFC6E2;
}


.lls_img li ul {
	left				: 0;
	position			: absolute;
}


.lls_img li ul li {
	overflow			: hidden;
	height				: 0;
}


.lls_img li ul li a {
	border-top			: #FFFFFF solid 1px;
}


.lls_img li:hover > ul > li {
	overflow			: visible;
	height				: 36px;
}


/***/

#lls_menu .lls_reload {
	margin				: auto;
	background			: #FFFFFF;
	padding             : 0px 0px 0px 0px;
	width				: 200px;
	float				: left;
}


.lls_reload li {
	margin				: 5px 5px 5px 5px;
}


#reload_img {
	cursor				: pointer;
}


/***/

#lls_menu .lls_guide {
	margin				: auto;
	background			: #FFFFFF;
	padding             : 0px 0px 0px 0px;
	width				: 200px;
	float				: right;
	text-align			: right;
}


#lls_menu .lls_info {
	background-image	: url(/nw/lls/sys/img/icon_arrow01.gif);
	background-repeat	: no-repeat;
	background-position	: left center;
	padding-left		: 15px;
	float				: left;
	font-size			: 80%
}


#lls_menu .lls_download {
	background-image	: url(/nw/lls/sys/img/icon_arrow01.gif);
	background-repeat	: no-repeat;
	background-position	: left center;
	padding-left		: 15px;
	float				: left;
	font-size			: 80%
}


.lls_guide li {
	margin				: 5px 0px 5px 0px;
}


/***
　画像エリア
***/

#lls_map {
	margin				: auto;
	background			: #FFFFFF;
	padding				: 5px 5px 5px 5px;
}


/***
　凡例画像エリア
***/

#lls_legend {
	margin				: auto;
	background			: #FFFFFF;
	padding				: 5px 0px 5px 0px;
	width				: 950px;
	height				: 80px;
	text-align			: center;
}


#lls_legend .legend_title {
	margin				: auto;
	padding             : 5px 0px 5px 0px;
	width				: 150px;
	float				: left;
	text-align			: right;
}


#lls_legend .legend_msg {
	margin				: auto;
	padding             : 5px 0px 5px 0px;
	width				: 120px;
	float				: left;
}


#lls_legend img {
	width				: 16px;
	height				: 16px;
}


/***
　サンプル画像エリア
***/

#sample_info {
	margin				: auto;
	background			: #FFFFFF;
	padding				: 5px 0px 5px 0px;
	width				: 900px;
	text-align			: right;
}


#lls_sample {
	width				: 200px;
}


/***
　お知らせメッセージエリア
***/

#status_area{
	margin				: auto;
	background			: #FFFFFF;
	padding				: 0px 0px 0px 0px;
	text-align			: center;
}


#lls_status {
	margin				: auto;
	background			: #FFFFFF;
	padding				: 5px 10px 5px 10px;
	width				: 950px;
	height				: 64px;
	text-align			: left;
	border-top			: 1px solid #DDDDDD;
	border-bottom		: 1px solid #DDDDDD;
}

/***
　問合せ先エリア
***/
#information_area{
	margin				: 0px 0px 0px 0px;
	background			: #FFFFFF;
	padding				: 20px 0px 0px 50px;
	text-align			: left;
	width				: auto;
}

a.mailaddress {
	color				: #1665bf
}

a.link-button-1 {
  display: inline-block;
  padding: 8px 16px;
  background: linear-gradient(#1665bf, #317ed6);
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  transition: opacity 0.3s;
  margin: 1em 0em;
}

a.link-button-1::before{
  content: "?";
  font-weight: 900;
  margin-right: 8px;
  color: #ccc;
}

a.link-button-1 .fas, a.link-button-1 .far{
  color: #fff;
}
a.link-button-1:hover, a.link-button-1:focus,
{
  opacity: 0.75;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/**/