@charset "shift_jis";
/* ///////////////////////////////////////////////////////////////////

-- FontSize --
↑ SS:  75% (12px)
｜  S:  88% (14px)
｜  M: 100% (16px)
｜  L: 113% (18px)
↓ LL: 125% (20px)

/////////////////////////////////////////////////////////////////// */

.social {
	display: inline-block;
	float: right;
}
.social li {
	float: left;
	overflow: hidden;
	width: 100px;
}
div#topicPath {
	margin-bottom: 0;
}
div#wrapper {
	width: 901px;
	clear: both;
}
#contents h1 {
	background: none;
	height: 221px;
	margin: 0;
	padding: 0;
}
#contents .head {
	background: url(/recommend/120625/img/150401/head_map.jpg) no-repeat right top;
	border: 4px solid #309f9c;
	position: relative;
	margin-bottom: 10px;
}
.head ul, .head ul li {
	position: absolute;
	line-height: 1;
}
#ticket_t {
	top: 29px;
	left: 683px;
}
#ticket_n {
	top: -202px;
	left: 473px;
}
#btn_before {
	top: -221px;
	left: 681px;
}
.routeWrappper {
	background: url(/recommend/120625/img/metro_bg.gif) top left repeat-y;
}
.metroContents {
	width: 860px;
	background-position: top left;
	background-repeat: repeat-y;
	display: inline-block;
	margin-left: 20px;
}
.metroInfo {
	float: right;
	width: 222px;
	text-align: center;
	padding-right: 18px;
	margin-bottom: 8px;
}
.metroCard {
	background:#f6eee6;
	width: 218px;
	margin: 0 auto;
}
.metroCard div {
	background: url(/recommend/120625/img/metro_t_card_bg_bottom.gif) bottom left no-repeat;
	padding-bottom: 7px;
}
.cardTxt {
	text-align: left;
	font-size: 75%;
	padding: 0 12px;
}
.route {
	display: inline-block;
	margin:0 0 10px 20px;
	margin-bottom: 10px;
	float:left;
}
.route li {
	float: left;
}
.notice {
	clear: both;
	font-size: 70%;
	color: #ff0000;
	line-height: 1.4;
	margin: 0 20px 10px;
}
.ticket {
	background-color: #ebeaf7;
	margin: 0 20px 20px;
	padding: 14px 17px;
}
.ticket h4 {
	margin-bottom: 12px;
}
.buy {
	background-position: bottom left;
	background-repeat: no-repeat;
}
.buy h4 {
	margin: 0 1px;
	padding-left: 22px;
}
.notice li {
	text-indent: -1em;
	padding-left: 1em;
}
/* 東京 */
.tokyo {
	background: url(/recommend/120625/img/metro_bg_top.gif) top left no-repeat;
	margin-bottom: 10px;
}
.tokyo .metroContents {
	background-image: url(/recommend/120625/img/150401/metro_t_bg.gif);
}
.tokyo .metroCard h3 {
	margin-top: 2px;
	margin-bottom: 5px;
}
.tokyo h3.logo {
	margin: 10px auto;
}
.tokyo .metroTxt {
	margin-bottom: 22px;
	float: right;
	width: 578px;
	padding-right: 20px;
}
.route {
	display: inline-block;
	margin:0 0 10px 20px;
	margin-bottom: 10px;
	float:left;
}
.tokyo .route {
	width:578px;
	overflow:hidden;
}
.tokyo .route ul{
	width: 600px;
}
.tokyo .route li{
	float: left;
	margin-right: 18px;
}
.tokyo .notice {
	background-color: #f3f3f3;
	padding: 12px;
}
.tokyo .buy {
	background-image: url(/recommend/120625/img/150401/metro_t_bg_bottom.gif);
	padding-bottom: 20px;
}
.tokyo .buy h4 {
	background-color: #ffe9e0;
}
.tokyo .buy div {
	padding: 16px 80px 0;
	display: inline-block;
	width: 700px;
}
.tokyo .buy .map {
	float: right;
}
.tokyo .buy h5 {
	margin-bottom: 11px;
}
/* なごや */
.nagoya {
	background: url(/recommend/120625/img/metro_bg_bottom.gif) bottom left no-repeat;
}
.nagoya .metroContents {
	background-image: url(/recommend/120625/img/metro_n_bg.gif);
	margin-bottom: 20px;
}
.nagoya .metroTxt {
	padding: 0 21px;
	margin-bottom: 20px;
}
.nagoya .metroInfo {
	float: right;
	width: 196px;
	margin-bottom: 0;
}
.nagoya .metroInfo h3 {
	margin-bottom: 10px;
}
.nagoya .metroCard {
	width: 196px;
	background-image: url(/recommend/120625/img/metro_n_card_bg_top.gif);
}
.nagoya .metroCard div {
	background-image: url(/recommend/120625/img/metro_n_card_bg_bottom.gif);
}
.nagoya .metroCard h3 {
	margin-bottom: 5px;
}
.nagoya .metroCard {
	text-align: center;
	margin-bottom: 25px;
}
.nagoya .metroInfo p a img {
	margin-top: 15px;
}
.nagoya .route {
	width: 621px;
	margin-bottom:0;
	padding-right:5px;
}
.nagoya .route li {
	padding-right: 10px;
	margin-bottom: 10px;
}
.nagoya .notice {
	padding-top: 10px;
}
.nagoya .buy {
	background-image: url(/recommend/120625/img/metro_n_bg_bottom.gif);
}
.nagoya .buy h4 {
	background-color: #d4f8ba;
}
.nagoya .buy ul {
	display: inline-block;
	margin: 14px auto 12px;
	padding-left: 20px;
}
.nagoya .buy ul li {
	float: left;
	text-align: center;
	padding: 12px 0;
	width: 270px;
}
.nagoya .buy ul li.odd {
	border-left: 1px solid #cccccc;
	/*border-right: 1px solid #cccccc;*/
}
.nagoya .buy ul li a {
	display: block;
	margin-top: 8px;
}