@charset "UTF-8" ;
/*******************************************************************************
*
*		フォント
*
*******************************************************************************/
a, p, h1, h2, h3, h4, h6, h6, span {
	font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif ;
}

/*******************************************************************************
*
*		JQeruy mobile css overwrite
*
*******************************************************************************/
.ui-page-theme-template {
	background-color: #fff ;
	max-width: 740px ;
}
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
	left: auto ;
	overflow: hidden;
}
.ui-page {
	background-image: url('../img/bgimg.png') ;
	background-size: 100% ;
}
.ui-panel-wrapper {
    overflow-y: hidden;
}

.ui-bar-template, .ui-headder, .ui-footer {
	border-width: 0px ;
	text-align: center ;
}
p {
	font-size: 0.8rem ;
}

/*******************************************************************************
*
*		共通
*
*******************************************************************************/
html {
	background-color: #fff ;
	max-width: 740px ;
	margin: 0 auto ;
}
small {
	font-size: 0.6rem ;
}
.textCenter {
	text-align: center ;
}
.textSmall {
	font-size: 0.6rem ;
}
.titlePadding {
	padding-top:20px　;
	padding-bottom:20px　;
}
.maxWidth100 {
	max-width: 100% ;
}
.minHeight70px {
	min-height: 70px ;
}
.height50 {
	height: 50% ;
}
.height100 {
	height: 100% ;
}
.width20 {
	width: 20% ;
}
.width25 {
	width: 25% ;
}
.width30 {
	width: 30% ;
}
.width35 {
	width: 35% ;
}
.width40 {
	width: 40% ;
}
.width50 {
	width: 50% ;
}
.width60 {
	width: 60% ;
}
.width65 {
	width: 65% ;
}
.width70 {
	width: 70% ;
}
.width75 {
	width: 75% ;
}
.width95 {
	width: 95% ;
}
.width100 {
	width: 100% ;
}
.paddingLeif10 {
	padding-left: 10px ;
}
.fontSize06 {
	font-size: 0.6rem ;
}
.fontSize07 {
	font-size: 0.7rem ;
}
.fontSize08 {
	font-size: 0.8rem ;
}
.marginTop10 {
	margin-top: 10px ;
}
.marginSide10 {
	margin-right: 10px ;
	margin-left: 10px ;
}
.marginBottom10 {
	margin-bottom: 10px ;
}
.divTable {
	width: 100% ;
	display: table ;
	position: relative ;  
}
.divTable .divTableCell {
	display: table-cell ;
	vertical-align: middle ;
}
.contentsMenuTable {
	width: 100% ;
	display: table ;
}
.contentsMenuTable .contentsMenuTableCell {
	display: table-cell ;
	vertical-align: top ;
	width: 25% ;
	padding: 2px ;
}
.contentsMenuTable .contentsMenuTableCellText {
	display: table-cell ;
	vertical-align: top ;
	width: 25% ;
}
.contentsMenuTable .contentsMenuTableCell div {
	width: 100% ;
	height: 100% ;
	box-sizing: border-box ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent ;
	border: none ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	display: block;
	text-decoration: none ;
	color: #000 ;
}
.contentsMenuTable .contentsMenuTableCell a:link {
	text-decoration: none ;
	color: #000 ;
}
.contentsMenuTable .contentsMenuTableCell a:visited {
	text-decoration: none ;
	color: #000 ;
}
.contentsMenuTable .contentsMenuTableCell a:hover {
	text-decoration: none ;
	color: #000 ;
}
.contentsMenuTable .contentsMenuTableCell a:active {
	text-decoration: none ;
	color: #000 ;
}
.contentsMenuTable .contentsMenuTableCell .red {
	background-image: url('../img/260-260_red_off.png') ;
}
.contentsMenuTable .contentsMenuTableCell .red:hover {
	background-image: url('../img/260-260_red_on.png') ;
}
.contentsMenuTable .contentsMenuTableCell .red:active {
	background-image: url('../img/260-260_red_on.png') ;
}
.contentsMenuTable .contentsMenuTableCell .green {
	background-image: url('../img/260-260_green_off.png') ;
}
.contentsMenuTable .contentsMenuTableCell .green:hover {
	background-image: url('../img/260-260_green_on.png') ;
}
.contentsMenuTable .contentsMenuTableCell .green:active {
	background-image: url('../img/260-260_green_on.png') ;
}
.contentsMenuTable .contentsMenuTableCell .yellow {
	background-image: url('../img/260-260_yellow_off.png') ;
}
.contentsMenuTable .contentsMenuTableCell .yellow:hover {
	background-image: url('../img/260-260_yellow_on.png') ;
}
.contentsMenuTable .contentsMenuTableCell .yellow:active {
	background-image: url('../img/260-260_yellow_on.png') ;
}
.contentsMenuTable .contentsMenuTableCell .white {
	background-image: url('../img/260-260_white_off.png') ;
}
.contentsMenuTable .contentsMenuTableCell .white:hover {
	background-image: url('../img/260-260_white_on.png') ;
}
.contentsMenuTable .contentsMenuTableCell .white:active {
	background-image: url('../img/260-260_white_on.png') ;
}
.contentsMenuImg {
	display: block;
	width: 80% ;
	height: auto ;
	margin: 0 auto;
}
.contentsMenuP {
	display: block;
	height: 20% ;
	text-align: center ;
	margin: 0 auto;
	font-size: 0.6rem ;
	overflow-x: visible ;
	white-space: nowrap;
}

.gray640-120Btn {
	display: block ;
	background-image: url('../img/640-120_gray_off.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.gray640-120Btn:hover {
	display: block ;
	background-image: url('../img/640-120_gray_on.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.page-top {
    position: fixed;
    bottom: 0px;
    right: 5px;
    font-size: 0.7rem;
	display: none ;
	z-index: 2000 ;
}
.page-top a {
    background: blue ;
    text-decoration: none;
    color: #fff;
    width: 36px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 18px;
}
.page-top a:hover {
    text-decoration: none;
    background: #999;
}
.divBgImg {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent ;
	border: none ;
	width:100% ;
	height: auto ;

}
.bgImg {
	border: none ;
	width:100% ;
	height: auto ;
}
/*******************************************************************************
*
*		index.php
*
*******************************************************************************/
.indexMenu {
	width: 100% ;
	height: auto ;
	display: table ;
	border-style: solid ;
	border: 1px ;
	box-sizing: border-box ;
	margin-bottom: 5px ;
}
.siteInformation {
	display: table-cell ;
	vertical-align: top ;
	border: solid 1px #000;
	background-color: #FFF;
}
.siteInformation a {
	width: 100% ;
	height: 50% ;
}
.siteInformationR {
	display: table-cell ;
	vertical-align: top ;
}
.siteInformationR .divTable {
	border: solid 1px #000;
}
.siteInformationR a {
	display: block ;
	width: 100% ;
	height: 50% ;
}
.middleImg {
   width: 100%;
   display: block;
}
.indexContentsMenu {
	width: 100% ;
}
.indexMenuTable {
	width: 100% ;
	display: table ;
}
.indexMenuTable .indexMenuTableCell {
	display: table-cell ;
	vertical-align: top ;
	width: 50% ;
	padding: 5px ;
}
.indexMenuTable .indexMenuTableCell a {
	display: block;
	width: 100% ;
	height: auto ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent ;
	border: none ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	box-sizing: border-box ;
	font-size: 0.7rem ;
}
.indexSearchMap {
	background-image: url('../img/indexSearchMap_off.png') ;
}.indexSearchMap:hover {
	background-image: url('../img/indexSearchMap_on.png') ;
}
.indexSearchList {
	background-image: url('../img/indexSearchList_off.png') ;
}
.indexSearchList:hover {
	background-image: url('../img/indexSearchList_on.png') ;
}
.font_red {
	color: red ;
}

a.decoration_none, a.decoration_none:link, a.decoration_none:visited, a.decoration_none:hover, a.decoration_none:active {
	text-decoration: none ;
	color: black;
}

/*----- お知らせ -----*/
.information {
	position: relative;
	overflow: hidden;
	line-height: 1em;
	overflow-wrap: break-word ;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-size: 1.2em;
	vertical-align: middle;	
	border-color: grey;
	border-width: 2px;
	border-style: ridge;
	font-size: 1em ;
	background-color: #ffffcc ;
	color: #ff2222 ;
}

.information p {
	margin-left: 3px ;
}

/*******************************************************************************
*
*		area.php
*
*******************************************************************************/
.smallmap {
	width: 100% ;
	height: auto ;
}
.prefMapArea {
	width: 100% ;
	display: table;
}
.prefMapArea .prefMapAreaCell {
	display: table-cell ;
	width: 50% ;
}
.prefMapArea .prefMapAreaCell a {
	display: block;
	background-size: 100% 100%;
}
.dummyAraImg {
	width: 100%;
	height: auto;
}
.positionRelatice {
	position: relative ;
}
div[class^='imgPrefMapArea'] {
	display: block;
	background-size: 100% 100%;
	position: relative ;
}
.imgPrefMapArea01{
	background-image: url('../img/area1_off.png') ;
}
.imgPrefMapArea01:hover{
	background-image: url('../img/area1_on.png') ;
}
.imgPrefMapArea02{
	background-image: url('../img/area2_off.png') ;
}
.imgPrefMapArea02:hover{
	background-image: url('../img/area2_on.png') ;
}
.imgPrefMapArea03{
	background-image: url('../img/area3_off.png') ;
}
.imgPrefMapArea03:hover{
	background-image: url('../img/area3_on.png') ;
}
.imgPrefMapArea04{
	background-image: url('../img/area4_off.png') ;
}
.imgPrefMapArea04:hover{
	background-image: url('../img/area4_on.png') ;
}
.imgPrefMapArea05{
	background-image: url('../img/area5_off.png') ;
}
.imgPrefMapArea05:hover{
	background-image: url('../img/area5_on.png') ;
}
.imgPrefMapArea06{
	background-image: url('../img/area6_off.png') ;
}
.imgPrefMapArea06:hover{
	background-image: url('../img/area6_on.png') ;
}
.imgPrefMapArea07{
	background-image: url('../img/area7_off.png') ;
}
.imgPrefMapArea07:hover{
	background-image: url('../img/area7_on.png') ;
}
.imgPrefMapArea08{
	background-image: url('../img/area8_off.png') ;
}
.imgPrefMapArea08:hover{
	background-image: url('../img/area8_on.png') ;
}
.imgPrefMapArea09{
	background-image: url('../img/area9_off.png') ;
}
.imgPrefMapArea09:hover{
	background-image: url('../img/area9_on.png') ;
}
.imgPrefMapArea10{
	background-image: url('../img/area10_off.png') ;
}
.imgPrefMapArea10:hover{
	background-image: url('../img/area10_on.png') ;
}
.imgPrefMapArea11{
	background-image: url('../img/area11_off.png') ;
}
.imgPrefMapArea11:hover{
	background-image: url('../img/area11_on.png') ;
}
.imgPrefMapArea12{
	background-image: url('../img/area12_off.png') ;
}
.imgPrefMapArea12:hover{
	background-image: url('../img/area12_on.png') ;
}
.imgPrefMapArea13{
	background-image: url('../img/area13_off.png') ;
}
.imgPrefMapArea13:hover{
	background-image: url('../img/area13_on.png') ;
}
.imgPrefMapArea14{
	background-image: url('../img/area14_off.png') ;
}
.imgPrefMapArea14:hover{
	background-image: url('../img/area14_on.png') ;
}
div[class^="areaListContents"] {
	display: none ;
	width: 100% ;
	background-size: 100% 100%;
	background-image: url('../img/380-140-_morioka_off.gif') ;
	box-sizing: border-box ;
	padding: 10px ;
}
.googleMaps p {
	display: block;
	height: 20% ;
	text-align: center ;
	margin: 0 auto;
	font-size: 0.6rem ;
	overflow-x: visible ;
	white-space: nowrap;
}
.areaListsMenuImg {
	display: block;
	width: 70% ;
	height: auto ;
	margin: 0 auto;
}
.areaListUrgencySelected {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_red_on.png') ;
	box-sizing: border-box ;
}
.areaListUrgencySelected:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_red_off.png') ;
	box-sizing: border-box ;
}
.areaListUrgency {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_red_off.png') ;
	box-sizing: border-box ;
}
.areaListUrgency:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_red_on.png') ;
	box-sizing: border-box ;
}
.areaListConstructionSelected {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_yellow_on.png') ;
	box-sizing: border-box ;
}
.areaListConstructionSelected:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_yellow_off.png') ;
	box-sizing: border-box ;
}
.areaListConstruction {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_yellow_off.png') ;
	box-sizing: border-box ;
}
.areaListConstruction:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_yellow_on.png') ;
	box-sizing: border-box ;
}
.areaListWinterSelected {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_white_on.png') ;
	box-sizing: border-box ;
}
.areaListWinterSelected:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_white_off.png') ;
	box-sizing: border-box ;
}
.areaListWinter {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_white_off.png') ;
	box-sizing: border-box ;
}
.areaListWinter:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_white_on.png') ;
	box-sizing: border-box ;
}
.areaListCamera1Selected {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_green_on.png') ;
	box-sizing: border-box ;
}
.areaListCamera1Selected:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_green_off.png') ;
	box-sizing: border-box ;
}
.areaListCamera1 {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_green_off.png') ;
	box-sizing: border-box ;
}
.areaListCamera1:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_green_on.png') ;
	box-sizing: border-box ;
}
.areaListCamera2Selected {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_blue_on.png') ;
	box-sizing: border-box ;
}
.areaListCamera2Selected:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_blue_off.png') ;
	box-sizing: border-box ;
}
.areaListCamera2 {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_blue_off.png') ;
	box-sizing: border-box ;
}
.areaListCamera2:action {
	width: 20% ;
	background-size: 100% 100%;
	background-image: url('../img/180-80_blue_on.png') ;
	box-sizing: border-box ;
}
.googleMaps {
	width: 100% ;
}

.prefMap {
	width: 100%;
	height: auto;
}

ul {
padding: 0; 
margin: 0;
width: 100% ; 
list-style:none;
}
ul[id$="AllMenu"] li{ 
padding: 0; 
margin: 0;
width: 100% ;
}

ul[id$="AllMenu"] li a{
	background-image: url('../img/60-640_white.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
display: block; 
border: 1px solid #666;
text-decoration: none;
color: #333;
width: 100%; 
text-align: center;
box-sizing: border-box;
padding:20px;
text-align: left;
padding-left: 30px;
background-color:gray;
}

ul[id$="AreaMenu"] li a:hover{
	background-image: url('../img/60-640_blue.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
background-color: #2d56be;
color: #fff;
}


ul[id$="AreaMenu"] li{ 
padding: 0; 
margin: 0;
width: 100% ;
}

ul[id$="AreaMenu"] li a{
	background-image: url('../img/60-640_white.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
display: block; 
border: 1px solid #666;
text-decoration: none;
color: #333;
width: 100%; 
text-align: center;
box-sizing: border-box;
padding:20px;
text-align: left;
padding-left: 30px;
background-color:gray;
}
ul[id$="AreaMenu"] li a:hover{
	background-image: url('../img/60-640_blue.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
background-color: #2d56be;
color: #fff;
}


.list {
width: 100%;
}
.list th{
box-sizing: border-box;
border-top: 2px solid #000000;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-bottom: 2px solid #000000;
color: #FFFFFF;
background-color: #797979;
background-position: left top;
padding: 0em 0em;
table-layout: fixed;
}
.list td {
	text-align: center ;
color: #000000;
box-sizing: border-box;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
padding: 0em 0em;
table-layout: fixed;
vertical-align:middle;
}
.menu_margin {
	margin: 15px 0px ;
}
.menu ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.menu li{ 
	padding: 0; 
	margin: 0; 
}
.menu li a{
	display: block; 
	/* border: 1px solid #666; */
	text-decoration: none;
	color: #333;
	width: 100%; 
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../img/640-120_gray_off.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
.menu li a:hover{
	background-image: url('../img/640-120_gray_on.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
.menu li a.blue640-120Btn {
	display: block; 
	text-decoration: none;
	color: #333;
	width: 100%; 
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../img/640-120_blue_off.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
.menu li a.blue640-120Btn:hover {
	display: block ;
	background-image: url('../img/640-120_blue_on.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

.menu li a.orange640-120Btn {
	display: block; 
	text-decoration: none;
	width: 100%; 
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../img/640-120_orange_off.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #000;
}
.menu li a.orange640-120Btn:hover {
	display: block ;
	background-image: url('../img/640-120_orange_on.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #000;
}

.menu li a.red640-120Btn {
	display: block; 
	text-decoration: none;
	width: 100%; 
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../img/640-120_red_off.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
.menu li a.red640-120Btn:hover {
	display: block ;
	background-image: url('../img/640-120_red_on.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

.menu li a.yellow640-120Btn {
	display: block; 
	text-decoration: none;
	width: 100%; 
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../img/640-120_orange_off.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
.menu li a.yellow640-120Btn:hover {
	display: block ;
	background-image: url('../img/640-120_orange_on.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

.menu li a.green640-120Btn {
	display: block; 
	text-decoration: none;
	width: 100%; 
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../img/640-120_green_off.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
.menu li a.green640-120Btn:hover {
	display: block ;
	background-image: url('../img/640-120_green_on.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

.menu li a.aqua640-120Btn {
	display: block; 
	text-decoration: none;
	width: 100%; 
	text-align: center;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../img/640-120_aqua_off.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
.menu li a.aqua640-120Btn:hover {
	display: block ;
	background-image: url('../img/640-120_aqua_on.png') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

.menu li a.urgencyBtn {
	display: block ;
	background-image: url('../img/220_120_urgency_off.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.menu li a.urgencyBtn:hover {
	display: block ;
	background-image: url('../img/220_120_urgency_on.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


.menu li a.sanriku-btn {
	color: #ffd700;
}
.menu li a.sanriku-btn:hover {
	color: #ffd700;
}
/*
.defualtBtn {
	background-image: url('../img/120-640_white.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	
}
.menu li .menuSelect {
	background-image: url('../img/120-640_black.gif') ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}
*/
.ui-select {
	background-color: #fff;
}


.areaDiv {
	width: 100% ;
	display: table ;
	margin: 25px 0;
}

.areaHeader {
	width: 100% ;
	display: table ;
	margin-left : auto ;
	margin-right : auto ;
}
.areaMiddle {
	width: 100% ;
	display: table ;
}
.areaBottom {
	width: 100% ;
	display: table ;
	margin-left : auto ;
	margin-right : auto ;
}
.areaLeft {
	width: 9% ;
	display: table-cell ;
    vertical-align: middle; 
}
.areaImg {
	width: 82% ;
	display: table-cell ;
}
.areaRight {
	width: 9% ;
	display: table-cell ;
    vertical-align: middle; 
}
.topImgLink {
	display: table ;
	width: 100% ;
}
.areaLink1 {
	margin: 0 auto;
	width: 50%;
	display: table-cell ;
	text-align:center;
	margin-left : auto ;
	margin-right : auto ;
}
.areaLink2 {
	height: 50%;
	display: table ;
	text-align:center;
	vertical-align: middle;
}
.areaLink3 {
	width: 50%;
	display: table-cell ;
	text-align:center;
	margin-left : auto ;
	margin-right : auto ;
}
.areaLink4 {
	height: 50%;
	display: table ;
	text-align:center;
	vertical-align: middle;
}
.areaLinkW {
	max-height: 8vw ;
}
.areaLinkH {
	max-width: 95% ;
}
.imgStretc {
	width: 100% ;
	height: auto;
}
.bxslider {
	visibility: hidden;
}
.bxsliderFrame {
    position: relative;
	display: block;
}

.bxsliderStr {
	display: table;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:220px;
	height:2em;
}
.bxsliderStrVertical {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.cameraTable {
	width: 100% ;
	display: table ;
}
.cameraTableCell {
	display: table-cell ;
	width: 50% ;
	text-align: center ;
	background-color: #EEE;
	border-color: grey;
	border-width: 2px;
	border-style: ridge;
}
.toggle {
	width: 100% ;
	box-sizing: border-box ;
	display: table ;
	background-image: url('../img/120-640_white.gif') ;
    background-repeat: no-repeat;
	background-size: 100% 100% ;
	color: #000;
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	padding-top: 15px ;
	padding-bottom: 15px ;
	padding-left: 20px ;
}
.toggleOpen {
	width: 100% ;
	box-sizing: border-box ;
	display: table ;
	background-image: url('../img/120-640_white.gif') ;
    background-repeat: no-repeat;
	background-size: 100% 100% ;
	color: #000;
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	padding-top: 15px ;
	padding-bottom: 15px ;
	padding-left: 20px ;
}
.camera2Lines {
	width: 100% ;
	display: block ;
}
.imgFixing {
display: table;
width: 100%;
height: auto;
}
.imgFixingVertical {
display: table-cell;
vertical-align:middle;
width: 100%;
}
.cameraTemp {
	margin: 0 auto;
	text-align:center;
}
.cameraTemp table{
	width: 100% ;
	margin: 0 auto;
	text-align:center;
}
.cameraTemp table tr td{
	border-width: 1px;
	border: solid;
}

.homeBtn {
	position: absolute;
	right: 20px ;
	top: 0px;
	bottom: 0px;
	height: 90% ;
	z-index: 999 ;
	box-sizing: border-box ;
}
.toggleButtonList {
	display: -webkit-box;
	display: box;
	width: 100%;
}
.toggleButton{
	-moz-box-flex:4;
	-webkit-box-flex:4;
	-o-box-flex:4;
	-ms-box-flex:4;
	box-flex: 4;
	position: relative;
	width: 33% ;
}
.btnMargin {
	-moz-box-flex:1;
	-webkit-box-flex:1;
	-o-box-flex:1;
	-ms-box-flex:1;
	position: relative;
	box-flex: 1;
	width: 20px ;
}
.sortBtn {
	width: 100%;
	height: 40px;
}
.btnLabel {
	text-align: center;
	position: absolute ;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 80px;
	height: 20px;
}

@media all and (max-width: 320px) {
	.bxsliderStr {
		width:180px;
		font-size: 70% ;
	}
	.sortBtn {
		height: 40px;
	}
}
@media all and (max-width: 360px) and (min-width:321px) {
	.bxsliderStr {
		width:200px;
		font-size: 80% ;
	}
	.sortBtn {
		height: 50px;
	}
}
@media all and (min-width:361px) {
	.bxsliderStr {
		width:220px;
	}
	.sortBtn {
		height: 60px;
	}
}
.ui-content {
	padding-top: 0px;
}



.marquee {
	position: relative;
	overflow: hidden;
	line-height: 1em;
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-size: 1.2em;
	vertical-align: middle;	
	border-color: grey;
	border-width: 2px;
	border-style: ridge;
	font-size: 1em ;
	background-color: #000;
	color: #0f0;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
margin:0;
padding-left:100%;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:35s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:35s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:35s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:35s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:35s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.cameraIsError {
	background-color: #99ff99 ;
}
.cameraIsNoError {
	background-color: #99ff99 ;
}

.linkArea {
	margin: 10px 10px;
}
/*
.font80 {
	font-size: 80%;
}
*/
.bx-wrapper {
	max-width:687px;
}

/*******************************************************************************
*
*		Map凡例用
*
*******************************************************************************/
.map_legend_main {
	max-width:100%;
	border-left: 1px solid #000 ;
	border-right: 1px solid #000 ;
	box-sizing: border-box ;
}
.map_legend_main_top {
	max-width:100%;
	border-top: 1px solid #000 ;
	box-sizing: border-box ;
}
.map_legend_main_bottom {
	max-width:100%;
	border-bottom: 1px solid #000 ;
	box-sizing: border-box ;
}

.map_legend {
	float:left;
	border: 0px;
	margin-right:0.6rem;
}
/*******************************************************************************
*
*		一覧GoogleMaps
*
*******************************************************************************/
.divListMaps {
    position: relative;
    width: 100%;
}
.divListMaps:before {
    content:"";
    display: block;
    padding-top: 100%;
}
#listMaps {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.iconInfo {
	padding:20px ;
}
.iconInfo p {
	font-size: 0.9rem ;
}
.iconInfoArea {
	padding:10px 30px ;
	background-color: #099 ;
}
.iconInfoArea p {
	color: #fff ;
	text-align: center ;
	font-size: 1.1rem ;
}

/*******************************************************************************
*
*		雪量観測
*
*******************************************************************************/
.snowfall_menu_guide, .snowfall_season_guide, .snowfall_point_guide, .snowfall_alert_guide {
	margin: 15px 0 ;
	padding: 5px 0 ;
	background-color: rgba(255, 255, 255, 0.5) ;
}

.snowfall_menu_guide p, .snowfall_season_guide p {
	margin: 10px 5px ;
}

.snowfall_point_guide {
	border: 4px solid black ;
}

.snowfall_point_guide p {
	font-size: 2rem ;
}

.snowfall_alert_guide p {
	margin: 10px 5px ;
	font-size: 1rem ;
	font-weight: bold ;
}

.snowfall_graph_guide {
	border-width: 1px ;
	border: solid ;
	margin: 15px 0 ;
	padding: 5px 0 ;
	background-color: rgba(255, 255, 255, 0.5) ;
}

.snowfall_graph_guide p {
	margin: 10px 5px ;
	font-size: 1.5rem ;
	font-weight: bold ;
	text-align: center ;
}

.search li {
	margin: 30px 0 ;
	padding: 10px ;
	border: 4px solid aqua;
	border-radius: 8px ;
	background-color: white ;
}

.search .ui-link {
	text-decoration: none ;
	color: black;
	margin: 30px 0 ;
}

.search_title {
	font-size: 1.1rem ;
	font-weight: bold ;
}

table.snowfall_sheet, table.snowfall_detail_sheet_top, table.snowfall_detail_sheet_bottom, table.season_data_observation, table.season_data_list, table.previos_data_observation {
	width: 100% ;
	border-collapse: collapse ;
	border: 1px solid ;
}

table.season_data_list {
	margin-top: 20px ;
}

.snowfall_sheet th, .snowfall_detail_sheet_top th, .snowfall_detail_sheet_bottom th, .season_data_observation th, .season_data_list th, .previos_data_observation th{
	font-size: 0.6rem ;
	background-color: #bdd7F0 ;
	border-collapse: collapse ;
	border: 1px solid ;
	vertical-align: middle ;
}

.season_data_observation th, .previos_data_observation th {
	text-align: right ;
}

.snowfall_sheet td, .snowfall_detail_sheet_top td, .snowfall_detail_sheet_bottom td, .season_data_observation td, .season_data_list td, .previos_data_observation td {
	text-align: center ;
	font-size: 0.6rem ;
	background-color: white ;
	border-collapse: collapse ;
	border: 1px solid ;
	vertical-align: middle ;
}

td.observation_datetime {
	text-align: right ;
	padding: 0 5px ;
}

td.observation_snow {
	text-align: left ;
	padding: 0 5px ;
}

.margin_top10 {
	margin-top: 10px ;
}

.divSnowfallMaps {
    position: relative;
    width: 100%;
}

.divSnowfallMaps:before {
    content:"";
    display: block;
    padding-top: 100%;
}

#snowfallMaps {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.divObservationPointMaps {
    position: relative;
    width: 100%;
}

.divObservationPointMaps:before {
    content:"";
    display: block;
    padding-top: 100%;
}

#observationPointMaps {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.observation_date_area {
	margin: 5px ;
}

td.snowfall_alert {
	background-color: red ;
}

.unsupported {
	position: relative ;
}

.unsupported p {
	margin: 0 ;
	padding: 0 ;
}

.description {
	display: none ;
	position: absolute ;
	padding: 10px ;
	font-size: 12px ;
	line-height: 1.6em ;
	color: #fff ;
	border-radius: 5px ;
	background: #000 ;
	width: 100px ;
}

.description:before {
	content: "" ;
	position: absolute ;
	top: 100% ;
	left: 50% ;
	border: 15px solid transparent ;
	border-top: 15px solid #000 ;
	margin-left: -15px ;
}

.unsupported:hover .description {
	display: inline-block ;
	top: -70px ;
	left: -30px ;
}

.graph_area {
	margin-top: 10px ;
}
/*******************************************************************************/