@charset "utf-8";
/*全ページ共通*/
body {
	position: absolute;
    font-family: 'Meiryo','MS PGothic';
    font-size: 100%;
    min-width: 1260px;
    width: 99%;
	margin: 1px;
}
h1,h2,h3,h4{
    margin : 0;
}
#subTitle{
    line-height: 45px;
    margin-left: 200px; 
}

/* 言語切り替えボタン */
#navi{
    text-align: left;
}
/* 横並びコンテナ */
#tableContainer{
    display: table;
    width: 99%;
    /* height: 100%; */
    padding-left: 4px;
}
/* 地図タイトル */
#mapTitleArea{
    position: relative;
    text-align: right;
    padding-top: 3px;
    padding-right: 8px;
}

/* 各種情報 */
#infoMain{
    vertical-align: top;
	padding-left: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	margin-left: 7px;
}
#info{
	min-height: 509px;
}
/* 凡例 */
#guide{
    margin:20px 0 20px 20px ;
    display: inline-block;
    width: 500px;
    height: 300px;
}
/* リンク集 */
#links{
    width: 200px;
    height: 200px;
    display: inline-block;
}
/* 時刻切り替えボタン */
#listTimeSwitch{
    text-align: center;
}
#time_switch span{
    border: solid 1px black;
}

/* 地点情報 */
#property{
    width: 400px;
    height: 200px;
}
  /* 過去現在切り替えボタン デザインは仮。 */
#nowAndPreSwitch{
  display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        background: #eeeeee;/*ボタン色*/
        border-bottom: solid 4px #627295;
        border-radius: 3px;
}
.nowAndPreSwitch:active{
      /*ボタンを押したときのデザインも仮*/
  background: rgb(15,107,176);/*ボタン色*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
#nowAndPreSwitch a{
    text-decoration: none;
}
#nowAndPreSwitch a:visited{
    color : black;
}
#nowAndPreChoice{
    text-align: center;
}
#propertyCont_wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* 追加 */
#search_container .magnifyingglass
{
  	position:absolute;
   	padding-left:7px;
   	padding-top:6px;
}
#search_container .magnifyingglass #magnifyimage
{
	background-color:#fff;
	background-repeat:no-repeat;
}
#title_name{
    margin: 0;
}
#search_container #query{
	margin-top:1px;
	
	height:30px;
	line-height:30px;
	border: 2px solid #555;
	padding: 0px 0px 0px 28px;
	width:93%;
	*width:93%;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;/*for Firefox*//*for Safari and chrome*/
	border-radius: 15px;
	behavior: url(border-radius.htc);/*for IE*/
	
	behavior: url(border-radius.htc);
	vertical-align:middle; 
	box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}

div#main{
	width: 100%;
}
div#title{
	position: relative;
	width: 1260px;
	height: 50px;
	line-height: 50px;
	background: rgb(8,60,118);
}
#notice_button{
	display: inline-block;
  	text-decoration: none;
  	background: rgb(8,60,118);
  	color: #FFF;
  	border-bottom: solid 4px #627295;
  	border-radius: 3px;
}
div#title_img{
	position: absolute;
	right:0px;
}

div#navi{
	position: relative;
	left:-70px;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0px;
	order: 0px;
	font-size: 14px;
	padding-bottom: 2px;
}
div#tab{
	position: relative;
	/*height: 40px;*/
	width: 1250px;
	/*min-width: 1275px;*/
	border: 0px;
	white-space: nowrap;
}

#legendAndLink{
	position: relative;
	padding-left: 10px;
	clear: both;
}

#linkTitle{
	border: 0px;
	height: 30px;
	line-height: 30px;
}
#linkContents{
	position: relative;
}
.linkLi{
	list-style: none;
	height: 25px;
	white-space: nowrap;
}