/* common */
.cont_head {
	width: 744px;
	height: 37px;
	background: url("images_n/common/cont_head.gif") no-repeat;
	font-size: 20px;
	padding: 40px 22px 10px 22px;
	margin: 0;
}
.cont_head h3 { margin: 0; }
.cont_body {
	width: 744px;
	padding: 20px 0;
	margin: 0;
	background: url("images_n/common/cont_body.gif") repeat-y;
}
.cont_foot {
	width: 744px;
	height: 21px;
	background: url("images_n/common/cont_foot.gif") repeat-y;
}

.cont_body h3 {
	padding: 10px 20px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.cont_body h3:first-child { margin-top: 0; }
.cont_body div {
	margin: 10px 22px;
}
.cont_body div p {
	margin-bottom: 10px;
}
.cont_body p.intro {
	margin-bottom: 20px;
	padding: 16px 20px;
	background-color: #c8e3e4;
	border-radius: 10px;
}
.cont_body div.img {
	width: 100%; text-align: center;
	margin: 0px 0px 20px 0px;
}
.cont_body div.img:first-child { margin-top: 0; }


/* resetting roadstyle.css */
/*
	最終的に、roadstyle.cssのほうの記述を削除する
*/
div#wrapper-road div#contents { margin-left: -314px; }
div#wrapper-road div#contents2 { margin-left: 294px; }
div#leftMenu { width: 254px; }
ul.leftMenu1Ul#d li, ul.leftMenu1Ul#q li,
ul.leftMenu1Ul#p li, ul.leftMenu1Ul#t li,
ul.leftMenu1Ul#s li, ul.leftMenu1Ul#r li {
	border: none;
	background: none;
	margin: 0;
}
ul.leftMenu1Ul#d a, ul.leftMenu1Ul#q a,
ul.leftMenu1Ul#p a, ul.leftMenu1Ul#t a,
ul.leftMenu1Ul#s a, ul.leftMenu1Ul#r a  {
	border: none;
	background: none;
	padding: 0;
		
}
ul.leftMenu1Ul#d a:hover, ul.leftMenu1Ul#q a:hover,
ul.leftMenu1Ul#p a:hover, ul.leftMenu1Ul#t a:hover,
ul.leftMenu1Ul#s a:hover, ul.leftMenu1Ul#r a:hover {
	border: none;
	background: none;
}
/*ul.leftMenu1Ul img { background-color: rgba( 80,20,20,0.2
 ) }*/


/*** side menu ***/
ul.leftMenu1Ul {
	margin-left: 20px;
}

ul.leftMenu1Ul #a7 a { padding-top: 12px; }
ul.leftMenu1Ul #a8 a { padding-bottom: 12px; }
ul.leftMenu1Ul#q #q1 a { padding-top: 4px; }
ul.leftMenu1Ul#q #a3 a { padding-top: 4px; }
ul.leftMenu1Ul#p #p1 a { padding-top: 4px; }
ul.leftMenu1Ul#p #a4 a { padding-top: 4px; }
ul.leftMenu1Ul#s #s1 a { padding-top: 4px; }
ul.leftMenu1Ul#s #a5 a { padding-top: 4px; }
ul.leftMenu1Ul#r #r1 a { padding-top: 4px; }
ul.leftMenu1Ul#r #a6 a { padding-top: 4px; }
ul.leftMenu1Ul#t #t1 a { padding-top: 4px; }

ul.leftMenu1Ul {
	background-position: left top;
	background-repeat: no-repeat;
}
ul.leftMenu1Ul#d { background-image: url("images_n/sidemenu/sidemenu_bg.gif"); }
ul.leftMenu1Ul#q { background-image: url("images_n/sidemenu/sidemenu_bg_q.gif"); }
ul.leftMenu1Ul#p { background-image: url("images_n/sidemenu/sidemenu_bg_p.gif"); }
ul.leftMenu1Ul#s { background-image: url("images_n/sidemenu/sidemenu_bg_s.gif"); }
ul.leftMenu1Ul#r { background-image: url("images_n/sidemenu/sidemenu_bg_r.gif"); }
ul.leftMenu1Ul#t { background-image: url("images_n/sidemenu/sidemenu_bg_t.gif"); }
ul.leftMenu1Ul#d a:hover { background-image: url("images_n/sidemenu/sidemenu_bg.gif"); }
ul.leftMenu1Ul#q a:hover { background-image: url("images_n/sidemenu/sidemenu_bg_q.gif"); }
ul.leftMenu1Ul#p a:hover { background-image: url("images_n/sidemenu/sidemenu_bg_p.gif"); }
ul.leftMenu1Ul#s a:hover { background-image: url("images_n/sidemenu/sidemenu_bg_s.gif"); }
ul.leftMenu1Ul#r a:hover { background-image: url("images_n/sidemenu/sidemenu_bg_r.gif"); }
ul.leftMenu1Ul#t a:hover { background-image: url("images_n/sidemenu/sidemenu_bg_t.gif"); }

ul.leftMenu1Ul #a1 a:hover { background-position: 234px 0px; }
ul.leftMenu1Ul #a2 a:hover { background-position: 234px -70px; }
ul.leftMenu1Ul #a3 a:hover { background-position: 234px -114px; }
ul.leftMenu1Ul #a4 a:hover { background-position: 234px -158px; }
ul.leftMenu1Ul #a5 a:hover { background-position: 234px -202px; }
ul.leftMenu1Ul #a6 a:hover { background-position: 234px -246px; }
ul.leftMenu1Ul #a7 a:hover { background-position: 234px -290px; }
ul.leftMenu1Ul #a8 a:hover { background-position: 234px -346px; }

ul.leftMenu1Ul#q #q1 a:hover { background-position: 234px -114px; }
ul.leftMenu1Ul#q #q2 a:hover { background-position: 234px -162px; }
ul.leftMenu1Ul#q #q3 a:hover { background-position: 234px -222px; }
ul.leftMenu1Ul#q #q4 a:hover { background-position: 234px -266px; }
ul.leftMenu1Ul#q #q5 a:hover { background-position: 234px -310px; }
ul.leftMenu1Ul#q #q6 a:hover { background-position: 234px -354px; }
ul.leftMenu1Ul#q #q7 a:hover { background-position: 234px -414px; }
ul.leftMenu1Ul#q #q8 a:hover { background-position: 234px -474px; }
ul.leftMenu1Ul#q #q9 a:hover { background-position: 234px -534px; }
	ul.leftMenu1Ul#q #a3 a:hover { background-position: 234px -594px; }
	ul.leftMenu1Ul#q #a4 a:hover { background-position: 234px -642px; }
	ul.leftMenu1Ul#q #a5 a:hover { background-position: 234px -686px; }
	ul.leftMenu1Ul#q #a6 a:hover { background-position: 234px -730px; }
	ul.leftMenu1Ul#q #a7 a:hover { background-position: 234px -774px; }
	ul.leftMenu1Ul#q #a8 a:hover { background-position: 234px -830px; }	
	
ul.leftMenu1Ul#p #p1 a:hover { background-position: 234px -158px; }
ul.leftMenu1Ul#p #p2 a:hover { background-position: 234px -206px; }
ul.leftMenu1Ul#p #p3 a:hover { background-position: 234px -250px; }
ul.leftMenu1Ul#p #p4 a:hover { background-position: 234px -294px; }
ul.leftMenu1Ul#p #p5 a:hover { background-position: 234px -338px; }
ul.leftMenu1Ul#p #p6 a:hover { background-position: 234px -382px; }
	ul.leftMenu1Ul#p #a4 a:hover { background-position: 234px -426px; }
	ul.leftMenu1Ul#p #a5 a:hover { background-position: 234px -474px; }
	ul.leftMenu1Ul#p #a6 a:hover { background-position: 234px -518px; }
	ul.leftMenu1Ul#p #a7 a:hover { background-position: 234px -562px; }
	ul.leftMenu1Ul#p #a8 a:hover { background-position: 234px -618px; }	
	
ul.leftMenu1Ul#s #s1 a:hover { background-position: 234px -202px; }
ul.leftMenu1Ul#s #s2 a:hover { background-position: 234px -250px; }
ul.leftMenu1Ul#s #s3 a:hover { background-position: 234px -294px; }
ul.leftMenu1Ul#s #s4 a:hover { background-position: 234px -338px; }
	ul.leftMenu1Ul#s #a5 a:hover { background-position: 234px -382px; }
	ul.leftMenu1Ul#s #a6 a:hover { background-position: 234px -430px; }
	ul.leftMenu1Ul#s #a7 a:hover { background-position: 234px -474px; }
	ul.leftMenu1Ul#s #a8 a:hover { background-position: 234px -530px; }
	
ul.leftMenu1Ul#r #r1 a:hover { background-position: 234px -246px; }
ul.leftMenu1Ul#r #r2 a:hover { background-position: 234px -294px; }
ul.leftMenu1Ul#r #r3 a:hover { background-position: 234px -338px; }
	ul.leftMenu1Ul#r #a6 a:hover { background-position: 234px -382px; }
	ul.leftMenu1Ul#r #a7 a:hover { background-position: 234px -430px; }
	ul.leftMenu1Ul#r #a8 a:hover { background-position: 234px -486px; }
	
	
ul.leftMenu1Ul#t #t1 a:hover { background-position: 234px -290px; }
ul.leftMenu1Ul#t #t2 a:hover { background-position: 234px -354px; }
ul.leftMenu1Ul#t #t3 a:hover { background-position: 234px -398px; }
	ul.leftMenu1Ul#t #a7 a:hover { background-position: 234px -442px; }
	ul.leftMenu1Ul#t #a8 a:hover { background-position: 234px -498px; }


/* overlay of icons */



.cont_body .icons a {
	display: block;
	width: 170px;  height: 170px;
	position: relative;
	background-color: none;
}
#top_left_bottom .icons a { display: block;
	width: 251px;  height: 169px;
	position: relative;
	background-color: none;}


.cont_body .icons a:hover {
	background-color: rgba( 0, 184, 255, 0.5 );
	border-radius: 13px;
}

#top_left_bottom .icons a:hover {
	background-color: rgba( 0, 184, 255, 0.5 );
	
}
.cont_body .icons { width: 744px; height: 218px; margin: 0 0 42px 0;}
#top_left_bottom .icons { width: 530px; height: 500px }



/* icons for top page */
#top_left_bottom .icons#itop1 { background: url("images_n/top/top_icons.gif") center top no-repeat; }
#itop1 a#t1 {top:0px; left: 3px; }
#itop1 a#t3 {top:-116px;left: 3px; }
#itop1 a#t2 {top:-169px; left: 279px; }
#itop1 a#t4 {top:-285px; left: 279px; }

/* icons for infrastractur */
.cont_body .icons#iq1 { background: url("images_n/icons/icons_q1.png") center top no-repeat; }
.cont_body .icons#iq2 { background: url("images_n/icons/icons_q2.png") center top no-repeat; }
.cont_body .icons#iq3 { background: url("images_n/icons/icons_q3.png") center top no-repeat; }
#iq1 a#q1, #iq2 a#q4, #iq3 a#q7 { left: 52px; }
#iq1 a#q2, #iq2 a#q5, #iq3 a#q8 { top: -170px; left: 287px; }
#iq1 a#q3, #iq2 a#q6, #iq3 a#q9  { top: -340px; left: 522px; }

/* icons for traffic managiment しんきさくせい201803*/
.cont_body .icons#ip1 { background: url("images_n/icons/icons_p1.png") center top no-repeat; }
.cont_body .icons#ip2 { background: url("images_n/icons/icons_p2.gif") center top no-repeat; }
#ip1 a#p1, #ip2 a#p4{ left: 52px; }
#ip1 a#p2, #ip2 a#p5 { top: -170px; left: 287px; }
#ip1 a#p3, #ip2 a#p6 { top: -340px; left: 522px; }

/* icons for Safety しんきさくせい*/
.cont_body .icons#is1 { background: url("images_n/icons/icons_s1.png") center top no-repeat; }
.cont_body .icons#is2 { background: url("images_n/icons/icons_s2.png") center top no-repeat; }
#is1 a#s1, #is2 a#s4 { left: 52px; }
#is1 a#s2 { top: -170px; left: 287px; }
#is1 a#s3 { top: -340px; left: 522px; }

/* icons for Technology & Standard しんきさくせい*/
.cont_body .icons#ir1 { background: url("images_n/icons/icons_r1.gif") center top no-repeat; }
#ir1 a#r1, #is2 a#s4{ left: 52px; }
#ir1 a#r2 { top: -170px; left: 287px; }
#ir1 a#r3 { top: -340px; left: 522px; }
#is1 a#s3 { top: -340px; left: 522px; }


/* icons for topic しんきさくせい*/
.cont_body .icons#it1 { background: url("images_n/icons/icons_t1.png") center top no-repeat; }
.cont_body .icons#it2 { background: url("images_n/icons/icons_t2.jpg") center top no-repeat; }
#it1 a#t1, #it2 a#t4{ left: 52px; }
#it1 a#t2 { top: -170px; left: 287px; }
#it1 a#t3 { top: -340px; left: 522px; }

/* tmp */
.floatedlink { position:relative; background-color: rgba( 100, 100, 100, 0.5 );/**/  }
.floatedlink a { display:block; border:none; margin:0; padding:0; text-decoration:none;/* font-size:1px; line-height:1px;*/ }
.floatedlink a:hover { background-image:url("images_n/overlay.png"); }





/* top */
#top_bar {
	list-style: none;
	margin: 0; padding:0;
	width: 656px; height: 36px;
	background-image:url("images_n/top/top_bar_bg.gif");
	background-repeat: no-repeat;
}
#top_bar li {
	margin: 0; padding:0;
	float:left;
}
#top_bar li a { display: block; }
#top_bar li a:hover { background-image:url("images_n/top/top_bar_bg_over.gif"); }
#top_bar li#tb1 { width: 101px; height: 34px; }
#top_bar li#tb2 { width: 101px; height: 34px; }
#top_bar li#tb3 { width: 101px; height: 34px; }
#top_bar li#tb4 { width: 101px; height: 34px; }
#top_bar li#tb5 { width: 101px; height: 34px; }

#top_bar li#tb7 { width: 101px; height: 34px; }
#top_bar li#tb1 a { background-position: 0px 0px; }
#top_bar li#tb2 a { background-position: -101px 0px; }
#top_bar li#tb3 a { background-position: -202px 0px; }
#top_bar li#tb4 a { background-position: -303px 0px; }
#top_bar li#tb5 a { background-position: -404px 0px; }

#top_bar li#tb7 a { background-position: -505px 0px; }







/* quick guide */

.nav_history, .nav_standard {
	border:1px solid #333;
	border-left: 1px solid #333;
	border-radius: 6px;
}
.nav_history:nth-child(2), .nav_standard:nth-child(2) {
	margin-top: 1em;
}
.nav_history .nav_prev,
.nav_standard .nav_prev {
	width: 40%; float: left; text-align: right;
}
.nav_history .nav_next,
.nav_standard .nav_next {
	width: 40%; float: right; text-align: left;
}
.nav_history .nav_item {
	clear: both;
}
.nav_standard {
	text-align: center;
	padding: 1em;
}
.nav_standard a, .nav_standard span {
	margin-left: 1em;
}
.nav_standard span {
	font-weight: bold;
}



/* policies */

.policy, .sidemenu { background:none; /*background-color:rgba( 100, 100, 100, 0.5 );*/ }
.policy, .policy a, .policy img { width:170px; height:230px; }
.sidemenu a.menu_a:hover { background-image:url(images_n/overlay_menu_a.png); }
.sidemenu a.menu_b:hover { background-image:url(images_n/overlay_menu_b.png); }
.sidemenu a.menu_c:hover { background-image:url(images_n/overlay_menu_c.png); }
/*これらは不要？*/


/* links */
h3.head_links {
	padding: 8px 6px;
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	background: #546bb8 url("images/bg_areatop.gif") right repeat-y;
}


/* table */
table {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
}
th,td{
  vertical-align:top;
  /*border:solid 1px #000;*/
  font-weight:normal;
  text-align:left;
}

table#p2_1 {
	width: 640px;
	margin: auto;
}
table#p2_1 thead {
	background-color: #c8e3e4;
}
table#p2_1 td {
	padding: 6px;
	text-align: center;
	border:solid 1px #000;
}

.guide {
	width: 684px;
	padding: 30px;
}
.guide h4 {
	color: #d07100;
	border-bottom: 1px solid #333;
	margin-top: 2em;
	padding-bottom: -1em;
	margin-bottom: 2em;
}
.guide p {
	margin: 0.5em;
}
.guide p.listed {
	margin-left: 2em;
	text-indent: -1.6em;
}
.guide p.tablename {
	font-weight: bold;
}
.guide p.table_note {
	font-size: 0.8em;
	line-height: 110%;
	margin: -2em auto 2em auto;
}
.guide table {
	width: 680px;
	margin: 0 auto;
		margin-bottom: 2em; /*仮*/
}
.guide td {
	border: 1px solid #000;
	background-color: #fffcdb;
	font-size: 0.8em;
	text-align: center;
	vertical-align: middle;
	line-height: 110%;
	padding: 4px 8px;
}
.guide thead td {
	background-color: #bde1d6;
}

table#fig_1 td { text-align:left; }
table#fig_1 thead td { text-align:center; }

div.slashed div.a {
	width: 50%;
	float: right;
	margin-right: -16px;
	margin-top: -6px;
	text-align: right;
}
div.slashed div.b {
	width: 50%;
	float: left;
	margin-left: -16px;
	margin-top: -20px;
	text-align: left;
}
col.half { width: 50%; }

div.subtitle { font-weight: bold; margin-top:1.5em; }


#box_sub_safety {
	width: 202px; height: 818px;
	padding: 16px;
	position: relative;
	left: 750px;
	background: none no-repeat;
}
.new{ font-weight: bold; color: white; background: red; }