@charset "UTF-8";
/* ---------------------------------------
  TITLE : HANSHIN Tigers
  URI : hanshintigers.jp
  (C) HANSHIN Tigers.
--------------------------------------- */

@import "/common/css/format.css";
@import "layout.css";

/* HISTORY 80TH
--------------------------------------- */
h2 {
	width: 770px;
	margin: 20px auto 20px;
}
#timeline_wrap {
	background: url(/80th/history/img/timeline/loading.gif) center 400px no-repeat #faf5e3;
}

#timeline_container {
	width: 100%;
	height: 931px;
	border-top: 3px solid #af9d78;
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

#scroll_container {
	position: relative;
	width: 900px;
	height: 703px;
	margin: 0 auto;
}
#scroll_body {
	position: absolute;
	left: -600px;
	width: 14400px;
	height:703px;
}
#timeline {
	height: 475px;
}

#timeline > div {
	float: left;
	width: 300px;
	height: 475px;
}
#timeline .timeline_left {
	width: 600px;
	background: url(/80th/history/img/timeline/bg_left.jpg) no-repeat;
}
#timeline .timeline_right {
	width: 600px;
	background: url(/80th/history/img/timeline/bg_right.jpg) no-repeat;
}
#timeline .timeline_1 { background: url(/80th/history/img/timeline/bg_01.jpg) no-repeat; }
#timeline .timeline_2 { background: url(/80th/history/img/timeline/bg_02.jpg) no-repeat; }
#timeline .timeline_3 { background: url(/80th/history/img/timeline/bg_03.jpg) no-repeat; }
#timeline .timeline_4 { background: url(/80th/history/img/timeline/bg_04.jpg) no-repeat; }
#timeline .timeline_5 { background: url(/80th/history/img/timeline/bg_05.jpg) no-repeat; }
#timeline .timeline_6 { background: url(/80th/history/img/timeline/bg_06.jpg) no-repeat; }
#timeline .timeline_7 { background: url(/80th/history/img/timeline/bg_07.jpg) no-repeat; }
#timeline .timeline_8 { background: url(/80th/history/img/timeline/bg_08.jpg) no-repeat; }
#timeline .timeline_9 { background: url(/80th/history/img/timeline/bg_09.jpg) no-repeat; }
#timeline .timeline_10 { background: url(/80th/history/img/timeline/bg_10.jpg) no-repeat; }
#timeline .timeline_11 { background: url(/80th/history/img/timeline/bg_11.jpg) no-repeat; }
#timeline .timeline_12 { background: url(/80th/history/img/timeline/bg_12.jpg) no-repeat; }
#timeline .timeline_13 { background: url(/80th/history/img/timeline/bg_13.jpg) no-repeat; }
#timeline .timeline_14 { background: url(/80th/history/img/timeline/bg_14.jpg) no-repeat; }
#timeline .timeline_15 { background: url(/80th/history/img/timeline/bg_15.jpg) no-repeat; }
#timeline .timeline_16 { background: url(/80th/history/img/timeline/bg_16.jpg) no-repeat; }
#timeline .timeline_17 { background: url(/80th/history/img/timeline/bg_17.jpg) no-repeat; }
#timeline .timeline_18 { background: url(/80th/history/img/timeline/bg_18.jpg) no-repeat; }
#timeline .timeline_19 { background: url(/80th/history/img/timeline/bg_19.jpg) no-repeat; }
#timeline .timeline_20 { background: url(/80th/history/img/timeline/bg_20.jpg) no-repeat; }
#timeline .timeline_21 { background: url(/80th/history/img/timeline/bg_21.jpg) no-repeat; }
#timeline .timeline_22 { background: url(/80th/history/img/timeline/bg_22.jpg) no-repeat; }
#timeline .timeline_23 { background: url(/80th/history/img/timeline/bg_23.jpg) no-repeat; }
#timeline .timeline_24 { background: url(/80th/history/img/timeline/bg_24.jpg) no-repeat; }
#timeline .timeline_25 { background: url(/80th/history/img/timeline/bg_25.jpg) no-repeat; }
#timeline .timeline_26 { background: url(/80th/history/img/timeline/bg_26.jpg) no-repeat; }
#timeline .timeline_27 { background: url(/80th/history/img/timeline/bg_27.jpg) no-repeat; }
#timeline .timeline_28 { background: url(/80th/history/img/timeline/bg_28.jpg) no-repeat; }
#timeline .timeline_29 { background: url(/80th/history/img/timeline/bg_29.jpg) no-repeat; }
#timeline .timeline_30 { background: url(/80th/history/img/timeline/bg_30.jpg) no-repeat; }
#timeline .timeline_31 { background: url(/80th/history/img/timeline/bg_31.jpg) no-repeat; }
#timeline .timeline_32 { background: url(/80th/history/img/timeline/bg_32.jpg) no-repeat; }
#timeline .timeline_33 { background: url(/80th/history/img/timeline/bg_33.jpg) no-repeat; }
#timeline .timeline_34 { background: url(/80th/history/img/timeline/bg_34.jpg) no-repeat; }
#timeline .timeline_35 { background: url(/80th/history/img/timeline/bg_35.jpg) no-repeat; }
#timeline .timeline_36 { background: url(/80th/history/img/timeline/bg_36.jpg) no-repeat; }
#timeline .timeline_37 { background: url(/80th/history/img/timeline/bg_37.jpg) no-repeat; }
#timeline .timeline_38 { background: url(/80th/history/img/timeline/bg_38.jpg) no-repeat; }
#timeline .timeline_39 { background: url(/80th/history/img/timeline/bg_39.jpg) no-repeat; }
#timeline .timeline_40 { background: url(/80th/history/img/timeline/bg_40.jpg) no-repeat; }
#timeline .timeline_41 { background: url(/80th/history/img/timeline/bg_41.jpg) no-repeat; }
#timeline .timeline_42 { background: url(/80th/history/img/timeline/bg_42.jpg) no-repeat; }
#timeline .timeline_43 { background: url(/80th/history/img/timeline/bg_43.jpg) no-repeat; }
#timeline .timeline_44 { background: url(/80th/history/img/timeline/bg_44.jpg) no-repeat; }

#graph {
	position: relative;
	height: 228px;
}
#graph img {
	position: absolute;
}
#graph_btn {
	position: absolute;
	width: 630px;
	left: 135px;
	top: 639px;
}
#graph_btn a {
	display: block;
	float: left;
	width: 180px;
	height: 40px;
	margin: 0 15px;
	text-indent: -99999em;
	background: url(/80th/history/img/timeline/btn_graph.gif) no-repeat
}
#graph_btn .standings { background-position: 0 0; }
#graph_btn .era { background-position: -180px 0; }
#graph_btn .avg { background-position: -360px 0; }
#graph_btn .standings.current { background-position: 0 -40px; }
#graph_btn .era.current { background-position: -180px -40px; }
#graph_btn .avg.current { background-position: -360px -40px; }

#next, #prev {
	position: absolute;
	cursor: pointer;
	width: 75px;
	height: 75px;
	top: 204px;
	text-indent: -99999em;
}
#next {
	background: url(/80th/history/img/timeline/btn_next.png) no-repeat center center;
	right: 30px;
}
#prev {
	background: url(/80th/history/img/timeline/btn_prev.png) no-repeat center center;
	left: 30px;
}

#year_container {
	height: 66px;
	margin-top: 17px;
	background: url(/80th/img/bg_gray.jpg) repeat;
}
#year_container #year_btn {
	position: relative;
	width: 1080px;
	height: 66px;
	margin: 0 auto;
}

#year_container #year_btn .scroll_btn {
	position: relative;
	display: block;
	float: left;
	height: 66px;
}
#year_container #year_btn .year99 { width: 99px; }
#year_container #year_btn .year126 { width: 126px; }
#year_container #year_btn .scroll_btn img {
	position: absolute;
}

#year_container #year_btn .year_balloon {
	display: block;
	width: 120px;
	height: 95px;
	position: absolute;
	top: 53px;
}
#year_container #year_btn .year_balloon img {
	position: absolute;
}
#year_container #year_btn .year1985 { left: 609px; }
#year_container #year_btn .year2003 { left: 787px; }
#year_container #year_btn .year2005 { left: 914px; }

.gallery_btn_1985,
.gallery_btn_2003,
.gallery_btn_2005 {
	display: block;
	width: 270px;
	height: 60px;
	margin-left: 16px;
}
.gallery_btn_1985 { margin-top: 297px; }
.gallery_btn_2003 { margin-top: 389px; }
.gallery_btn_2005 { margin-top: 256px; }

.gallery_btn_1985:hover { background: url(/80th/history/img/timeline/btn_1985.jpg) no-repeat; }
.gallery_btn_2003:hover { background: url(/80th/history/img/timeline/btn_2003.jpg) no-repeat; }
.gallery_btn_2005:hover { background: url(/80th/history/img/timeline/btn_2005.jpg) no-repeat; }

/* HISTORY 80TH PHOTO
--------------------------------------- */
.photo h3 {
	padding-bottom: 14px;
	margin-bottom: 40px;
	border-bottom: 2px solid #381904;
	font-size: 14px;
}
.photo h3 span {
	display: block;
	padding-bottom: 10px;
	font-size: 20px;
}
.photo-unit li {
	width: 375px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: center;
}
.photo-unit li.even {
	margin-right: 0;
}
.photo-unit2 {
	width: 790px;
}
.photo-unit2 ul {
	width: 375px;
	float: left;
	margin-right: 20px;
	text-align: center;
}
.photo-unit2 ul li {
	width: 375px;
	margin-bottom: 20px;
	text-align: center;
}