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

.column {
  margin: 20px auto;
  width: 700px;
}

dl.column + dl {
  margin: 0 auto 20px;
}

/*サブメニュー
-------------------------------------------------------------*/
.sn-official { background: url(../image/rule/btn_sn_rule.png) no-repeat 0 0; text-indent: -9999px; height: 33px;}
.sn-limited { background: url(../image/rule/btn_sn_limited.png) no-repeat 0 0; text-indent: -9999px; height: 33px;}
.sn-revised { background: url(../image/rule/btn_sn_revised.png) no-repeat 0 0; text-indent: -9999px; height: 33px;}
.sn-download { background: url(../image/rule/btn_sn_download.png) no-repeat 0 0; text-indent: -9999px; height: 33px;}
.sn-regulation { background: url(../image/rule/btn_sn_regulation.png) no-repeat 0 0; text-indent: -9999px; height: 33px;}


.sn-current { background-position: -194px 0;}

/*ルールマニュアル閲覧＆ダウンロードサービス
-------------------------------------------------------------*/
#rulenavi {
  box-sizing: border-box;
  float: left;
  width: 400px;
  padding: 0 10px;
}

#rulenavi dt {
  margin-top: 5px;
}

#rulenavi dd {
  margin-top: 3px;
  padding: 6px 4px;
  font-size: 14px;
}

#rulenavi dd.manual_01 {
  background-color: #2f8c3a;
}

#rulenavi dd.manual_02 {
  background-color: #3E93BB;
}

#rulenavi dd.manual_03 {
  background-color: #6f3b88;
}

#rulenavi dd.manual_04 {
  background-color: #923131;
}

#rulenavi dd a {
  color: #ffffff;
  text-decoration: underline;
}

#rulenavi dd a:hover {
  text-decoration: underline;
}

#pdfDL {
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 5px  0 20px 0;
  padding: 10px;
  background-color: #ffffff;
  width: 300px;
  color: #000000;
  font-size: 10px;
  line-height: 1.5;
  border: 1px solid #999999;
}

#manualImg {
  float: left;
  padding-right: 5px;
  width: 90px;
  text-align: center;
}

#dlStep {
  float: right;
  width: 170px;
  font-size: 12px;
}

#dlBnr {
  padding-top: 10px;
  float: left;
  width: 267px;
}

/* 公式ルールについて */
#about dl dt, #about dl dd, #about dl dt img {
  margin: 0;
  padding: 0;
}

#about dl dt {
  padding-top: 10px;
}

#about dl dd {
  padding-left: 5px;
}


/*Starting Battle Spirits
-------------------------------------------------------------*/
#contentBgn {
  width:922px;
  margin: 0 auto;
  padding: 10px 0;
}

div.bgnCol {
  background:#FFDB4D;
  width:922px;
  margin:0 auto;
  padding-bottom: 20px;
}

div.bgnCol a:hover img {
  opacity:0.7; filter:
  alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

img.bnr {
  display:block;
  margin:5px auto;
  }

img.txt {
  display:block;
  margin:10px auto;
  }

img.movieBtn {
  display:block;
  margin:15px auto;
  }

.whtCol {
	/*background: url(../image/rule/beginner/bg_w.gif) repeat-y;*/
	width:882px;
	margin:0 auto;
  padding: 20px 0;
  border-radius: 8px;
  background: #FFF;
  border: 1px #CCC solid;
	/*overflow: auto;*/
	}

.whtCol dt {
  color: #319A00;
  font-weight: bold;
  font-size: 200%;
  text-align: center;
}

.whtCol dd .bnrCol {
  margin-top:0;
}

.whtCol dd p{
  padding: 20px 40px;
}

.whtCol dd p.caption {
  padding: 0;
  text-align: left;
}

ul.box01{
  width:700px;
  _width:790px;
  margin:0 auto;
  }

ul.box01 li {
  width:275px;
  float:left;
  margin:10px 35px;
  _margin:10px 35px;
  background:#FFFFCC;
  }

ul.box02{
  width:860px;
  _width:890px;
  margin:0 auto;
  }

ul.box02 li {
  width:275px;
  float:left;
  margin:10px 230px;
  _margin:10px 5px;
  background:#FFFFCC;
  }
ul.box02 li.btn_movie {
  width:846px;
  margin:10px auto 10px 5px;
  background:#FFFFCC;
  }

ul.box02 .btn_movie2 {
  width:846px;
  margin:10px auto 0 5px;
  }

ul.box03{
  width:820px;
  margin:0 auto;
  }

ul.box03 li{
  margin: 5px;
  float:left;
  background:#FFFFCC;
  }

/* Banned and Restricted Cards
-------------------------------------------------------------*/
.limited-box .tit {
  font-weight: bold;
  font-size: 150%;
  }

.limited-box .txt {
  color: #FFCC00;
  }

.limited-notice {
  margin: 10px auto;
  padding: 15px;
  background-color:#333;
  border:#FC0 1px solid;
  font-weight: bold;
}

.limited-release_text{
  margin: 10px 0;
  padding: 20px;
  font-weight: bold;
  background-color: #fff;
  border: solid 2px #FF0004;
  color: #000;
}

.limited-release_text p.fontRight{
  text-align: right;
}

.limited-release_text p + p{
  margin-top: 10px;
}

.limited-release_text span {
  color: #FF0004;
}

.limited-add{
  background: #FB5500;
  margin: 10px 0;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

.limited-Delete{
  background: #008CFF;
  margin: 10px 0;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

ul.limitedcard {
  text-align: center;
}

ul.limitedcard li {
  display: inline-block;
  width:142px;
  text-align:center;
  font-size:80%;
  padding:5px;
  height:240px;
}

ul.limitedcard li.newlimited {
  position:relative;
}

ul.limitedcard li.newlimited span.icon {
  display:block;
  background:url(../image/rule/limited/icon_new.png) no-repeat;
  width:52px;
  height:52px;
  position:absolute;
  left:100px;
}

.notice {
  width: auto;
  margin: 20px 0 10px;
  padding: 5px;
  text-align: center;
  font-size: 125%;
  color: #fff;
  background:#D80003 ;
  font-weight: bold;
}

.limitedlist {
  margin: 0 auto;
  padding-bottom: 20px;
  width: auto;
  border: 2px #FFCC00 solid;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
}

.limitedlist h4 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FC0), color-stop(0.67, #ff9500), color-stop(0.00, #ffe805));
  background: -webkit-linear-gradient(top, #ffe805 0%, #ff9500 67%, #FC0 100%);
  background: -moz-linear-gradient(top, #ffe805 0%, #ff9500 67%, #FC0 100%);
  background: -ms-linear-gradient(top, #ffe805 0%, #ff9500 67%, #FC0 100%);
  height: 29px;
  text-align:center;
  color:#000;
  font-size:140%;
  padding:5px 0;
  font-weight:bold;
}

.limitedlist h5 {
  margin: 10px 20px;
  padding: 5px 10px;
  color:#FF0;
  font-weight:bold;
  border-bottom: 1px #FFCC00 solid;
}

.limitedlist h5 span {
  font-size: 150%;
}

.limitedlist ul {
  margin: 0 auto;
  width:640px;
  display:block;
}

.limitedlist-txt {
  margin: 20px;
  font-weight: bold;
}

.nocard {
  text-align: center;
}

/*マニュアル閲覧ページ
-------------------------------------------------------------*/
#manualBg {
  background-image: none;
  background-color: #000 !important;
}
#manual {
  margin: 0 auto;
  padding: 10px 10px 0 15px;
  /*background: url(../image/rule/bg_manual.jpg) no-repeat left top;*/
  background: #000;
  width: 1000px;
  height: auto;
}

#manual img {
  display: block;
  float: left;
}

#manualNavi {
  clear: both;
  padding-top: 8px;
  text-align: center;
}

#manualNavi li {
  display: inline-block;
  width: 367px;
}

#manualNavi li.btnClose {
  padding: 0 10px;
  width: 46px;
}

#manualNavi li img.btnPrev {
  display: block;
  float: right;
}


/* Regulation
-------------------------------------------------------------*/
.column .topic {
  margin-left: 1.5em;
  text-indent: -1.5em;
  font-size: 110%;
  color: #FFCC00;
  font-weight: bold;
  }

.list-notice {
  margin-left: 1em;
  text-indent: -1em;
}

.column em{
  color: #FFCC00;
}

.list-notice ol {
  margin: 10px auto;
  padding-left: 2em;}

ol.list-notice li {
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: -2em;
}

ol.list-notice li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}

dl.note {
  margin: 20px auto;
  border: 1px #FFCC00 solid;}

dl.note dt {
  padding: 20px;
  font-size: 140%;
  font-weight: bold;
  color: #FFCC00;
  }

dl.note dd {
  padding: 0 20px 20px 20px;
  }

ul + h3,
p + h3,
p + p {
  margin-top: 20px;
}

div.btn_rule{
	width: 500px;
	display: block;
	position:absolute;
	background: url(../image/rule/limited/urgency/bg_btn-rule.jpg) no-repeat top left;
	left: 244px;
	top: 201px;
	}

dd#btn_rule a{
  display: block;
	width: auto ;
	height: auto ;
	margin: 10px auto;
	padding: 7px;
  background: #FFF;
	border-bottom: #CCC 7px solid;
	color: #000;
	text-indent: 0 ;
	text-decoration: none;
  font-size: 110%;
	font-weight: bold;
	}

dd#btn_rule img{
  vertical-align: middle;}

#btn_rule a:hover{
	padding: 11px 7px 7px;
  color:#FFFFFF;
	background: #FFBE00;
	border-bottom: #C19000 3px solid;}
  
.ruleTopicsCol {
  margin: 20px;
  font-size: 120%;
}

.ruleTopicsCol ul li {
  margin-left: 1em;
  text-indent: -1em;
}

.boxNotice {
  padding: 15px 20px;
  border: 2px #FFD600 solid;
}

.boxNotice h3 {
  color: #FFD600;
  font-weight: bold;
}

/*カード効果に関する説明
-------------------------------------------------------------*/
#header_card_effect {
	width: 828px;
	height: 70px;
	background: url(../image/rule/bg_effect.jpg) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
}

/*ルール改訂　マニュアル
-------------------------------------------------------------*/
.column_revised{
	margin: 0 auto;
	width: 598px;
	border: 2px #FC0 solid;
	padding: 20px;
 	}
	
.column_revised ul{
	margin: 20px 0;
	padding: 0 0 0 10px;
	list-style: disc;
	color: #FC0;
	}
	
.column_revised ul li{
	margin-top: 10px;}

	
.tit_revised{
	width: 622px;
	margin: 20px auto 0;
	padding: 5px 10px;
	background: #FC0;
	color:#000;
	font-size: 20px;
	font-weight: bold;}			

.btn_relative_rule{
	position:relative;
	width: 640px;
	height: 65px;
	margin: 10px auto 0 auto;
}


.clisk{
	background: #977900;
	display:block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	width:640px;
	text-decoration: none;
	text-align: center;
	}
	
.rule-more
{
	width:640px;
	height: 90px;
	backgorund: #FFFFFF;
	display:block;
	text-decoration: none;
}

a.rule-more a:hover
{
	text-decoration: none;
}

.manual
{
	width: 640px;
	margin: 0 auto;
}

/*大枠背景
--------------------------------------------------------------------------------*/	
#wrapper-rule {
	margin: 20px auto 16px auto;
	width: 828px;
	background: url(../image/common/bg_contents.png) repeat;
  border: solid 1px #000;
	behavior: url(/js/PIE.htc);
	}
/*大枠中背景
--------------------------------------------------------------------------------*/
#wrapCol-rule {
	margin: 15px auto;
	padding: 20px 0;
	width: 800px;
	background: #000 url(../image/common/bg_main.jpg) 0 0;
	border: solid 1px #A4A2A2;
	-moz-box-shadow: 0 0 6px #002C4F;
	-webkit-box-shadow: 0 0 6px #002C4F;
	behavior: url(/js/PIE.htc);
	overflow: hidden; 
	}
  
.wrapNotice{
	width: 920px;
	height: auto;
	margin: 15px auto 0;
	padding: 0 0 20px 0;
	border: 1px #C00 solid;
	background: #FFF;
	color: #000;}
  
.wrapNotice dt{
  background: #C00;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
}
	
.wrapNotice dd{
	font-size: 16px;
	width: 700px;
  margin: 10px auto;}
  
.wrapNotice dd.BoxBlue{
  width: 660px;
	background: #0059B2;
  padding: 10px 20px;
  color: #fff;}

  
/*はじめてのバトスピ 動画*/
.btn_movie3 {
	width: 846px !important;
	background: none !important;
	padding: 0 !important;
}
@media screen and (max-width: 999px) {
	.btn_movie3 a img {
		width: 100% !important;
	}
}