@charset "Shift_JIS";
/* ƒ{ƒ^ƒ“‰æ‘œ‚Ì‘�ŽY‚ª–Ê“|‚È‚Ì‚Å*/

button.custom,
input[type=button].custom{
	border: 1px solid;
	border-radius: 3px;
	color: white;
	padding: 5px 7px;
  	font-family: Roboto, "ŸàƒSƒVƒbƒN‘Ì", "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
    	font-weight: 500;
	background:linear-gradient(#a9a9a9 50%,#808080 50%,#808080);
	border-color: #808080;
	font-size: 12px;
	min-width: 55px;
}

button.custom.simple,
input[type=button].custom.simple{
	border-radius: 5px;
	background: #208BBD;
	border:2px solid  #208BBD;
	padding:5px 0;
	width:110px;
	font-size:13px;
	font-weight:bold;
	transition: all .5s ease;
	
}
button.custom.simple,
input[type=button].custom.simple:hover{
	border-radius: 5px;
	background: #fff;
	border:2px solid  #208BBD;
	color:#208BBD;
	font-weight:bold;

}
button.custom.long,
input[type=button].custom.long{
	min-width: 100px;
}
button.custom.min,
input[type=button].custom.min{
    min-width: 35px !important;
    font-size: 20px;
    font-weight: bold;
    margin: 0 !important;
    height: 35px !important;
}

button.custom{
	line-height: 12px;
}

input[type=button].custom:hover{
	opacity: 0.7;
}

button.custom.new,
input[type=button].custom.new{
	background:#208BBD;
	border:2px solid #208BBD !important;
	color:#fff;
	border:none;
	box-sizing:border-box;
	width:140px;
	margin:9px 0;
	font-weight:bold;
	font-size:15px;
	padding: 8px 0;
	transition: all .5s ease;
}
button.custom.new:hover{
	color: #208BBD;
	background:#fff;
	border:2px solid #208BBD;
}
input[type=button].custom.new:hover{
	color: #208BBD;
	background:#fff;
	border:2px solid #208BBD;
}
button.custom.new svg{
	margin-right:5px;
	margin-top:-1px;
}
button.custom.new svg path{
	fill:#fff;
}
button.custom.new:hover svg path{
	fill:#208BBD !important;
}
button.custom.spot{
	background:#f77d98;
	border:2px solid #f77d98 !important;
	color:#fff;
	border:none;
	box-sizing:border-box;
	width:140px;
	margin:9px 0;
	font-weight:bold;
	font-size:15px;
	padding: 8px 0;
	transition: all .5s ease;
}
button.custom.spot:hover{
	color: #f77d98;
	background:#fff;
	border:2px solid #f77d98;
}


span.hazardmap{ color: #F4907C; 
	font-weight:bold;
	font-size:15px;}
button.custom.hazardmap_create{
	background:#F4907C;
	border:2px solid #F4907C !important;
	color:#fff;
	border:none;
	box-sizing:border-box;
	width:auto;
	margin:9px 0;
	font-weight:bold;
	font-size:15px;
	padding:2.2%;
	transition: all .5s ease;
	margin-bottom: 5px !important;
}
button.custom.hazardmap_create:hover{
	color: #F4907C;
	background:#fff;
	border:2px solid #F4907C;
}

button.custom.hazardmap_update{
	border-color: #F4907C !important;
	color: #208BBD;
	background: #FFF;
	width:auto;
}
button.custom.hazardmap_update:hover{
	color: #F4907C;
}

button.hazardmap_rireki{
	float: right;
	border: none;
	background: none;
	text-decoration: underline;
	color: #F4907C;
}

button.custom.edi,
input[type=button].custom.edi{
	background:#fff;
	border: 1px solid #2c3f51;
	color:#2c3f51;
	font-size:13px;
	width:130px;
	padding:8px 0;
	border-radius:5px;
	font-weight:bold;
    transition: all .5s ease;
}
button.custom.edi.hide,
input[type=button].custom.edi.hide{
	background:#edeff4;
	color: gray;
}

button.custom.edi:hover{
	background:#2c3f51;
	color:#fff;
	opacity:1;
}
button.custom.edipagem,
input[type=button].custom.edipagem{
	background:#e6fbff;
	border: 1px solid #2c3f51;
	color:#2c3f51;
	font-size:13px;
	width:130px;
	padding:8px 0;
	border-radius:5px;
	font-weight:bold;
    transition: all .5s ease;
}
button.custom.edipick,
input[type=button].custom.edipick{
	background:#FFF;
	border: 1px solid #2c3f51;
	color:#2c3f51;
	font-size:13px;
	width:170px;
	padding:8px 0;
	border-radius:5px;
	font-weight:bold;
    transition: all .5s ease;
}
button.custom.edipagem:hover{
	background:#2c3f51;
	color:#fff;
	opacity:1;
}
button.custom.edihakase,
input[type=button].custom.edihakase{
	background:#e6fbff;
	border: 1px solid #2c3f51;
	color:#2c3f51;
	font-size:13px;
	width:90px;
	padding:5px 0;
	border-radius:5px;
	font-weight:bold;
	transition: all .5s ease;

}
button.custom.edihakase,
input[type=button].custom.edihakase:hover{
	background-color:#2c3f51;
	color:#fff;
	opacity:1;
}
button.custom.edihakase2,
input[type=button].custom.edihakase2{
	background:#fff;
	border: 1px solid #2c3f51;
	color:#2c3f51;
	font-size:13px;
	width:110px;
	padding:5px 0;
	border-radius:5px;
	font-weight:bold;
	transition: all .5s ease;

}
button.custom.edihakase2,
input[type=button].custom.edihakase2:hover{
	background-color:#2c3f51;
	color:#fff;
}
button.custom.delhakase,
input[type=button].custom.delhakase{
	background:#fff;
	border: 1px solid #2c3f51;
	color:#2c3f51;
	font-size:13px;
	width:60px;
	padding:5px 0;
	border-radius:5px;
	font-weight:bold;
	transition: all .5s ease;

}
button.custom.delhakase,
input[type=button].custom.delhakase:hover{
	background-color:#2c3f51;
	color:#fff;
	opacity:1;
}
button.custom.ent,
input[type=button].custom.ent{
	background:linear-gradient(#45ca27 50%,#66c01f 50%,#66c01f);
	border: 1px solid #66c01f;
}
button.custom.ent:hover{
	color: #66c01f;
}
button.custom.cp,
input[type=button].custom.cp{
	background:#2c3f51;
	border-radius:50px;
	min-width:35px;
	height:33px;
	margin:3px 0 0 7px;
	border:none;
	vertical-align: top;
}
button.custom.cp:hover{
	background:#9FD5EE;
}

button.custom.pre,
input[type=button].custom.pre{
	background:linear-gradient(#01a9d8 50%,#019bd0 50%,#019bd0);
	border-color: #019bd0;

}
button.custom.pre:hover{
	color: #019bd0;
}

button.custom.ver,
input[type=button].custom.ver{
	background:#208BBD;
	border: 2px solid #208BBD;
	color:#fff;
	font-size:15px;
	width:250px;
	padding:15px 0;
	border-radius:5px;
	font-weight:bold;
	transition: all .5s ease;
}
button.custom.ver:hover{
	background-color: #2c3f51;
    	border: 2px solid #2c3f51;
    	color: #fff;
	opacity:1;
}
input[type=button].custom.ver:hover{
	background-color: #2c3f51;
    	border: 2px solid #2c3f51;
    	color: #fff;
	opacity:1;
}
button.custom.del,
input[type=button].custom.del{
	background:#2c3f51;
	border:none;
	border-radius:50px;
	min-width:35px;
	height:35px;
	margin:0px 0 0 7px;
	vertical-align: top;
}

button.custom.del:hover{
	background: #9FD5EE;
}
button.custom.del:hover svg path{
	fill:#fff;
}
button.custom.blue,
input[type=button].custom.blue{
	background:#fff;
	border:2px solid #2c3f51;
	border-radius:3px;
	color:#2c3f51;
	font-size:13px;
	padding:2.8% 0;
	width:90px;
	transition: all .5s ease;
	vertical-align: top;
    	box-sizing: border-box;
	font-weight:bold;
	margin:9px 0;
}
button.custom.blue:hover{
	color: #fff;
	background:#2c3f51;
	font-weight:bold;
}

button.custom.blue2,
input[type=button].custom.blue2{
	background:linear-gradient(#446cb3 50%,#385da6 50%,#385da6);
	border-color: #385da6;
}
button.custom.blue2:hover{
	color: #385da6;
}
button.custom.blue3,
input[type=button].custom.blue3{
	background:#fff;
	border: 1px solid #2a8ed4;
	color:#2a8ed4;
	font-size:13px;
	font-weight:bold;
	padding:5px 0;
	width:75px;
	border-radius:5px;
	transition: all .5s ease;
}
button.custom.blue3:hover{
	color: #fff;
	border: 1px solid #2a8ed4;
	background:#2a8ed4;
}
input[type=button].custom.blue3:hover{
	color: #fff;
	border: 1px solid #2a8ed4;
	background:#2a8ed4;
}
button.custom.pink,
input[type=button].custom.pink{
	background: #fff;
    	border: 1px solid #2c3f51;
    	color: #2c3f51;
    	font-size: 13px;
    	width: 100px;
    	padding: 5px 0;
    	border-radius: 5px;
    	font-weight: bold;
	transition: all .5s ease;

}
button.custom.pink,
input[type=button].custom.pink:hover{
	background-color:#2c3f51;
	color:#fff;

}
button.custom.red,
input[type=button].custom.red{
	background:linear-gradient(#fa6161 50%,#ec4d4d 50%,#ec4d4d);
	border-color: #ec4d4d;
}
button.custom.red:hover{
	color: #ec4d4d;
}
button.custom.red2,
input[type=button].custom.red2{
	background:#fff;
	border: 2px solid #f06e5a;
	color:#f06e5a;
	font-size:15px;
	width:250px;
	padding:10px 0;
	border-radius:5px;
	transition: all .5s ease;
	font-weight:bold;
}
input[type=button].custom.red2:hover{
	background-color:#f06e5a;
	color:#fff;
	opacity:1;
}
button.custom.inq,
input[type=button].custom.inq{
	background:#fff;
	border: 1px solid #f06e5a;
	color:#f06e5a;
	font-size:13px;
	width:150px;
	padding:5px 0;
	border-radius:5px;
	transition: all .5s ease;
	font-weight:bold;
}
input[type=button].custom.inq:hover{
	background-color:#f06e5a;
	color:#fff;
	opacity:1;
}
button.custom.black,
input[type=button].custom.black{
	background:linear-gradient(#2c2c2c 50%,#232323 50%,#232323);
	border-color: #232323;
}
button.custom.black:hover{
	color: #232323;
}

button.custom:hover{
	background: #FFF;
	font-weight: bold;
}

td > p.caution {
	color: #a0522d;
	background-color: #fffacd;
	margin: 3px 0;
	font-size: 80%
}
td > p.caution2{
	color: red;
	background-color: #fffacd;
	margin: 3px 0;
}

table caption.leftbold{
	text-align: left;
	font-weight: bold;
}

#pagination-digg{
	list-style:none;
}
#pagination-digg > li{
	float:left;
	min-width: 20px;
	padding-left: 10px;
}
#pagination-digg > li.current{
	background-color: #d7f2ff;
	color: #0000ff;
	font-weight: bold;
}

ul.taglist{
	display: block;
	list-style: none;
	padding: 10px;
	border: #999 solid 1px;
	border-radius: 5px;
	font-size: 13px;
}
ul.taglist li{
	display: inline-block;
	line-height: 26px;
}

ul.taglist li span + span{
	display: none;
}
ul.taglist li input[type=text]{
    border: #bbb solid 1px;
    font-family: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono, monospace;
    height: 24px;
    margin: 0;
    outline: none;
    padding: 0;
    line-height: 1.8em;
    width: 100px;
}
.taglist button, 
.taginput button:not(.custom){
	font-size: 11px;
	border-radius: 2px;
	margin-left: 3px;
	padding: 0 2px;
	background-color: #666666;
	border: #666666 solid 1px;
	color: white;
	display: inline-block;
	text-align: center;
}
.taglist button.edi,
.taginput button:not(.custom).edi{
	background-color: white;
	border: #45ca27 solid 1px;
	color: #45ca27;
}
.taglist button.del,
.taginput button:not(.custom).del{
	border: red solid 1px;
	background-color: red;
}
.taglist button.cxl,
.taginput button:not(.custom).cxl{
	border: white solid 1px;
	background-color: white;
	color: #666666;
}
div.taglist{
	margin-bottom: 5px;
}
.tag_g{
	background-color: #e2f2f9;
	padding: 3px 8px;
	border-bottom: 2px solid #9FD5EE;
}
.topic_tag{
	display: inline-block;
	padding: 3px 8px;
	border-radius: 5px;
	margin-right: 7px;
	opacity: 1;
	border:1px dashed #000;
	cursor: pointer;
	margin-bottom:7px;
}
.topic_tag:hover{
	background-color:#e6fbff;
}
.topic_tag input[type=checkbox]{
	margin-left: 0 !important;
	margin-right: 5px !important;
}

.taginput{
	position: relative;
}
.taginput > div:not(.taglist){
	position: absolute;
}
.taginput div.wrap{
	background-color: #c1c1c1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.9;
}
.taginput div.wrap .cxl{
	position: absolute;
	bottom: 3px;
}
.taginput div.input{
	left: 55px;
	bottom: 3px;
}
.taginput div input[type=text]{
	width: 200px !important;
	background-color: white;
}
.taginput button.js_tagadd.close ~ div{
	display: none;
}

.taglist.show label:before{
	content: '#';
	color: gray;
}
.taglist.show label:not(.checked){
	background-color: #f5f5f5;
	color: gray;
}

td.ctrl br ~ input{
	margin-top: 5px;
}
/* help
--------------------------------------------------------- */
.contents_help ul li{
	float:left;
	margin:25px 15px 10px 0;
}
.contents_help a{
	border: 1px solid #003e7a;
    	padding: 10px;
    	border-radius: 5px;
    	font-size: 16px;
    	font-weight: bold;
}
.contents_help a:hover{
	background-color:#e6fbff;
}
.contents_help a img{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:auto;
}
.contents_help ul li a p{
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 5px;
	font-size:13px;
}
.contents_help a:hover p{
	text-decoration:none;
}
svg{
	width:16px !important;
	height:16px !important;
    	vertical-align: middle;

}
svg path{
	fill: #fff !important;
}
svg rect{
	fill: #fff !important
}
svg polygon{
	fill: #fff !important
}
svg.qu_icon{
    	width: 12px !important;
    	height: 12px !important;
}
a svg.qu_icon{
    	background: #2c3f51;
    	border: none;
    	border-radius: 50px;
    	padding:4px;
    	margin: 0px 0 0 7px;
    	vertical-align: top;
}
a svg.qu_icon:hover {
    	background: #6a8cab;
}

/* help
--------------------------------------------------------- */
.inq_form_wrap{
	background-color: #eee;
   	padding: 20px ;
    	margin-bottom: 30px;
}
.inq_form_more{
	width:350px;
	margin:0 auto;
}
.inq_form_more a{
    display: block;
    color: #2c3f51;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 2px solid #2c3f51;
    transition: all .5s ease;
    border-radius: 5px;
    padding: 12px 0;
    background-color:#FFF;
}
.inq_form_more a:hover{
    background-color:#2c3f51;
    color:#fff;
}

button.custom.simpleinq,
input[type=button].custom.simpleinq{
    background: #f06e5a;
    color: #fff;
    font-size: 13px;
    width: 90px;
    padding: 5px 0;
    border-radius: 5px;
    font-weight: bold;
    transition: all .5s ease;
    border:1px solid #f06e5a;
}
button.custom.simpleinq,
input[type=button].custom.simpleinq:hover{
    background: #2c3f51;
    opacity:1;
    border:1px solid #2c3f51;

}
.img_btn{
	background:#2c3f51;
	color:#fff;
    border: 1px solid #2c3f51;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 5px;
    font-weight: bold;
    transition: all .5s ease;
    text-decoration:none;
    display:inline-block;
    margin-left:5px;
}
.img_btn:hover{
    background: #fff;
    border: 1px solid #2c3f51;
	color:#2c3f51;

}
/* --- Required CSS (not customizable) --- */

.tooltip:focus::after,
.tooltip:hover::after {
  content: attr(aria-label);
  display: block;
  z-index: 30 !important;
}

.tooltip.l:focus::after,
.tooltip.l:hover::after {
  left:-45px;
  right: unset;
}

/* --- Required CSS (customizable) --- */

.tooltip:focus::after,
.tooltip:hover::after {
  position: absolute;
  top: -75%;
  right:-45px;
  font-size: 12px;
  background-color: #f2f2f2;
  border-radius: 5px;
  color: initial;
  padding:10px 15px;
  margin-top: 0.5rem;
  text-align: left;
  opacity:1;
}

.tooltip {
  position: relative;
  color: goldenrod;
  display: inline-block;
  z-index: 2;
}

button.custom.cp.tooltip:focus::after,
button.custom.cp.tooltip:hover::after {
  position: absolute;
  top: -66%;
  right:-119px;
  font-size: 12px;
  background-color: #f2f2f2;
  border-radius: 5px;
  color: initial;
  padding:10px 15px;
  margin-top: 0.5rem;
  text-align: left;
  opacity:1;
}

/* --- Codepen styles - not required --- */

/* –â�‡‚¹Œnƒtƒ@ƒCƒ‹ƒŠƒ“ƒN‚È‚Ç */
.upfiles a.preview{
	padding: 4px 20px 4px 4px;
	background-image: url(img/popup.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
	color: #003e7a;
}
.upfiles a.download{
	padding: 2px 20px 2px 2px;
	background-image: url(img/download.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	color: #4b4b4b;
	border: #4b4b4b 2px solid;
	border-radius: 3px;
	text-decoration: none;
}
.upfiles a.file_del{
	background-color: #2c3f51;
	line-height: 1rem;
	padding: 4px;
	border-radius: 15px;
}
.upfiles a + a{
	margin-left: 15px;
}

.upfiles a:hover{
	opacity: 0.7;
}

ul.upfiles > li{
	display: inline-block;
	width: 49%;
	padding: 5px;
	box-sizing: border-box;
}
ul.upfiles > li:hover{
	background-color: #e6fbff;
}
ul.upfiles > li > div{
	float: right;
}

.white{
	background-color: white;
}


.wauto{
	width: auto !important;
	padding: 5px !important;
}
table.table-full{
	margin: 0 0 10px !important;
	width: 100% !important;
}