@charset "utf-8";

#mainbox {
	width: 710px;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-align: left;
}

/*top_page*/
#navibox {
	width: 710px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	clear: both;
}
#navibox ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
}
#navibox li {
	display : outline;
	margin: 0px; 
	padding: 0px 0px 0px 15px; 
	float: right;
	font-weight: bold;
}
#navibox li img {
	border: none;
}
.listbox {
	width: 682px;
	margin: 5px 0px 15px 0px;
	padding: 10px;
	border: #E5D3B5 solid 4px;
	background-image: url(../img/top_ranking_bg.gif);
}
.listbox_r {
	width: 520px;
	margin: 0px;
	padding: 0px;
	float: right;
}
h5 {
	width: 500px;
	height: 19px;
	margin: 0px 0px 12px 0px;
	padding: 3px 0px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-image: url(../img/prepare_stitle_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
h5 A:link,
.info_stitle A:link,
.info_stitle02 A:link {
	color: #FFFFFF;
	text-decoration: underline;
}
h5 A:visited,
.info_stitle A:visited,
.info_stitle02 A:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
h5 A:active,
.info_stitle A:active,
.info_stitle02 A:active {
	color: #FFFFFF;
	text-decoration: underline;
}
h5 A:hover,
.info_stitle A:hover,
.info_stitle02 A:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/*info*/
#mapbox {
	width: 700px;
	margin: 0px 0px 20px 0px;
	padding: 4px;
	border: #DDC598 solid 1px;
	background-color: #FFFFFF;
	clear: both;
}
table dl,
table ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	}
table dt {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	}
	table dd,
	table li {
	margin: 0; 
	padding: 0.2em 0;
	list-style-type: none;
	}
/*velotaxi*/	
#velotaxi_ph {
	width: 140px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#velotaxi_text {
	width: 560px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: left;
}	
/*rentalcycle*/	
p.cycle {
	padding-left: 1em;
	text-indent: -1em;
}
/*transfer.*/
.transfer_txt01,
.transfer_txt02,
.transfer_txt03,
.transfer_txt04,
.transfer_txt05,
.transfer_txt06 {
	width: 330px;
	margin: 0px;
	padding: 5px;
}
.transfer_txt01 {
	border: #CBBCD9 solid 4px;
	background-color: #F2EDE9;
}
.transfer_txt02 {
	border: #F7B4D6 solid 4px;
	background-color: #F8ECE8;
}
.transfer_txt03 {
	border: #B8E0EA solid 4px;
	background-color: #F0F2EB;
}
.transfer_txt04 {
	border: #F8CD7B solid 4px;
	background-color: #F8ECD5;
}
.transfer_txt05 {
	border: #FDA075 solid 4px;
	background-color: #F8EEE3;
	margin: 15px  0px  0px  0px;
}
.transfer_txt06 {
	border: #FDA075 solid 4px;
	background-color: #F8EEE3;
}
.transfer_txt01,
.transfer_txt03 {
	float: left;
}
.transfer_txt02,
.transfer_txt04,
.transfer_txt05,
.transfer_txt06 {
	float: right;
}
.transfer_ttl {
	width: 330px;
	padding: 0px 0px 3px 0px;
	border-bottom: #BDAA9E dotted 1px;
	font-weight: bold;
	clear: both;
}
.transfer_font {
	padding: 2px 0px 0px 0px
}
.transfer_point {
	width: 20px;
	float: left;
	padding: 0px 5px 0px 0px; 
}
.transfer_list {
	width: 320px;
 padding: 2px 2px 0px 3px;
	clear: both;
}
ul.transfer_list {
	list-style-type: none;
	}
li.transfer_list {
	padding: 0px 0px 5px 0px;
	list-style-type: none;
	font-size: 10px;
	line-height: 1.4;
}
.font_b {
	font-weight: bold;
}
p.txt {
	padding-left: 1em;
	padding-bottom: 0.5em;
	text-indent: -1em;
}
.mapbox02 {
	width: 340px;
	margin: 0px;
	padding: 4px;
	border: #DDC598 solid 1px;
	background-color: #FFFFFF;
	float: left;
}
.transfer_l {
	width: 350px;
	margin-bottom: 20px;
	padding: 0px;
	float: right;
}
.transfer_f {
	width: 710px;
	margin: 0px;
	text-align: left;
}
.transfer_f02 {
	width: 340px;
	margin: 0px;
	padding: 15px 5px 0px 0px;
	float: right;
}





/*common*/
.textbox {
	width: 710px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	clear: both;
}
.listbox_text {
	margin: 0px;
	padding: 0px 3px;
}  
.listbox_ph {
	width: 140px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	border: #E5D0AC solid 4px;
	float: left;
}
/* 2008.09.19 fusic add start */
.listbox_ph_min {
	width: 80px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	border: #E5D0AC solid 4px;
	float: left;
}
.listbox_ph_pass {
	width: 140;
	height: 177;
	margin: 0px;
	padding: 0px;
	border: #E5D0AC solid 4px;
	float: left;
}
/* 2008.09.19 fusic add end */
.mainbox02 {
	width: 710px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	clear: both;
}

/*-----table-----*/	
table#info{
	border-top:1px solid #B8A183;
	border-left:1px solid #B8A183;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
#info th{
	border-right:1px solid #B8A183;
	border-bottom:1px solid #B8A183;
	color:#444444;
	padding:0.3em 1em;
	text-align: left;
}
#info td{
	border-right:1px solid #B8A183;
	border-bottom:1px solid #B8A183;
	padding: 0.5em 0.8em;
	font-size: 12px;
	line-height: 1.6;
	vertical-align: middle;
}
.td_bgcolor01 {background-color: #F4EED9;}
.td_bgcolor02 {background-color: #F1EACF;}
.td_bgcolor03 {background-color: #F6F6F6;}

/*-----button-----*/
#btn_return {
	width: 710px;
	margin: 30px 0px 30px 0px;
	padding: 10px 0px;
	clear: both;
	border-top-color: #BDAA9E;
	border-top-style: dotted;
	border-top-width: 1px;
	text-align: center;
}

/*-------------------- clearfix --------------------*/
#navibox:after,
#mainbox:after,
.listbox:after,
.mainbox02:after,
.mainbox02_l:after,
.mainbox02_r:after,
.textbox:after,
.transfer_l:after,
.transfer_ttl:after,
.transfer_txt01:after,
.transfer_txt02:after,
.transfer_txt03:after,
.transfer_txt04:after,
.transfer_txt05:after,
.transfer_txt06:after,
#btn_return:after,
.transfer_f02:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
/*-------------------- image --------------------*/
#mapbox img
#btn_return img,
.mapbox02 img,
.transfer_point img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/* 2008.09.02 fusic add start */
.point_ph {
	width: 90px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	border: #ECDEC4 solid 4px;
	float: left;
}
.point_text {
 width: 220px;
	padding: 0px 3px 0px 0px;
	font-size: 12px;
	line-height: 1.6;
	float: right;
}
.clear{ clear: both;}
.td_text_top{
	vertical-align: top;
}
/* 2008.09.02 fusic add end */