@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Alegreya);
 body	{
 	-webkit-text-size-adjust:100%;
	background-color:#222222;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 	margin: 0 auto;
}

div	{ margin:0 auto;}
table 	{ margin:0 auto;}
th	{text-align: center;}

#page-top2 {
	color:#ff000f;
    font-size: 60px;
    position: fixed;
    bottom: 76px;
    left: 30px;
    opacity: 0.5;
}
#page-top2.fade-in {
    color: #ffffff;
    font-size: 60px;
    bottom: 76px;
    left: 30px;
    opacity: 0.8;
    transition: opacity 0.5s;
    text-shadow: 2px 2px 4px #666666;
}

#page-top.dummy {
    font-size: 0;
    position: fixed;
    bottom: 16px;
    right: 20px;
    opacity: 0;
}

#page-topold {
    color: #ffffff;
    font-size: 60px;
    position: fixed;
    bottom: 16px;
    right: 30px;
    opacity: 0.85;
    transition: opacity 0s;
    text-shadow: 1px 1px 2px #222222;
}

#page-topold.fade-in {
    color: #ffffff;
    font-size: 60px;   
    position: fixed;
    bottom: 16px;
    right: 30px;
    opacity: 0.85;
    transition: opacity 0s;
    text-shadow: 1px 1px 2px #222222;
}

#page-top {
    font-size: 0;
    position: fixed;
    bottom: 16px;
    right: 20px;
    opacity: 0;
}
#page-top.fade-in {
    color: #ffffff;
    font-size: 60px;
    bottom: 16px;
    right: 20px;
    opacity: 0.85;
    transition: opacity 0.5s;
    text-shadow: 2px 2px 4px #666666;
}

div.backbottun-background	{
	/*ボタン群のバックグラウンドにあるグレーの箱*/
	text-align:center;
	color:#FFFFFF;
	background-color: #222222;
	width:80px;
	height:230px;
	position:fixed;
	bottom:13px;
	right:17px;
	opacity:0.15;
	}

div.backtoexpwy	{
	/*高速道路トップへ戻る*/
	text-align:center;
	color:#FFFFFF;
	font-size: 58px;
	position:fixed;
	bottom:132px;
	right:23px;
	opacity:0.85;
	border-style: solid;
	border-color: rgba(255,255,255,0);
	border-width: 2px;
	border-radius: 4px;
	}

div.backtohome	{
	/*サイトのトップへ戻る*/
	text-align:center;
	color:#FFFFFF;
	font-size: 58px;
	position:fixed;
	bottom:73px;
	right:29px;
	opacity:0.85;
	text-shadow: 1px 1px 2px #222222;
	}
	

div.titlebar	{
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(left, #222222 15%, #ffffff 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #222222 15%,#ffffff 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #222222 15%,#ffffff 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	width:960px;
	height:50px;
	text-align: left;
	color:#FFFFFF;
	font-family:'Lucida Grande', san-serif;
}

a:link { color: #113311; }	
a:visited { color: #111155; }	
a:hover { color: #661111; }		
a:active { color: #661111; }	

a.white:link { color: #FFFFFF; }	
a.white:visited { color: #FFFFFF; }	
a.white:hover { color: #FFFFFF; }		
a.white:active { color: #FFFFFF; }


/*ここから header内の記述*/

div.titleimage	{
	/*タイトル画像用の箱*/
	margin:0;
	padding-top:0%;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	width:960px;
	height:288px;
	background-repeat:no-repeat;
	}


div.headernumber	{
	/*header内のナンバリングアイコン*/
	margin:0px;
	background-repeat:no-repeat;
	width: 72px;
	height: 38px;
	position:relative;
	top:7px;
	left:5px;
	}

div.headername	{
	/*header内の路線名*/
	font-size:38px;
	font-weight:400;
	margin:0px;
	position: relative;
	top: -42px;
	height: 40px;
	font-family:'Noto Sans JP', san-serif;"
	}


/*ここまで header内の記述*/

/*ここから よく使うパーツ*/

.size1
	{
	font-size:15px;
	}

.honbun	{
	/*本文用box*/
	width:960px;
	border:solid black;
	border-top-width:0px;
	border-left-width:0px;
	border-bottom-width:0px;
	border-right-width:0px;
	padding:0;
	background-color:#FFFFFF;
	margin: 0 auto;
	text-align: left;
	}

 .intro	{
 	/*title画像の下のイントロ文box*/
	text-align:left;
	width:840px;
	padding:0px;
	margin-bottom:12px;
	margin-top:18px;
	font-size:15px;
	}
h1     {
	/* セクションバーは見出しとして扱う*/
	display: block;
	width:900px;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-left:5px;
	padding-top:3px;
	border-left-style:solid;
	border-bottom-style:solid;
	border-left-width:24px;
	border-bottom-width:2px;
	border-right-width:23px;
	background-color: #555555;
	border-left-color:#222222;
	border-bottom-color:#222222;
	border-right-color:#FFFFFF;
	font-size:24px;
	color:#FFFFFF;
	}
h1	span.hosoji	{
	font-weight:normal;
	font-size: 18px;
	}
	
.midashi     {
	/*メインとなる見出し用の枠*/
	width:900px;
	text-align:left;
	padding-left:8px;
	padding-top:3px;
	border-left-style:solid;
	border-bottom-style:solid;
	border-left-width:24px;
	border-bottom-width:2px;
	border-right-width:23px;
	background-color: #555555;
	border-left-color:#222222;
	border-bottom-color:#222222;
	border-right-color:#FFFFFF;
	font-size:22px;
	color:#FFFFFF;
	font-weight: bold;
	margin-bottom:9px;
	}


.midashisub     {
	/*midashiの下で使う*/
	width:910px;
	text-align:left;
	padding:2px 0px 2px 6px;
	border-left-style:solid;
	border-bottom-style:solid;
	border-top-style:solid;
	border-left-width:15px;
	border-top-width:2px;
	border-bottom-width:3px;
	border-right-width:20px;
	background-color: #FFFFFF;
	border-left-color:#999999;
	border-bottom-color:#222222;
	border-right-color:#222222;
	border-top-color:#666666;
	font-size:19px;
	font-weight: bold;
	color:#222222;
	margin-bottom:10px;
	}

h3     {
	/*midashiの下で使う*/
	display: block;
	position:relative;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width:890px;
	text-align:left;
	padding:2px 0px 2px 6px;
	border-left-style:solid;
	border-bottom-style:solid;
	border-top-style:solid;
	border-left-width:15px;
	border-top-width:2px;
	border-bottom-width:3px;
	border-right-width:20px;
	background-color: #FFFFFF;
	border-left-color:#999999;
	border-bottom-color:#222222;
	border-right-color:#222222;
	border-top-color:#666666;
	font-size:19px;
	font-weight: bold;
	color:#222222;
	margin-bottom:10px;
	}

div.text{
	/*一般的にテキストを書き込むボックス*/
	width:900px;
	text-align:left;
	font-size:15px;
	}

span.icnum {
 /*枝番無しのナンバリング、IC番号*/
	color:#ffffff;
	font-weight:bold;
	background-color:#27543d;
	border-radius:3px;
	padding-left:9px;
	padding-right:9px;
	margin-right: 2px;
	}
span.icnum-b {
 /*枝番ありのナンバリング、IC番号*/
	color:#ffffff;
	font-weight:bold;
	background-color:#27543d;
	border-radius:3px;
	padding-left:3px;
	padding-right:3px;
	margin-right: 2px;
	}

/*ここまで よく使うパーツ*/

/*ここから 基礎情報部分*/

table.table900	{
 /*900px幅の実線テーブル*/
	width:900px;
	border: solid 1px #222222;
	border-collapse: collapse;
	}
	
div.infoimage	{
 /*info.jpgを背景とするボックス*/
	width:320px;
	height:180px;
	background-image: url(./info.jpg);
	}

div.infono	{
	/*下2つのdivを囲む親要素*/
	width:580px;
	height:55px;
	text-align: center;
	}

div.infonoicon	{
	/*info.jpgの隣にあるナンバリングアイコンを格納するボックス*/
	display: inline-block;
	position: relative;
	width:90px;
	top:3px;
	left:0px;
	}

div.infononame	{
	/*infonoiconの隣につくる路線名表記*/
	display: inline-block;
	margin-left:0px;
	position:relative;
	left:0px;
	top:3px;
	text-align: center;
	}

/*ここまで 基礎情報部分*/


/*ここから 目次表で使うパーツ*/

td.mokujinaiyo	{
	/*目次中の内容説明*/
	font-size:15px;
	padding:5px;
	}
	
span.mokujilink	{
	/*目次中のリンク*/
	font-size:18px;
	font-weight:bold;
	}

td.mokujimage1	{
	width:32%;
	}

div.mokujiimage	{
	/*目次中の画像*/
	display: inline-block;
	width:288px;
	height:162px;}

div.noimage	{
	/*目次中のNoimage*/
	display: inline-block;
	background-color: #222222;
	width:288px;
	height:162px;
	text-align: center;
	line-height: 162px;
	color:#ffffff;
	font-size:28px;
	font-weight:bold;
	}
	


th.mokujith	{
	/*目次上段のthのスタイル*/
	background-color:#505050;
	font-size:16px;
	color:#ffffff;
	}

td.mokujititle	{
	/*目次中のタイトル*/
	font-size: 21px;
	font-weight: bold;
	width:68%;
	height:33px;
	text-align: center;
	}

td.indexcell{
	/*リンクを書き込むセル*/
 	width: 34%;
 	height: 63px;
 	text-align: center;
 	vertical-align: middle;
 	font-size:15px;
 	}

td.indexcell > a {
	font-size:18px;
	font-weight:bold;
	}

td.notyetcell	{
	/*未作成レポート*/
	color:#666666;
	font-size:15px;
	text-align: center;
	vertical-align: middle;
	height:63px;
	}

td.notyetcell > a {
	font-size:17px;
	}

/*ここまで 目次表で使うパーツ*/

/*ここから 施設一覧表で使うパーツ*/

table.kaisetsu	{
	/*解説用の表*/
	font-size: 15px;
	text-align: center;
	width:900px;
	border: solid 1px #222222;
	border-collapse: collapse;
	}
	
table.kaisetsu  th {
	/*解説用の表の見出しセル*/
	font-size:15px;
	background-color: #666666;
	color:#ffffff;
	}

tr.junction	{
	/*解説用の表の見出しセルのジャンクション行*/
	background-color: #ffd4d4;
	text-align: center;
	font-size:15px;
	}

tr.mikansei	{
	/*解説用の表の見出しセルの未完成行*/
	background-color: #cccccc;
	text-align: center;
	font-size:15px;
	}


tr.hosoku	{
	/*解説用の表の補足説明行*/
	background-color: #dddddd;
	text-align: center;
	font-size:15px;
	}	
	
tr.hokarosen	{
	/*解説用の表で他の路線だけど紹介する旨を示す行*/
	background-color: #d4d4ff;
	text-align: center;
	font-size:15px;
	}

div.aboutkaisetsu	{
	/*解説用の表について触れるbox*/
	font-size:12px;
	width:600px;
	border:dashed 1px #222222;
	margin-bottom:5px;
	margin-top:8px;
	position:relative;
	left:-150px;
	text-align:left;
	padding:4px;
	background-color:#eeeeee;
	}

div.rosenbox	{
	/*リンクと解説文を囲う枠*/
	margin-left:10px;
	margin-top: 18px;
	padding:0px 10px;
	}

div.rosenlink	{
	/*路線名とナンバリングを囲う枠*/
	white-space: nowrap;
	border-style: solid;
	border-color:#222222;
	border-width:1px;
	border-radius:3px;
	margin-left:15px;
	margin-bottom:5px;
	padding-left:3px;
	padding-bottom:0px;
	padding-top:3px;
}

div.rosenlink a	{
	/*rosenlink内のリンクは強制的にこの書式*/
	text-decoration: none;
	font-size:19px;
	font-weight:bold;
	}