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

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

/* SPECIAL STRUCTURE
--------------------------------------- */
h2 {
	width: 770px;
	margin: 20px auto 30px;
}
#mainWp {
	background: #f8f3e3 url(/80th/img/bg_brown1.jpg) repeat;
}
#mainInner {
	width: 986px;
	margin: 0 auto;
	background: url(/80th/special/img/bg_80th.png) no-repeat top center;

}
#main {
	padding: 50px 0 70px;
	font-size: 14px;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.red {
	color: #cc0000;
}
a.link {
	display:inline-block;
	padding-left: 27px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	background: url(/img/arrow_others_normal.gif) 0 0 no-repeat;
	color: #0066cc;
}

/* CTOP
--------------------------------------- */
#main.ctop {
	padding: 90px 0;
}
#main.ctop .unit {
	width: 385px;
	height: 441px;
	float: left;
	position: relative;
}
#main.ctop .unit#vol1 {
	background: #FFFFFF url(/80th/special/img/i_vol1_150522.jpg) no-repeat 0 0;
}
#main.ctop .unit#vol2 {
	background: #FFFFFF url(/80th/special/img/i_vol2_150724.jpg) no-repeat 0 0;
}
#main.ctop .unit .btn {
	position: absolute;
	bottom: 82px;
	left: 77px;
}

/* 2nd
--------------------------------------- */
#main.vol1 .vote-unit {
	background: #FFFFFF url(/80th/special/img/bg_vol1.jpg) no-repeat top center;
}
#main.vol2 .vote-unit {
	background: #FFFFFF url(/80th/special/img/bg_vol2.jpg) no-repeat top center;
}
#main .main-img {
	margin-top: 20px;
}
#main .vote-unit {
	padding: 30px;
	margin-bottom: 40px;
}
#main .vote-unit .sst {
	margin-bottom: 15px;
}
#main .vote-unit .sst.result {
	padding-bottom: 5px;
	border-bottom: 2px solid #783728;
	margin-top: 25px;
}
#main .vote-unit p.date {
	margin: 30px 0;
}
#main .btn-vote {
	margin-top: 20px;
	text-align: center;
}
#main .scene-unit,
#main .interim-unit,
#main .result-unit {
	margin-top: 23px;
}
#main .scene-unit h4,
#main .interim-unit h4 {
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	background: #c1b4a0;
	color: #381904;
	font-weight: bold;
	font-size: 18px;
}
#main .scene-unit dl {
	height: 75px;
	padding: 15px;
	position: relative;
	border-bottom: 1px dotted #381904;
	background: #faf4e4;
}
#main .scene-unit dt {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
}
#main .scene-unit dd {
	width: 526px;
}
#main .scene-unit dd.photo {
	width: 121px;
	height: 75px;
	position: absolute;
	top: 15px;
	right: 15px;
}
#main .vote-unit .note {
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 20px;
	color: #cc0000;
}
#main .regist-unit {
	padding: 20px;
	background: #eeede2;
	border: 2px solid #cac8b0;
}
#main .regist-unit h5 {
	margin-bottom: 15px;
}
#main .regist-unit p {
	text-align: center;
}
#main .regist-unit a.link {
	padding: 1px 0 1px 25px;
	background: url(/img/arrow_others_normal.gif) center left no-repeat;
	color: #0066cc;
	font-weight: bold;
}
#main .btn-regist {
	margin-top: 20px;
	text-align: center;
}

/* INTERIM */
#main .interim-unit h4 {
	background: #381904;
	color: #FFFFFF;
}
#main .interim-unit table {
	width: 100%;
}
#main .interim-unit th,
#main .interim-unit td {
	border: 1px solid #c1b4a0;
	border-top: none;
}
#main .interim-unit th {
	background: #faf8f0;
	padding: 0 11px;
}
#main .interim-unit th span {
	padding-right: 1em;
	color: #ba6d35;
	font-size: 18px;
}
#main .interim-unit td {
	width: 544px;
	padding: 14px 20px;
	background: #FFFFFF;
}
#main .interim-unit td dl {
	width: 410px;
}
#main .interim-unit td dl.photo-none {
	width: inherit;
}
#main .interim-unit td dl {
	position: relative;
}
#main .interim-unit td dt {
	color: #381904;
	font-size: 18px;
	font-weight: bold;
}
#main .scene-unit dt span.icon,
#main .interim-unit td dt span.icon {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 4px;
	margin-right: 8px;
	background: #ba6d35;
	color: #FFFFFF;
	font-size: 14px;
	vertical-align: middle;
}
#main .interim-unit td dd li {
	padding-left: 14px;
	background: url(/80th/special/img/i_comment.gif) no-repeat left 4px;
}
#main .interim-unit td dd.photo {
	width: 121px;
	position: absolute;
	top: 0;
	right: -146px;
}

/* INTERIM vol.2 */
#main .message-unit {
	width: 720px;
}
#main .message-unit:before,
#main .message-unit:after {
	content: "";
	display: table;
}
#main .message-unit:after {
	clear: both;
}
#main .message-unit {
	*zoom: 1;
	margin-top: 30px;
}
#main .interim2-unit .block {
	width: 228px;
	height: 348px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #faf7f3;
	border: 1px solid #783728;
	font-size: 12px;
}
#main .interim2-unit .block dl {
	height: 75px;
	padding: 10px;
	background: #ece0d0;
	border-bottom: 1px solid #783728;
}
#main .interim2-unit .block dt {
	background: url(/80th/special/img/i_comment2.gif) no-repeat left center;
	padding-left: 22px;
	margin-bottom: 3px;
	font-size: 14px;
}
#main .interim2-unit .block dd {
}
#main .interim2-unit .block table {
	height: 231px;
	margin: 10px 10px;
}
#main .interim2-unit .block table th,
#main .interim2-unit .block table td {
}
#main .interim2-unit .block table th {
	color: #783728;
	font-weight: normal;
}
#main .interim2-unit .block table td {
	padding: 0px 5px 0 5px;
}

/* RESULT */
#main .result-unit .block {
	width: 706px;
	margin-bottom: 20px;
	border: 2px solid #b7a58b;
	background: #FFFFFF;
}
#main .result-unit .block#rank4 { background: #f9f5ef }
#main .result-unit .block#rank5 { background: #f9f5ef }
#main .result-unit .block#rank1 { border: 2px solid #efb620; background: #fff8e5; }
#main .result-unit .block#rank2 { border: 2px solid #bbbbbb; background: #f2f2f2; }
#main .result-unit .block#rank3 { border: 2px solid #e7b189; background: #faf0e9; }
#main .result-unit .block#rank1 .rank { background: url(/80th/special/img/i_rank1.jpg) no-repeat top center; padding-top: 60px; }
#main .result-unit .block#rank2 .rank { background: url(/80th/special/img/i_rank2.jpg) no-repeat top center; padding-top: 60px; }
#main .result-unit .block#rank3 .rank { background: url(/80th/special/img/i_rank3.jpg) no-repeat top center; padding-top: 60px; }

#main .result-unit .block table {
	width: 100%;
}
#main .result-unit .block table th {
	width: 114px;
	background: #FFFFFF;
	font-size: 16px;
}
#main .result-unit .block table th div {
	text-align: center;
}
#main .result-unit .block table th .rank {
	font-size: 24px;
	color: #b7a58b;
	font-weight: bold;
}
#main .result-unit .block#rank1 table th .rank { font-size: 30px; color: #efb620; }
#main .result-unit .block#rank2 table th .rank { font-size: 30px; color: #909090; }
#main .result-unit .block#rank3 table th .rank { font-size: 30px; color: #ce8c6c; }

#main .result-unit .block table th .votes {
	font-size: 16px;
	color: #381904;
	font-weight: normal;
}
#main .result-unit .block table td {
	padding: 13px;
}

#main .result-unit .title .text {
	float: left;
	font-size: 18px;
	font-weight: bold;
}
#main .result-unit #rank1 .title .text,
#main .result-unit #rank2 .title .text,
#main .result-unit #rank3 .title .text {
	width: 256px;
	font-size: 26px;
}
#main .result-unit #rank4 .title .text,
#main .result-unit #rank5 .title .text {
	width: 340px;
	font-size: 20px;
}
#main .result-unit .title .text a.btn {
	display: inline-block;
	margin-top: 10px;
}
#main .result-unit .title .photo {
	float: right;
}
#main .result-unit #rank1 .title .photo,
#main .result-unit #rank2 .title .photo,
#main .result-unit #rank3 .title .photo {
	width: 290px;
}
#main .result-unit .title ul {
	clear: both;
	padding: 13px 0 19px;
}
#main .result-unit .title li {
	padding: 5px 0 5px 14px;
	border-bottom: 1px dotted #000;
	background: url(/80th/special/img/i_comment.gif) no-repeat left 8px;
}
#main .result-unit .title li:first-child {
	border-top: 1px dotted #000;
}

/* RESULT vol.2 */
#main .img-unit {
	padding: 70px 20px;
	width: 730px;
	background: #FFFFFF url(/80th/special/img/bg_vol2.jpg) no-repeat top center;
	text-align: center;
}
#main .btn-area {
	margin-top: 30px;
}
#main .btn-area a {
	display: block;
	margin: 10px 0;
}
#main .link-img {
	text-align: right;
	padding-right: 46px;
}
#main .movie {
	margin: 20px 0 10px;
	text-align: center;
}
#main .result2-unit {
	width: 720px;
}
#main .result2-unit .block {
	width: 348px;
	height: 121px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #faf7f3;
	border: 1px solid #783728;
	font-size: 12px;
}
#main .result2-unit .block p {
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	background: #ece0d0;
	font-size: 14px;
	font-weight: bold;
	color: #783728;
}
#main .result2-unit .block table {
	height: 70px;
	margin: 10px 10px;
}
#main .result2-unit .block table th,
#main .result2-unit .block table td {
	font-size: 14px;
}
#main .result2-unit .block table th {
	color: #783728;
	font-weight: bold;
	padding-right: 10px;
}
#main .result2-unit .block table th img {
	padding-right: 5px;
}
#main .result2-unit .block table td {
	padding: 0 5px;
}
#main .result2-unit .block table th.num1 { color: #efb620; }
#main .result2-unit .block table th.num2 { color: #909090; }
#main .result2-unit .block table th.num3 { color: #ce8c6c; }



#main.vol1 .message-unit #message {
	margin: 10px 0;
	background: #f8f6ef;
	border-top: 2px solid #ba6d35;
	border-bottom: 2px solid #ba6d35;
}
#main.vol1 .message-unit #message li {
	padding: 10px 0 10px 22px;
	background: url(/80th/special/img/i_comment.gif) no-repeat 8px 14px;
	border-top: 1px dotted #000;
}
#main.vol1 .message-unit #message li:first-child {
	border-top: none;
}
#main .message-unit table.pager {
	width: 100%;
}
#main .message-unit table.pager #pageCount {
	text-align: center;
}
#main .message-unit table.pager .next {
	text-align: right;
}

.result-top #main .result-unit .block table td {
	padding: 13px 13px 20px 15px;
}
.result-top #main.vol1 .vote-unit {
	padding-top: 10px;
	background: #FFFFFF url(/80th/special/img/bg_vol1_result1.jpg) no-repeat top center;
}
.result-rank #main.vol1 .vote-unit {
	background: #FFFFFF url(/80th/special/img/bg_vol1_result2.gif) no-repeat top center;
}
.result-rank #main .vote-unit {
	position: relative;
}
.result-rank #main .btn-return {
	position: absolute;
	top: 10px;
	right: 30px;
}