﻿/*******************************
 $Date: 2008/8/27$
 $title: 西武バス時刻表 TimeTableData $
 *******************************/

/* lastup 2008.08.27 追加及び修正
 ******************************************************/
/*修正*/
div#containerDataTop {
	margin-top: 0px !important;
	padding-top: 0px !important;
	background: url(../images/timetbl/listbgimg.gif) no-repeat 0px 2.3em !important;
	}
p.kanaList {
	padding-top: 10px !important;
	}
div#containerW800, div#containerW1000, div#containerW1200 {
	margin-top: 0px !important;
	background: url(../images/timetbl/ttlbgimg.gif) no-repeat right 6em !important;
	}

/*追加：ラベル*/
p.eventlabel {
	margin: 0px 0 5px 0;
	padding: 3px;
	background: url(../images/timetbl/labelbg.gif) repeat 0px 0px;
	line-height: 1.1;
	font-size: 1.2em;
	font-weight: bold;
	color: #061A66;
	text-align: center;
	letter-spacing: 0.2em;
	}


/* 1: List
 ******************************************************/
div#containerDataTop {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 13px;*/
	/*padding-top: 7px;*/
	padding-bottom: 20px;
	font-size: 0.8em;
	background: url(../images/timetbl/listbgimg.gif) no-repeat 0px 0px;
	}
	
#containerDataTop h3#bspName {
	margin: 3px 0 0 0;
	padding: 0 0 2px 0;
	font-size: 1.8em;
	line-height: 1.1;
	color: #336699;
	}

p.kanaList {
	margin: 0;
	padding: 0;
	line-height: 1.1;
	color: #336699;
	letter-spacing: 0.18em;
	}

p.location {
	margin: 15px 0 0 0;
	padding: 5px 10px;
	border: 1px solid #0066CC;
	line-height: 1.0;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background: #0066CC;
	}

ul.location {
	width: 648px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #0066CC;
	border-left: 1px solid #0066CC;
	font-size: 1.2em;
	list-style: none;
	}

.location li {
	margin:0;
	padding: 9px 0 8px 35px;
	border-bottom: 1px solid #0066CC;
	background: url(../images/timetbl/listicon.gif) no-repeat 8px center;
	line-height: 1.1;
	}

.location a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	}
.location a:visited {
	color: #666699;
	text-decoration: none;
	font-weight: bold;
	}
.location a:hover {
	color: #FF0000;
	text-decoration: underline;
	background: #FFFF99;
	font-weight: bold;
	}
.location a:active {
	color: #FF0000;
	text-decoration: underline;
	background: #FFFF99;
	font-weight: bold;
	}


/* 2: Time Table Data
 ******************************************************/

/*****共通*****/
h3#dataTtl {
	margin: 0;
	padding: 5px 0 3px 30px;
	font-size: 1.5em;
	background: url(../images/timetbl/dataicon.gif) no-repeat;
	height: 30px;
	}

p.kanaTime {
	margin: 20px 0 0 12px;
	padding: 0;
	line-height: 1.1;
	color: #336699;
	letter-spacing: 0.18em;
	}

h4#bspName {
	margin: 5px 0 0 12px;
	padding: 0 0 2px 0;
	font-size: 1.8em;
	line-height: 1.1;
	color: #336699;
	}

h4#bspName span {
	font-size: 75%;
	}

p.revision {
	margin: 15px 0 0 0;
	padding: 0;
	line-height: 1.1;
	}

p.att {
	margin: 8px 0 0 0;
	padding: 0;
	line-height: 1.4;
	}

img.icon {
	vertical-align: middle;
	padding: 0 3px 3px 3px;
	}

/*(分)時刻表示箇所*/
.time td {
	padding: 0.2em 0.4em;
	line-height: 1.1;
	text-align: center;
	vertical-align: bottom;
	}

/*凡例箇所*/
.time td span {
	font-size: 0.8em;
	color:#333333;
	}

/*備考欄箇所*/
p.hanrei, p.att {
	margin: 0;
	padding: 6px;
	font-size: 0.9em;
	}


/*****ContentsWidth 620～800pix*****/
div#containerW800 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 15px;*/
	font-size: 0.8em;
	/*background: url(../images/timetbl/ttlbgimg.gif) no-repeat right 50px;*/
	}

#containerW800 table.ttlTbl {
	width: 800px;
	background: url(../images/timetbl/ttlline.gif) repeat-x 0px 35px;
	}

#containerW800 table.pageTbl {
	width: 800px;
	margin: 20px 0 0 0;
	padding: 0;
	}


/*****ContentsWidth 1000pix*****/
div#containerW1000 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 15px;*/
	font-size: 0.8em;
	/*background: url(../images/timetbl/ttlbgimg.gif) no-repeat right 50px;*/
	}

#containerW1000 table.ttlTbl {
	width: 1000px;
	background: url(../images/timetbl/ttlline.gif) repeat-x 0px 35px;
	}

#containerW1000 table.pageTbl {
	width: 1000px;
	margin: 20px 0 0 0;
	padding: 0;
	}


/*****ContentsWidth 1200pix*****/
div#containerW1200 {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 15px;*/
	font-size: 0.8em;
	/*background: url(../images/timetbl/ttlbgimg.gif) no-repeat right 50px;*/
	}

#containerW1200 table.ttlTbl {
	width: 1200px;
	background: url(../images/timetbl/ttlline.gif) repeat-x 0px 35px;
	}

#containerW1200 table.pageTbl {
	width: 1200px;
	margin: 20px 0 0 0;
	padding: 0;
	}


/*****TimeTableWidth 620pix(1列)*****/
p.revision620 {
	margin: 15px 90px 0 90px;
	padding: 0;
	line-height: 1.1;
	}

table.dataTbl620 {
	width: 620px;
	margin: 7px 0 0 90px;
	padding: 0;
	font-size: 1.1em;
	}

.dataTbl620 th.route {
	width: 47px;
	padding: 4px 0;
	background: #CECECE;
	}

.dataTbl620 td.route {
	padding: 4px;
	background: #E0E0E0;
	text-align: center;
	}

.dataTbl620 th.time {
	width: 47px;
	padding: 4px 0;
	background: #336699;
	color: #FFFFFF;
	}

.dataTbl620 td.time {
	padding: 3px;
	vertical-align: top;	
	}

.dataTbl620 td.weekday, .dataTbl620 td.weekend, .dataTbl620 td.sat, .dataTbl620 td.sun, .dataTbl620 td.note {
	width: 510px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}

.dataTbl620 td.specialA, .dataTbl620 td.specialB, .dataTbl620 td.specialC, .dataTbl620 td.specialD {
	width: 510px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}


/*****TimeTableWidth 800pix(2列)*****/
table.dataTbl800 {
	width: 800px;
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	}

.dataTbl800 th.route {
	width: 47px;
	padding: 4px 0;
	background: #CECECE;
	}

.dataTbl800 td.route {
	padding: 4px;
	background: #E0E0E0;
	text-align: center;
	}

.dataTbl800 th.time {
	width: 47px;
	padding: 4px 0;
	background: #336699;
	color: #FFFFFF;
	}

.dataTbl800 td.time {
	padding: 3px;
	vertical-align: top;	
	}

.dataTbl800 td.weekday, .dataTbl800 td.weekend, .dataTbl800 td.sat, .dataTbl800 td.sun, .dataTbl800 td.note {
	width: 340px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}

.dataTbl800 td.specialA, .dataTbl800 td.specialB, .dataTbl800 td.specialC, .dataTbl800 td.specialD {
	width: 340px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}


/*****TimeTableWidth 1000pix(3列)*****/
table.dataTbl1000 {
	width: 1000px;
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	}

.dataTbl1000 th.route {
	width: 47px;
	padding: 4px 0;
	background: #CECECE;
	}

.dataTbl1000 td.route {
	padding: 4px;
	background: #E0E0E0;
	text-align: center;
	}

.dataTbl1000 th.time {
	width: 47px;
	padding: 4px 0;
	background: #336699;
	color: #FFFFFF;
	}

.dataTbl1000 td.time {
	padding: 3px;
	vertical-align: top;	
	}

.dataTbl1000 td.weekday, .dataTbl1000 td.weekend, .dataTbl1000 td.sat, .dataTbl1000 td.sun, .dataTbl1000 td.note {
	width: 290px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}

.dataTbl1000 td.specialA, .dataTbl1000 td.specialB, .dataTbl1000 td.specialC, .dataTbl1000 td.specialD {
	width: 290px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}


/*****TimeTableWidth 1200pix(4列)*****/
table.dataTbl1200 {
	width: 1200px;
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	}

.dataTbl1200 th.route {
	width: 47px;
	padding: 4px 0;
	background: #CECECE;
	}

.dataTbl1200 td.route {
	padding: 4px;
	background: #E0E0E0;
	text-align: center;
	}

.dataTbl1200 th.time {
	width: 47px;
	padding: 4px 0;
	background: #336699;
	color: #FFFFFF;
	}

.dataTbl1200 td.time {
	padding: 3px;
	vertical-align: top;	
	}

.dataTbl1200 td.weekday, .dataTbl1200 td.weekend, .dataTbl1200 td.sat, .dataTbl1200 td.sun, .dataTbl1200 td.note {
	width: 265px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}

.dataTbl1200 td.specialA, .dataTbl1200 td.specialB, .dataTbl1200 td.specialC, .dataTbl1200 td.specialD {
	width: 265px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	}