/* Driving Hokkaido */


/*  Contents-All  */

body {
	font-family: "Trebuchet MS","Tahoma", "Osaka","sans-serif","‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 140%;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
}

#container {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding:0;
	text-align: center;
	background-image: url('../img/bg.jpg');
	background-color: #FFFFFF;
}

#copy_img{
	width:820px;
	height:32px;
	margin:0;
	padding:0;
}



/*  Content-Top  */

#top_img {
	width:760px;
	height:348px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	padding:9px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color:#eeeeee;
}

.top_btn_img{
	margin:0;
	padding:0;
	float:left;
}

#p_main{
	width:780px;
	height:196px;
	padding:0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#top_map_img {
	margin:0 8px;
	float:left;
}

#top_monitor_img {
	margin:24px 0px;
	float:left;
	border:0;
}

.p_left{
	float:left;
	margin:0;
	padding:0;
}

.using_btn{
	float:right;
	padding-bottom:9px;
	padding-top:24px;
	padding-left:0;
	padding-right:0;
	margin:0;
}

.traffic_btn{
	float:right;
	margin:0;
	padding:0;
}

#top_using_img {
	margin:0;
	float:left;
	border:0;
}

#top_traffic_img {
	margin:0 0 0 8px;
	border:0;
	float:right;
}

#top_reserve_img {
	margin:8px 0 0 0;
	float:right;
	border:0;
}


/*  Page Layout  */

p#title{
	width:780px;
	text-align:left;
	margin:20px;
	padding:0px;
	color:#336600;
	border-bottom:1px solid #339900;
}

#page_main{
	width:780px;
	padding:0px;
	margin:50px 20px;
	text-align: center;
}

#page_main_member{
	width:780px;
	padding:0px;
	margin:50px 20px;
	text-align: center;
}
#page_main_member:after {
	content: "."; 
	display: block; 
	 height: 0; 
	clear: both; 
	visibility: hidden;
}

#page_main_member {display: inline-block;}

/* Hides from IE-mac \*/
* html #page_main_member{height: 1%;}
#page_main_member {display: block;}
/* End hide from IE-mac */

#page_left{
	width:580px;
	padding:0px;
	float:left;
	text-align:left;
	margin:0;
}
#page_rightlist{
	width:178px;
	margin:0;
	padding:0;
	list-style:none;
	border-right:1px solid #cccccc;	
	border-left:1px solid #cccccc;
	text-align:left;
	float:right;
}
#page_rightlist .title{
	margin:0;
	padding:0;
	height:36px;
}/* others csshack IE6 */
*html #page_rightlist .title{
	margin-top:0px;
	margin-bottom:-5px;
	margin-left:0px;
	margin-right:0px;
	padding:0;
	height:36px;
}
#page_rightlist .btn{
	margin:0;
	padding:0;
	height:29px;
}
*html #page_rightlist .btn{
	margin-top:0px;
	margin-bottom:-5px;
	margin-left:0px;
	margin-right:0px;
	padding:0;
	height:29px;
}/* others csshack IE6 */
#page_rightlist .subbtn{
	margin:0;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:0px;
	padding-right:0px;
	height:11px;
}
#page_rightlist .subbtn02{
	margin:0;
	padding-left:8px;
	padding-top:9px;
	padding-bottom:8px;
	padding-right:0px;
	height:11px;
	border-bottom:1px solid #cccccc;	
}/* others csshack IE6,IE7 */
*html #page_rightlist .subbtn02{
	margin:0;
	padding-left:8px;
	padding-top:1px;
	padding-bottom:4px;
	padding-right:0px;
	height:11px;
	border-bottom:1px solid #cccccc;	
}
*+html #page_rightlist .subbtn02{
	margin:0;
	padding-left:8px;
	padding-top:7px;
	padding-bottom:11px;
	padding-right:0px;
	height:11px;
	border-bottom:1px solid #cccccc;	
}
#page_rightlist .subbtn03{
	margin:0;
	padding-left:18px;
	padding-top:8px;
	padding-bottom:0px;
	padding-right:0px;
	height:11px;
}/* others csshack IE6 */
*html #page_rightlist .subbtn03{
	margin:0;
	padding-left:18px;
	padding-top:1px;
	padding-bottom:0px;
	padding-right:0px;
	height:11px;
}
#page_rightlist .subbtn04{
	margin:0;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:0px;
	padding-right:0px;
	height:11px;
}/* others csshack IE6 */
*html #page_rightlist .subbtn04{
	margin:0;
	padding-left:8px;
	padding-top:1px;
	padding-bottom:0px;
	padding-right:0px;
	height:11px;
}

/*  Page Layout monitor */

#monitor_profile{
	width:180px;
	margin:0 25px 0 0; 
	float:left; 
}

#monitor_content{
	width:360px;
	margin:0 15px 0 0; 
	float:right;  
}

/*  Page Layout using */

#using_left{
	width:580px;
}

#using_left_L{
	width:401px;
	height:150px;
	margin:0 0 0 0; 
	float:left; 
}

.using_box{
	background-color:#f6fff0;
	width:87px;
	height:78px;
	text-align:center;
	float:left;
	border:1px solid #cccccc;
}
.using_box2{
	background-color:#ffffff;
	width:15px;
	margin:25px 0;
	float:left;
}

#using_left_R{
	width:170px;
	height:148px;
	margin:0 0 0 7px; 
	border:1px solid #cccccc;
	float:right; 
	background-color:#fff9f3;
}

p.using_text01{
	display:inline;
	line-height:35px;
}

#using_left p{
	margin:6px; 
	padding:0;
}

#using_left ul{
	margin:5px 0 0 20px; 
	padding:0;
}



table#using_table{
	width:480px;
	margin:0px 50px;
	border:1px solid #000000;
	border-collapse:collapse;
}

#using_table td{
	border:1px solid #000000;
	border-collapse:collapse;
	margin:0px;
	padding:3px;
}


/*  Page Layout traffic */

.traffic_num{
	font-size:18px;
	font-weight:bold;
}

table#traffic_table{
	float:left;
	width:578px;
	margin:10px auto 30px auto;
	border:1px solid #000000;
	border-collapse:collapse;
}

#traffic_table th{
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#fff6de;
	text-align:center;
	margin:0px;
	padding:3px;
}

#traffic_table td{
	border:1px solid #000000;
	border-collapse:collapse;
	font-size:11px;
	letter-spacing:0.4px;
	margin:0px;
	padding:3px;
}

table#tv_table{
	float:left;
	width:578px;
	margin:10px auto 30px auto;
	border-collapse:collapse;
	text-indent:2px;
}

#tv_table td{
	border:1px solid #000000;
	border-collapse:collapse;
	font-size:11px;
	line-height:24px
	letter-spacing:0.4px;
	margin:0px;
	padding:0px;
}

#tv_table td#tv_01_L{
	background-color:#666666;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #ffffff;
	color:#ffffff;
	border-collapse:collapse;
	font-size:12px;
	line-height:24px
	letter-spacing:0.4px;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}

#tv_table td#tv_01_C{
	background-color:#666666;
	border-top:1px solid #000000;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #000000;
	border-right:1px solid #ffffff;
	color:#ffffff;
	border-collapse:collapse;
	font-size:12px;
	line-height:24px
	letter-spacing:0.4px;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}

#tv_table td#tv_01_R{
	background-color:#666666;
	border-top:1px solid #000000;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	color:#ffffff;
	border-collapse:collapse;
	font-size:12px;
	line-height:24px
	letter-spacing:0.4px;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}


#tv_table td.tv_02{
	border-collapse:collapse;
	border:1px solid #000000;
	background-color:#ff9933;
	color:#ffffff;
	font-size:12px;
	line-height:24px
	padding:0px;
	text-align:center;
}

#tv_table td.tv_price{
	border:1px solid #000000;
	border-collapse:collapse;
	font-size:11px;
	line-height:24px
	letter-spacing:0.4px;
	margin:0px;
	padding:0px;
	text-align:right;
}

#tv_table td.tv_03{
	border-collapse:collapse;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	background-color:#ffffff;
	font-size:12px;
	line-height:24px
	padding:0px;
}



table.traffic_signs_table{
	float:left;
	width:578px;
	margin:10px auto 30px auto;
	border:0;
}

.traffic_signs_table td{
	border:0;
	width:186px;
	text-align:center;
	margin:0px;
	padding:10px 3px;
	vertical-align:top;
}

table.guide_table{
	float:left;
	width:578px;
	margin:10px auto 30px auto;
	border:0;
}

.guide_table td{	
	border:0;
	text-align:center;
	margin:0;
	padding:10px 3px;
}

.highway_table_10{
	float:left;
	width:571px;
	margin:10px auto 30px auto;
	border-collapse:collapse;

}

caption{
	text-align:left;
	font-weight:bold;
}

.highway_table_7{
	float:left;
	width:400px;
	margin:10px auto 30px auto;
	border-collapse:collapse;
}

.highway_table_10 td{
	border:1px solid #000000;
	border-collapse:collapse;
	text-align:right;
	padding-right:3px;
}

.highway_table_7 td{
	border:1px solid #000000;
	border-collapse:collapse;
	text-align:right;
	padding-right:3px;

}

.highway_table_10 th{
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#ffeecc;
}

.highway_table_7 th{
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#ffeecc;
}

.highway_bg{
	background-color:#fff9ee;
}


.traffic_ammu_text{
	font-size:14px;
	line-height:21px;
	font-weight:bold;
	border-bottom:1px solid #000000;
	border-left:3px solid #666666;
	width:360px;
	height:21px;
	padding-left:3px;
	margin-top:30px;

}


/*  Page Layout reserve */





/*  Page Layout common */

p.common_partition{
	margin:25px 50px 15px 50px;
	font-size:21px;
	letter-spacing:5px;
	width:480px;
	text-align:center;
}

h3{
	width:580px;
	height:25px;
	background-image:url('../img/bg_title_using.gif');
	text-align:left;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.6px;
	font-weight:bold;
	line-height:24px;
	margin:30px 0 20px 0;
	float:left;
}

h2{
	width:580px;
	height:25px;
	background-image:url('../img/bg_title_using.gif');
	text-align:left;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.6px;
	font-weight:bold;
	line-height:24px;
	margin:0px 0 20px 0;
	float:left;
}


/* Link  */

a:link{color:#000000; text-decoration:none;}
a:visited{color:#000000; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:none;}
a:active{color:#000000; text-decoration:none;}


/*  Contents Layout  */

img.pict_right{
	float:right;
	margin-left:5px 5px 5px 0px;
}

.pict_clear{
	clear:both;
}

#page_right p{
	margin:5px 5px 5px 5px;
	text-align:left;
	border-bottom:1px solid #000000;
}

#page_right li{
	link-style-position:outside;
	list-style-image: url('../img/navi_point.gif');
	line-height:10px;
	margin:6px 5px 0 0;
	font-size:11px;
	letter-spacing:1.2px;
}
.member-txt{
	margin: -5px 0 0 0;
	padding:0 6px 15px 6px;
	clear:both;
}
.member-tbl {
	margin: 0 6px 0 6px;
	clear: both;
	width: 568px;
	border-collapse:collapse;
}
.member-tbl td {
	border:1px solid #CCCCCC;	
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.member-tbl .bg-gray {
	background-color:#F0F0F0;
}
.member-tbl .bg-white {
	background-color:#FFFFFF;
}

.member-tbl img {
	vertical-align: middle;
	padding-left: 10px;
}
.pagetop {
	text-align: right;
	clear: both;
	padding-right:22px;
}