@charset "UTF-8";

/* ---------------------------------------------------------------------

TITLE   : nikkansports.com
DATE    : 2012/02/20
UPDATE  : 2013/05/08
URL     : https://www.nikkansports.com/tool/pay/css/pay.css
AUTHOR  : nikkansports.com

--------------------------------------------------------------------- */
body.psBaseball #themeNaviPsBB a,
body.psSoccer #themeNaviPsSc a,
body.psEnt #themeNaviPsEt a,
body.psBattle #themeNaviPsBt a,
body.psRace #themeNaviPsRc a,
body.psNews #themeNaviPcNs a {
	border-radius: .45em;
	color: #ffffff;
	font-weight: bold;
	background: #007ada;
}


.psTabs {
	display: none;
}


/* 有料サイトトップ
------------------------------------------------------- */
.payGenreWrap {
	clear: both;
	margin: 0 0 15px;
	padding-top: 5px;
	border-radius: .5em;
	background: #dfe5ea;
	/zoom: 1;
}

.payGenreWrap:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.payGenreWrap h3 {
	margin: 0 5px 10px;
	padding: 10px;
	border-left: 10px solid #abb9c6;
	border-radius: .5em;
	font-size: 110%;
	color: #484848;
	background: #f5f7f8;
}

.psTop .payServiceBox {
	float: left;
	margin: 0 0 15px 15px;
	padding: 15px 5px;
	border: 1px solid #abb9c6;
	border-radius: .5em;
}

.box1 .payServiceBox,
.box2 .payServiceBox,
.box3 .payServiceBox,
.box4 .payServiceBox,
.box5 .payServiceBox {
	/*width: 398px;*/
	width: 295px;
}
/*
.box3 .payServiceBox {
	width: 256px;
}
*/
.psTop .payServiceBox dt {
	/*height: auto!important;*/
	min-height: 60px;
	padding-bottom: 10px;
	text-align: center;
}
.psTop .payServiceBox dt img{
	max-height:60px;
}

.psTop .payServiceBox .psTitle {
	text-align: center;
	font-weight: bold;
}

.psTop .payServiceBox .psTitle a {
	display: block;
	padding: 10px 0;
	border: 1px solid #abb9c6;
	border-radius: .5em;
	background: #f5f7f8;
	text-shadow: 0 -1px 0 #ffffff;
}

.psTop .payServiceBox dt a:hover {
	background: #ffffff;
}

.psTop .payServiceBox .dscrp1 {
	padding: 10px 7px;
	line-height: 1.6;
}

.psTop .dscrp1 img.qr_mini{
	float: right;
	width: 70px;
	margin: 0 0 0 5px;
}

.psTop .payServiceBox .dscrp2 {
	padding-top: 10px;
	border-top: 1px dotted #abb9c6;
	color: #484848;
	font-size: 90%;
	text-align: center;
	line-height: 20px;
}

.psTop .dscrp2 img { padding-right: 5px; }



/* 有料サイト個別
------------------------------------------------------- */
#payServiceBoxIndv p {
	margin: 0 0 1em;
	font-size: 90%;
	line-height: 1.6;
}

.payServiceBox {
	padding: 15px 0 15px 20px;
	border-top: 1px solid #abb9c6;
	background: #ffffff;
}

.payServiceBox.firstChild { border: 0; }

.payServiceBox .logo {
	float: left;
	margin: 2px 15px 10px 5px;
	width: 200px;
	text-align: center;
}

.payServiceBox .logo img {
	max-width: 200px;
}

.payServiceBox .qrcode {
	float: right;
	margin: 2px 0 10px 7px;
}

.payServiceBox .paySubBox {
	margin: 0 0 15px;
	/zoom: 1;
}

.payServiceBox .paySubBox:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.payServiceBox p.access {
	overflow: auto;
}

.payServiceBox p.access span {
	color: #cf0000;
	font-weight: bold;
}

.payServiceBox p strong.mark {
	color: #1f3fcf;
	font-weight: bold;
}

.payServiceBox .contentsTitle {
	margin: 0 0 10px -20px;
	padding: 10px;
	border-left: 10px solid #abb9c6;
	border-radius: .5em;
	font-size: 110%;
	color: #484848;
	background: #f5f7f8;
}

.paySubTitle {
	clear: both;
	margin: 0 0 1em;
	padding: 5px 7px;
	border-radius: .3em;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	background: #dfe5ea;
}

.payServiceBox .carrierService {
	padding: 5px 5px 5px 0;
	vertical-align: middle;
}

.icon_nikkanID,
.icon_appstore,
.icon_other{
	display: inline-block;
	/*width: 100px;*/
	text-align: center;
	padding: 1px 3px 0;
	border-radius: 5px;
	margin-top: 5px;
	color: #FFF;
	font-weight: bold;
	font-size: 80%;
}
.icon_nikkanID{background: #59c3ea;}
.icon_appstore{background: #3f51d8;}
.icon_other{background: #666;}


.iconPOSI{
	position: relative;
	top: -2px;
}