@charset "utf-8";

@import url(../../commons/css/default.css);
@import url(../../commons/css/base.css);
@import url(../../commons/css/header.css);
@import url(../../commons/css/footer.css);
@import url(../../commons/css/side.css);
@import url(../commons/css/kansai.css);
@import url(../commons/css/side_kansai.css);

#mainarea {
	background:url(../commons/images/pagetitle.png) no-repeat left top;
}

#mainarea h2 {
	padding-left:10px;
	color:#fff;
	font-weight:bold;
	font-size:130%;
	line-height:2.5;
	letter-spacing:0.1em;
	margin-bottom: 16px;
}

#mainarea h3 {
	height:26px;
	margin-bottom:15px;
	padding-top:7px;
	padding-left:10px;
	font-weight:bold;
	font-size:120%;
	border:1px solid #ccc;
	background:url(../commons/images/headline_bgi.jpg) repeat-x left top;
}

#mainarea #key-visual {
	width:670px;
	margin:15px auto 0;
}

#mainarea #area-nav {
	float:left;
	width:100%;
	margin-top:2px;
	padding-bottom:16px;
	background:url(commons/images/tab_bottom.jpg) no-repeat left bottom;
}

#mainarea #area-nav li {
	float:left;
	width:94px;
	margin-right:2px;
}

#mainarea #area-nav li.togakushi {
	margin:0;
}

#mainarea #area-nav li a {
	float:left;
	width:94px;
	height:0;
	padding-top:57px;
	overflow:hidden;
}

#mainarea #area-nav li.hakuba a {
	background:url(commons/images/tab_hakuba.jpg) no-repeat 0px 0px;
}

#mainarea #area-nav li.hakuba a:hover {
	background-position:0px -57px;
}

#mainarea #area-nav li.shiga a {
	background:url(commons/images/tab_shiga.jpg) no-repeat 0px 0px;
}

#mainarea #area-nav li.shiga a:hover {
	background-position:0px -57px;
}

#mainarea #area-nav li.kitashiga a {
	background:url(commons/images/tab_kitashiga.jpg) no-repeat 0px 0px;
}

#mainarea #area-nav li.kitashiga a:hover {
	background-position:0px -57px;
}

#mainarea #area-nav li.nozawa a {
	background:url(commons/images/tab_nozawa.jpg) no-repeat 0px 0px;
}

#mainarea #area-nav li.nozawa a:hover {
	background-position:0px -57px;
}

#mainarea #area-nav li.myoukou a {
	background:url(commons/images/tab_myoukou.jpg) no-repeat 0px 0px;
}

#mainarea #area-nav li.myoukou a:hover {
	background-position:0px -57px;
}

#mainarea #area-nav li.tangram a {
	background:url(commons/images/tab_tangram.jpg) no-repeat 0px 0px;
}

#mainarea #area-nav li.tangram a:hover {
	background-position:0px -57px;
}

#mainarea #area-nav li.togakushi a {
	background:url(commons/images/tab_togakushi.jpg) no-repeat 0px 0px;
}

#mainarea #area-nav li.togakushi a:hover {
	background-position:0px -57px;
}

#mainarea #gelande-link {
	clear:both;
	padding-top:5px;
}

#mainarea #gelande-link a {
	padding-left:17px;
	background:url(../../commons/images/linkicon.gif) no-repeat left center;
}

#mainarea #bustype {
	margin-top:15px;
}

#mainarea #bustype #plan-name {
	float:left;
	width:201px;
	margin-right:30px;
}

#mainarea #bustype .bustype {
	clear:both;
	float:left;
	width:100%;
	padding-top:25px;
}

#mainarea #bustype .bustype h4 {
	display:block;
	width:670px;
	height:0;
	margin-bottom:10px;
	overflow:hidden;
}

#mainarea #bustype #royalsleeper h4 {
	padding-top:26px;
	background:url(images/royalsleeper.gif) no-repeat left top;
}

#mainarea #bustype #premier h4 {
	padding-top:27px;
	background:url(images/premier.gif) no-repeat left top;
}

#mainarea #bustype #sleeper h4 {
	padding-top:26px;
	background:url(images/sleeper.gif) no-repeat left top;
}

#mainarea #bustype #standard h4 {
	padding-top:27px;
	background:url(images/standard.gif) no-repeat left top;
}

#mainarea #bustype #sundayliner h4 {
	padding-top:26px;
	background:url(images/sundayliner.gif) no-repeat left top;
}

#mainarea #bustype #royalsleeper .hakuba {
	float:left;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px dotted #ccc;
}

#mainarea #bustype #royalsleeper .shinetsu {
	clear:both;
	padding-top:15px;
}

#mainarea #bustype .bustype .bus-outer {
	float:left;
	width:155px;
}

#mainarea #bustype .bustype .inner-set {
	float:right;
	width:500px;
}

#mainarea #bustype #royalsleeper h5 {
	display:block;
	height:0;
	margin-bottom:10px;
	overflow:hidden;
}

#mainarea #bustype #royalsleeper .hakuba .inner-set h5 {
	width:298px;
	padding-top:15px;
	background:url(images/royalsleeper_hakuba_comment.gif) no-repeat left top;
}

#mainarea #bustype #royalsleeper .shinetsu .inner-set h5 {
	width:288px;
	padding-top:14px;
	background:url(images/royalsleeper_shinetsu_comment.gif) no-repeat left top;
}

#mainarea #bustype .bustype .inner-set img {
	float:left;
	width:119px;
	margin-right:10px;
}

#mainarea #bustype .bustype .inner-set .spec {
	float:right;
	width:370px;
}

#mainarea #bustype .bustype .inner-set .spec li {
	padding-left:13px;
	line-height:1.4;
	background:url(../../commons/images/listmark.jpg) no-repeat left center;
}

#mainarea #bustype .bustype .inner-set .attention {
	float:right;
	width:370px;
}

#mainarea #bustype .bustype .inner-set .attention li {
	color:#f30;
	font-size:85%;
}

#mainarea #bustype .bustype .route {
	clear:both;
	padding-top:10px;
}

#mainarea #bustype .bustype .route h5 {
	float:left;
	width:136px;
	height:0;
	margin-right:5px;
	padding-top:22px;
	overflow:hidden;
}

#mainarea #bustype .route .shinetsu  {
	clear:both;
	padding-top:1px;
}

#mainarea #bustype #royalsleeper .hakuba .route h5 {
	background:url(images/royalsleeper_hakuba_route.gif) no-repeat left top;
}

#mainarea #bustype #royalsleeper .shinetsu .route h5 {
	background:url(images/royalsleeper_shinetsu_route.gif) no-repeat left top;
}

#mainarea #bustype #premier .route .hakuba h5 {
	background: url(images/premier_route_hakuba.gif) no-repeat left top;
}

#mainarea #bustype #premier .route .shinetsu h5 {
	background: url(images/premier_route_shinetsu.gif) no-repeat left top;
}

#mainarea #bustype #sleeper .route .hakuba h5 {
	background: url(images/sleeper_route_hakuba.gif) no-repeat left top;
}

#mainarea #bustype #sleeper .route .shinetsu h5 {
	background: url(images/sleeper_route_shinetsu.gif) no-repeat left top;
}

#mainarea #bustype #standard .route .hakuba h5 {
	background: url(images/standard_route_hakuba.gif) no-repeat left top;
}

#mainarea #bustype #standard .route .shinetsu h5 {
	background: url(images/standard_route_shinetsu.gif) no-repeat left top;
}

#mainarea #bustype #sundayliner .route .hakuba h5 {
	background: url(images/sundayliner_route_hakuba.gif) no-repeat left top;
}

#mainarea #bustype #sundayliner .route .shinetsu h5 {
	background: url(images/sundayliner_route_shinetsu.gif) no-repeat left top;
}

#mainarea #bustype .bustype .route p a,
#mainarea #bustype .bustype .route li a {
	padding-left:17px;
	background:url(../../commons/images/linkicon.gif) no-repeat left center;
}

#mainarea #bustype .bustype .route li {
	display:inline;
	margin-right:15px;
}

#mainarea #bustype .bustype .route dl {
	clear:both;
	padding-top:7px;
}

#mainarea #bustype .bustype .route dl dt {
	float:left;
	width:70px;
	height:0;
	margin-right:5px;
	padding-top:15px;
	overflow:hidden;
	background:url(commons/images/icon_exclusion.gif) no-repeat left top;
}

#mainarea #bustype .bustype .route dl dd {
	color:#f00;
	font-weight:bold;
}

#mainarea #bustype .bustype .service {
	clear:both;
	padding-top:7px;
}

#mainarea #bustype .bustype .service .base {
	float:left;
	width:156px;
	margin-right:15px;
}

#mainarea #bustype .bustype .service .base th {
	color:#036;
	font-weight:bold;
	background-color:#DDEEF5;
}

#mainarea #bustype .bustype .service th,
#mainarea #bustype .bustype .service td {
	padding:1px 5px;
	white-space:nowrap;
	border:1px solid #ccc;
}

#mainarea #bustype .bustype .service .base td.item {
	text-align:center;
	background-color:#DDEEF5;
}

#mainarea #bustype .bustype .service .shinetsu {
	width:230px;
}

#mainarea #bustype .bustype .service .shinetsu th {
	color:#630;
	font-weight:bold;
	background-color:#FFEB99;
}

#mainarea #bustype .bustype .service .shinetsu td.item {
	text-align:center;
	background-color:#FFEB99;
}

#mainarea #bustype .bustype #wsheet {
	clear:both;
	padding-top:10px;
}

#mainarea #bustype .bustype #wsheet dt {
	float:left;
	width:146px;
	height:0;
	padding-top:63px;
	overflow:hidden;
	background:url(images/wsheet_title.gif) no-repeat left top;
}

#mainarea #bustype .bustype #wsheet dd {
	float:left;
	width:524px;
	height:0;
	padding-top:63px;
	overflow:hidden;
	background:url(images/wsheet_comment.gif) no-repeat left top;
}

