@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.jpg) no-repeat;
	width: 726px;
	height: 370px;
	margin-top: 8px;
	margin-bottom: 10px;
	position: relative;
	clear:both;
	}

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

div#wrapper h1{
	background: url(../img/head-img.jpg) no-repeat left top;
	width: 518px;
	height: 133px;
	border: none;
	float: left;
	clear: none;
	margin-bottom: 216px;
	}

/* ルートマップ
---------------------------------------*/
div#wrapper div#route{
	width: 726px;
	height: 206px;
	background: url(../img/routemap.jpg) #cc0000 no-repeat;
	clear: both;
	}

div#wrapper div#route h2{
	width: 133px;
	height: 90px;
	float: left;
	background: url(../img/routemap.jpg) no-repeat left top;
	}
div#wrapper div#route ol{
	width: 593px;
	height: 186px;
	float: left;
	}
div#wrapper div#route ol li{
	float: left;
	text-indent: -999em;
	background: #cccc00;
	}

div#wrapper div#route ol li a{
	background-repeat: no-repeat;
	background-image: url(../img/routemap.jpg);
	width: 117px;
	height: 186px;
	display: block;
	}
div#wrapper div#route ol li#route-diy a{
	background-position: -133px top;
	}
div#wrapper div#route ol li#route-shopping a{
	background-position: -250px top;
	}
div#wrapper div#route ol li#route-carrying a{
	background-position: -367px top;
	}
div#wrapper div#route ol li#route-tree a{
	background-position: -484px top;
	}
div#wrapper div#route ol li#route-party a{
	background-position: -601px top;
	}
/* マウスオーバー */
div#wrapper div#route ol li#route-diy a:hover{
	background-position: -133px -206px;
	}
div#wrapper div#route ol li#route-shopping a:hover{
	background-position: -250px -206px;
	}
div#wrapper div#route ol li#route-carrying a:hover{
	background-position: -367px -206px;
	}
div#wrapper div#route ol li#route-tree a:hover{
	background-position: -484px -206px;
	}
div#wrapper div#route ol li#route-party a:hover{
	background-position: -601px -206px;
	}

/* インフォーメイション（ロードマップとドライブの記録）
---------------------------------------*/
div#wrapper div#memo{
	width: 180px;
	height: 286px;
	background: url(../img/memo.gif) no-repeat left top;
	position: absolute;
	top: 550px;/* 本番740pxローカル600px */
	left: 20px;
	}

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

/* ドライブコース 
---------------------------------------*/
div#wrapper div#drive-course{
	clear: none;/*←消していい*/
	width: 716px;
	margin-left: 10px;
	margin-bottom: 50px;
	/*background-color:#e4e4e4;*/
	}

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

div#wrapper div#drive-course div h3{
	width: 716px;
	/*height: 58px;*/
	clear: both;
	/*text-indent: -999em;*/
	/*margin-top: 30px;*/
	}
div#wrapper div.captionBox{
	clear:both;
	background-color:#F7EFC9;
	padding:10px;
	margin-top:10px;
	}
div#wrapper div.captionBox h5{
	font-weight:bold;
	}
div#wrapper div.captionBox img{
	padding:0 5px 0 0;
}
div#wrapper div.captionBox a{
	float:left;
	}
div#wrapper div.captionBox p{
	margin:0 0 0 5px;
	padding:0px;
	font-size:85%;
	line-height:110%;
	}
div#wrapper div#drive-course div div.contents p.spot-caption{
	margin:0 0 5px 0;
	padding-left: 10px;
	font-size:85%;
	line-height:110%;
	color:#666666;
	}


/* ルートマップにもどる */
div#wrapper div#drive-course div p.back2route{
	clear: both;
	float: right;
	margin-top: 5px
	margin-right: 5px
	}
* 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: 107px;
	height: 15px;
	text-indent: -999em;
	display: block;
	background: url(../img/back2route.gif) no-repeat;
	}

/* 文章 */
div#wrapper div#drive-course div div.contents div.story{
	float: right;
	width: 306px;
	margin-bottom: 10px;
	}
div#wrapper div#drive-course div div.contents div.story p{
	margin-bottom: 8px;
	}
div#wrapper p.notice{
	font-size: 80%;
	clear: both;
	}

/* 写真 */
div#wrapper div#drive-course div div.contents div.photo{
	margin-bottom: 10px;
	float: right;
	width: 520px;/* 大きい画像幅+小さい画像幅(imgのマージン分3pxも含む) */
	}
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 div.contents div img.right-img{
	float: right;
	}
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;
	}

/* DATA */
div#wrapper div#drive-course div.contents div.data{
	color: #d19a0a;
	font-size: 80%;
	float: left;
	width: 189px;
	border: 3px solid #f2e3bc;
	background: url(../img/data_top.gif) no-repeat #fbf7ed 5px 5px;
	padding: 20px 0 5px 0;
	}
div#wrapper div#drive-course div#house div.contents div.data{
	margin-top: 100px;
	}
div#wrapper div#drive-course div.contents div.data a{
	color: #d19a0a;
	}
div#wrapper div#drive-course div.contents div.data h4{
	font-size: 120%;
	margin: 0 5px;
	}

div#wrapper div#drive-course div.contents div.data dl{
	margin: 0 5px;
	}
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#house h3{
	background: url(../img/h3_house.gif) no-repeat left top;
	padding-bottom:80px;
	margin-left: 194px;
	vertical-align:-800px;
	}
div#wrapper div#drive-course div#house div.contents div h4.spot{
	margin-left: 194px;
	height:23px;
	padding:0 0 10px 0;
	background: url(../img/h4_hukagawa.gif) no-repeat left top;
	}
div#wrapper div#drive-course div#house p{
	margin-left: 199px;/*194px+5px*/
	}
div#wrapper div#drive-course div#house div.contents div.photo{
	width: 520px;/* 大きい画像幅+小さい画像幅+小さい画像幅(imgのマージン分3pxも含む) */
	float: right;
	}
* html div#wrapper div#drive-course div#house h3{
	width: 516px;
	height:83px;
	}
* html div#wrapper div#drive-course div#house p{
	width: 516px;
	}
* html div#wrapper div#drive-course div#house p.back2route{
	width: auto;
	}
	
	
/* 江戸の交通 */

div#wrapper div#drive-course div#traffic{
	background: url(../img/bgi-traffic.jpg) no-repeat right bottom;
	margin-bottom:20px;
}
div#wrapper div#drive-course div#traffic h3{
	background: url(../img/h3_traffic.gif) no-repeat left top;
	padding-bottom:80px;
	width:83px;
	height:75px;
	_height:110px;
	float:left;
	}
div#wrapper div#drive-course div#traffic div.contents{
	margin:30px 0 0 0;
	float:left;
	width:290px;
	}
div#wrapper div#drive-course div#traffic div.contents h4.spot{
	height:40px;
	padding:0 0 5px 0;
	margin:0;
	background: url(../img/h4_sumida.gif) no-repeat left top;
	}
div#wrapper div#drive-course div#traffic div.captionBox{
	width:360px;
	}
/* 江戸のあきない */
div#wrapper div#drive-course div#business{
	background: url(../img/bgi-business.jpg) no-repeat left top;
	margin-bottom:10px;
	}
div#wrapper div#drive-course div#business h3{
	}
div#wrapper div#drive-course div#business div.contents{
	margin:0 0 0 355px;
	width:350px;
	}
div#wrapper div#drive-course div#business div.contents h4.spot{
	height:40px;
	padding:0 0 5px 0;
	margin:0;
	background: url(../img/h4_nihonbashi.gif) no-repeat left top;
	}

/* おみやげ */
div#wrapper div#drive-course div#store{
	clear:both;
	margin-bottom:20px;
	background-color: #e6e9d3;
	}
div#wrapper div#drive-course div#store p{
	width:490px;
	float:left;
	margin:50px 0 0 0;
}
div#wrapper div#drive-course div#store a.btn{
	display:block;
	width:215px;
	height:115px;
	float:left;
	background: url(../img/btn-souvenir_001.gif) no-repeat left top;
}

div#wrapper div#drive-course div#store dl.eitaro,
div#wrapper div#drive-course div#store dl.benmatsu,
div#wrapper div#drive-course div#store dl.saruya,
div#wrapper div#drive-course div#store dl.kuroeya{
	width:175px;
	float:left;
	background-color:#E6E9D3;
	padding:2px;
	}
div#wrapper div#drive-course div#store dl.eitaro dt{
	background: url(../img/dt_eitaro.gif) no-repeat center top;
	height:27px;
}
div#wrapper div#drive-course div#store dl.benmatsu dt{
	background: url(../img/dt_benmatsu.gif) no-repeat center top;
	height:27px;
}
div#wrapper div#drive-course div#store dl.saruya dt{
	background: url(../img/dt_saruya.gif) no-repeat center top;
	height:27px;
}
div#wrapper div#drive-course div#store dl.kuroeya dt{
	background: url(../img/dt_kuroeya.gif) no-repeat center top;
	height:27px;
}


div#wrapper div#drive-course div#store dl.eitaro dd.comment,
div#wrapper div#drive-course div#store dl.benmatsu dd.comment,
div#wrapper div#drive-course div#store dl.saruya dd.comment,
div#wrapper div#drive-course div#store dl.kuroeya dd.comment{
	margin:0 0 5px 0;
	}

div#wrapper div#drive-course div#store dl.eitaro dd,
div#wrapper div#drive-course div#store dl.benmatsu dd,
div#wrapper div#drive-course div#store dl.saruya dd,
div#wrapper div#drive-course div#store dl.kuroeya dd{
	font-size:86%;
	}

div#wrapper div#drive-course div#store dl.eitaro dd.photo,
div#wrapper div#drive-course div#store dl.benmatsu dd.photo,
div#wrapper div#drive-course div#store dl.saruya dd.photo,
div#wrapper div#drive-course div#store dl.kuroeya dd.photo{
	margin:0 0 5px 0;
	text-align:center;
	}
div#wrapper div#drive-course div#store p.caution{
	clear:both;
	text-align:right;
	padding:0px;
	margin:0px;
	}	

/* 江戸の娯楽 */
div#wrapper div#drive-course div#entertainment{
	background: url(../img/bgi-entertain.jpg) no-repeat right 80px;
	margin-bottom:20px;
	}
div#wrapper div#drive-course div#entertainment h3{
	}
div#wrapper div#drive-course div#entertainment div.contents{
	margin:0 0 0 0;
	width:360px;
	}
div#wrapper div#drive-course div#entertainment div.contents h4.spot{
	height:51px;
	padding:0 0 5px 0;
	margin:30px 0 0 0;
	background: url(../img/h4_kabukiza.gif) no-repeat right top;
	}
div#wrapper div#drive-course div#entertainment div.contents p.spot-caption{
	text-align:right;
	}

/* 江戸の政治 */
div#wrapper div#drive-course div#government{
	background: url(../img/bgi-government.jpg) no-repeat left top;
	margin-bottom:0px;
	}
div#wrapper div#drive-course div#government h3{
	}
div#wrapper div#drive-course div#government div.contents{
	margin:0 0 0 315px;
	width:400px;
	}
div#wrapper div#drive-course div#government div.contents h4.spot{
	height:40px;
	padding:0 0 5px 0;
	margin:0;
	background: url(../img/h4_edozyo.gif) no-repeat left top;
	}

div#wrapper div#drive-course div#government p.km-comment{
	background: url(../img/comment_km_government.gif) no-repeat left top;
	width:304px;
	height:75px;
	}

/* 江戸の名所 */
div#wrapper div#drive-course div#place{
	background: url(../img/bgi-place.jpg) no-repeat left top;
	margin-bottom:0px;
	}
div#wrapper div#drive-course div#place h3{
	}
div#wrapper div#drive-course div#place div.contents{
	margin:0 0 0 370px;
	width:345px;
	}
div#wrapper div#drive-course div#place div.contents h4.spot{
	height:56px;
	padding:0 0 5px 0;
	margin:0;
	background: url(../img/h4_atago.gif) no-repeat right top;
	}


/* 江戸の坂 */

div#wrapper div#drive-course div#slope{
	background: url(../img/bgi-slope.jpg) no-repeat right 100px;
	margin-bottom:20px;
	}

div#wrapper div#drive-course div#slope h3{
	background: url(../img/h3_slope.gif) no-repeat left top;
	padding-bottom:80px;
	width:83px;
	height:75px;
	_height:110px;
	float:left;
	}
div#wrapper div#drive-course div#slope div.contents{
	margin:30px 0 0 0;
	float:left;
	width:300px;
	}

div#wrapper div#drive-course div#slope div.contents h4.spot{
	height:40px;
	padding:0 0 5px 0;
	margin:0;
	background: url(../img/h4_sanbuzaka.gif) no-repeat left top;
	}
div#wrapper div#drive-course div#slope div.captionBox{
	width:370px;
	}
* html div#wrapper div#drive-course div#slope div.captionBox{
	width:350px;
	}
div#wrapper div#drive-course div#slope p.km-comment{
	background: url(../img/comment_km_slope.gif) no-repeat left top;
	width:304px;
	height:68px;
	}


/* 江戸の四季 */
div#wrapper div#drive-course div#season{
	background: url(../img/bgi-season.jpg) no-repeat left top;
	margin-bottom:20px;
	}
div#wrapper div#drive-course div#season h3{
	}
div#wrapper div#drive-course div#season div.contents{
	margin:0 0 0 405px;
	width:310px;
	}
div#wrapper div#drive-course div#season div.contents h4.spot{
	height:40px;
	padding:0 0 5px 0;
	margin:0;
	background: url(../img/h4_rikugien.gif) no-repeat left top;
	}


/* 江戸の食 */
div#wrapper div#drive-course div#food{
	background: url(../img/bgi-food.jpg) no-repeat left bottom;
	margin-bottom:20px;
	}
div#wrapper div#drive-course div#food h3{
	background: url(../img/h3_food.gif) no-repeat left top;
	width:716px;
	height:105px;
	
	}
div#wrapper div#drive-course div#food div.contents h4.spot{
	height:22px;
	padding:0 0 5px 0;
	margin:0;
	background: url(../img/h4_asakusa.gif) no-repeat left top;
	}
div#wrapper div#drive-course div#food div.contents{
	margin:0 0 0 355px;
	width:360px;
	}
	
div#wrapper div#drive-course div#dinner{
	}
div#wrapper div#drive-course div#dinner div.contents{
	margin-top:10px;
	background: url(../img/bgi-maekawa.gif) no-repeat 70px 20px;	
	}

div#wrapper div#drive-course div#dinner div.data{
	margin-top:170px;
	}

/* 江戸立ち寄りスポット */
div#wrapper div#drive-course div#other-spot{
	margin-bottom:20px;
	_width:700px;
	background: url(../img/bgi-other_spot.gif) no-repeat left top;
	}
div#wrapper div#drive-course div#other-spot h3{
	background: url(../img/h3_other_spot.gif) no-repeat left top;
	margin-left:70px;
	height:20px;
	_width:646px;
	}
div#wrapper div#drive-course div#other-spot p{
	margin-left:70px;
	margin-bottom:10px;
	_width:646px;
	}
div#wrapper div#drive-course div#other-spot div.tamiya,
div#wrapper div#drive-course div#other-spot div.gokokuzi,
div#wrapper div#drive-course div#other-spot div.honmyouzi,
div#wrapper div#drive-course div#other-spot div.ueno{
	width:353px;
	_width:343px;
	float:left;
	margin-bottom:10px;
	}
div#wrapper div#drive-course div#other-spot div.tamiya a,
div#wrapper div#drive-course div#other-spot div.gokokuzi a{
	display:block;
	width:100px;
	float:left;
	}
div#wrapper div#drive-course div#other-spot div.honmyouzi a,
div#wrapper div#drive-course div#other-spot div.ueno a{
	display:block;
	width:130px;
	float:left;
	}
div#wrapper div#drive-course div#other-spot div a dl{
	width:265px;
	_width:260px;
	}
div#wrapper div#drive-course div#other-spot div dl dt{
	font-weight:bold;
	}
div#wrapper div#drive-course div#other-spot div dl dd{
	}

/* プレゼント */
div#wrapper div#present{
	margin-bottom:20px;
	margin-top:10px;
	}
div#wrapper div#present dl dt{
	background: url(../img/dt_present.jpg) no-repeat left top;
	widht:709px;
	height:89px;
}
div#wrapper div#present dl dd.comment{
	background: url(../img/dd_present.jpg) no-repeat left top;
	widht:709px;
	height:29px;
}
div#wrapper div#present dl dd.btn{
	background: url(../img/dd_present_btn.jpg) no-repeat left top;
	widht:709px;
	height:75px;
}
div#wrapper div#present dl dd.btn a{
	display:block;
	padding:0 0 0 110px;
	widht:150px;
	height:29px;
}

/* プレゼントの案内
---------------------------------------*/
div#wrapper div#head-img div.attention{
	position: absolute;
	top: 230px;
	left: 505px;
	clear:both;
	}

div#wrapper div#head-img div.attention p{
	text-indent: -999em;
	width: 175px;
	height: 116px;
	}
div#wrapper div#head-img div.attention p a{
	width: 217px;
	height: 116px;
	display: block;
	}



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

div#wrapper div#car h2{
	width: 401px;
	height: 45px;
	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 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: 0 20px 30px 20px;
	}

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: 60px;
	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;
	background-repeat: no-repeat;
	background-position: left top;
	}
div#wrapper div#car ul li.shop a{
	width: 302px;
	background-image: url(../img/car_btn_shop.gif);
	}
div#wrapper div#car ul li.tmc a{
	width: 272px;
	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.info dd span{
	display: block;
	padding-top: 10px;
}

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#other-spot div.honmyouzi, div#wrapper div#drive-course div#store dl.eitaro{
clear: left;
}
div#wrapper div#drive-course div#store p{
padding-bottom: 5px;
width: 716px;
background-color: #ffffff;
margin-top: 0px;
padding-top: 50px;
}