@charset "UTF-8";
/* font-size
10px：84%
12px：100%
14px：117%
16px：134%
18px：150%
21px：175%
24px：200%
*/


/* バスルートページ：
----------------------------------------------------*/
h2{ text-indent: -9999px; }
h2#title{
	height: 35px;
	margin-bottom: 20px;
}
#tokyo h2#title{ background: url(../images/drt_title01.jpg) no-repeat; }
#kansai h2#title{ background: url(../images/drt_title02.jpg) no-repeat; }
#tokai h2#title{ background: url(../images/drt_title03.jpg) no-repeat; }
h3#tit{
	background: url(../images/drt_time_bg03.jpg) no-repeat;
	height: 24px;
	vertical-align: middle;
	padding: 7px 0 0 25px;
	color: #0D217A;
	margin-bottom: 20px;
}
#tokyo h3#tit{ background: url(../images/drt_time_bg01.jpg) no-repeat; }
#kansai h3#tit{ background: url(../images/drt_time_bg02.jpg) no-repeat; }
#tokai h3#tit{ background: url(../images/drt_time_bg03.jpg) no-repeat; }

/* リード部分 */
#main #lead{ margin-bottom: 10px; }
#main #lead #pricebox{
	width: 350px;
	float: left;
}
#main #lead #pricebox p{ margin-bottom: 5px; }
#main #lead #pricebox table#price{
	margin-bottom: 5px;
	width: 350px;
}
#main #lead #pricebox table#price td{
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	text-align: center;
}
#main #lead #pricebox table#price td .price{
	color: #FF0000;
	font-weight: bold;
	font-size: 200%;
	font-family: Tahoma,Sylfaen,Palatino linotype;
}
#main #lead #pricebox table#price td .subprice{
	color: #000000;
	font-weight: bold;
	font-size: 175%;
	font-family: Tahoma,Sylfaen,Palatino linotype;
}
#main #lead #pricebox table#schedule td{
	padding: 0;
	text-align: left;
	vertical-align: top;
}
#main #lead #pricebox table#schedule td p{
	margin: 0;
	padding: 0;
}

#kansai #main #lead #pricebox{
	float: none;
	width: 690px;
}
#kansai #main #lead #pricebox table{ width: 690px; }


#main .order{
	margin: 10px 0;
	float: right;
	width: 264px;
}
#main .order p{
	float: right;
	text-indent: -9999px;
	width: 122px;
	padding-left: 10px;
}
#main .order p a{
	display: block;
	width: 122px;
	height: 40px;
}
#main .order p a#res{ background-image: url(../images/btn_drtbus.jpg); }
#main .order p a#boa{ background-image: url(../images/btn_drtbord.jpg); }
#main .order p a#asa{ background-image: url(../images/btn_drtkant02.jpg); }
#main .order p a#yor{ background-image: url(../images/btn_drtkant01.jpg); }
#main .order p a:hover{ background-position: 0 -40px; }

#main #caption{
	padding: 10px 10px 10px 25px;
	float: right;
	width: 300px;
	background-color: #F6F6F6;
}
#main #caption ul li{ list-style: disc; }
#main #caption ul li.caution{ list-style-image: url(../common/marker_caution.jpg); }
#main #caption ul li.caution .red{ color: #FF0000; }
#kansai #main #caption{
	float: none;
	width: 655px;
}


#route{ margin: 0 0 20px 75px; }
#route h3{ margin-bottom: 5px; }
#route table{
	border-collapse: collapse;
	font-size: 100%;
	width: 540px;
	border: 1px solid #CCCCCC;
}
#route table th{
	background-color: #0D217A;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-weight: normal;
}
#route table th#title{
	font-size: 117%;
	font-weight: bold;
}
#route table th, #main table td{
	text-align: center;
	padding: 3px;
}
#route table td.mark{
	color: #FF3300;
	width: 12%;
}
#route table td.time{
	width: 12%;
	font-size: 117%;
	white-space: nowrap;
	font-weight: bold;
}
#route table td.time2{
	width: 24%;
	font-size: 117%;
	white-space: nowrap;
	font-weight: bold;
}
#route table td.ll{ border-left: 1px dotted #CCCCCC; }

#route table td.ereaname{
	font-weight: bold;
	background-color: #E5F7F9;
	border: 1px solid #CCCCCC;
}
#route table td.busname{ border: 1px solid #CCCCCC; }
#route table td#night{ text-align: left; }
#route table td#start{ width: 200px; }
#route table td table#starttbl{
	margin: 0;
	border: 1px solid #0D217A;
	width: 100%;
}
#route table td table#starttbl th{ border: none; }
#route table td table#starttbl td{
	padding: 5px;
	border: 1px solid #0D217A;
}

#main #introduce{
	background-color: #F6F6F6;
	margin: 10px 0 20px 0;
	padding: 10px 30px 20px 30px;
}
#main #introduce dl{ margin-bottom: 10px; }
#main #introduce dl dt{
	font-size: 117%;
	font-weight: bold;
	color: #0D217A;
}
#main #introduce ul#tabnav li{
	float: left;
	padding: 0 10px 5px 10px;
}
#main #introduce #intro01,
#main #introduce #intro02,
#main #introduce #intro03,
#main #introduce #intro04,
#main #introduce #intro05{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 20px;
}
#main #introduce #intro01 .pct{
	float: left;
	width: 180px;
}
#main #introduce #intro01 .copy{
	width: 400px;
	float: right;
}

#main #introduce #intro02 .pct{
	float: left;
	width: 320px;
}
#main #introduce #intro02 .copy{
	width: 250px;
	float: right;
}
#main #introduce #intro03 ul{ margin-left: 20px; }
#main #introduce #intro03 ul li{
	list-style: disc;
	padding: 3px 0;
	margin: 0;
}
#main #introduce #intro04 ul{ margin-left: 20px; }
#main #introduce #intro04 ul li{
	list-style: disc;
	padding: 3px 0;
	margin: 0;
}
#main #introduce #intro05 .pct{
	float: left;
	width: 200px;
}
#main #introduce #intro05 .copy{
	width: 380px;
	float: right;
}

/*カレンダー */
#calendarbox{
	width: 690px;
	margin: 10px 0;
}
#calendarbox table.calendar {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #CCCCCC;
	width: 165px;
	margin: 0 7px 0 0;
	float: left;
}
#calendarbox table.calendar th, table.calendar td{
	padding: 3px 3px;
	text-align: center;
	line-height: 1.0;
}
#calendarbox table.calendar th.month{
	background-color: #0D217A;
	color: #FFFFFF;
	font-size: 100%;
}
#calendarbox table.calendar th.sun{
	font-size: 84%;
	background-color: #FF0000;
}
#calendarbox table.calendar th.day{
	font-size: 84%;
	background-color: #999999;
}
#calendarbox table.calendar td{
	background-color: #FFFFFF;
	font-weight: bold;
}
#calendarbox table.calendar th{
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
#calendarbox table.calendar td.non{
	color: #999999;
	font-weight: normal;
}
#calendarbox table.calendar td.whgr{ background: url(../images/drt_whgr.jpg) no-repeat center center; }
#calendarbox table.calendar td.yewh{ background: url(../images/drt_yewh.jpg) no-repeat center center; }
table.calendar td.yeye{ background: url(../images/drt_yeye.jpg) no-repeat center center; }
table.calendar td.blye{ background: url(../images/drt_blye.jpg) no-repeat center center; }
table.calendar td.reye{ background: url(../images/drt_reye.jpg) no-repeat center center; }
table.calendar td.yebl{ background: url(../images/drt_yebl.jpg) no-repeat center center; }
table.calendar td.blre{ background: url(../images/drt_blre.jpg) no-repeat center center; }
table.calendar td.yeye{ background: url(../images/drt_yeye.jpg) no-repeat center center; }
table.calendar td.whye{ background: url(../images/drt_whye.jpg) no-repeat center center; }
table.calendar td.rewh{ background: url(../images/drt_rewh.jpg) no-repeat center center; }
table.calendar td.regr{ background: url(../images/drt_regr.jpg) no-repeat center center; }
table.calendar td.blwh{ background: url(../images/drt_blwh.jpg) no-repeat center center; }
table.calendar td.grre{ background: url(../images/drt_grre.jpg) no-repeat center center; }
table.calendar td.grye{ background: url(../images/drt_grye.jpg) no-repeat center center; }
table.calendar td.whbl{ background: url(../images/drt_whbl.jpg) no-repeat center center; }
table.calendar td.grwh{ background: url(../images/drt_grwh.jpg) no-repeat center center; }
table.calendar td.hiru{ border: 1px solid #FF0000; }