@charset "UTF-8";
/* pc.css 2012/10/14 */
/* #################### 初期化 #################### */
 * {margin:0;padding:0;font-size:100%;font-style:normal;font-weight:normal;text-decoration:none;border-style:none;line-height:1.2em;}
 ol,ul{list-style-type:none;}
/* #################### 切替項目 #################### */
/* 運用状況表用 */
  span.memo {display:inline;} /* clearmemo_pc.css解除 */
/* #################### 共通項目 #################### */
 body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
 div#wrapper {padding:10px;background-color:#000040;color:yellow;}
 div#wrapper2 {padding:10px;background-color:lightpink;color:black;}
 div#wrapper3 {padding:10px;background-color:#80ff00;color:#8000ff;}
 div#wrapper4 {padding:10px;background-image:url("bg.gif");background-repeat:repeat;color:black;}
/* ───── clearfix ─────  */
 .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
 .clearfix {display:inline-table;}
/* ───── header･footer ─────  */
 header,footer {clear:both;margin-left:auto;margin-right:auto;min-width:300px;max-width:900px;padding-bottom:10px;text-align:center;}
 header h1 {font-size:200%;}
 header h2 {font-size:90%;}
 header h3 {font-size:90%;}
 header p {margin-left:auto;margin-right:auto;min-width:300px;max-width:500px;text-align:center;font-size:80%;}
 header p.box {margin-left:auto;margin-right:auto;min-width:300px;max-width:490px;padding:5px;border-style:solid;border-width:1px;border-radius:5px;background-color:white;text-align:left;font-size:80%;color:black;}
 header div.left {margin-top:-45px;font-size:75%;text-align:left;float:left;}
 header div.right {margin-top:-40px;margin-bottom:10px;font-size:75%;text-align:right;}
 footer p {clear:both;font-size:80%;}
 footer div.left {font-size:75%;text-align:left;float:left;}
 footer div.right {font-size:70%;text-align:right;}
/* ───── other ───── */
 article#maincontents,article#ej,nav#ej,nav#link {clear:both;margin-left:auto;margin-right:auto;min-width:640px;max-width:900px;padding-bottom:10px;}
 article#widecontents {clear:both;margin-left:auto;margin-right:auto;min-width:640px;max-width:1600px;padding-bottom:10px;}
   article li {margin-left:40px;list-style-position:outside;list-style-type:decimal;font-size:90%;line-height:1.5;}
   article h3 {margin:10px;font-size:140%;color:white;text-decoration:underline;}
 article#guidance {margin-left:auto;margin-right:auto;min-width:640px;max-width:960px;font-size:90%;}
   article#guidance li {margin-left:40px;list-style-position:outside;list-style-type:decimal;line-height:1.5;}
   article#guidance h3 {margin:10px;font-size:150%;color:white;text-decoration:underline;}
 aside#footnote {clear:both;margin-top:-10px;margin-left:auto;margin-right:auto;min-width:640px;max-width:900px;padding-top:7px;padding-bottom:17px;}
   aside#footnote p#number {margin-right:0;font-size:90%;float:right;}
   aside#footnote div#navigation {margin-left:0;font-size:90%;}
 aside#information {clear:both;margin-left:auto;margin-right:auto;padding-bottom:15px;width:640px;}
   aside#information li {font-size:80%;list-style-type:disc;list-style-position:outside;}
 aside.advertisement {clear:both;padding-bottom:15px;display:block;text-align:center;}
 h2.border_sg {border:1px solid lightgrey; margin:12px 20px; padding:2px; text-align:center; font-weight:bold; font-size:18px;}
 p.right {text-align:right;}
 p.left {text-align:left;font-size:95%;}
 aside#rowdata,aside#debug {clear:both;margin-left:auto;margin-right:auto;width:640px;font-size:12px;background-color:maroon;color:white;}
 select,input {padding:1px;}
 div.center {text-align:center;}
 div#form p {line-height:1.8;}
 div#form p.info {font-size:80%;color:lime;line-height:1;}
 div.box {position:relative; margin:0 10%; width:80%; padding:10px;}
 div.box dt {display:list-item; font-size:18px;} 
 div.box dd {margin-left:30px;}
 div.innerbox {float:left; margin:5px; width:320px; height:200px;padding:5px;}
 .clear {clear:both;}
 .clear hr {display:none;}
 span.maru {border:solid 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold;}
 span.akamaru {border:solid #ff0000 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#ff0000;}
 span.kimaru {border:solid #ffff00 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#ffff00;}
 span.aomaru {border:solid #0000ff 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#0000ff;}
 span.shiromaru {border:solid #ffffff 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#ffffff;}
/* ───── リンク ───── */
/* 基本色 */
 a {color:navy;}
 a:hover {color:black;background-color:gold;}
/* ボタン */
/*
 a.btn-l,input.btn-l {margin-right:14px;margin-bottom:14px;background-color:yellow;border-style:outset;border-radius:5px;border-width:2px;border-color:gold;padding:5px;text-align:center;font-size:120%;font-weight:bold;}
 a.btn-m,input.btn-m {margin-right:12px;margin-bottom:12px;background-color:yellow;border-style:outset;border-radius:5px;border-width:2px;border-color:gold;padding:4px;text-align:center;font-size:16px;font-weight:bold;}
 a.btn-s,input.btn-s {margin-right:10px;margin-bottom:10px;background-color:yellow;border-style:outset;border-radius:5px;border-width:2px;border-color:gold;padding:3px;text-align:center;font-size:80%;font-weight:bold;}
 a.btn-ss {margin-right:8px;background-color:yellow;border-style:outset;margin:3px;width:100%;border-radius:1px;border-width:0px;border-color:gold;padding:0px;text-align:center;font-size:12px;font-weight:bold;}
    a.btn-f:hover,a.btn-l:hover,a.btn-m:hover,a.btn-s:hover,a.btn-ss:hover,input.btn-l:hover,input.btn-m:hover,input.btn-s:hover {border-style:inset;cursor:pointer;color:black;background-color:gold;}
*/
/* 駅時刻表 */
 nav#ej a {float:left;background-color:yellow;margin:10px 5px;display:inline;border-style:outset;border-radius:5px;border-width:2px;border-color:gold;padding:5px;text-align:center;text-decoration:none;font-weight:bold;font-size:100%;}
    nav#ej a:hover {border-style:inset;color:black;background-color:gold;}
 article#ej a {background-color:yellow;color:navy;display:inline;border-style:outset;border-radius:5px;border-width:2px;border-color:gold;padding:1px;text-align:center;text-decoration:none;font-weight:bold;font-size:120%;}
    article#ej a:hover {border-style:inset;color:black;background-color:gold;}
/* 運用状況表 */
 table#uj a {display:block;}
/* LINK */
 nav#link table a {display:block;}
/* #################### index #################### */
 div#container {clear:both;margin:0 auto;width:930px;}
 nav#leftmenu {margin-top:-20px;width:180px;display:block;position:absolute;}
 nav#rightmenu {margin-left:750px;margin-top:-20px;width:180px;display:block;position:absolute;}
 div#contents {margin-left:180px;width:550px;padding-left:10px;padding-right:10px;display:block;}
  aside#idx_advertisement {width:336px;height:280px;padding:10px;display:block;text-align:center;float:left;}
  aside#qrcode {width:auto;height:280px;padding:10px;display:block;text-align:center;font-size:80%;}
 #leftmenu li{margin-left:0;padding-left:0;list-style-type:none;list-style-position:outside;position:relative;}
 #rightmenu li{margin-right:0;padding-right:0;list-style-type:none;list-style-position:outside;position:relative;}
 .mega-menu ul .sub-container {margin:0;padding:5px;position:absolute;float:left;display:block;}
 .mega-menu li .sub-container {margin:0;padding:10px;;position:absolute;}
 a.submenu {margin-bottom:5px;margin-left:0px;padding:5px;width:170px;height:20px;text-align:center;text-decoration:none;font-size:100%;color:navy;font-weight:bold;
            display:block;background-color:yellow;border-color:gold;border-width:2px;border-style:outset;position:relative; border-radius:5px;}/* 幅=180-角丸5x2 */
 a:hover.submenu {background-color:gold;color:black;border-style:inset;} 
 ul.popup {margin:-50px -10px;padding:20px;display:block;position:absolute;}
 ul.popup li {margin:0px;padding:0px;width:140px;text-align:center;font-weight:bold;position:absolute;float:left;}
 ul.popup h2 {margin:0px;padding:0px;font-weight:bold;font-size:100%;}
 ul.popup a {margin:4px;padding:0px 4px;width:120px;text-align:center;text-decoration:none;font-weight:bold;font-size:85%;color:navy;
             display:block;background-color:yellow;border-color:gold;border-width:2px;border-style:outset;position:relative;border-radius:5px;}
 ul.popup a:hover {border-style:inset;color:black;background-color:gold;}
/* #################### テーブル #################### */
/* 基本のテーブル */
 table#list {width:100%;border:1px darkgray solid;border-collapse:collapse;border-spacing:0;color:black;}
 table#list th {padding:3px;border:1px darkgray solid;border-width: 0 0 1px 1px;font-size:90%;font-weight:bold;text-align:center;}
 table#list td {padding:3px;border:1px darkgray solid;border-width: 0 0 1px 1px;font-size:80%;font-weight:bold;line-height:1.5;font-family:sans-serif;}
/* 運用状況用テーブル */
 table#uj {width:100%;border:1px darkgray solid;border-collapse:collapse;border-spacing:0;background-color:ivory;color:black;}
 table#uj th {padding:1px; border:1px darkgray solid; border-width: 0 0 1px 1px; line-height:90%; font-size:85%;  text-align:center;font-weight:bold;font-family:sans-serif;}
 table#uj td {padding:1px; border:1px darkgray solid; border-width: 0 0 1px 1px; line-height:100%; font-size:60%; font-weight:bold;font-family:sans-serif;}
/* 線のないテーブル */
 table#hidden {width:100%;border-width:0px 0px;}
 table#hidden th {border-width:0px;}
 table#hidden td {border-width:0px;}
/* 行毎に色を変える */
 .trcolor1 {background-color:palegreen;}
 .trcolor2 {background-color:ivory;}
 .trcolor3 {background-color:lemonchiffon;}
 .trcolor4 {background-color:lightcyan;}
/* 表の文字数(見出し用) 1字(100%=14px)×文字数＋余白(5px+5px) */
 .character2 {width:40px;}
 .character3 {width:60px;}
 .character4 {width:80px;}
 .character5 {width:100px;}
 .character6 {width:120px;}
 .character7 {width:140px;}
 .character8 {width:160px;}
 .character9 {width:180px;}
 .character10 {width:200px;}
 .character11 {width:220px;}
 .character12 {width:240px;}
 .character13 {width:260px;}
 .character14 {width:280px;}
 .character15 {width:300px;}
/* #################### 色指定 #################### */
/* 会社色 */
 .jrh {background-color:#2CB431;color:white;}
 .jre {background-color:#00833F;color:white;}
 .jrc {background-color:#FF6633;color:white;}
 .jrw {background-color:#0072BC;color:white;}
 .jrs {background-color:#00ACD1;color:white;}
 .jrk {background-color:#FF0000;color:white;}
 .jrf {background-color:#5F7F9F;color:white;}
 .other {background-color:lavender;color:black;}
/* 曜日色（見出し行） */
 .sunday {width:40px;background-color:mistyrose;color:red;font-size:110%;font-style:italic;}
 .weekday {width:40px;background-color:white;color:black;font-size:110%;font-style:italic;}
 .saturday {width:40px;background-color:powderblue;color:blue;font-size:110%;font-style:italic;}
 .holiday {width:40px;background-color:mistyrose;color:red;font-size:110%;font-style:italic;}
 .futuresunday {width:30px;background-color:mistyrose;color:red;font-size:100%;}
 .futureweekday {width:30px;background-color:white;color:black;font-size:100%;}
 .futuresaturday {width:30px;background-color:powderblue;color:blue;font-size:100%;}
 .futureholiday {width:30px;background-color:mistyrose;color:red;font-size:100%;}
/* 曜日色（データ行） */
 .bg-sunday {background-color:mistyrose;}
 .bg-weekday {background-color:white;}
 .bg-saturday {background-color:powderblue;}
 .bg-holiday {background-color:mistyrose;}
/* 機関車番号色 */
 .silver {color:silver;}
 .white {color:white;}
 .red {color:red;}
 .yellow {color:yellow;}
 .gold {color:gold;}
 .black {color:black;}
 .navy {color:navy;}
 .blue {color:blue;}
 .gray {color:gray;}
 .olive {color:olive;}	/* EF81-300 */
 .navajowhite {color:navajowhite;}	/* ｸﾓﾔ443 */
/* 機関車車体色とメモの色 */
 .bg-black {background-color:black;}             .mm-black {color:white;font-size:70%;}  /* SL */
 .bg-maroon {background-color:#413027;}          .mm-maroon {color:white;font-size:70%;}  /* ぶどう色2号 EL65 */
 .bg-mediumblue {background-color:mediumblue;}   .mm-mediumblue {color:white;font-size:70%;}  /*  */
 .bg-palevioletred {background-color:#d7646b;}   .mm-palevioletred {color:black;font-size:70%;}  /* ×赤13号 EL81 */
 .bg-lightcoral {background-color:lightcoral;}   .mm-lightcoral {color:black;font-size:70%;}  /* 赤13号 EL81 */
 .bg-crimson {background-color:#c60000;}         .mm-crimson {color:white;font-size:70%;}  /* 赤2号 EL75,76,81 */
 .bg-firebrick {background-color:firebrick;}     .mm-firebrick {color:white;font-size:70%;}  /*  */
 .bg-indianred {background-color:indianred;}     .mm-indianred {color:white;font-size:70%;}  /*  */
 .bg-red {background-color:red;}                 .mm-red {color:white;font-size:70%;}  /*  */
 .bg-blue {background-color:blue;}               .mm-blue {color:white;font-size:70%;}  /*  */
 .bg-silver {background-color:silver;}           .mm-silver {color:green;font-size:70%;}  /* EL81-300 */
 .bg-cornflowerblue {background-color:#4f95d0;}  .mm-cornflowerblue {color:black;font-size:70%;}  /*  */
 .bg-navy {background-color:navy;}               .mm-navy {color:white;font-size:70%;}   /*  */
 .bg-khaki {background-color:khaki;}             .mm-khaki {color:black;font-size:70%;}  /*  */
 .bg-aqua {background-color:aqua;}               .mm-aqua {color:black;font-size:70%;}  /*  */
 .bg-royalblue {background-color:royalblue;}     .mm-royalblue {color:white;font-size:70%;}  /*  */
 .bg-orangered {background-color:orangered;}     .mm-orangered {color:black;font-size:70%;}  /*  */
 .bg-darkred {background-color:darkred;}         .mm-darkred {color:white;font-size:70%;}  /*  */
 .bg-deepskyblue {background-color:deepskyblue;} .mm-deepskyblue {color:white;font-size:70%;}  /*  */
 .bg-darkgreen {background-color:darkgreen;}     .mm-darkgreen {color:white;font-size:70%;} /* トワイライト色 */
 .bg-green {background-color:green;}             .mm-green {color:white;font-size:70%;} /*  */
 .bg-yellow {background-color:yellow;}           .mm-yellow {color:black;font-size:70%;} /* ｷﾔ95 */
 .bg-darkred {background-color:#420001;}         .mm-darkred {color:white;font-size:70%;}  /* ななつ星号 うるみ*/
/* その他の色 */
 .bg-gray {background-color:lightgrey;}
 .mm-white {color:green;font-size:70%;}
/* 参考 機関車国鉄色 */
 .bg-budo2 {background-color:#413027;}	/* ぶどう色2号 EL65 */
 .bg-syu4 {background-color:#B53D27;}	/* 朱色4号 DL51,10,11 */
 .bg-aka2 {background-color:#852B32;}	/* 赤2号 EL75,76,81 */
 .bg-aka13 {background-color:#88474B;}	/* 赤13号 EL81 */
 .bg-ao15 {background-color:#234059;}	/* 青15号 EL */
 .bg-ao22 {background-color:#00859E;}	/* 青22号 コンテナブルー */
 .bg-kuri1 {background-color:#D6BC96;}	/* クリーム1号 EL */
 .bg-aka11 {background-color:#C32829;}	/* 赤11号 EL67 */
 .bg-nazu1 {background-color:#767676;}	/* ねずみ色1号 DL51,10,11 */
 .bg-kuro {background-color:#2A2A2A;}	/* 黒 SL */
/* #################### 広告指定 #################### */
.ad1-responsive { width: 320px; height: 50px; }
@media(min-width: 500px) { .ad1-responsive { width: 468px; height: 60px; } }
@media(min-width: 800px) { .ad1-responsive { width: 728px; height: 90px; } }

/* uj切替 */
  tr.thick th {border-top:solid 2px #000040 !important;}
  tr.thick td {border-top:solid 2px #000040 !important;}
  tr.medium th {border-top:solid 2px darkgray !important;}
  tr.medium td {border-top:solid 2px darkgray !important;}
  tr.thin th {border-top:solid 1px darkgray !important;}
  tr.thin td {border-top:solid 1px darkgray !important;}
  tr.thin-r th {border-top:solid 1px red !important;}
  tr.thin-r td {border-top:solid 1px red !important;}
  tr.detail {display:none;}

/* ボタン */
/*input[type="submit"]{-webkit-appearance: none;}*/
/*input[type="button"]{-webkit-appearance: none; appearance: none;}*/
input{-webkit-appearance: none; appearance: none;}
 .btn-xxl {-webkit-appearance:none;display:inline-block;margin:16px;background-color:yellow;border-style:outset;border-radius:6px;border-width:2px;border-color:orange;padding:4px;text-align:center;font-size:1.5rem;font-weight:bold;color:black;}
 .btn-xl  {-webkit-appearance:none;display:inline-block;margin:14px;background-color:yellow;border-style:outset;border-radius:6px;border-width:2px;border-color:orange;padding:4px;text-align:center;font-size:1.4rem;font-weight:bold;color:black;}
 .btn-l   {-webkit-appearance:none;display:inline-block;margin:12px;background-color:yellow;border-style:outset;border-radius:5px;border-width:2px;border-color:orange;padding:4px;text-align:center;font-size:1.3rem;font-weight:bold;color:black;}
 .btn-m,#ej a   {-webkit-appearance:none;display:inline-block;margin:7px; background-color:yellow;border-style:outset;border-radius:5px;border-width:2px;border-color:orange;padding:3px;text-align:center;font-size:1.2rem;font-weight:bold;color:black;}
 .btn-s   {-webkit-appearance:none;display:inline-block;margin:5px; background-color:yellow;border-style:outset;border-radius:3px;border-width:2px;border-color:orange;padding:2px;text-align:center;font-size:1rem;  font-weight:bold;color:black;}
 .btn-xs  {-webkit-appearance:none;display:inline-block;margin:3px; background-color:yellow;border-style:outset;border-radius:3px;border-width:2px;border-color:orange;padding:2px;text-align:center;font-size:0.8rem;font-weight:bold;color:black;}
 a,a:visited {color:black;}
 a:hover,input.btn-xxl:hover,input.btn-xl:hover,input.btn-l:hover,input.btn-m:hover,input.btn-s:hover,input.btn-xs:hover {background-color:orange;}
 a:active,input.btn-xxl:active,input.btn-xl:active,input.btn-l:active,input.btn-m:active,input.btn-s:active,input.btn-xs:active {background-color:black;}