@charset "utf-8";
/* CSS Document */

.make_margin {
}

iframe.area_spot {
	border: none;
	float: left;
	clear: both;
	width: 370px;
	height: 405px;
	background-color: #FFFFFF;
	padding: 0px;
}
body.iframe {
	color: #333333;
	text-align: left;
	text-decoration: none;
	background: #FFFFFF;	
	margin: 0px;
}
.map_left {
	float: left;
	width: 340px;
	text-align: center;
}
.map_left-top {
	float: left;
	width: 338px;
	text-align: center;
}
.map_right-top {
	float: right;
	width: 374px;
	text-align: left;
}
.map_right {
	float: right;
	width: 340px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.access h3{
margin:0px;
}

.article {
	padding: 15px 0px;
	margin: 15px 0px;
	overflow: hidden;
	clear: both;
}

.article p{
	margin-left:5px;
	padding-left:5px;
	text-align: left;
	margin-top: 0px;
}
.article-img{
margin-bottom:30px;
}

.space_right {
	margin: 20px 0px;
}


.left_justified {
	float: left;
	margin: 0px 10px 10px 5px;
}

.right_justified {
	float: right;
	margin:0px 0px 10px 15px;
}
.pict_blue{
	padding-top: 5px;
	color: #617FBE;
	font-size: 80%;
}

.t_blue{
	color: #617FBE;
}
/*.japan{
	background-image: url(../image/img_map-japan.gif);
	background-repeat: no-repeat;
	height: 270px;
margin-bottom:30px;
}
.iwate{
	background-image: url(../image/img_map-iwate.gif);
	background-repeat: no-repeat;
	height: 534px;
	margin-bottom:30px;
}*/

.airline{
	background-image: url(../image/img_airline.gif);
	background-repeat: no-repeat;
	height: 240px;
	margin-bottom: 20px;
}
.express{
	background-image: url(../image/img_map-express.gif);
	background-repeat: no-repeat;
	height: 495px;
	margin-bottom: 20px;
	}
.expressway{
	background-image: url(../image/img_map-expressway.gif);
	background-repeat: no-repeat;
	height: 378px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.express-bus{
	background-image: url(../image/img_map-bus.gif);
	background-repeat: no-repeat;
	height: 505px;
	}
.train{
	background-image: url(../image/img_map-train.gif);
	background-repeat: no-repeat;
	height: 222px;
	}
.express-bus2{
	background-image: url(../image/img_map-bus2.gif);
	background-repeat: no-repeat;
	height: 160px;
	margin-bottom: 10px;
	}
.sightseeing-map{
	background-image: url(../image/img_map-sightseeing.gif);
	background-repeat: no-repeat;
	height: 700px;
	margin-bottom: 10px;
	}

.access{
	margin-bottom: 10px;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	width: 690px;
	}
.access p{
	margin-left:5px;
	padding-left:5px;
	text-align: left;
	margin-top: 0px;
}
.access h3{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.top{
	clear: both;
	text-align: right;
	font-size: 85%;
	margin-right: 10px;
	margin-bottom: 10px;
	}

		
.table,.table2{
	width:678px;
	border-top:1px solid #cccccc;
	border-left: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 6px;
	margin-left: 6px;
}
.table td,.table th,.table2 td,.table2 th{
	padding:3px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-weight: normal;
	font-size: 12px;
}

.table td{
text-align:center;
}
.table th,.table2 th{
	background:#E6E6E6;
	text-align: center;
}

.table2 th.city{
background:#F2F2F2;
}

/*タブ*/
#tab_area {
	overflow: hidden;
	padding: 0px;
	width: 690px;
	background:#ffffff url(../image/navi-back.gif) no-repeat;
	height: 66px;
	margin-bottom: 20px;
	
}

ul.tab {
	margin: 0px;
	padding: 0px;
}

ul.tab li {
	float: left;
	list-style: none;
}

li.access-info {
  background: url(../image/navigation1.gif) no-repeat;
}

li.sightseeing{
  background: url(../image/navigation2.gif) no-repeat;
}

li.access-info_c {
  background: url(../image/navigation1.gif) no-repeat 0px -33px;
}

li.sightseeing_c  {
  background: url(../image/navigation2.gif) no-repeat 0px -33px;
}

li.access-info a:hover {
  background: url(../image/navigation1.gif) no-repeat 0px -33px;
}

li.sightseeing a:hover {
  background: url(../image/navigation2.gif) no-repeat 0px -33px;
}


ul.tab li a {
	width: 240px;
	height: 33px;
	display: block;
}
.tab-text{
	clear: both;
	text-align: center;
	font-size: 85%;
	padding-top: 4px;
}
