/* ------------------------------------------------------
   20080930 新規作成  TM miyata
   20090401 改修      TM miyata
   20090518 改修      TM miyata
   20100917 改修      TM tsujimoto
	 20100917 改修      TM aoki_m
------------------------------------------------------ */

/* ------------------------------------------------------
　bace
------------------------------------------------------ */
#Wrap{
	width:713px;
	margin:20px;
	height:auto;
	}
p {
	margin:0;
	padding:0;
	}

/* ------------------------------------------------------
　header
------------------------------------------------------ */	
#metapo_header{
	width:713px;
	height:270px;
	background:url(../../image/header_bg.jpg) no-repeat;
	}
#metapo_header .metapo_logo{
	padding:9px 0px 0px 23px;
	}
#metapo_header .metapo_title{
	padding:0px 0px 0px 23px;
	}
#metapo_header .metapo_presentarea{
	position:relative;
	width: 120;
	}
#metapo_header .metapo_presentcar{
	width:145px;
	position:absolute;
	top:66px;
	left:30px;
	}
#metapo_header .metapo_presentnote{
	width:120px;
	position:absolute;
	top:66px;
	left:385px;
	}
.metapo_headertxt{
	font-size:12px;
	line-height:16px;
	color:#333333;
	padding-top: 15px;
	padding-right: 3px;
	padding-bottom: 30px;
	padding-left: 3px;
	float:left;
	width: 423px;
	}
.metapo_headertxt_2{
	font-size:12px;
	line-height:16px;
	color:#333333;
	padding-top: 15px;
	padding-right: 3px;
	padding-bottom: 30px;
	padding-left: 0px;
	float: right;
	}
.metapo_headertxt_2 img{
	margin-bottom:4px;
	}

/* ------------------------------------------------------
　present
------------------------------------------------------ */	
#metapo_present{
	width:713px;
	height:428px;
	background:url(../../image/chance_bg.jpg) no-repeat;
	}
#metapo_present .tblarea1{
	margin-bottom:10px;
	}
#metapo_present .tblarea1 td{
	vertical-align:top;
	}
#metapo_present .tblarea1 .present_title{
	padding:21px 0 0 32px;
	}
#metapo_present .tblarea1 .present_title02{
	padding:5px 0 0 32px;
	}
#metapo_present .tblarea1 .present_title03{
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 76px;
	}
#metapo_present .tblarea1 .present_day{
	padding:5px 0 0 73px;
	}	
#metapo_present .tblarea1 .present_day02{
	padding:0 0 0 150px;
	}
#webpassport{
	width:326px;
	height:217px;
	background:url(../../image/chance_pass_bg.jpg) no-repeat;
	font-size:12px;
	line-height:14px;
	color:#333333;
	}
#webpassport .webpassportarea{
	padding-top: 24px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 13px;
	}
#webpassport .text01{
	padding:21px 0 10px 0;
	}
#webpassport .textlink{
	text-align:right;
	padding:0 0 10px 0;
	}
#webpassport .textlink a{
	color:#333333;
	}
#webpassport .textlink a:hover{
	color:#b30000;
	text-decoration:underline;
	}
#webpassport .text02{
	font-size:10px;
	line-height:12px;
	color:#666666;
	}
#metapo_present .tblarea2{
	width:683px;
	height:139px;
	background:url(../../image/chance_present_bg.gif) no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 15px;
	padding-top:1px;
	}
#metapo_present .tblarea2 .tblpresent{
	margin:10px 7px 7px 10px;
	}
#metapo_present .tblarea2 .tblpresent .whitetext01{
	color:#FFFFFF;
	font-size:11px;
	padding:9px 0 0 0;
	}
#metapo_present .tblarea2 .tblpresent .whitetext02{
	color:#FFFFFF;
	font-size:11px;
	padding:12px 0 0 0;
	}
#metapo_present .tblarea2 .tblpresent .whitetext03{
	color:#FFFFFF;
	font-size:11px;
	padding:5px 0 0 0;
	}
/*-----  btn -----*/
div.metapo_btn{
	margin:9px 0 10px 0;
	}

/* ------------------------------------------------------
　map
------------------------------------------------------ */	
#metapo_maptitlearea{
	width:713px;
	height:165px;
	background:url(../../image/metapolis_map_bg.jpg) no-repeat;
	margin:10px 0 0 0;
	}
#metapo_maptitlearea .maptitle{
	padding:79px 0 0 65px;
	}
#metapo_maptitlearea .maptitle_txt{
	padding:0 0 0 65px;
	}
	
.metapo_maptext{
	font-size:12px;
	line-height:13px;
	color:#333333;
	line-break:strict;
	margin-bottom:11px;
	}
.maptext_red{
	font-size:10px;
	line-height:12px;
	color:#ff0000;
	}
.mapimage{
	text-align:center;
	margin-bottom:15px;
	}
	
/*-----  map1 -----*/
.metapo_map1{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map1.jpg) no-repeat;
	margin:0 10px 0 0;
	}
.metapo_map1 .map1title{
	padding:23px 0 10px 45px;
	}
.metapo_map1 .map1txt{
	padding:0 20px 10px 23px;
	}
/*-----  map2 -----*/
.metapo_map2{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map2.jpg) no-repeat;
	margin:0 10px 0 0;
	}	
.metapo_map2 .map2title{
	padding:104px 0 8px 22px;
	}
.metapo_map2 .map2txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map3 -----*/
.metapo_map3{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map3.jpg) no-repeat;
	margin:0 9px 0 0;
	}	
.metapo_map3 .map3title{
	padding:23px 0 10px 45px;
	}
.metapo_map3 .map3txt{
	padding:0 20px 10px 23px;
	}	
/*-----  map4 -----*/
.metapo_map4{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map4.jpg) no-repeat;
	}		
.metapo_map4 .map4title{
	padding:104px 0 8px 22px;
	}
.metapo_map4 .map4txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map5 -----*/
.metapo_map5{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map5.jpg) no-repeat;
	margin:0 10px 0 0;
	}
.metapo_map5 .map5title{
	padding:103px 0 5px 22px;
	}
.metapo_map5 .map5txt{
	padding:0 20px 10px 22px;
	}
/*-----  map6 -----*/
.metapo_map6{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map6.jpg) no-repeat;
	margin:0 10px 0 0;
	}	
.metapo_map6 .map6title{
	padding:23px 0 10px 45px;
	}
.metapo_map6 .map6txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map7 -----*/
.metapo_map7{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map7.jpg) no-repeat;
	margin:0 9px 0 0;
	}	
.metapo_map7 .map7title{
	padding:103px 0 8px 23px;
	}
.metapo_map7 .map7txt{
	padding:0 20px 10px 23px;
	}	
/*-----  map8 -----*/
.metapo_map8{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map8.jpg) no-repeat;
	}		
.metapo_map8 .map8title{
	padding:23px 0 10px 45px;
	}
.metapo_map8 .map8txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map9 -----*/
.metapo_map9{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map9.jpg) no-repeat;
	margin:0 10px 0 0;
	}	
.metapo_map9 .map9title{
	padding:23px 0 10px 45px;
	}
.metapo_map9 .map9txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map10 -----*/
.metapo_map10{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map10.jpg) no-repeat;
	margin:0 9px 0 0;
	}	
.metapo_map10 .map10title{
	padding:103px 0 8px 23px;
	}
.metapo_map10 .map10txt{
	padding:0 20px 10px 23px;
	}		
/*-----  map11 -----*/
.metapo_map11{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map11.jpg) no-repeat;
	margin:0 10px 0 0;
	}	
.metapo_map11 .map11title{
	padding:23px 0 10px 45px;
	}
.metapo_map11 .map11txt{
	padding:0 20px 10px 22px;
	}
/*-----  map12 -----*/
.metapo_map12{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map12.jpg) no-repeat;
	}	
.metapo_map12 .map12title{
	padding:103px 0 8px 23px;
	}
.metapo_map12 .map12txt{
	padding:0 20px 10px 23px;
	}		
/*-----  map13 -----*/
.metapo_map13{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map13.jpg) no-repeat;
	margin:0 10px 0 0;
	}
.metapo_map13 .map13title{
	padding:103px 0 5px 22px;
	}
.metapo_map13 .map13txt{
	padding:0 20px 10px 22px;
	}
/*-----  map14 -----*/
.metapo_map14{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map14.jpg) no-repeat;
	margin:0 10px 0 0;
	}	
.metapo_map14 .map14title{
	padding:23px 0 10px 45px;
	}
.metapo_map14 .map14txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map15 -----*/
.metapo_map15{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map15.jpg) no-repeat;
	margin:0 9px 0 0;
	}	
.metapo_map15 .map15title{
	padding:103px 0 8px 23px;
	}
.metapo_map15 .map15txt{
	padding:0 20px 10px 23px;
	}	
/*-----  map16 -----*/
.metapo_map16{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map16.jpg) no-repeat;
	}		
.metapo_map16 .map16title{
	padding:23px 0 10px 45px;
	}
.metapo_map16 .map16txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map17 -----*/
.metapo_map17{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map17.jpg) no-repeat;
	margin:0 10px 0 0;
	}	
.metapo_map17 .map17title{
	padding:23px 0 10px 45px;
	}
.metapo_map17 .map17txt{
	padding:0 20px 10px 22px;
	}	
/*-----  map18 -----*/
.metapo_map18{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map18.jpg) no-repeat;
	margin:0 9px 0 0;
	}	
.metapo_map18 .map18title{
	padding:103px 0 8px 23px;
	}
.metapo_map18 .map18txt{
	padding:0 20px 10px 23px;
	}		
/*-----  map19 -----*/
.metapo_map19{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map19.jpg) no-repeat;
	margin:0 10px 0 0;
	}	
.metapo_map19 .map19title{
	padding:23px 0 10px 45px;
	}
.metapo_map19 .map19txt{
	padding:0 20px 10px 22px;
	}
/*-----  map20 -----*/
.metapo_map20{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map20.jpg) no-repeat;
	}	
.metapo_map20 .map20title{
	padding:103px 0 8px 23px;
	}
.metapo_map20 .map20txt{
	padding:0 20px 10px 23px;
	}		
/*-----  map21 -----*/
.metapo_map21{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map21.jpg) no-repeat;
	}	
.metapo_map21 .map21title{
	padding:103px 0 8px 23px;
	}
.metapo_map21 .map21txt{
	padding:0 20px 10px 23px;
	}	
/*-----  map22 -----*/
.metapo_map22{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map22.jpg) no-repeat;
	}	
.metapo_map22 .map22title{
	padding:103px 0 8px 23px;
	}
.metapo_map22 .map22txt{
	padding:0 20px 10px 23px;
	}	
/*-----  map23 -----*/
.metapo_map23{
	width:171px;
	height:255px;
	background:url(../../image/metapolis_map23.jpg) no-repeat;
	}	
.metapo_map23 .map23title{
	padding:103px 0 8px 23px;
	}
.metapo_map23 .map23txt{
	padding:0 20px 10px 23px;
	}	

/* ------------------------------------------------------
　btn02
------------------------------------------------------ */		
div.metapo_btn02{
	padding:40px 0;
	}

	
/* ------------------------------------------------------
　ご利用に際して
------------------------------------------------------ */		
.metapo_comment{
	font-size:12px;
	color:#333333;
	padding:0 8px 20px 8px;
	}	
.metapo_comment .comment_small{
	font-size:10px;
	line-height:15px;
	}
	
	
/* ------------------------------------------------------
　バナー
------------------------------------------------------ */	
.banalinkarea{
	padding:5px 5px 30px 0;
	text-align:right;
	color:#333333;
	font-size:12px;
	}
.banalinkarea a:link{
	color:#333333;
	font-size:12px;
	}
.banalinkarea a:visited{
	color:#333333;
	font-size:12px;
	}
.banalinkarea a:hover{
	color:#c80000;
	font-size:12px;
	}


/* ------------------------------------------------------
　ハイブリッドドライブゲーム　登場
------------------------------------------------------ */	
#mobilegame{
	border-left:#60676f 5px solid;
	border-right:#60676f 5px solid;
	padding:7px 15px 8px;
	}
#mobilegame table td{
	font-size:12px;
	line-height:16px;
	color:#333333;
	}
#mobilegame .p1{
	margin-right:11px;
	}
#mobilegame .qr{
	margin-right:10px;
	}
#mobilegame .redtxt{
	color:#c80000;
	}
#metapo_header .textlink {
	line-height:16px;
	color:#666666;
	text-decoration:none;
	font-size:12px;
	left:500px;
	position:absolute;
	top:152px;
	width:193px;
}

/* 2011.01.20. TOYOTA MEDIA SERVICE m.aoki Add */

a {
	color: #174779;
	text-decoration: none;
	}
a:hover {
	color: #2880d7;
	text-decoration: none;
	}
li {
    list-style: none outside none;
}

/*------------------------------------
GAZOO METAPOLIS MAP 200903 map.html
-----------------------------------*/

#contents {
	font-size:0.8em;
	width:713px;
	margin:0px;
}

#contents p {
	clear: both;
	margin: 0 10px 10px;
}
#mapArea_wrap{
	background: url(../../image/map/metapolis_map_bg.gif) repeat-y;
	width:713px;
	}
#mapArea{
	width: 713px;
	padding-bottom: 10px;
	text-align:center;
	margin: 0 auto;
}
#map_img{
	width: 620px;
	background-color:#d3dae2;
	padding-bottom: 5px;
	margin: 0 auto;
}
/* map_top_text */
#mapArea_wrap p#map_text{
	padding-left: 42px;
	padding-right: 42px;
	}

#mapArea #kigou_bg {
	width: 620px;
	background-color:#d3dae2;
	padding-top: 5px;
	min-height: 15px;
	height: auto;
}

#mapArea #kigou{
	margin: 5px 10px 0px 10px;
	font-size:10px;
}

#mapArea #kigou li {
	float: left;
}

#mapArea .eco {
	background: url(../../image/map/map_eco.gif) no-repeat	left center;
	padding-left:14px;
	margin-right: 15px;
}
/*mapicon*/
#mapArea .i {
	background: url(../../image/map/map_i.gif)	 no-repeat left center;
	padding-left:14px;
	margin-right: 15px;
}
#mapArea .ic {
	background: url(../../image/map/map_ic.gif) no-repeat	left center;
	padding-left:14px;
	margin-right: 15px;
}
#mapArea .parking {
	background: url(../../image/map/map_p.gif)	no-repeat	left center;
	padding-left:14px;
	margin-right: 15px;
}
#Facilities{
	padding: 10px 42px;
	width: 708px;
	margin:0;
	height:auto;
}
#Facilities ul{
	width:200px;
	float:left;
	padding: 0px;
	margin: 0px;
}

#wrapcommon #wrapmain #main #Facilities .listBox {
	padding:0px;
	margin:0px;
	float:left;
}
/*mapnumber*/
.n01 {
	background:url(../../image/map/map_01.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n02 {
	background: url(../../image/map/map_02.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n03 {
	background: url(../../image/map/map_03.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n04 {
	background: url(../../image/map/map_04.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n05 {
	background: url(../../image/map/map_05.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n06 {
	background: url(../../image/map/map_06.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n07 {
	background: url(../../image/map/map_07.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n08 {
	background: url(../../image/map/map_08.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n09 {
	background: url(../../image/map/map_09.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n10 {
	background: url(../../image/map/map_10.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n11 {
	background: url(../../image/map/map_11.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n12 {
	background: url(../../image/map/map_12.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n13 {
	background: url(../../image/map/map_13.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}


.n14 {
	background: url(../../image/map/map_14.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n15 {
	background: url(../../image/map/map_15.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n16 {
	background: url(../../image/map/map_16.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n17 {
	background: url(../../image/map/map_17.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n18 {
	background: url(../../image/map/map_18.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n19 {
	background: url(../../image/map/map_19.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n20 {
	background: url(../../image/map/map_20.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n21 {
	background: url(../../image/map/map_21.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n22 {
	background: url(../../image/map/map_22.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}
.n23 {
	background: url(../../image/map/map_23.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}

.n24 {
	background: url(../../image/map/map_24.gif) left center no-repeat;
	padding:2px 0px 2px 20px;
}



#mapArea #kigou .f_right {
    float:right;
}

#mtpboxwrapper {
	width: 620px;
	margin: 0 42px;
}
#mtpboxwrapper h2 {
	display: block;
	height: 32px;
	width: 620px;
	padding:0px;
}

#main #mtpboxwrapper .FacilitiesBlock {
	padding: 5px 10px 10px 10px;
}
#main #mtpboxwrapper .FacilitiesBlock img {
	float: left;
	margin-right: 15px;
}

#main #mtpboxwrapper .FacilitiesBlock .FacilitiesText {
	float: left;
	width: 395px;
}
#main #mtpboxwrapper .FacilitiesBlock .FacilitiesText p {
	margin-left: 0px;
}
#main #mtpboxwrapper .FacilitiesBlock .FacilitiesText .bluebold {
	font-size: 14px;
	font-weight: bold;
	color: #17467a;
}
#main #mtpboxwrapper .FacilitiesBlock .FacilitiesText .orangebold {
	font-size: 14px;
	font-weight: bold;
	color: #f29901;
}
/* 2011.01.20. TOYOTA MEDIA SERVICE m.aoki Add End */

/*-------------------------------
clearfix
--------------------------------*/
.clearfix { zoom: 1; }/* for IE 5.5-7 \*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
	}
/**/