@charset "utf-8";
/* ******************************************
	メインの青:#6593b6
******************************************** */

/* 第2階層は共通して指定するもの
---------------------------------------*/
/* グローバルナビゲーション アクティブを指定する */
div#header ul#g_navi li#g_navi_drive a{
	background-position: -191px -34px;
	}

/* WRAPPER
---------------------------------------*/
div#wrapper ol.breadcrumb{
	width: 600px;
	padding-right: 126px;
	}
* html div#wrapper ol.breadcrumb{
	width: 726px;
	}
div#wrapper p#backnum{
	position: absolute;
	top: -30px;
	left: 600px;
	width: 116px;
	z-index: 10;
	text-align: right;
}
div#wrapper p#backnum a{
	padding-left: 10px;
	background: url(/english/drive/img/arrow_bk.gif) no-repeat left 50%;
}
div#wrapper div#head-img{
	background: url(../img/head-img_bg.jpg) no-repeat;
	width: 726px;
	height: 611px;
	margin-top: 8px;
	position: relative;
	}

div#wrapper p#plus-driving{
	width: 208px;
	height: 114px;
	text-indent: -999em;
	float: right;
	}
div#wrapper p#plus-driving a{
	background-image: url(../img/plus-driving.jpg);
	width: 208px;
	height: 114px;
	display: block;
	}

div#wrapper h1{
	background-image: url(../img/h1.jpg);
	width: 518px;
	height: 169px;
	border: none;
	float: left;
	clear: none;
	margin-bottom: 83px;/* くるまんとへのリンクがあれば変わる */
	}

/* ルートマップ
---------------------------------------*/
div#wrapper div#route{
	width: 396px;
	float: right;
	}

div#wrapper div#route h2{
	width: 220px;
	height: 38px;
	background: url(../img/h2_route.jpg) no-repeat;
	}

div#wrapper div#route ol{
	clear: both;
	padding-top: 4px;
	}

div#wrapper div#route ol li{
	height: 39px;
	float: left;
	text-indent: -999em;
	margin-bottom: 8px;
	background: #749bc3;
	}

div#wrapper div#route ol li a{
	background-repeat: no-repeat;
	background-image: url(../img/route.jpg);
	width: 396px;
	height: 39px;
	display: block;
	margin: 0;
	padding: 0;
	}

div#wrapper div#route ol li#route-hills a{
	background-position: left -4px;
	}
div#wrapper div#route ol li#route-bals a{
	background-position: left -51px;
	}
div#wrapper div#route ol li#route-drive-sunset a{
	background-position: left -98px;
	}
div#wrapper div#route ol li#route-heli a{
	background-position: left -145px;
	}
div#wrapper div#route ol li#route-drive-night a{
	background-position: left -192px;
	}
div#wrapper div#route ol li#route-dinner a{
	background-position: left -239px;
	}
/* マウスオーバー */

div#wrapper div#route ol li#route-hills a:hover{
	filter: Alpha(opacity=60);
	opacity: 0.6;
	}
div#wrapper div#route ol li#route-bals a:hover{
	filter: Alpha(opacity=60);
	opacity: 0.6;
	}
div#wrapper div#route ol li#route-drive-sunset a:hover{
	filter: Alpha(opacity=60);
	opacity: 0.6;
	}
div#wrapper div#route ol li#route-heli a:hover{
	filter: Alpha(opacity=60);
	opacity: 0.6;
	}
div#wrapper div#route ol li#route-drive-night a:hover{
	filter: Alpha(opacity=60);
	opacity: 0.6;
	}
div#wrapper div#route ol li#route-dinner a:hover{
	filter: Alpha(opacity=60);
	opacity: 0.6;
	}

/* 割引の案内
---------------------------------------*/
div#wrapper div#head-img div.attention{
	position: absolute;
	top: 115px;
	left: 551px;
	}

div#wrapper div#head-img div.attention p{
	text-indent: -999em;
	width: 175px;
	height: 176px;
	}
div#wrapper div#head-img div.attention p a{
	width: 175px;
	height: 176px;
	display: block;
	background: url(../img/coupon.jpg) no-repeat left top;
	}



/* インフォーメイション（ロードマップとドライブの記録）
---------------------------------------*/
div#wrapper div#information{
	width: 181px;
	margin-left: 10px;
	position: absolute;
	top: 790px;/* ステージングでは650px */
	}

div#wrapper div#information p a{
	padding-left: 12px;
	background: url(../img/link_arrow.gif) no-repeat left 50%; 
	}
div#wrapper div#information div#memo{
	width: 180px;
	height: 323px;
	text-indent: -999em;
	background: url(../img/memo.gif) no-repeat left top;
	margin-top: 10px;
	}

div#wrapper p.lead{
	width: 522px;
	float: right;
	font-size: 120%;
	margin-bottom: 30px;
	}

/* ドライブコース 
---------------------------------------*/
div#wrapper div#drive-course{
	clear: none;
	width: 716px;
	margin-left: 10px;
	margin-bottom: 50px;
	}

div#wrapper div#drive-course h2{
	width: 367px;
	height: 38px;
	background: url(../img/h2_drive-course.gif) no-repeat;
	clear: right;
	margin-left: 194px;
	margin-bottom: 15px;
	}

/* 各コース */
div#wrapper div#drive-course div.contents{
	margin-top: 20px;
	}

div#wrapper div#drive-course div h3{
	width: 716px;
	height: 55px;
	clear: both;
	text-indent: -999em;
	margin-top: 30px;
	}

div#wrapper div#drive-course div p{
	margin-left: 10px;
	margin-top: 8px;
	}

/* ルートマップにもどる */
div#wrapper div#drive-course div p.back2route{
	float: right;
	margin: 0;
	}
* html div#wrapper div#drive-course div p.back2route{ margin-top: 5px;}
*:first-child+html div#wrapper div#drive-course div p.back2route{ margin-top: 5px;}

div#wrapper div#drive-course div p.back2route a{
	width: 143px;
	height: 22px;
	text-indent: -999em;
	display: block;
	background: url(../img/back2route.gif) no-repeat;
	}

/* 写真 */
div#wrapper div#drive-course div div.contents div.photo{
	margin-bottom: 8px;
	margin-top: 10px;
	float: right;
	width: 520px;/* 517+3(imgのマージン分)px */
	}
/* 夕暮れどきの／夜の東京ドライブ */
div#wrapper div#drive-course div#drive-sunset div.contents div.photo,
div#wrapper div#drive-course div#drive-night div.contents div.photo{
	float: left;
	width: 263px;/* 257+(3*2)(imgのマージン分)px */
	}

div#wrapper div#drive-course div div.contents div.photo img{
	margin-left: 3px;
	margin-top: 3px;
	float: left;
	}
/* 夕暮れどきの／夜の東京ドライブ */
div#wrapper div#drive-course div#drive-sunset div.contents div.photo img,
div#wrapper div#drive-course div#drive-night div.contents div.photo img{
	margin-right: 3px;
	margin-left: 0;
	float: left;
	}
div#wrapper div#drive-course div#drive-sunset div.contents div.photo span{
	width: 130px;
	float: left;
	display: block;
	}

div#wrapper div#drive-course div div.contents div.photo div.photo-left,
div#wrapper div#drive-course div div.contents div.photo div.photo-right{
	float: left;
	width: 260px;
	}
/* キャプション */
div#wrapper div#drive-course div div.contents div.photo span.caption{
	font-size: 85%;
	line-height: 1.2;
	}


/* DATA */
div#wrapper div#drive-course div.contents div.#roppongi,
div#wrapper div#drive-course div.contents div.data{
	color: #6593b6;
	font-size: 80%;
	float: left;
	width: 189px;
	background: url(../img/data_bottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
	}

div#wrapper div#drive-course div.contents div#roppongi{
	margin-top: 100px;
	}

div#wrapper div#drive-course div.contents div.data a{
	color: #6593b6;
	}
div#wrapper div#drive-course div.contents div.data p{
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

div#wrapper div#drive-course div.contents div.data h4{
	background: url(../img/data_top.gif) no-repeat;
	padding-top: 35px;
	padding-left: 20px;
	padding-right: 10px;
	font-size: 120%;
	}

div#wrapper div#drive-course div.contents div.data dl{
	padding-left: 20px;
	padding-right: 10px;
	}

div#wrapper div#drive-course div.contents div.data dt{
	float: left;
	clear: left;
	width: 12px;
	height: 12px;
	text-indent: -999em;
	}

div#wrapper div#drive-course div.contents div.data dt.adress{
	background: url(../img/data_dt_adress.gif) no-repeat left 50%;
	}
div#wrapper div#drive-course div.contents div.data dt.time{
	background: url(../img/data_dt_time.gif) no-repeat left 50%;
	}
div#wrapper div#drive-course div.contents div.data dt.holiday{
	background: url(../img/data_dt_holiday.gif) no-repeat left 50%;
	}
div#wrapper div#drive-course div.contents div.data dt.parking{
	background: url(../img/data_dt_parking.gif) no-repeat left 50%;
	}
div#wrapper div#drive-course div.contents div.data dt.homepage{
	background: url(../img/data_dt_homepage.gif) no-repeat left 50%;
	}
div#wrapper div#drive-course div.contents div.data dt.price{
	background: url(../img/data_dt_price.gif) no-repeat left 50%;
	}

div#wrapper div#drive-course div.contents div.data dd{
	margin-left: 12px;
	}


/* 六本木界隈 */
div#wrapper div#drive-course div#hills h3{
	background: url(../img/h3_hills.gif) no-repeat;
	margin-left: 194px;
	margin-top: 15px;
	}
div#wrapper div#drive-course div#hills p{
	margin-left: 194px;
	}
* html div#wrapper div#drive-course div#hills h3{
	width: 516px;
	}
* html div#wrapper div#drive-course div#hills p{
	width: 516px;
	}
* html div#wrapper div#drive-course div#hills p.back2route{
	width: auto;
	}


/* バルス */
div#wrapper div#drive-course div#bals h3{
	background: url(../img/h3_bals.gif) no-repeat;
	}

/* 夕暮れどきのドライブ */
div#wrapper div#drive-course div#drive-sunset h3{
	background: url(../img/h3_drive-sunset.gif) no-repeat;
	}
div#wrapper div#drive-course div#drive-sunset div.road{
	float: left;
	width: 440px;
	margin-top: 10px;
	}
div#wrapper div#drive-course div#drive-sunset div.road h4{
	font-size: 110%;
	font-weight: bold;
	}
div#wrapper div#drive-course div#drive-sunset div.road p{
	margin-top: 0;
	margin-bottom: 10px;
	}

/* ヘリコプター */
div#wrapper div#drive-course div#heli h3{
	background: url(../img/h3_heli.gif) no-repeat;
	}
/* フライトの流れ */
div#wrapper div#drive-course div#heli div.flight{
	clear: both;
	background: url(../img/flight_bottom.gif) no-repeat left bottom;
	padding-bottom: 30px;
	}
div#wrapper div#drive-course div#heli div.flight h4{
	text-indent: -999em;
	background: url(../img/flight_top.gif) no-repeat;
	height: 76px;
	}
div#wrapper div#drive-course div#heli div.flight h5{
	margin: 0 30px;
	font-size: 110%;
	font-weight: bold;
	}
div#wrapper div#drive-course div#heli div.flight p{
	margin: 0 30px;
	}
/* マイトヨタの割引 */
div#wrapper div#drive-course div#heli div.coupon{
	clear: both;
	margin-top: 20px;
	margin-bottom: 15px;
	}
div#wrapper div#drive-course div#heli div.coupon h4{
	font-size: 130%;
	font-weight: bold;
	color: #ee3030;
	}
div#wrapper div#drive-course div#heli div.coupon p{
	margin-left: 0;
	}
div#wrapper div#drive-course div#heli div.coupon p span{
	font-size: 120%;
	color: #ee3030;
	}
div#wrapper div#drive-course div#heli div.coupon p span.notice{
	font-size: 120%;
	color: #7aaff2;
	}
div#wrapper div#drive-course div#heli div.coupon dl{
	margin-top: 10px;
	border: 1px solid #ff8383;
	padding: 15px;
	}
div#wrapper div#drive-course div#heli div.coupon dl dt{
	color: #999999;
	font-weight: bold;
	float: left;
	width: 80px;
	clear: both;
	}
div#wrapper div#drive-course div#heli div.coupon dl dd{
	float: left;
	}


/* 夜のドライブ */
div#wrapper div#drive-course div#drive-night h3{
	background: url(../img/h3_drive-night.gif) no-repeat;
	}
div#wrapper div#drive-course div#drive-night div.road{
	float: left;
	width: 440px;
	margin-top: 10px;
	}
div#wrapper div#drive-course div#drive-night div.road h4{
	font-size: 110%;
	font-weight: bold;
	}
div#wrapper div#drive-course div#drive-night div.road p{
	margin-top: 0;
	margin-bottom: 10px;
	}

/* ディナー */
div#wrapper div#drive-course div#dinner h3{
	background: url(../img/h3_dinner.gif) no-repeat;
	}

/* 帰り道 */
div#wrapper div#drive-course div#goal div.contents{
	background: url(../img/goal_kurumant.gif) no-repeat left bottom;
	}

div#wrapper div#drive-course div#goal h3{
	background: url(../img/goal_h3.gif) no-repeat;
	}

div#wrapper div#drive-course div#goal p.end{
	width: 92px;
	height: 39px;
	text-indent: -999em;
	float: right;
	margin-top: -20px;
	background: url(../img/end.gif) no-repeat;
	}

div#wrapper div#drive-course div#goal p.kurumant{
	padding-bottom: 40px;/*手を振るくるまんとのマージン分*/
	}


/* 今回のクルマ 
---------------------------------------*/
div#wrapper div#car{
	clear: both;
	width: 716px;
	margin-left: 10px;
	}

div#wrapper div#car h2{
	width: 476px;
	height: 38px;
	background: url(../img/h2_car.gif) no-repeat;
	margin-bottom: 10px;
	}

div#wrapper div#car div.car-info,
div#wrapper div#car div.comment,
div#wrapper div#car div.shop-info,
div#wrapper div#car ul{
	background-color: #f2f0f0;
	}

div#wrapper div#car div.car-info{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 2px;
	}

div#wrapper div#car div.car-info img{
	float: left;
	padding-right: 6px;
	}
div#wrapper div#car div.car-info img.toyota{
	margin-top: 8px;
	}
div#wrapper div#car div.car-info div{
	float: left;
	width: 410px;
	}

div#wrapper div#car div.car-info div h3{
	width: 361px;
	height: 22px;
	text-indent: -999em;
	margin: 5px 0;
	background: url(../img/car_h3_carname.gif) no-repeat;
	}

div#wrapper div#car div.car-info div dl dt{
	float: left;
	display: block;
	padding: 2px;
	background-color: #cccccc;
	}

div#wrapper div#car div.car-info div dl dd{
	float: left;
	display: block;
	padding: 2px;
	padding-right: 5px;
	}

div#wrapper div#car div.comment{
	padding: 20px;
	padding-bottom: 30px;
	}

div#wrapper div#car div.comment h3{
	width: 74px;
	height: 16px;
	text-indent: -999em;
	margin-bottom: 5px;
	background: url(../img/car_h3_comment.gif) no-repeat;
	}

div#wrapper div#car div.comment h4{
	font-size: 110%;
	font-weight: bold;
	margin-top: 5px;
	}
div#wrapper div#car div.comment p{
	margin-bottom: 5px;
	}

/* 車の詳細にかんするリンク */
div#wrapper div#car ul{
	padding-left: 46px;/* 暫定 */
	padding-bottom: 20px;
	}

div#wrapper div#car ul li{
	padding: 0 10px;
	height: 27px;
	float: left;
	text-indent: -999em;
	}

div#wrapper div#car ul li a{
	display: block;
	height: 27px;
	padding: 0 10px;
	background-repeat: no-repeat;
	background-position: left top;
	}
div#wrapper div#car ul li.shop a{
	width: 271px;
	background-image: url(../img/car_btn_shop.gif);
	}
div#wrapper div#car ul li.tmc a{
	width: 300px;
	background-image: url(../img/car_btn_tmc.gif);
	}

/* 今回のお店 
---------------------------------------*/
div#wrapper div#car div.shop-info{
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	}

div#wrapper div#car div.shop-info div.photo{
	float: left;
	width: 270px;
	}
div#wrapper div#car div.shop-info div.photo img{
	padding-bottom: 2px;
	}

div#wrapper div#car div.shop-info h3{
	width: 270px;
	height: 16px;
	text-indent: -999em;
	margin-bottom: 5px;
	background: url(../img/car_h3_shop.gif) no-repeat;
	}

div#wrapper div#car div.shop-info h4{
	margin-bottom: 10px;
	}
div#wrapper div#car div.shop-info h4 a{
	font-size: 110%;
	font-weight: bold;
	}

div#wrapper div#car div.shop-info dl.info dt{
	float: left;
	color: #999999;
	font-weight: bold;
	padding-right: 5px;
	}

div#wrapper div#car div.shop-info dl.comment{
	margin-top: 20px;
	margin-left: 271px;
	}
div#wrapper div#car div.shop-info dl.comment dt{
	padding-bottom: 20px;
	background: url(../img/shop-info_comment_top.gif) no-repeat left bottom;
	margin: 0;
	}
div#wrapper div#car div.shop-info dl.comment dd{
	margin-top: 0;
	padding: 10px;
	padding-top: 0;
	background: url(../img/shop-info_comment_bottom.gif) no-repeat left bottom;
	}

/* 掲載情報注意書き */
div#wrapper p.caution{
	font-size: 80%;
	text-align: right;
	color: #666666;
	}
/*英語用上書き*/
div#wrapper div#drive-course div#heli div.coupon dl{
	margin-top: 10px;
	border: 1px solid #ff8383;
	padding: 15px;
	}
div#wrapper div#drive-course div#heli div.coupon dl dt{
	color: #999999;
	font-weight: bold;
	float: left;
	width: 200px;
	clear: both;
	}
div#wrapper div#drive-course div#heli div.coupon dl dd{
	float: left;
	}