@charset "UTF-8";

/*==================================
　browser-reset
==================================*/

* {
  margin: 0;
  padding: 0;
  zoom:100%; /* IEでafterを有効にさせる */
}

html {
  overflow-y: scroll; /* Firefox scroll-on */
}

body {
  text-align: left; /* IEで左寄せ */
  color: #333333;
  background-color: #ffffff;
  background-image:url(images/timetable_back.gif);
  background-position:left top;
  background-repeat:repeat-y;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div,td,th,address {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  font-family: "Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;
  color: #333333;
}

ul li,ol li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

img {
  border: 0px;
}

/* -----------Link Style----------- */

a, a:link {
  color: #0000ef;
  text-decoration: underline;
}

a:visited {
  color: #52188c;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:active {
  color: #ff0000;
  text-decoration: underline;
}

/*==================================
　layout
==================================*/

#wrapper {
  margin: 0 0 0 143px; /* コンテンツ左寄せ */
  _margin: 0 0 0 0; /* IE用の対応 */
  text-align: left;
  line-height: 1.3em; /* ---保留部分--- */
  background-color: #ffffff;
  font-size: 12px;
  float:left;
}
#header {
  background-color: #c1c1c1;
  padding:0px 50px 0px 0px;
  text-align: right;
  height:16px;
  line-height:16px;
}

#header span {
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
}
#header a {
	color:#666666;
	text-decoration:underline;
	padding-left:20px;
}
#header a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#contents {
  padding:10px 5px 0px 5px;
}

#contents_inner {
  width:100%;
}

#contents_inner:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#main {
  background-color: #f5e2d6;
  float:left;
  width:600px;
}

#sub {
  background-color: #cfdcef;
  float:right;
  width:300px;
}

#contents_footer {
	font-size: 12px;
	padding:0px 0px 2px 0px;
	margin:0px auto;
	text-align: center;
}

#footer {
	padding:2px 0px 0px 0px;
	border-top:1px solid #a9a9a9;
	text-align: center;
	font-size: 10px;
	font-family:Verdana;
}

/* 左カラム */
#sidebar {
	float:left;
	width:143px;
	height:100%;
	background-color: #ebebeb;
}

/* 左メニュー */
#movable {
	width: 143px;
}
#movable .tokyo {
	margin-bottom:5px;
}
#movable .osaka {
	margin-bottom:20px;
}
#movable .sideshow {
	margin-bottom:10px;
}
#movable .asamade {
	margin-bottom:0px;
}

/* タイムテーブル表 */
#timetable {
}

#timetable th {
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#timetable td {
	border:1px solid #999999;
	padding:4px 4px 2px 4px;
	vertical-align:top;
}
#timetable td input {
	float:left;
	width:1em;
	height:1em;
	margin:1px 2px 0px 0px;
}
#timetable td a {
	display:block;
}
#timetable .left {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	text-align:right;
	width:40px;
	vertical-align:top;
}
#timetable .right {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:right;
	width:40px;
	vertical-align:top;
}
#timetable .noline {
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:0px 0px 0px 0px;
}
#timetable .noline2 {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

#timetable .noline3 {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

/* table_bottom */
.table_bottom {
	padding:4px 42px 20px 4px;
	text-align:right;
}
.table_bottom span {
	font-weight:bold;
}
.table_bottom a {
	color:#0084C6;
}
.table_bottom a:hover {
	color:#006393;
}

/* dooropen */
.dooropen {
	background-color: #ebebeb;
	text-align:center;
	font-weight:bold;
	margin:4px 0px 4px 0px;
	padding:3px 0px 3px 0px;
}

/* set_change */
#timetable .set_change {
	background-color:#e6e6e6;
}

/* marine */
#timetable .marine {
	background-color:#00b2ec;
	color:#ffffff;
	font-weight:bold;
}
#timetable .marine a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .marine a:hover {
	text-decoration:underline;
}

/* mountain */
#timetable .mountain {
	background-color:#009844;
	color:#ffffff;
	font-weight:bold;
}
#timetable .mountain a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .mountain a:hover {
	text-decoration:underline;
}

/* sonic */
#timetable .sonic {
	background-color:#f5aa00;
	color:#ffffff;
	font-weight:bold;
}
#timetable .sonic a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .sonic a:hover {
	text-decoration:underline;
}

/* dance */
#timetable .dance {
	background-color:#b50005;
	color:#ffffff;
	font-weight:bold;
}
#timetable .dance a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .dance a:hover {
	text-decoration:underline;
}

/* beach */
#timetable .beach {
	background-color:#c9ba88;
	color:#ffffff;
	font-weight:bold;
}
#timetable .beach a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .beach a:hover {
	text-decoration:underline;
}

/* island */
#timetable .island {
	background-color:#a0d3d0;
	color:#ffffff;
	font-weight:bold;
}
#timetable .island a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .island a:hover {
	text-decoration:underline;
}

/* riverside */
#timetable .riverside {
	background-color:#4cb339;
	color:#ffffff;
	font-weight:bold;
}
#timetable .riverside a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .riverside a:hover {
	text-decoration:underline;
}

/* ocean */
#timetable .ocean {
	background-color:#00B2EC;
	color:#ffffff;
	font-weight:bold;
}
#timetable .ocean a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .ocean a:hover {
	text-decoration:underline;
}

/* sky */
#timetable .sky {
	background-color:#023893;
	color:#ffffff;
	font-weight:bold;
}
#timetable .sky a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .sky a:hover {
	text-decoration:underline;
}

/* park */
#timetable .park {
	background-color:#11863A;
	color:#ffffff;
	font-weight:bold;
}
#timetable .park a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .park a:hover {
	text-decoration:underline;
}

/* breeze */
#timetable .breeze {
	background-color:#EC6D88;
	color:#ffffff;
	font-weight:bold;
}
#timetable .breeze a {
	color:#ffffff;
	text-decoration:none;
}
#timetable .breeze a:hover {
	text-decoration:underline;
}

/* sideshow marine */
#timetable .side_marine {
	background-color:#FFDEE3;
	font-weight:bold;
}

#timetable .side_marine span{
	font-weight:normal;
}

#timetable .side_marine h6{
	color:#E85BB1;
	margin-bottom:2px;
	font-weight:bold;
}

#timetable .side_marine a {
	text-decoration:none;
}

#timetable .side_marine a:hover {
	text-decoration:underline;
}

/* sideshow messe */
#timetable .side_messe {
	background-color:#C7E8FF;
	font-weight:bold;
}

#timetable .side_messe span{
	font-weight:normal;
}

#timetable .side_messe h6{
	color:#0060B6;
	margin-bottom:2px;
	font-weight:bold;
}

#timetable .side_messe a {
	text-decoration:none;
}
#timetable .side_messe a:hover {
	text-decoration:underline;
}

/* modular */
#timetable .modular {
	background-color:#FFDEE3;
	font-weight:bold;
}

#timetable .modular span{
	font-weight:normal;
}

#timetable .modular h6{
	color:#E85BB1;
	margin-bottom:2px;
	font-weight:bold;
}

/* movie */
#timetable .movie_m {
	background-color:#c3e3ff;
	font-weight:bold;
}

#timetable .movie_m span{
	font-weight:normal;
}
#timetable .movie_d {
	background-color:#aed9ff;
	font-weight:bold;
}

#timetable .movie_d span{
	font-weight:normal;
}
#timetable .movie_t {
	background-color:#9cd1ff;
	font-weight:bold;
}

#timetable .movie_t span{
	font-weight:normal;
}

