@charset "utf-8";
/* CSS Document */

/* ========== guide▼ ========== */

#guide h2.ttlGuide{
	margin:10px 0 0;
	padding:0;
	position:relative;
	font-size:24px;
	color:#333;
}
@media screen and (max-width:767px){
	#guide h2.ttlGuide:after{
		position:relative;
		content:"";
	}
	#guide h2.ttlGuide{
		margin:10px 0 0 10px;
	}
}
@media screen and (max-width:640px){
	#guide h2.ttlGuide{
		margin:0 0 10px 10px;
		font-size:16px;
	}
}

.toggleArea.supplementInfo dt{
	padding:0 10px;
	/* 12/25追記 */
	height:60px;
	vertical-align:middle;
	display:table-cell;
	width:960px;
}

#guide .layoutPatternAlpha {margin:15px 0 0;}
#guide .layoutPatternAlpha .textArea h3 {
	color:#666;
	font-weight:bold;
	margin:0 0 10px;}

#guide .layoutPatternAlpha .textArea li {
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 5px;}

#guide .rNo{
	float:left;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	color:#fff;
	width:22px;
	height:22px;
	border-radius:22px;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	padding:4px;
	background-color: #666;
	margin:-1px 5px 1px 0;
}
/*#guide .normalNav .rNo{
	margin:-4px 5px 1px 0;
}*/
#guide .item dd .answer .rNo{
	 background-color:#BB575B;
}


/*#guide .normalNav li a{
	display:block;
	padding:15px 30px 15px 10px;
	border-bottom:1px solid #CFCFCF;
	color:#000;
	background:#FFF url(../images/icon_arrow_right.png) no-repeat 97% 50%;
	background-size:10px 16px;
}
#guide .normalNav li a .tit{
	margin-left:27px;
	display:block;
}*/

#guide .item dt{
	display:block;
	padding:15px 30px 15px 10px;
	color:#000;
	background:#FFF url(../images/icon_arrow_toggle_open.png) no-repeat scroll 98% 50%;
	background-size:17px 10px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
}
#guide .item dt.open{
	background:#FFF url(../images/icon_arrow_toggle_close.png) no-repeat 98% 50%;
	background-size:17px 10px;
}

#guide .item dt:first-child {
	border-top:none;}
#guide .item dd {
	padding:10px 30px 30px 10px;
	}

#guide .item dt p{
	margin-left:27px;
	font-weight:bold;
	line-height:1.3;
}
#guide .item dd .answer p{
	margin-left:27px;
	line-height:1.5;
}


#guide table{
	display:table;
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:14px;
}
#guide table th, #guide table td{
	display:table-cell;
	padding:5px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
}
#guide table th{
	background:#E6E6E6;
}
#guide table td{
	background:#FFF;
}
#guide table.guidePayment .columnOne{
	width:4em;
}
#guide table.guidePayment .columnTwo{
	width:9em;
}
@media screen and (min-width:640px){
	#guide table.guidePayment .columnOne{
		width:6em;
	}
	#guide table.guidePayment .columnTwo{
		width:12em;
	}
}

#company h2.headingSecond{background:#D3D3D3;}
@media screen and (max-width:767px){
	#company h2.headingSecond:after{color:#D3D3D3;}
}


.w20persent{width:20% !important;}
@media screen and (max-width:560px){
	.w20persent{width:100% !important; text-align:center;}
	.w20persent img{width:40% !important;}
}
	
/* ========== guide▲ ========== */

/* ========== rule▼ ========== */
#rule h2.ttlRule{
	margin:10px 0 0;
	padding:0;
	position:relative;
	font-size:24px;
	color:#333;
}
@media screen and (max-width:767px){
	#rule h2.ttlRule:after{
		position:relative;
		content:"";
	}
}
@media screen and (max-width:640px){
	#rule h2.ttlRule{
		margin:0 0 10px;
		font-size:16px;
	}
}
#rule .textArea h3 {
	color:#333;
	font-weight:bold;
	margin:0 0 10px;
}
#rule .textArea .number{
	padding:0 0 0 30px;
	list-style:decimal;
}

.tableSummary{
	display:table;
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:14px;
	line-height:1.3;
}
.tableSummary th, .tableSummary td{
	display:table-cell;
	padding:10px 8px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
}
.tableSummary th{
	width:30%;
	background:#E6E6E6;
}
.tableSummary td{
	width:70%;
	background:#FFF;
}

.tableSummary2{
	display:table;
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:14px;
	line-height:1.3;
}
.tableSummary2 td{
	display:table-cell;
	padding:10px 8px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
}
.tableSummary2 td{
	width:50%;
	background:#FFF;
}
/* ========== rule▲ ========== */

/* ========== company▼ ========== */
#company .navi{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#company .navi li{
	float:left;
	display:inline-block;
	margin:0;
	width:25%;
	text-align:center;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
#company .navi li span{
	display:block;
	padding:8px;
	background:#333;
	color:#FFF;
}
#company .navi li a{
	display:block;
	padding:8px;
	background:#FFF;
	color:#333;
}
@media screen and (max-width:640px){
	#company .navi li{
		width:50%;
	}
	#company .navi li span,
	#company .navi li a{
		padding:15px 0;
	}
}

#company h2.ttlCompany{
	margin:10px 0 0;
	padding:0;
	position:relative;
	font-size:24px;
	color:#333;
}
@media screen and (max-width:767px){
	#company h2.ttlCompany:after{
		position:relative;
		content:"";
	}
}
@media screen and (max-width:640px){
	#company h2.ttlCompany{
		margin:0 0 10px;
		font-size:16px;
	}
}

#company .companySummary{
	display:table;
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:14px;
}
#company .companySummary th, #company .companySummary td{
	display:table-cell;
	padding:5px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
}
#company .companySummary th{
	width:30%;
	background:#E6E6E6;
}
#company .companySummary td{
	width:70%;
	background:#FFF;
}
#company h2.headingSecond{background:#D3D3D3;}

#company .toggleArea dt, #company .toggleArea dd{
	font-size:16px;
}
/* ========== company▲ ========== */


/* フリーパーツ系 omega */

.layoutPatternOmega{
	margin:20px 0 0;
	padding:10px;
	background-color:#fff;
}

.layoutPatternOmega h2.title{
	margin:10px 0 20px;
	padding:0;
	position:relative;
	font-size:24px;
	color:#333;
	line-height:1.3;
}
@media screen and (max-width:767px){
	.layoutPatternOmega h2.title:after{
		position:relative;
		content:"";
	}
}
@media screen and (max-width:640px){
	.layoutPatternOmega h2.title{
		margin:0 0 10px;
		font-size:18px;
		font-weight:bold;
	}
}

.layoutPatternOmega .img {
	text-align:center;
	vertical-align:bottom;
	margin-bottom:20px;}
@media screen and (max-width:640px){
	.layoutPatternOmega .img img{
		width:100%;
	}
	.layoutPatternOmega .textArea h3{
	color:#000;
	font-weight:bold;
	margin:0 0 10px;
	padding:5px;
	background-color:#cdcdcd;
	}
}


.layoutPatternOmega .textArea h3{
	color:#000;
	font-weight:bold;
	margin:0 0 10px;
}
.layoutPatternOmega .textArea p{
	margin:0 0 5px;
	line-height:1.5;
}

/* グローバルメニュー　スポーツ観戦券　プロ野球 */
.menuBaseball {margin-bottom:30px;}
.menuBaseball ul{
	margin:0 0 20px;
	overflow:hidden;
	border-left:1px solid #CCCCCC;
}
.menuBaseball li{
	float:left;
	width:16.66%;
	line-height:1.1;
	text-align:center;
	background-color:#ffffff;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:90%;
}
.menuBaseball li a{
	display:block;}
.menuBaseball li img{
	/*margin-bottom:5px;*/
}
.menuBaseball li span {
	display:block;
	padding:0 0.5em 0.5em;
	color:#333;
	font-weight:bold;}
@media screen and (max-width:960px){
	.menuBaseball li span {
	height:4em;}
}

@media screen and (max-width:920px){
	.menuBaseball li img{
	width:99%;
	}
}

@media screen and (max-width:640px){
	.menuBaseball ul{
	border-left:none;
	margin:0;
	}
	.menuBaseball li{
		width:33.33%;
		margin:0 0 30px;
	}
}

/* チーム用 */
#teamFreeParts h2.teamName{
	margin:0;
	padding:0;
	position:relative;
	font-size:24px;
	color:#333;
}
@media screen and (max-width:767px){
	#teamFreeParts h2.teamName:after{
		position:relative;
		content:"";
	}
}
@media screen and (max-width:640px){
	#teamFreeParts h2.teamName{
		margin:0 0 10px;
		font-size:16px;
	}
}
#teamFreeParts .layoutPatternAlpha .photoRight,
#teamFreeParts .layoutPatternAlpha .photoLeft{
	width:200px;
}
@media screen and (max-width:560px){
	#teamFreeParts .layoutPatternAlpha .photoRight,
	#teamFreeParts .layoutPatternAlpha .photoLeft{
		margin:0 0 10px;
		width:100%;
		text-align:center;
	}
	#teamFreeParts .layoutPatternAlpha .photoRight img,
	#teamFreeParts .layoutPatternAlpha .photoLeft img{
		width:200px;
	}
}