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

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

/* TOP
--------------------------------------- */
.ctop .bg-wrap {
}
.ctop #headerWp {
	background: none;
	width: 1235px;
	margin: 0 auto;
	background: #381904 url(/80th/img/top/bg_main.jpg) no-repeat center top;
	height: 686px;
}
.ctop #container {
	background: #381904;
}

/*  VISION  */
.ctop #main-visionWp {
}
.ctop #visionWp {
	width: 100%;
	position: relative;
}
.ctop #vision {
	width: 100%;
	height: 112px;
	background: url(/80th/img/top/bg_vision.png) repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
}
.ctop #vision img {
	width: 541px;
	margin: 0 auto;
}

/*  NEWS  */
.ctop #newsWp {
	background: url(/80th/img/bg_main.jpg) repeat;
}
.ctop #news {
	width: 770px;
	margin: 0 auto;
	padding: 76px 0;
	*zoom: 1;
}
.ctop #news:before,
.ctop #news:after {
	content: "";
	display: table;
}
.ctop #news:after {
	clear: both;
}

/*  TOPICS  */
.ctop #topics,
.ctop #today-info {
	width: 365px;
	float: left;
}
.ctop #topics table {
	width: 100%;
	margin-top: 2px;
}
.ctop #topics tr {
	border-bottom: 1px dotted #3d1f05;
}
.ctop #topics th,
.ctop #topics td {
	padding: 10px 0;
}
.ctop #topics th {
	width: 100px;
	vertical-align: top;
}

/*  TODAY INFO  */
.ctop #today-info {
	float: right;
	background: url(/80th/img/top/bg_todayInfo.gif) repeat-x bottom;
	padding-bottom: 7px;
	width: 365px;
}
.ctop #today-info .unit {
	background: #FFFFFF url(/80th/img/top/bg_todayInfo_unit.gif) repeat-x top;
	min-height: 175px;
	padding: 19px 0 11px;
}
.ctop #today-info table {
	width: 100%;
	min-height: 175px;
}
.ctop #today-info table th {
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #dadada;
	color: #661926;
	line-height: 1.2;
}
.ctop #today-info table td {
	padding: 0 13px;
	vertical-align: top;
	text-align: left;
}
.ctop #today-info table td h3 {
	margin: 7px 0 10px;
}
.ctop #today-info table td dt {
	font-weight: bold;
	color: #661926;;
}
.ctop #today-info table td dd {
	padding-bottom: 10px;
}
.ctop #month-num { font-size: 22px; }
.ctop #month { font-size: 12px; }
.ctop #date-num { font-size: 38px; }
.ctop #date { font-size: 15px; }


/*  STRUCTURE  */
.ctop .content-unit {
	width: 770px;
	margin: 0 auto;
	padding: 32px 0 47px;
}
.ctop .content-unit h3 {
	margin-bottom: 20px;
	text-align: center;
}

/*  UNIFORM  */
#uniformWp {
	background: url(/80th/img/bg_brown2.jpg) repeat;
}
#uniform {
	background: url(/80th/img/top/bg_uniform.png) no-repeat center top;
}

/*  SPECIAL  */
#specialWp {
	background: url(/80th/img/bg_brown1.jpg) repeat;
}
#special {
	background: url(/80th/img/top/bg_special.png) no-repeat center top;
}
#special .content-unit ul {
	width: 808px;
}
#special .content-unit li {
	width: 366px;
	float: left;
	margin-right: 38px;
}

/*  HISTORY  */
#historyWp {
	background: url(/80th/img/bg_brown3.jpg) repeat;
}
#history {
	background: url(/80th/img/top/bg_history.png) no-repeat center top;
}
#history .content-unit {
	width: 771px;
}
#history .unit {
	width: 709px;
	height: 171px;
	padding: 28px 31px;
	background: url(/80th/img/top/bg_history_unit.png) no-repeat 0 0;
}
#history .unit p {
	margin: 10px 0 7px;
	font-size: 12px;
}
#history .unit .btn a {
	display: block;
}
/*  EVENT  */
#eventWp {
	background: url(/80th/img/bg_gray.jpg) repeat;
}
#event {
	background: url(/80th/img/top/bg_event.png) no-repeat center top;
}
#event .unit {
	padding: 18px 16px;
	margin-top: 27px;
	background: #faf6ea;
	border: 6px solid #d7c5a8;
}
#event .unit .sst {
	margin-bottom: 20px;
}
#event .unit h4 {
	padding-left: 71px;
	font-size: 27px;
	font-weight: bold;
	color: #802433;
}
#event .unit#vol1 h4 { background: url(/80th/img/top/i_vol1.gif) no-repeat 0 0; }
#event .unit#vol2 h4 { background: url(/80th/img/top/i_vol2.gif) no-repeat 0 0; }
#event .unit#vol3 h4 { background: url(/80th/img/top/i_vol3.gif) no-repeat 0 0; }
#event .unit#vol4 h4 { background: url(/80th/img/top/i_vol4.gif) no-repeat 0 0; }

#event .unit h4 span {
	display: block;
	font-size: 15px;
}
#event .inner-unit {
	padding-left: 71px;
}
#event .inner-unit.wide {
	padding-left: 0;
}
#event .inner-unit p.att,
#event .inner-unit p.text {
	padding-top: 5px;
	color: #802433;
	font-size: 12px;
}
#event .inner-unit p.text {
	margin-top: 10px;
}
#event .inner-unit p.text .lead {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
#event .bnr {
	margin: 40px auto;
}
#event .btn {
	text-align: center;
	margin-top: 30px;
}
#event .att {
	margin: 10px 0 0 1em;
	text-indent: -1em;
}

/*  MOVIE  */
#movieWp {
	background: url(/80th/img/bg_mo.jpg) repeat;
}
#special-movie {
	background: url(/80th/img/top/bg_movie.png) no-repeat center top;
}
#retired {
	background: url(/80th/img/top/bg_retirednumber.png) no-repeat center top;
}
#special-movie .movie {
	width: 515px;
	margin: 0 auto;
	text-align: center;
}
#special-movie .movie h4 {
	margin: 53px 0 10px;
	text-align: center;
}