@charset "UTF-8";

/* ----------------------------------------------------------
  TITLE : 阪神タイガース公式ファンクラブ
  URI : www.tigersfanclub.jp
  Copyright (C) HANSHIN Tigers OFFICIAL FAN CLUB. All Rights Reserved.
---------------------------------------------------------- */

/*----------------------------
	1. Import
	2. Join Top
	3. Application
	4. Tomodachi Campaign
	5. Benefits
------------------------------ */

/*   1. Import
---------------------------------------------------- */
@import "format.css";
@import "basic.css";

/*   2. Join Top
---------------------------------------------------- */
#join #main-1Col {
	margin: 0;
	width: 920px;
	background: #111111;
	border-top: 1px solid #FFFFFF;
	overflow: hidden;
	_zoom: 1;
}
#join #main-1Col #col-l {
	width: 469px;
	height: 871px;
	float: left;
}
#join #main-1Col #col-r {
	padding: 0 7px;
	width: 437px;
	float: right;
}
#join #main-1Col #col-r dl {
	margin: 20px 0 25px 0;
}
#join #main-1Col #col-r dt {
	margin: 0 0 8px 0;
	text-align: center;
}
#join #main-1Col #col-r p {
	margin: 5px 0 0 0;
	text-align: center;
}

/*   3. Application
---------------------------------------------------- */
.application .star-ud {
	color: #FF9900;
}
.application .star-n {
	color: #B0D504;
}
.application #main-1Col {
	margin: 0;
	width: 920px;
}
.application #intro-update {
	padding: 19px 40px;
	height: 222px;
	background: #E20A16;
}
.application #intro-new {
	padding: 19px 40px;
	height: 222px;
	background: #FFE100;
}
#kids.application #intro-update {
	background: url(../../kids/application/2010/update/img/bg_intro_star.gif) 0 0 no-repeat;
}
#kids.application #intro-new {
	background: url(../../kids/application/2010/new/img/bg_intro_star.gif) 0 0 no-repeat;
}
.application #intro-update h2,
.application #intro-new h2 {
	float: left;
	width: 456px;
	height: 222px;
}
.application #intro-new p {
	float: right;
	width: 384px;
	height: 222px;
}
.application #intro-update dl,
.application #intro-new dl {
	float: left;
	padding: 0 21px;
	width: 342px;
	height: 222px;
}
.application #intro-update dl {
	background: url(../../adult/application/2010/update/img/bg_intro.gif) 0 0 no-repeat;
}
.application #intro-new dl {
	background: url(../../adult/application/2010/new/img/bg_intro.gif) 0 0 no-repeat;
}
#kids.application #intro-update dl {
	background: url(../../kids/application/2010/update/img/bg_intro.gif) 0 0 no-repeat;
}
#kids.application #intro-new dl {
	background: url(../../kids/application/2010/new/img/bg_intro.gif) 0 0 no-repeat;
}
.application #intro-update dt,
.application #intro-new dt {
	padding: 18px 0 19px 0;
}
.application #s-nav {
	height: 52px;
	border: 1px solid #000000;
	padding: 0 19px;
	background: url(../../img/join/bg_nav.gif) 0 0 repeat-x;
}
.application #s-nav li {
	width: 220px;
	height: 52px;
	float: left;
}
.application #contents {
	width: 820px;
	padding: 30px 50px;
}
.application #contents .inner {
	margin: 40px 0 0 0;
}
.application #contents #amenity1 p {
	margin: 20px 0 0 0;
}
.application #contents #amenity2 h4 {
	margin: 7px 0 11px 59px;
}
.application #contents #amenity2 dl {
	margin: 0 0 0 59px;
}
.application #contents #amenity2 dt,
.application #contents #amenity2 dd {
	padding: 0 0 10px 0;
	height: 23px;
}
.application #contents #amenity2 dt {
	width: 120px;
	float: left;
	clear: left;
}
.application #contents #amenity2 dd {
	margin: 0 0 0 120px;
	line-height: 23px;
}
.application #contents #amenity3 .bt-benefit {
	margin: 20px 0 0 0;
	text-align: center;
}
.application #contents #other {
	overflow: hidden;
	_zoom: 1;
}
.application #contents #other .col-l {
	float: left;
	width: 390px;
}
.application #contents #other .col-r {
	float: right;
	width: 390px;
}
.application #contents #other dl {
	padding: 20px 20px 0 20px;
}
.application #contents #other dd {
	padding: 15px 15px 0 15px;
	line-height: 1.5;
}
.application #contents #other dd li {
	margin: 0 0 0 15px;
	list-style: disc;
	line-height: 1.5;
}
.application #contents #way1 p.notice {
	margin: 23px 0 9px 26px;
}
.application #contents #way1 p.att {
	margin: 20px 0 0 30px;
	line-height: 1.5;
	color: #FF0000;
}
.application #contents #way2 p.att {
	margin: 20px 0 0 30px;
	line-height: 1.5;
}
.application #contents #way3 p {
	margin: 20px 0 10px 0;
	line-height: 1.5;
}
.application #contents #way3 p.datein {
	margin-left: 20px;
}
.application #contents #way3 dl.continue-btn {
	margin:0 20px;
	padding: 16px 0;
	background: #EDF4D9;
	border: 3px solid #B2D436;
	text-align:center;
}
.application #contents #way3 dl.continue-btn dd.btn {
	margin: 16px 0;
}
.application #contents #way4 p {
	margin: 20px 0;
}
.application #contents #way4 p.datein,
.application #contents #way4 p.notice {
	margin-left: 20px;
}
.application #contents #way5 p {
	margin: 20px 0 10px 0;
	line-height: 1.5;
}
.application #contents #way5 p.datein {
	margin-left: 20px;
}
.application #contents #way5 p.notice {
	margin-left: 60px;
}
.application #contents #way5 p.att {
	color: #FF0000;
}
.application #contents #way5 table {
	margin: 0 0 0 60px;
	border-collapse: separate;
}
.application #contents #way5 table,
.application #contents #way5 table th,
.application #contents #way5 table td {
	border: 2px solid #CDE8F8;
}
.application #contents #way5 table th {
	width: 33px;
}
.application #contents #way5 table td {
	padding: 0 10px;
	line-height: normal;
}
.application #contents #way5 table td .att {
	color: #FF0000;
}
.application #contents #way5 .loppi-frame-bt {
	margin: 0 0 0 60px;
	height: 10px;
	background: url(../../adult/application/2010/img/loppi_frame-bt.gif) 0 0 no-repeat;
	line-height: 1;
	font-size: 0;
}
.application #contents #way6 p {
	margin: 20px 0 0 20px;
	line-height: 1.5;
}
.application #contents #way6 ul {
	margin: 20px 60px 0 60px;
}
.application #contents #way6 li {
	line-height: 1.5;
}
.application #contents #way6 li.att {
	color: #FF0000;
}
.application #contents #way7 p {
	margin: 20px 0;
	text-align: center;
}
.application #contents #way7 dl,
.application #contents #way7 ul {
	margin: 10px 60px;
}
.application #contents #way7 dt,
.application #contents #way7 dd {
	line-height: 1.5;
	font-weight: bold;
}
.application #contents #way7 dl.add dd {
	margin: 5px 0 10px 25px;
	font-weight: normal;
}
.application #contents #way7 li {
	line-height: 1.5;
}
.application #contents #way7 li.att {
	color: #FF0000;
}
.application #contents #way7 dl.note {
	margin: 20px 0 0 0;
	height: 70px;
	background: #EDF4D9;
}
.application #contents #way7 dl.note dt {
	width: 217px;
	height: 70px;
	float: left;
	clear: left;
}
.application #contents #way7 dl.note dd {
	margin: 0 0 0 217px;
	padding: 8px 10px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.8;
}
.application #contents #way8 .wrap {
	width: 820px;
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	background: #FFF3C4;
}
.application #contents #way8 .wrap dl {
	float: left;
	display: inline;
	width: 360px;
	margin: 0 60px 0 20px;
	padding: 40px 0 0 0;
	line-height: 1.5;
}
.application #contents #way8 .wrap dt {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 18px;
}
.application #contents #way8 .wrap ul {
	float: right;
	width: 270px;
	padding: 12px 20px 0 0;
}
.application #contents #way8 .wrap ul .tel {
	font-weight: bold;
}
.application #contents #way8 .wrap ul .tel strong {
	font-size: 24px;
}
.application #contents #way8 .wrap ul .time {
	margin: 0 0 8px 0;
	padding: 3px;
	border: 1px solid #000;
}
.application #contents #way8 .wrap ul .email {
	padding: 10px 0;
	border-top: 1px solid #808080;
	font-weight: bold;
}
.application #contents #way8 .wrap .email a {
	color: #CC0000;
	text-decoration: none;
}
.application #contents #way8 .wrap .email a:hover {
	text-decoration: underline;
}
.application #contents #way8 .wrap .fax {
	padding: 10px 0 0 0;
	border-top: 1px solid #808080;
	font-weight: bold;
}
.application #contents #way8 .wrap .fax strong {
	color: #CC0000;
	font-size: 18px;
}
.application #contents #way9 li {
	margin: 5px 0;
	font-size: 10px;
	line-height: 1.2;
}
.application #contents .payment-box {
	margin: 30px 60px 20px 60px;
}
.application #contents .payment-box dl {
	padding: 12px;
	width: 316px;
	height: 141px;
	background: url(../../adult/application/2010/img/payment-frame.gif) 0 0 no-repeat;
}
.application #contents .payment-box dl.card {
	float: left;
}
.application #contents .payment-box dl.conv {
	float: right;
}
.application #contents .payment-box dd.mark {
	margin: 15px 0;
	text-align: center;
}
.application #contents .payment-box dd.note {
	font-size: 10px;
	line-height: 1.5;
}

.application #contents #dont p.not {
	margin: 20px 0 0 70px;
	line-height: 1.8;
}
.application #contents #dont dl {
	margin: 0 0 0 70px;
}
.application #contents #dont dt,
.application #contents #dont dd {
	line-height: 1.5;
}
.application #contents #dont dt {
	margin: 15px 0 0 0;
	font-weight: bold;
}
.application #contents #dont dd {
	margin: 0 0 0 30px;
}
.application #contents #amenity2 dl.add dt {
	margin: 15px 0 0 0;
	font-weight: bold;
}
.application #contents #amenity2 dl.add dd {
	margin: 0 0 0 30px;
}

#kids.application #contents .kids-update-box,
#kids.application #contents .kids-new-box {
	margin: 0 82px 0 83px;
	width: 655px;
}
#kids.application #contents .kids-update-box th,
#kids.application #contents .kids-new-box th {
	vertical-align: top;
}
#kids.application #contents .kids-update-box td,
#kids.application #contents .kids-new-box td {
	width: 327px;
	vertical-align: top;
}
#kids.application #contents .kids-update-box li,
#kids.application #contents .kids-new-box li {
	line-height: 1.5;
}
#kids.application #contents #amenity3 p.not {
	margin: 0 0 0 80px;
	color: #F00;
}
#kids.application #contents #amenity4 .kids-update-box {
	margin: 0;
	width: auto;
}
#kids.application #contents #amenity4 .kids-update-box p {
	padding: 10px 0 0 80px;
	width: 740px;
	height: 103px;
	background: url(../../kids/application/2010/update/img/amenity4-2.jpg) top right no-repeat;
	line-height: 1.5;
}
#kids.application #contents #amenity5 .kids-update-box p {
	margin: 20px 0 15px 0;
	line-height: normal;
}
#kids.application #contents #amenity5 .kids-update-box th {
	padding: 0 20px 0 0;
}
#kids.application #contents #amenity4 .kids-new-box p {
	margin: 15px 0 10px 0;
}
#kids.application #contents #amenity4 p.not {
	margin: 20px 0 0 0;
	line-height: 1.8;
	color: #F00;
}



/*   4. Tomodachi Campaign
---------------------------------------------------- */
#campaign #frame-tp,
#campaign #frame-bt {
	margin: 0 30px;
	width: 820px;
	height: 30px;
}
#campaign #frame-tp {
	background: url(../../campaign/img/frame-tp.gif) 0 0 no-repeat;
}
#campaign #frame-bt {
	background: url(../../campaign/img/frame-bt.gif) 0 0 no-repeat;
}
#campaign #frame-ct {
	margin: 0 30px;
	width: 820px;
	background: url(../../campaign/img/frame-ct.gif) 0 0 repeat-y;
}
#campaign #double-chance {
	margin: 20px 50px;
	width: 720px;
}
#campaign #double-chance ul {
	margin: 7px 0 0 0;
	padding: 210px 0 0 340px;
	background: url(../../campaign/img/dc_img1.jpg) 0 0 no-repeat;
}
#campaign #double-chance li {
	color: #E60013;
	line-height: 1.5;
}
#campaign #introduce-continue,
#campaign #introduce-new,
#campaign #notice {
	margin: 20px 31px;
	width: 758px;
}
#campaign #introduce-continue h2,
#campaign #introduce-new h2 {
	margin: 0 0 10px 0;
}
#campaign #introduce-continue h4,
#campaign #introduce-new h4 {
	margin: 26px 0 23px 0;
}
#campaign #introduce-continue dl.way dt,
#campaign #introduce-new dl.way dt {
	margin: 15px 0 5px 0;
}
#campaign #introduce-continue dl.way dd,
#campaign #introduce-new dl.way dd {
	padding: 12px 15px;
	line-height: 1.5;
}
#campaign #introduce-continue dl.way dd {
	background: #FDECE3;
}
#campaign #introduce-new dl.way dd {
	background: #D3EED8;
}
#campaign #introduce-continue dl.way dd img.qr,
#campaign #introduce-new dl.way dd img.qr {
	padding: 0 0 0 20px;
	float: right;
}
#campaign #introduce-new dl.way dd ul {
	padding: 0 0 0 170px;
	float: right;
}
#campaign #introduce-new dl.way .mt {
	margin-top: 8px;
}
#campaign #introduce-continue .frame-s-tp {
	height: 11px;
	background: url(../../campaign/img/intro_ctn_frame-tp.gif) 0 0 no-repeat;
}
#campaign #introduce-continue .frame-s-ct {
	padding: 10px 15px;
	background: url(../../campaign/img/intro_ctn_frame-ct.gif) 0 0 repeat-y;
}
#campaign #introduce-continue .frame-s-bt {
	height: 11px;
	background: url(../../campaign/img/intro_ctn_frame-bt.gif) 0 0 no-repeat;
}
#campaign #introduce-new .frame-s-tp {
	height: 11px;
	background: url(../../campaign/img/intro_new_frame-tp.gif) 0 0 no-repeat;
}
#campaign #introduce-new .frame-s-ct {
	padding: 10px 15px;
	background: url(../../campaign/img/intro_new_frame-ct.gif) 0 0 repeat-y;
}
#campaign #introduce-new .frame-s-bt {
	height: 12px;
	background: url(../../campaign/img/intro_new_frame-bt.gif) 0 0 no-repeat;
}
#campaign #introduce-continue .frame-s-tp,
#campaign #introduce-continue .frame-s-bt,
#campaign #introduce-new .frame-s-tp,
#campaign #introduce-new .frame-s-bt {
	line-height: 1;
	font-size: 0;
}
#campaign #introduce-continue .user-login {
	padding: 12px;
	margin: 20px 0 0 0;
	text-align: center;
	background: #E5F4F3;
	border: 2px solid #A3DCE4;
}
#campaign #introduce-continue .user-login ul {
	margin: 16px 0 0 0;
}
#campaign #introduce-continue .user-login li {
	padding: 0 10px;
	display: inline;
}
#campaign #notice {
	margin-bottom: 0;
	overflow: hidden;
	_zoom: 1;
}
#campaign #notice dl.col-l {
	width: 449px;
	float: left;
}
#campaign #notice dl.col-r {
	width: 286px;
	float: right;
}
#campaign #notice dd {
	margin: 15px 10px 0 10px;
}
#campaign #notice dd li {
	padding: 0 0 0 15px;
	line-height: 1.5;
	background: url(../../campaign/img/i_li.gif) 0 3px no-repeat;
}
#campaign #container .close {
	margin: 20px 0 10px 0;
	text-align: center;
}

/*   5. Benefits
---------------------------------------------------- */
#benefit #inner {
	margin: 0 30px;
	width: 820px;
}
#benefit #inner p.mt {
	margin: 40px 0 0 0;
}