@charset "Shift_JIS";

div#logo_long{
text-align:right;
padding:15px;
}

ul#keno_mmenu{
margin:0 0 0 13px;
height:90px;
width:780px;
background: url("../images/mmenu_bk.gif") top left no-repeat;
}

ul#keno_smenu{
margin:-30px 0 0 500px;
height:30px;
width:290px;}

ul#keno_mmenu li,
ul#keno_smenu li{
margin:0;
padding:0;
float:left;
}

li#mmenu_top a{
background: url("../images/mmenu_top.gif") top left no-repeat;
display:block;
margin:20px 0 0 10px;
width:91px;
height:40px;
text-indent:-9999px;}

li#mmenu_open_top a{
background: url("../images/mmenu_open.gif") top left no-repeat;
display:block;
margin:20px 0 0 10px;
width:130px;
height:40px;
text-indent:-9999px;}

li#mmenu_open a{
background: url("../images/mmenu_open.gif") top left no-repeat;
display:block;
margin:20px 0 0 0;
width:130px;
height:40px;
text-indent:-9999px;}

li#mmenu_price a{
background: url("../images/mmenu_price.gif") top left no-repeat;
display:block;
margin:20px 0 0 0;
width:130px;
height:40px;
text-indent:-9999px;}

li#mmenu_campaign a{
background: url("../images/mmenu_campaign.gif") top left no-repeat;
display:block;
margin:0;
width:227px;
height:60px;
text-indent:-9999px;}

li#mmenu_campaign a:hover,
li#mmenu_price a:hover,
li#mmenu_open a:hover,
li#mmenu_top a:hover,
li#mmenu_open_top a:hover{
background-position:bottom left;
}

li#smenu_dp a{
background: url("../images/smenu_dp.gif") top left no-repeat;
display:block;
margin:0;
width:131px;
height:30px;
text-indent:-9999px;}

li#smenu_pr a{
background: url("../images/smenu_pr.gif") top left no-repeat;
display:block;
margin:0;
width:159px;
height:30px;
text-indent:-9999px;}

div#main_contents{
padding:15px;
text-align:left;
}

.alnc{text-align:center;}
.alnr{text-align:right;}

table.table_price{
width:100%;
border:none;
margin:0;
padding:0;
background-color:#fff;
}

table.table_price tr th{
text-align:center;
font-weight:bold;
padding:5px;
border-top:#666 solid 1px;
border-bottom:#666 solid 1px;
color:#fff;
}

table.table_price tr th.col_index{
background-color:#003399;
}

table.table_price tr.gray{
background-color:#eee;
}

table.table_price tr th.border_r,
table.table_price tr td.border_r{
border-right:#666 solid 1px;
}

table.table_price tr td.border_b{
border-bottom:#666 solid 1px;
}

table.table_price tr td.border_bd{
border-bottom:#999 dotted 1px;
}

table.table_price tr th.border_lr{
border-left:#666 solid 1px;
border-right:#666 solid 1px;
}

table.table_price tr td.no_top,
table.table_price tr th.no_top,
table.table_price tr th.border_lr{
border-top:none !important;
}

table.table_price tr td{
padding:5px;
border-right:#666 solid 1px;
text-align:right;
}


/* 追記 */


/* --- [ リセット ] --- */
div, pre, p, div, blockquote, form, 
dl, dt, dd, ol, ul, li,
table, th, td {
	margin : 0 ;
	padding : 0 ;
}

/*--------------------------------------------------------
-----------------------float防止-------------------------*/
#wrapper:after,
#container1:after,
#container2:after,
#logo:after,
#sublogo:after,
#sub1:after,
#sub2:after,
ul#nav li:after,
ul#nav li a:after,
.info_main2 .block_info:after,
.info_main2 .block_info .left:after,
.info_main2 .block_info .right:after,
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper,
#container1,
#container2,
#logo,
#sublogo,
#sub1,
#sub2,
ul#nav li,
ul#nav li a,
.info_main2 .block_info,
.info_main2 .block_info .left,
.info_main2 .block_info .right,
{
	display: inline-table;
	/*\*/
	display: block;
	
	
	
	/**/
}


/*----------------------------------------------------
-----------------------全体-------------------------*/

/*#wrapper{
	width:816px;
	margin:0 auto;
	text-align:left;
}*/

#container1{
	height:144px;
	background:url(../images/background_head.jpg) top left no-repeat;
	margin:0 auto;
}

#container2{
	background:url(../images/background_bottom.jpg) bottom repeat-y;
	margin:0 auto;
}


/*-----共通ヘッダー-----*/
#logo{
	height:43px;
	float:right;
	padding:20px 20px 20px 0;
}
#logo a img{ border:none; }
#sublogo{
	width:301px;
	float:right;
	display:block;
	padding:10px 22px 0 0; 
}
#sublogo a img{ border:none;}
#sub1		  { width:102px; float:left; }
#sub2		  { width:199px; float:left; }
#background h1{ margin:0 0 20px 0; padding:0; text-align:left; }

/*ナビゲーションボタン*/
#menu {
	clear:both;
	overflow:hidden;
	text-align:left;
	width:620px;
	height: 55px;
	margin:0;
}
#menu ul#nav{
    list-style:none;
    width:620px;
	height:42px;
	margin:0;
	padding:0;
	background:url(../images/navi.jpg) left top no-repeat;
}
#menu ul#nav li{
    list-style:none;
    float:left;
    width:203px;
	margin:0 5px 0 0;
	padding:0;
}
#menu ul#nav li.inaug_bt,
#menu ul#nav li.inaug_bt_ac{
    margin:0;
}

#menu ul#nav a{
    display:block;
    width:203px;
    height:42px;
    text-indent:-9999px;
    overflow:hidden;
}
/*#menu ul#nav li.top_bt a:hover,
#menu ul#nav li.top_bt_ac a{ background:url(../images/navi.jpg) left bottom no-repeat;}*/
#menu ul#nav li.inaug_bt a:hover,
#menu ul#nav li.inaug_bt_ac a{ background:url(../images/navi.jpg) -208px bottom no-repeat;}
#menu ul#nav li.info_bt a:hover,
#menu ul#nav li.info_bt_ac a{ background:url(../images/navi.jpg) left bottom no-repeat;}

/*-----共通フッター-----*/
#go_top a img{
	width:96px;
	height:9px; 
	display:block;
	float:right; 
	border:none; 
	padding:10px 30px 5px 0;
}
#footer{
	clear:both;
	margin-top:10px;
	background:url(../images/footer_bg.gif) bottom no-repeat;
	height:35px;
}
#foot_menu {
	display:block;
	overflow:hidden;
	width:450px;
	text-align:left;
}
#foot_menu ul#foot{
    list-style:none;
    width:100%;
	margin:6px 0 0 15px;
	padding:0;
}
#foot_menu ul#foot li{
    list-style:none;
    float:left;
	margin:0;
	padding:0 4px 0 0;
}
#foot_menu ul#foot a{
    display:block;
    height:10px;
    text-indent:-9999px;
    overflow:hidden;
}
a.foot_01{ background:url(../images/foot_01.gif) no-repeat; width:116px; }
a.foot_02{ background:url(../images/foot_02.gif) no-repeat; width:68px; }
a.foot_03{ background:url(../images/foot_03.gif) no-repeat; width:125px; }
a.foot_04{ background:url(../images/foot_04.gif) no-repeat; width:81px; }

#copy_right{
	width:359px;
	height:10px; 
	margin:0 0 0 15px;
}
*html #copy_right{ margin:4px 0 0 15px; }


/*-----TOP専用-----*/
#background{
	xwidth:770px;
	margin:0 auto;
}

/*-----通行料金ページ専用-----*/
#background table{
	font-size:0.8em;
	color:#666666;
	margin-top:20px;
}
#background table th{
	text-align:center;
	padding:5px;
}
#background table td{
	text-align:right;
	padding:5px;
}
#background table td.sp{
	text-align:center;
	color:#006600;
}
#text{ margin-top:10px; }
#text p.fee{ float:right; }

/*-----ドライブ情報ページ専用-----*/
#map{ 
	width:620px;
	margin:0;
	border:1px solid #009900;
	padding:0;
}
#map img{
	display:block;
}

.info_main1{
	width:620px;
	height:40px;
	margin:0;
	padding:30px 0 0 0;
	background:url(../images/info_background_head.gif) top left no-repeat;
}
.info_main2{
	overflow:hidden;
	margin:0;
	background:url(../images/info_background_bottom.gif) left bottom repeat-y;
	padding-bottom:40px;
}

.info_main1 h5{
	text-align:center;
}
#container2 h5 img{ 
	xwidth:580px;
	height:29px;
}
.info_main2 .block_info{
	width:580px;
	overflow:hidden;
	margin:0 0 4px 0;
}
.info_main2 .block_info .left{ 
	float:left;
	width:222px;
	overflow:hidden;
	padding:10px 0 0 30px;
}
.info_main2 .block_info .left img{ 
	border:1px solid #DDDDDD;
}
.info_main2 .block_info .right{ 
	float:left;
	width:310px;
	margin:10px 0 0 10px;
	text-align:left;
}

.info_main2 .block_info .right span{ 
	font-size:1.2em;
	font-weight:600;
	color:#666666; 
	display:block; 
	margin:0; 
}
.info_main2 .block_info .right span.blue{ 
	color:#005798;
}
.info_main2 .block_info .right span.green{ 
	color:#335500;
}
.info_main2 .block_info .right span.red{ 
	color:#E4007F;
}
.info_main2 .block_info .right span.red strong{ 
	color:#0086D1;
	font-weight:400;
	font-size:0.7em;
}


.info_main2 .block_info .right span img{
	vertical-align:middle;
	margin:0 8px 2px 0;
}
.info_main2 .block_info .right span strong{ 
	margin:0 0 0 4px; 
}


.info_main2 .block_info .right p.explain{
	margin:0 0 6px 4px;
	padding:0px 0 4px 30px;
	xborder-bottom:1px dotted #CCCCCC;
	font-size:1.0em;
}
.info_main2 .block_info .right .detail p{
	font-size:0.8em;
	margin:0 0 2px 0;
}
.info_main2 .block_info .right .detail p img{
	margin:0 10px 0 10px;
	vertical-align:middle;
}
.info_main2 .block_info .right .detail p span{
	color:#444444;
	font-weight:400;
	display:inline;
	margin:0 0 0 35px;
	font-size:1.0em;
}
.info_main2 .block_info .right .detail p span.spot13{
	color:#0086D1;
	font-weight:400;
	display:inline;
	margin:0;
	font-size:1.0em;
}

.info_main2 .block_info .right .detail p a{
	color:#47892B;
}
.info_main2 .block_info .right .detail p strong{
	margin:0;
	color:#E60012;
	font-weight:400;
}

.info_main2 .map_top{
	width:560px;
	margin:0 auto 14px auto;
	padding:0 0 4px 0;
	border-bottom:2px solid #E4E4E4;
	text-align:right;
}
.info_main2 .map_top img{
	border:none;
	padding:0 2px 0 0;
}

#info_bottom{
	width:540px;
	margin:0 auto;
	padding:6px 10px;
	list-style:none;
	border:1px solid #CCCCCC;
	background:#E0EDBF;
	font-size:0.8em;
	line-height:180%;
	color:#444444;
}
#info_bottom img{
	vertical-align:text-bottom;
}
#info_bottom span{
	margin:0 12px 0 3px;
}



#line{ 
	display:block;
	margin:20px 0 0 40px;
	clear:both;
 }

/*-----開通情報ページ専用-----*/
#inaug_bg01{ margin-bottom:10px; }
#inaug_bg02{
	background:url(../images/top_img.jpg) top left no-repeat;
	width:770px;
	height:1400px;
	margin:0 auto;
	color:#FFFFFF;
	font-weight:600;
	font-size:1.2em;
}
#inaug_bg02 p{ line-height:16px; }
#inaug_bg02 #text01{ margin:; }
#inaug_bg02 #text02{ margin:; }
#inaug_bg02 #text03{ margin:; }
#inaug_bg02 #text04{ margin:; }
#inaug_bg02 span{ color:#FFFF00; }


#inaug_pic{
	padding:0 0 0 30px;
}
#inaug_pic img{
	margin:0 0 10px 0;
}
#inaug_pic h5{
	margin:20px 0 0 -42px;
	padding:0;
	text-align:center;
}
#inaug_pic h5 img{
	margin:0;
	padding:0;
}
#inaug_merit{
	width:560px;
	text-align:left;
	margin:14px 0 0 0px;
}
#inaug_merit .box{
	margin:0 0 36px 0;
	padding:0 0 4px 0;
	border-bottom:4px solid #CCCCCC;
}

#inaug_merit .box h6{
	font-size:1.2em;
	color:#D75800;
	font-weight:600;
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 2px 0;
	padding:0 0 4px 0;
}
#inaug_merit p{
	padding:4px 4px 0 4px;
	font-size:1em;
}
#inaug_merit p span{
	color:#CC0000;
}
#inaug_merit p strong{
	color:#006600 !important;
	font-weight:400;
}
#inaug_merit .A_Center{
	margin-top:4px;
}