@charset "utf-8";
@import url("common.css");


hr {
	display				: none;
}

ul.compVector01 {
	width				: 400px;
	height				: 27px; 
	background			: url("../img/compvector01.jpg") no-repeat;
	margin				: 0 0 0 50px;
}

ul.compVector01 li {
	font-size			: 10px;
	line-height			: 1.2;
	float				: left;
}

ul.compVector01 li a {
	width				: 90px;
	height				: 27px;
	font-size			: 10px;
	line-height			: 1.2;
	color				: #FFF;
	text-decoration		: none;
	display				: block;
	text-align			: center;
	margin				: 0 10px 0 0;
	padding				: 6px 0 0 0;
}

.TopImg img {
	margin				: 10px 0 0 0;
	vertical-align		: bottom;
}

.StartPoint a {
	font-size			: 12px;
	line-height			: 1.2;
	text-decoration		: none;
	color				: #fff;
	text-align			: left;
}

.StartInText {
	position			:relative; top:68px; left:10px
}

.TokyoStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-tokyo.jpg") no-repeat;
}

.SendaiStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-sen.jpg") no-repeat;
}

.NagoyaStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-nago.jpg") no-repeat;
}

.OosakaStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-oosk.jpg") no-repeat;
}

.ChugokuStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-chug.jpg") no-repeat;
}

.ShikokuStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-shik.jpg") no-repeat;
}

.KyusyuStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-kyus.jpg") no-repeat;
}

.ShichuStart a {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-shichu.jpg") no-repeat;
}


.NagoyaStart {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-nago2.jpg") no-repeat;
	font-size			: 12px;
	line-height			: 1.2;
	text-decoration		: none;
	color				: #fff;
	text-align			: left;
}

.OosakaStart {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-oosk2.jpg") no-repeat;
	font-size			: 12px;
	line-height			: 1.2;
	text-decoration		: none;
	color				: #fff;
	text-align			: left;
}

.ChugokuStart {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-chug2.jpg") no-repeat;
	font-size			: 12px;
	line-height			: 1.2;
	text-decoration		: none;
	color				: #fff;
	text-align			: left;
}

.ShikokuStart {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-shik2.jpg") no-repeat;
	font-size			: 12px;
	line-height			: 1.2;
	text-decoration		: none;
	color				: #fff;
	text-align			: left;
}

.KyusyuStart {
	width				: 430px;
	height				: 90px;
	display				: block;
	background			: url("../img/startpoint-kyus2.jpg") no-repeat;
	font-size			: 12px;
	line-height			: 1.2;
	text-decoration		: none;
	color				: #fff;
	text-align			: left;
}

/*------ info--------*/
.Itinerary {
	margin				: 0 0 0 25px;
}

.Itinerary p {
	font-size			: 12px;
	font-weight			: bold;
	color				: #39c;
}

.Itinerary table {
	width				: 350px;
	font-size			: 12px;
	line-height			: 1.2;
	border				: 1px solid #666;
	margin				: 5px 0 5px 5px;
	border-collapse		: collapse;
}

.Itinerary th {
	background-color	: #EEE;
}

.Itinerary th,td {
	border				: 1px solid #666;
	padding				: 2px;
	color				: #444;
}

.center{
	text-align			: center;
}

.caution {
	width				: 765px;
	margin-bottom		: 25px;
	font-weight			: normal;
	background-color	: #fa0;
	color				: #fff;
}

.comment_h2 {
	width				: 600px;
	height				: 30px;
	background			: url("../img/comenth2bg.jpg") repeat-x;
	padding				: 0 0 0 5px;
	font-size			: 18px;
	font-weight			: normal;
	line-height			: 25px;
	text-align			: left;
	margin				: 10px 0 15px 15px;
	color				: #009;
}

.comment_h3 {
	width				: 550px;
	margin				: 20px 0 0 100px;
	font-size			: 12px;
	line-height			: 1.2;
	font-weight			: normal;
	text-align			: left;

}

.comment_h4 {
	width				: 600px;
	text-align			: left;
	font-size			: 10px;
	line-height			: 1.2;
	margin				: 0 0 25px 25px;
}

.comment_h4 a {
	font-size			: 10px;
	line-height			: 1.2;
	color				: #00a;
}

.comment_p {
	width				: 600px;
	text-align			: left;
	font-size			: 14px;
	line-height			: 1.2;
	margin				: 0 0 0 25px;
	padding				: 0 0 2px 0;
	border-bottom		: 1px solid #eee;
}

.kutikomih2 {
	width				: 600px;
	height				: 30px;
	background			: url("../img/comenth2bg.jpg") repeat-x;
	padding				: 0 0 0 5px;
	font-weight			: normal;
	font-size			: 18px;
	line-height			: 30px;
	text-align			: left;
	margin				: 20px 0 15px 15px;
	color				: #009;
}

.kitifrom {
	width				: 550px;
	margin				: 20px auto;
	text-align			: left;
	font-size			: 12px;
	line-height			: 1.2;
	color				:#006;
}

.spantoday {
	width				: 600px;
	text-align			: right;
	font-size			: 10px;
	color				: #aaa;
	padding				: 15px 0 0 0;
	display				: block;
}

.buzz_gelande_post {
	text-align			: left;
}

.topfare {
	margin				: 0 auto 15px auto;
}

.topfare  table{
	margin				: 0 auto;
	padding				: 0;
	border				: none;
}

.topfare  td{
	margin				: 0;
	padding				: 0;
	border				: none;
}

.topfare img {
	margin				: 0;
	padding				: 0;
/*	vertical-align		: top;	*/
	vertical-align		: bottom;
	border-collapse		: collapse;
}


.gereAreaList {
	border				: 1px solid #ddd;
}

.gereAreaListli {
	font-size			: 14px;
	line-height			: 22px;
	border-bottom		: 1px dashed #ddd;
	color				: #00a;
	padding-left		: 15px;
}

.gereAreaListli a {
	font-size			: 14px;
	line-height			: 22px;
	color				: #00a;
	text-decoration		: none;
	font-weight			: bold;
}

.Busaki2-h2 {
	width				: 430px;
	height				: 30px;
	background			: url("../img/kkuusekibg.jpg") no-repeat;
	text-align			: left;
	color				: #fff;
	font-size			:16px;
	line-height			: 30px;
}

.Busaki2-sp {
	width				: 400px;
	height				: 30px;
	margin-left			: 20px;
	display				: block;
}


/*========== tab ==========*/


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	clear			: both;
}
.tabberlive {
	width			: 420px;
	background		: url("../img/tabubg.jpg") repeat-y;
	clear			: both;
	margin-left		: 5px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	width				:420px;
	height				:50px;
	font-size			:12px;
	padding				: 0;
	clear				: both;
	background			: url("../img/tabuhead.jpg") no-repeat;
	background-position		: top left;
	padding-left			: 10px;
	}

/*--------------- 01 ---------------*/


ul.tabbernav li {
	width				: 100px;
	height				: 50px;
	margin				: 0;
	float				: left;
	background			: url(../img/tabu0.jpg) no-repeat;
	}

ul.tabbernav li a {
	width				: 100px;
	height				: 50px;
	margin				: 0;
	display				: block;
	color				: #006;
	text-decoration			: none;
	padding-top			: 8px;
	}


ul.tabbernav li a:hover {
	width				: 100px;
	height				: 50px;
	display				: block;
	background			: url(../img/tabu00.jpg) no-repeat;
	color				: #fff;
text-decoration			: none;
	}

ul.tabbernav li.tabberactive a {
	width				: 100px;
	height				: 50px;
	display				: block;
	background			: url(../img/tabu00.jpg) no-repeat;
	color				: #fff;
text-decoration			: none;
	}

ul.tabbernav li.tabberactive a:hover {
	width				: 100px;
	height				: 50px;
	display				: block;
	background			: url(../img/tabu00.jpg) no-repeat;
	color				: #fff;
text-decoration			: none;
	}

.planhide10 {
	margin				: 10px;
}

.planfoot {
	width				: 420px;
	height				: 15px;
	background			: url("../img/tabufooter.jpg") no-repeat;
}

.plantabberBox {
	width				: 390px;
	font-size			: 12px;
	line-height			: 1.2;
	text-align			: left;
	display				: inline-block;
}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive .tabbertab p {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 overflow:auto;
}