﻿
html {-webkit-text-size-adjust: 100%;}

.bd001{background-color:#eb8d34; color:#000033;}
.bd002{background-color:#fff051; color:#000033;}
.content{background-color:#ffffff; padding-top:5px; margin: auto;}

.tophead{position:absolute; top:25; right:25;}/*メニュー用*/
.tophead2{position:fixed; top:0; right:0; z-index:20;}/*メニュー用*/
.me201{display:none;}
/*メニュー部用*/
.me202{background-color:#fcc68b;}
/*メニュー部用*/

a:link{color:#0000ff;}
a:visited{color:#800080;}
a:hover{color:#ebb07a;}
a:active{color:#ebb07a;}

.fc0fff{color:#ffffff;}
.fc0eb8{color:#eb8d34;}/*li11代替コード*/
.fc0e26{color:#e26ab4;}/*深夜急行色*/

h2.h2h01{border-left:solid 5px #eb8d34; border-bottom:double 3px #eb8d34; margin-top:3px; margin-left:29%; margin-right:31%; padding-top:0px; padding-bottom:0px; padding-left:8px;}

#me82 li{text-align:center; display:inline; list-style-type:none; padding-left:5px; padding-right:8px; border-left:3px double #eb8d34;}/*使用しています*/
.me85 li{text-align:left; list-style-type:none; padding-left:5px; padding-right:5px; border-left:8px double #eb8d34;}/*スマホメニュー*/
.me86 li{text-align:center; list-style-type:none; padding-left:5px; padding-right:5px; border-left:8px double #eb8d34; border-right:8px double #eb8d34;}/*スマホメニュー小型*/



.li01{margin-top:15px;}
.li11{color:#eb8d34;}/*廃止対象*/

.tw100{width:100px; height:auto;}
.tw250{width:250px; height:auto;}
.tw400{width:400px; height:auto;}
.tw100{width:100px; height:auto;}


.tnow{background-color:#f4aa9a;}

.tffm{background-color:#fffd89;}
.tfbr{background-color:#89d3ff;}
.tfrk{background-color:#ff7a7a;}

.colff01{color:#ff0000;}




.atb  { border-style:none; }
.ttb  { border-top-style:none; }
.btb  { border-bottom-style:none; }
.rtb  { border-right-style:none;}
.ltb  { border-left-style:none;}



#me li{font-size:normal; display:inline; list-style-type: none; padding-left:5px; padding-right:20px; border-left:3px double #eb8d34;}
#mf li{font-size:normal; display:block; list-style-type: none; padding-top:8px; padding-left:2px; padding-right:2px;}

.li111{font-size:normal; display:inline; list-style-type: none; padding-left:5px; padding-right:20px; border-left:3px double #eb8d34;}

.li115{font-size:normal; display:inline; list-style-type: none; padding-left:5px; padding-right:40px; border-left:3px double #eb8d34;}

.li02{font-size:normal; display:inline; list-style-type: none; padding-left:5px; padding-right:8px; border-left:4px solid #f21818; border-bottom:solid 2px #f21818; }









.wi001{color:#fffff6;}

.a0{cursor:pointer;}/*クリックでひらく*/
.a1:link { color:#ffffff; }
.a2:visited { color:#ffffff; } 
.a3:link { color:#7cb235; }      /* なの花リンク */
.a4:visited { color:#71a330; }   /* なの花リンク */
.a5:link { color:#c0497f; }      /* さくらリンク */
.a6:visited { color:#c0497f; }   /* さくらリンク */
.a7:link { color:#bf4b7d; }
.a8:visited { color:#bf4b7d; } 





/**/

.tglst1001{display:none; clear:both;}/*出現コンテンツの初期非表示用　いらない*/


.tpm1001{	width:20%;	position: fixed; top:10px; right:3px;	z-index: 100;	}


.tpm1002{	background-color:#f5cca6;	margin-left:10%;	position:fixed;	height:25%; width:55%;	}/*サイトマップのみの場合*/

.tpm1003{	padding-top:15%;	padding-left:20%;	}

.tpm1004{	padding-top:5%;		padding-left:0%;	}

.tpm1010{	background-color:#f5cca6;	margin-left:10%;	position:fixed;	height:32%; width:55%;	}/*サイトマップ+1程度*/

.tpm1011{	background-color:#f5cca6;	margin-left:10%;	position:fixed;	height:55%; width:55%;	}/*pg2 seri2*/

.tpm1031{	background-color:#f5cca6;	margin-left:10%;	position:fixed;	height:62%; width:55%;	}/*各駅5000形*/

.tpm1081{background-color:#f5cca6;}/*編成表用*/

.tpm1082{	border:5px solid #eb8d34;	background-color:#ffffff;	margin-left:10%;	position:fixed; bottom:20px; height:6%;	width:55%;	}/*メニューは最上部*/
.tpm1084{padding-top:5%;}/*メニューは最上部の配置*/



.pp001{padding-top:55px;}/*見出し部調整*/
.pp002{padding-top:40px;}/*フッター部調整 各駅*/
.pp003{padding-top:20px;}/*車両部調整 各駅諸元表*/
.pp004{padding-top:20px; padding-bottom:20px;}/*編成表メニュー 各駅乗換案内 タイトル上下*/
.pp005{padding-top:10px; padding-bottom:10px;}/*駅スタンプ文言　右上リンク*/
.pp006{padding-bottom:10px;}/*馬橋駅スタンプ用　切符説明表*/
.pp007{padding-left:20px; padding-right:20px;}/*愛称表左右余白*/
.pp008{padding-top:55px; padding-bottom:55px;}/*footer*/



/**/




.hr01{border-top:2px dashed #ffffff; width:75%;}

.hr10{border-top:2px dashed #000000; width:85%;}

.hrRN0{border-top:4px dashed #000000; width:85%;}
.hrRN6{border-top:4px dashed #a0bec8; width:85%;}
.hrRN5{border-top:4px dashed #ed9b52; width:85%;}
.hrRN4{border-top:4px dashed #72be49; width:85%;}
.hrRN3{border-top:4px dashed #dd7c37; width:85%;}
.hrRN2{border-top:4px dashed #d899b8; width:85%;}
.hrRN1{border-top:4px dashed #7cd8e3; width:85%;}

.hrcar{border-top:3px dashed #eb8d34; width:85%;}


.tbphRN0{border-style:solid; border-collapse:collapse; border-color:#000000;}
.tbphRN6{border-style:solid; border-collapse:collapse; border-color:#a0bec8;}
.tbphRN5{border-style:solid; border-collapse:collapse; border-color:#e0ae3d;}
.tbphRN4{border-style:solid; border-collapse:collapse; border-color:#72be49;}
.tbphRN3{border-style:solid; border-collapse:collapse; border-color:#dd7c37;}
.tbphRN2{border-style:solid; border-collapse:collapse; border-color:#d899b8;}
.tbphRN1{border-style:solid; border-collapse:collapse; border-color:#7cd8e3;}


h2.h01{font-size:150%; color:#000000; border-left:solid 5px #eb8d34; border-bottom:double 3px #eb8d34;
margin-top:10px; margin-left:29%; margin-right:31%; padding-top:5px; padding-left:10px; padding-bottom:5px;}/*使用しています*/
h2.h02{font-size:135%; color:#000000; border-left:solid 5px #eb8d34; border-bottom:double 3px #eb8d34;
margin-top:10px; margin-left:9%; margin-right:11%; padding-top:5px; padding-left:10px; padding-bottom:5px;}/*使用しています スマホ用*/
h2.h03{font-size:150%; color:#000000; border-left:solid 5px #eb8d34; border-bottom:double 3px #eb8d34;
margin-top:10px; margin-left:24%; margin-right:26%; padding-top:5px; padding-left:10px; padding-bottom:5px;}

h2.h51{font-size:150%; color:#000000; border-left:solid 7px #eb8d34; border-bottom:solid 4px #eb8d34;
margin-top:10px; margin-left:20%; margin-right:21%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h52{font-size:150%; color:#000000; border-left:solid 7px #eb8d34; border-bottom:solid 4px #eb8d34;
margin-top:10px; margin-left:10%; margin-right:11%; padding-top:5px; padding-left:10px; padding-bottom:5px;}

.h1001fk{border-left:solid 4px #eb8d34; border-bottom:double 3px #eb8d34;
margin-top:1px margin-left:0;; margin-right:0; padding-top:1px; padding-left:2px; padding-bottom:1px;}

h2.h5001{font-size:150%; color:#000000; border-left:solid 5px #31a0da; border-bottom:double 3px #31a0da;
margin-top:10px; margin-left:29%; margin-right:31%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5002{font-size:150%; color:#000000; border-left:solid 5px #ff6600; border-bottom:double 3px #ff6600;
margin-top:10px; margin-left:29%; margin-right:31%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5003{font-size:150%; color:#000000; border-left:solid 5px #eb0712; border-bottom:double 3px #eb0712;
margin-top:10px; margin-left:29%; margin-right:31%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5004{font-size:150%; color:#000000; border-left:solid 5px #85c046; border-bottom:double 3px #85c046;
margin-top:10px; margin-left:29%; margin-right:31%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5005{font-size:150%; color:#000000; border-left:solid 5px #e8dd4e; border-bottom:double 3px #8cc345;
margin-top:10px; margin-left:29%; margin-right:31%; padding-top:5px; padding-left:10px; padding-bottom:5px;}

h2.h5101{font-size:135%; color:#000000; border-left:solid 5px #31a0da; border-bottom:double 3px #31a0da;
margin-top:10px; margin-left:9%; margin-right:11%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5102{font-size:135%; color:#000000; border-left:solid 5px #ff6600; border-bottom:double 3px #ff6600;
margin-top:10px; margin-left:9%; margin-right:11%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5103{font-size:135%; color:#000000; border-left:solid 5px #eb0712; border-bottom:double 3px #eb0712;
margin-top:10px; margin-left:9%; margin-right:11%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5104{font-size:135%; color:#000000; border-left:solid 5px #85c046; border-bottom:double 3px #85c046;
margin-top:10px; margin-left:9%; margin-right:11%; padding-top:5px; padding-left:10px; padding-bottom:5px;}
h2.h5105{font-size:135%; color:#000000; border-left:solid 5px #e8dd4e; border-bottom:double 3px #8cc345;
margin-top:10px; margin-left:9%; margin-right:11%; padding-top:5px; padding-left:10px; padding-bottom:5px;}



.td01{width:90px; height:auto;}
.td02{width:270px; height:auto;}
.td03{width:215px; height:auto;}





div#header{position:fixed; top:0; left:0; width:100%;}
.he1{background:transparent url(photo/grmenu3.gif) no-repeat 0 0; display: block; width:21%; height:auto; 
position:absolute; top:0px; right:0px; cursor: pointer; z-index: 10; }
.he2{background:transparent url(photo/grmenu3.gif) no-repeat 0 0; display: block; width:137%; height:auto; position:absolute; top:0px; right:0px; cursor: pointer; z-index: 1000; }
.he101{ display: none; background-color:rgba(0,0,0,0.8);  width:75%; height:500px; padding:16% 0 0 0; position: absolute; top: 0px; right:0; z-index: 100; }
.he110{ top:0; left:0; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touchi; }
#menu {color:#fffff6;}
#menu a {color:#fffff6;}
#menu .me01 {color:#eb8d34;}



@media screen and ( min-width:1121px )
{.gr1121{display:none;}}

@media screen and ( max-width:1120px )
{.gr1120{display:none;}
.sta1120tb{width:90%;}}

@media screen and ( min-width:1001px )
{.gr1001{display:none;}
.wi1151001{width:115px;}}

@media screen and ( max-width:1000px )
{.gr1000{display:none;}
.wi951000{width:95px;}}

@media screen and ( min-width:851px )
{.gr851{display:none;}
body{margin:90px; background-color:#eb8d34;}

}

@media screen and ( max-width:850px )
{.gr850{display:none;}
.sta850im{width:195px;}/*使用しています*/
.sta850ro{width:14%;}/*使用しています*/
body{margin:50px; background-color:#eb8d34;}

.sta850tb{width:80%;}}

@media screen and ( min-width:651px )
{.top651{width:550px;}}

@media screen and ( max-width:650px )
{.top650{width:80%;}}

@media screen and ( min-width:480px )
{.z{display:none;}}

@media screen and ( max-width:479px )
{.q{display:none;}
body{margin:5%; background-color:#eb8d34;}}

@media screen and ( max-width:333px )
{.rosen1{width:60%;}}
