@charset "UTF-8";

/* ***** weath 天気予報 ***** */

/* 各天気予報 */
div#sidebar-weathid-title {
  margin-top:20px;
  margin-bottom:30px;
}
div.sidebar-content-out div.sidebar-weathout-fieldset {
  width:100%;
  margin-bottom :30px;
  padding:10px 5px;
  -moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px;	/* Safari,Chrome */
  border-radius: 5px;			/* CSS3 */
  border-width:1px;
  border-style:solid;
  border-color:silver;
  background-color:white;
  box-sizing: border-box;
  position:relative;
}
div.sidebar-content-out div.sidebar-weathout-legend {
  position:absolute;
  top:-18px;
  left:30px;
  padding:5px 10px;
  -moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px;	/* Safari,Chrome */
  border-radius: 5px;			/* CSS3 */
  border-width:1px;
  border-style:solid;
  border-color:silver;
  background-color:lightcyan;
  font-weight: bold;
}
div#sidebar-weathout-news,
div#sidebar-weathout-earthquake,
div#sidebar-weathout-city,
div#sidebar-weathout-city-min {
  height :170px;
  margin :10px;
  padding:5px;
  overflow:auto;
}
div#sidebar-weathout-city {
  height :240px;
}
div#sidebar-weathout-city-min {
  height :290px;
  margin :auto;
}

/* 天気予報 table */
div#sidebar-weathout-city-min   table,
div#sidebar-weathout-city       table,
div#sidebar-weathout-news       table,
div#sidebar-weathout-earthquake table {
	border:none;
}
div#sidebar-weathout-city-min   table tr td,
div#sidebar-weathout-city       table tr td,
div#sidebar-weathout-news       table tr td,
div#sidebar-weathout-earthquake table tr td {
  text-align : center;
  vertical-align:middle;
  padding:5px;
}

/* table  news  earthquake */
div#sidebar-weathout-news       table tr {
  line-height: 1.5em;
}
div#sidebar-weathout-earthquake table tr {
  line-height: 1.5em;
}
div#sidebar-weathout-news table tr td,
div#sidebar-weathout-earthquake table tr td {
  text-align : left;
}
/* table  city */
div#sidebar-weathout-city table {
  border-spacing  : 0;
  border-collapse : separate;
}
div#sidebar-weathout-city table tr td {
  padding:5px 5px 0 5px;
}
table#sidebar-weathout-city-table {
  width:1690px;
}
#sidebar-weathout-city-table td.none {
  display:none;
}


/* ***** dentaku 電卓 ****** */

/* メモリー部(見出し) */
#sidebar-dentaku-output {
  width  :100%;
  height :160px;
  margin :10px auto;
  overflow:auto;
}
#sidebar-dentaku-output table {
  border-spacing  : 0;
  border-collapse : separate;
  width:95%;
  margin:auto;
}
#sidebar-dentaku-output table th {
  position:-webkit-sticky;
	position:sticky;
  top:0;
  z-index: 1;
  background-color: white;
}
#sidebar-dentaku-output table tr th.upd-scal1,
#sidebar-dentaku-output table tr td.upd-scal1,
#sidebar-dentaku-output table tr th.upd-scal2,
#sidebar-dentaku-output table tr td.upd-scal2 {
  text-align:center;
}
#sidebar-dentaku-output table tr th.upd-scal3,
#sidebar-dentaku-output table tr td.upd-scal3,
#sidebar-dentaku-output table tr th.upd-scal4,
#sidebar-dentaku-output table tr td.upd-scal4 {
  text-align:right;
  word-break: break-all;
}
#sidebar-dentaku-output table tr td {
  border-width:1px 0 0 0;
  border-color:#cccccc;
  border-style: solid;
  position:relative;
}
#sidebar-dentaku-output table tr td select.indata {
  position:absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  left:2px;
  height:1.3rem;
  padding:1px;
  width  :3rem;
  font-size:small;
}
#sidebar-dentaku-output table tr td input.indata {
  position:absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  right:0;
  height:1.1rem;
  padding:0 3px 1px;
  width:90%;
  text-align: right;
}

#sidebar-dentaku-output table tr.close {
	display:none;
}
#sidebar-dentaku-output table tr td.red {
	color:red;
}
#sidebar-dentaku-output table tr td a.upd-button {
	text-decoration: none;
}
#sidebar-dentaku-output table tr td a.upd-button:hover {
	font-weight: bold;
	background-color: silver;
	text-decoration: underline;
}

/* ボタン部 */
#sidebar-dentaku-input table {
  margin : 0 auto;
  padding:5px;
  width:100%;
  border :1px #cccccc solid;
  background:#BDB76B;
	border:none;
}

#sidebar-dentaku-input table tr {
  height:2.6rem;
}
#sidebar-dentaku-input table tr td {
  text-align : center;
  vertical-align:middle;
  height:1.5rem;
  width:1.2rem;
}

#sidebar-dentaku-input table tr td input {
  font-weight: bold;
  padding : 2px 10px;
}
#output-data {
  width:90%;
  margin-left:5px;
  padding:2px 5px 2px 0;
	font-size:large;
  font-weight: bold;
  text-align:right;
  -moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px;	/* Safari,Chrome */
  border-radius: 5px;			/* CSS3 */
  border-width:1px;
  border-style:solid;
  border-color:silver;
  background-color:lightcyan;
}
#sidebar-dentaku-input table tr td input.button-scal1 {
  font-size: large;
}
#sidebar-dentaku-input table tr td input.button-scal1a {
  font-size: large;
  padding:2px 14px;
}
#sidebar-dentaku-input table tr td input.button-scal2 {
  padding :1px 2px;
}
#sidebar-dentaku-input table tr td.row2 {
  height:3rem;
}
#sidebar-dentaku-input table tr td.row2 input {
  padding:23px 10px;
}
p.dentaku-error {
  width:80%;
  margin:10px auto;
  padding     : 5px;
-moz-border-radius: 5px;    	/* Firefox */
-webkit-border-radius: 5px;	/* Safari,Chrome */
border-radius: 5px;          	/* CSS3 */
border: 1px red solid;     	/* 枠線の装飾 */
color:red;
text-align: center;
}
/*  start dentakuwide */
div.dentaku {
  width:360px;
  margin:20px auto 0;
}
#s-container div.dentaku {
    width:100%;
}
div.dentaku iframe {
  border : none;
  width:100%;
  height : 400px;
}


/* ***** train 列車運行情報 ****** */

#sidebar-trainid-title,
#sidebar-trainid-select {
  float:left;
  width:100%;
}
#container   #sidebar-trainid-title,
#s-container #sidebar-trainid-title,
#container   #sidebar-trainid-select,
#s-container #sidebar-trainid-select {
  margin-top:20px;
  margin-left:20px;
}
#sidebar-trainid-select select {
  width:70%;
}

#sidebar-trainout {
  height:200px;
  overflow:auto;
}

#container   #sidebar-trainout,
#s-container #sidebar-trainout {
  margin:20px auto;
  height:500px;
}
#sidebar-trainout dl {
  line-height : 1;
  text-align : left;
  margin-bottom:10px;
}
#sidebar-trainout dt {
  float:left;
  clear:left;
  width :2em;
  margin-left :1em;
}
#sidebar-trainout dd {
  margin-left:4em;
  margin-right:1em;
  margin-bottom:1em;
}


/* ***** search 検索 ****** */

#sidebar-searchid-input {
  margin-top:10px;
}
#sidebar-input-search {
  width:70%;
}
#sidebar-input-search-button {
  padding:5px;
  vertical-align: middle;
}
input.sidebar-input-site {
  margin-right:5px;
  vertical-align:-2px;
}
label.site_label {
  display:block;
  width:180px;
  margin-top:20px;
  float:left;
}
label.site_label,
input.site_inp {
  cursor:pointer;
}
label.site_label span {
  vertical-align:middle;
}
input.site_inp {
  margin:0 5px 0 10px;
  vertical-align:middle;
  outline:2px solid #00ffcc;
}
input.site_inp:checked {
  outline:2px solid #ff00ff;
}


/* ***** googleMap GoogleMap ****** */

/* 地図情報 */
#sidebar-mapid-title {
  margin-top:20px;
}
#sidebar-mapid-input {
  margin-top:10px;
}
#sidebar-address {
  width:50%;
}
#container #sidebar-address {
  width:350px;
}

input.mapinput {
  margin-left:5px;
  padding:5px;
  vertical-align: middle;
}

#sidebar-mapout {
	margin :10px auto;
  height:300px;
  width:100%;
}
#container #sidebar-mapout {
  height :600px;
}
#s-container #sidebar-mapout {
  height:500px;
  width:100%;
}


/* ***** mail メール ****** */

div.display dl.bbsdl dd#site {
  line-height:3em;
}
div.display dl.bbsdl dd#site p {
  width:8rem;
  float:left;
}
div.display dl.bbsdl dd#site p:last-of-type {
  width:14.5rem;
}
label.site_label,
input.site_inp {
  cursor:pointer;
}
input.site_inp {
  margin:0 5px 0 10px;
  vertical-align:middle;
  outline:2px solid #00ffcc;
}
input.site_inp:checked {
  outline:2px solid #ff00ff;
}


/* ***** android install インストール ****** */
div#andinst {
  margin:20px 0 0 10px;
}
div#andinst a:hover {
  font-weight: bold;
  background-color: silver;
}

div#andcomment {
  margin:20px 10px;
  line-height: 1.5em;
}
span#andcomment-tensen {
  background:linear-gradient(transparent 80%, #99ccff 0%);
}
div#andcomment ul {
  margin : 0 0 0 1.5em;
  padding : 0;
  list-style-type: disc;
}