/* メイン画面及び各画面共通 */

html,
body {
	margin: 0;
	padding: 0;
}

p.mokuji {
    padding: 8px 19px;
    margin: 0.5em 0;
	width: 1024px;
    color: #2c2c2f;
	font-size: 2.0em;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}

/* 画面最上部タイトル */
img.title {
	display: block;
	margin: auto;
/*	background: linear-gradient(0.25turn, #B0EDFF, #FFFFFF, #B0EDFF);	*/
	background: linear-gradient(0.25turn, #0000FF, #B0EDFF, #0000FF);
}

/* 横断図までの画面上部 */
.headerbun {
 	background: linear-gradient(to bottom, #0000FF, #FFFFFF);
}
.headerbun .midashi {
	display: inline-block;
    padding: 0.5em 1.0em;
    margin: 0;
	width: 1024px;
    font-weight: bold;
    color: #FFFFFF;/*文字色*/
/*    background: transparent;	*/
 	background: #5876FF;
    border: solid 3px #B0EDFF;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.headerbun .midashi p.midashi1{
    margin: 0; 
    padding: 0;
	font-size: 2.5em;
}
.headerbun .midashi p.midashi2{
    margin: 0; 
    padding: 0;
	font-size: 3.0em;
}
.headerbun .midashi p.midashi3{
    margin: 0; 
    padding: 0;
	font-size: 2.5em;
	text-align: right;
}

.tbl_honbun {
text-align: left;
	width: 768px;
	color: #000000;
 	background: linear-gradient(to bottom, #B0EDFF, #FFFFFF);
	border: 1px solid #ccc;
	border-collapse: separate;
	border-radius: 5px;
	border-spacing: 0;
}

.headerbun .tbl_honbun .hashira1 {
  margin: 0.1em;
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #000000;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
  display: block;/*おまじない*/
  line-height: 1.3;/*行高*/
/* タグ風 */
/*  color: #505050;/*文字色*/
/*  margin: 0.2em;
/*  padding: 0.5em;/*文字周りの余白*/
/*  display: inline-block;/*おまじない*/
/*  line-height: 1.3;/*行高*/
/*  background: aliceblue;/*背景色*/
/*  vertical-align: middle;
/*  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

/* 横断図関係 */
img.schedule {
	width: 100%;
	height: auto;
}

area {
	cursor: pointer;
}

#line_stage {
    position: absolute;
	height: 2px;
	margin: 0;
	padding: 0;
    top: 0;
    left: 0;
}

div.tooltip {
    position: absolute;
	padding: 7px 10px;
	border: solid 1px black;
	border-radius: 15px;
}
/* メイン画面下部のリンク */
.btn-square-pop {
  position: relative;
  width: 16em;
  height: 3.0em;
/*  display: inline-block;	*/
  display: table-cell;
  padding: 0.25em 0.5em;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #FFF;
  background: #1E90FF;				/*背景色*/
  border-bottom: solid 2px #6495ED;	/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

/* 一行	*/
/* .btn-square-pop {	*/
/*   position: relative;	*/
/*   width: 16em;	*/
/*   display: inline-block;	*/
/*   padding: 0.25em 0.5em;	*/
/*   text-align: center;	*/
/*   text-decoration: none;	*/
/*   color: #FFF;	*/
/*   background: #1E90FF;				/*背景色*/
/*   border-bottom: solid 2px #6495ED;	/*少し濃い目の色に*/
/*   border-radius: 4px;/*角の丸み*/
/*   box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);	*/
/*   font-weight: bold;	*/
}



.btn-square-pop:active {
  border-bottom: solid 2px #1E90FF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* メイン画面横断図上のラベル */
.btn-leftLabel {
  position: relative;
  width: 3.0em;
  height: 350px;
  display: flex;
  padding: 0.5em 0em;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;            /* IE用　*/
  -webkit-writing-mode: vertical-rl;  /* chrome用　*/
  align-items: center;
  justify-content: start;
  text-decoration: none;
  border-bottom: solid 2px #6495ED;	/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  font-size: 11px;	/* mousEvt.js#onMout(id) に合わせる (マウスアウト)*/
  color: blue;
  white-space:nowrap;
  line-height: 12px;
  text-shadow: none;
}

/* 関係機関一覧 */
table.kankeikikan {
  width: 96em;
  background: lightyellow;	/*背景色*/
  border: 1px #000000 solid;
}
table.kankeikikan .kankei{
  background: navy;			/*背景色*/
  color: white;				/*文字色*/
  font-weight: bold;
  margin: 0.2em 0.5em;
  padding: 0.5em 0.5em;
  text-align: center;
}