@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/
body {
  background: #FFF url(../image/common/bg03.jpg?ver8) no-repeat top center;
  background-attachment: fixed;
  color: #fff;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, MingLiU, Helvetica, Arial, Gothic, sans-serif;
  line-height: 1.5;
  height: auto;
  }

/* for IE7 */
*+html body {
  font-size: small;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic";
  }

/* for IE6 */
* html body {
  font-size: small;
  font-family: "ＭＳ Ｐゴシック", "MS P Gothic";
  }

a {  text-decoration: underline; outline:none;}
a:link    { color: #ff6600; }
a:visited  { color: #ff6600; }
a:hover    { color: #ffcc00; }
a:active  { color: #ffcc00; }

.bg_404 { background: url(../image/404/img_404.png) no-repeat right bottom; min-height: 330px; height: auto;}

.lang-tw{font-family: MingLiU, Gothic, sans-serif !important;}

.uni-txtlink{
  width: 450px;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
  background: #F90;
  color: #FFF;
  display: block;
  font-weight: bold;
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  border-radius: 5px;/* CSS3草案 */
  text-decoration: none;}

a.uni-txtlink:link  { color: #FFF;}
a.uni-txtlink:visited  {color: #FFF;}
a.uni-txtlink:active  {color: #FFF;}
a.uni-txtlink:hover  {
  color: #FFF;
  background: #FC0;}




/*旧仕様非難
--------------------------------------------------------------------------------*/
/* 画像をセンタリング */
.centering_img { display: block; margin: 0 auto; }
.centering{ text-align: center;}

/*中身div*/
.contents h2 {
  display: block;
  margin: 0 auto;
  padding-bottom: 8px;
  width: 638px;
  }
#contents_top {
  background: url(../image/common/bg_contents_top.jpg) no-repeat left top;
  height: 20px;
  }
#contents_bottom {
  clear: both;
  background: url(../image/common/bg_contents_bottom.jpg) no-repeat left top;
  height: 20px;
  }
#contents_repeat { background: url(../image/common/bg_contents_repeat.jpg) repeat-y left top; }
.column {
  margin: 0 auto;
  width: 575px;
  }
.lcolumn {
  margin: 10px auto 0px auto;
  width: 287px;
  float: left;
  text-align: center;
  }
.rcolumn {
  margin: 10px auto 0px auto;
  width: 287px;
  float: right;
  text-align: center;
  }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.txt_left10{ margin-left: 10px;}




/*大枠
--------------------------------------------------------------------------------*/
#wrapper {
  margin: 0 auto 16px auto;
  width: 1000px;
  height: auto;
  background: url(../image/common/bg_contents.png) repeat;
  border: solid 1px #000;
  /*border-radius: 10px;        CSS3草案 */
    /*-webkit-border-radius: 10px;   Safari,Google Chrome用 */
    /*-moz-border-radius: 10px;   Firefox用 */
  behavior: url(/js/PIE.htc);
  }

/*大枠中背景
--------------------------------------------------------------------------------*/
#wrapCol-anchor {
  margin: 20px auto 20px auto;
  width: 958px;
  background: #000 url(../image/common/bg_main.jpg) 0 0;
  border: solid 1px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  behavior: url(/js/PIE.htc);
  }

#wrapCol {
  margin: 20px auto 20px auto;
  width: 958px;
  background: #000 url(../image/common/bg_main.jpg) 0 0;
  border: solid 1px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  behavior: url(/js/PIE.htc);
  overflow: hidden;
  }

/*1カラム　メイン中
--------------------------------------------------------------------------------*/
#content {
  width: 900px;
  margin: 0 auto;
  padding: 10px 0;
  }

#contentRrenew {
  width: auto;
  margin: 0 auto;
  }

.contentBnr{
  width: 948px;
  margin: -10px 0 0 15px;
  overflow: hidden;
  }

ul.contentBnr li{
  float: left;
  margin: 10px 10px 0 0;
  background: #fff;
  position: relative;}


/*2カラム　メイン
--------------------------------------------------------------------------------*/
#mainCol { float: right; width: 757px; }
#mainCol .mainCol-inner { width:700px; margin: 0 auto; padding-bottom:10px;}
#mainCol .mainCol-inner-pnon { width:700px; margin: 0 auto;}


/*2カラム　サブメニュー
--------------------------------------------------------------------------------*/
#subCol {
  float: left;
  background-color: #977900;
  width: 194px;
  margin-left: 5px;
  border: solid 1px #977900;
  behavior: url(/js/PIE.htc);
  padding-bottom: 32767px;
    margin-bottom: -32767px;
  }

* html #subCol {
  voice-family:"\"}{\"";
  voice-family:inherit;
  float: left;
  background-color: #FFF;
  width: 192px;
  margin-left: 2px;
  border: solid 3px #977900;
  behavior: url(/js/PIE.htc);
  padding-bottom: 32767px;
    margin-bottom: -32767px;
}

#snavi{
  behavior: url(/js/PIE.htc);
  font-size: 13px;
  }
#snavi dl dt { height: 33px; text-indent: -9999px;}
#snavi dl dt a {  height: 33px; display: block;}
#snavi dl dd {
  width: 188px;
  margin: 0 auto;
  background: #FFF;
  padding: 5px 0;
  behavior: url(/js/PIE.htc);
  }
#snavi dl dd ul li {
  background: url(../image/common/ico_fnlist.gif) no-repeat 0 3px;
  padding-left: 13px;
  display: block;
  width: 165px;
  margin: 8px 0 0 2px;
  line-height: 1.3;
  }

.slink li{
  position: relative;
}
.slink li a { height: 33px; display: block;}

#snavi dl dd ul li a { height: auto; display: block; color: #000; text-decoration: none;}

#snavi dl dd ul li a:visited { text-decoration: none; color: #000;}
#snavi dl dd ul li a:hover { color: #999;}

/*ヘッダー
--------------------------------------------------------------------------------*/
#header {
  margin: 0 auto 18px auto;
  /*background: url(../image/common/bg_header.jpg) no-repeat 0 0;*/
  width: 1000px;
  height: auto;
  overflow: hidden;
  }
#header h1 { width: 220px; display: block; padding: 26px 0 0 6px; float: left;}

.headerCol{
  width: 767px;
  float: right;}

.hdCommon{
  width: auto;
  height: 45px;
  padding-left: 20px;
  clear: both;
  background: url(../image/common/bg_headCommon.jpg) no-repeat left center #FF4646;
  }

.hdCommonSearch{
  width: 233px;
  height: 30px;
  background: url(../image/common/tit_cardsearch.gif) no-repeat left center #FF4646;
  padding: 2px 0 2px 83px;
  float: left;
  }

.hd-searchform_top {
  width: 220px;
  height: 30px;
  position: relative;
  border: 0;
  background: #FFF;
  }

#hd-free {
  width: 216px;
  height: 30px;
  margin: 0;
  padding-left: 5px;
  padding-right: 10px;
  line-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  }

#hd-searchBtn {
  position: absolute;
  top: 5px;
  right: -5px;
  border: 0;
  }

.hdCommonBanner{
  float: left;
  padding-left: 7px;}

#hd-searchBtn :hover,
.hdCommonBanner a:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

/*カード検索
--------------------------------------------------------------------------------*/
/*#cardsearchform {
  background: url(../image/common/bg_cardsarch.gif) no-repeat 0 0;
  width: 183px;
  height: 71px;
  position: absolute;
  top: 14px;
  left: 310px;
  }

#hiddenArea {
  position:absolute;
  left: -8px;
  top: 10px;
  }

#cardseachLink {
  position:absolute;
  display:block;
  left: -14px;
  top: -41px;
  height: 47px;
  width: 183px;
  }
#cardsearchform dt { text-indent: -9999px;}
#cardsearchform dd { position: relative;}
.searchform_header {
  position: absolute;
  height: 24px;
  top: 14px;
  left: 14px;
  }
#free {
  border: solid 0px #fff;
    width: 110px;
  position: absolute;
  top: 14px;
  left: 14px;
  }
#searchBtn {
    position: absolute;
    top: 14px;
    left: 140px;
  }*/




/*バトスピメンバーズ
--------------------------------------------------------------------------------*/

#bs_members-bnid {
  width: 220px;
  height: 66px;
  position: absolute;
  top : 25px;
  left: 720px;
  margin-left:5px;
  }

ul#bs_members-bnid li {
  display: block;
  margin-right: 10px;
  float: left;
  }

.bnr_bs-club-tw{
  width: 310px;
  height: 64px;
  position: absolute;
  top : 25px;
  right:15px;
  margin-left:5px;
  }


#bs_members {
  width: 482px;
  height: 66px;
  position: absolute;
  top : 25px;
  left: 499px;
  background: url(../image/common/bg_login.gif) no-repeat 0 0;
  }
#bs_members dt { text-indent: -9999px;}
#bs_members dd { position: relative;}
.memberslink ul { list-style-type: none; position: absolute; top: -10px; left: 120px;}
.memberslink ul li {
  background: url(../image/common/ico_bsmembers.gif) no-repeat 0 3px;
  padding: 0 0 0 10px;
  display: block;
  margin-right: 10px;
  font-size: 9px;
  float: left;
  }
.memberslink ul li a:link,
.memberslink ul li a:visited { color: #FC0;}
.loginform { position: absolute; top: 15px; left: 10px; }
.login { position: relative;}
.txt_loginid { position: absolute; top: 8px; left: 7px; }
#loginid { width: 150px; position: absolute; top: 5px; left: 70px; }
.txt_password { position: absolute; top: 8px; left: 230px; }
#password { width: 100px; position: absolute; top: 5px; left: 290px; }
#login_button { position: absolute; top: 2px; left: 400px; }


/*フッター
--------------------------------------------------------------------------------*/
#footer {
  margin: 15px auto 0;
  width: 1000px;
  behavior: url(/js/PIE.htc);
  clear: both;
  }

#fnavi {
  width: 966px;
  padding: 17px;
  background: url(../image/common/bg_contents.png) repeat;
  border: solid 1px #000;
  font-size: 87%;
  behavior: url(/js/PIE.htc);
  overflow: hidden;
  }

#fnavi dl dd { background: #FFF no-repeat 0 bottom; min-height: 180px; height: auto !important; height: 180px; }
#fnavi dl dd ul { background: #FFF no-repeat 0 0; padding: 10px;}
#fnavi dl dd ul li { background: url(../image/common/ico_fnlist.gif) no-repeat 0 3px; padding-left: 13px; color: #000;}
#fnavi dl dd ul li a { text-decoration: none; color: #000;}
#fnavi dl dd ul li a:hover { color: #999;}

#fnavi dl.fn-product { width: 155px; float: left; margin-right: 6px; margin-left: 2px;}
#fnavi dl.fn-product dt { width: 155px; height: 33px; background: url(../image/common/fn_product.gif) no-repeat 0 0; text-indent: -9999px; }

#fnavi dl.fn-cardlist { width: 155px; float: left; margin-right: 6px;}
#fnavi dl.fn-cardlist dt { width: 155px; height: 33px; background: url(../image/common/fn_deck.gif) no-repeat 0 0; text-indent: -9999px; }

#fnavi dl.fn-event { width: 155px; float: left; margin-right: 6px;}
#fnavi dl.fn-event dt { width: 155px; height: 33px; background: url(../image/common/fn_event.gif) no-repeat 0 0; text-indent: -9999px; }

#fnavi dl.fn-rule { width: 155px; float: left; margin-right: 6px;}
#fnavi dl.fn-rule dt { width: 155px; height: 33px; background: url(../image/common/fn_rule.gif) no-repeat 0 0; text-indent: -9999px; }

#fnavi dl.fn-movie { width: 155px; float: left; margin-right: 6px;}
#fnavi dl.fn-movie dt { width: 155px; height: 33px; background: url(../image/common/fn_movie.gif) no-repeat 0 0; text-indent: -9999px; }

#fnavi dl.fn-feature { width: 155px; float: left;}
#fnavi dl.fn-feature dt { width: 155px; height: 33px; background: url(../image/common/fn_feature.gif) no-repeat 0 0; text-indent: -9999px; }



/*--------------------------------------------------------------------------------*/

#fnavi-s {
  text-align: center;
  margin: 10px 0;
  }
#fnavi-s li{
  display: inline;
    border-right: solid 1px #666;
    padding-right: 1.2em;
    margin-left: 0.7em;
  font-size: 77%;
  }
#fnavi-s li.fns-top { border-left: solid 1px #666; padding-left: 1.2em; }
#fnavi-s li a {
  text-decoration: none;
  color: #111;
  }
#fnavi-s li a:hover { color: #FFA600;}
#copy {
  height: 92px;
  background: url(../image/common/bg_footer.jpg);
  behavior: url(/js/PIE.htc);
  }

body.lang-tw #copy {font-family: Microsoft JhengHei, sans-serif !important ;}
#copy p.instructions {
  color: #FFF;
  font-size: 10px;
  padding: 13px 0 0 5px;
  display: block;
  width: 558px;
  float: left;
  }
#copy img {
  padding: 15px;
  display: block;
  float: left;
  }
#copy p.flink {
  display: block;
  float: right;
  padding: 13px 25px 0 0;
  width: 320px;
  }
#copy p.flink a img {
  vertical-align: baseline;
  padding-left: 10px;
  }
#copy p.flink a:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

/*注意
----------------------------------------------------------------*/
.attention{
  height: auto;
  margin: 0 0 10px 0 ;
  }

dl.attention dt{
  width: 100% ;
  background: #930000;
  color: #FFF ;
  font-weight: bold ;
  text-align: center ;
  font-size: 18px ;
  border-radius:8px 8px 0px 0px;
  -webkit-border-top-left-radius: 8px; /* Safari,Google Chrome用 */
  -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px; /* Firefox用 */
  -moz-border-radius-topright: 8px;
  }

dl.attention p{
  text-align: center;
  text-decoration: underline ;
  color: #C00 ;
  font-weight: bold ;
  padding-top: 2px;}

dl.attention ul{
  margin: 0 ;
  padding: 4px 0 ;
  color: #000 ;
  float: left;}

dl.attention li{
  text-indent: -1em ;
  font-size: 12px ;
  margin: 3px 0;
  letter-spacing: -0.3px;
}

.attention dt
{
background: #D80003;
}

.attention dd
{
background: #FFFFFF;
color:#000000;
overflow: hidden;
border: solid 2px #930000;
border-radius:0px 0px 8px 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
}


.jasrac_icon{
  height: 60px !important ;
  width:60px !important ;
}

.attention .left
{
  float: left;
  padding-left: 20px;
}

.attention .right
{
  float: right;
}

/* グローバルナビ
--------------------------------------------------------------------------------*/

#gnavi-new { margin: 5px 0 0; width: 580px; height: 54px; padding-left: 11px; float: left; }

#gnavi-new li,#gnavi-new li a { width: 116px; height: 54px; float: left; text-indent: -9999px; display: block; background: url(../image/common/btn_gnavi2.gif) no-repeat;}

#gnavi-new li a.gn-product { background-position: 0 0; }
#gnavi-new li a.gn-product:hover { background-position: 0 -54px; }
#gnavi-new li a.gn-product-c { background-position: 0 -54px; }

#gnavi-new li a.gn-event {  background-position: -116px 0; }
#gnavi-new li a.gn-event:hover { background-position: -116px -54px; }
#gnavi-new li a.gn-event-c {  background-position: -116px -54px; }

#gnavi-new li a.gn-rule {  background-position: -232px 0; }
#gnavi-new li a.gn-rule:hover { background-position: -232px -54px; }
#gnavi-new li a.gn-rule-c {  background-position: -232px -54px; }

#gnavi-new li a.gn-card {  background-position: -348px 0; }
#gnavi-new li a.gn-card:hover { background-position: -348px -54px; }
#gnavi-new li a.gn-card-c {  background-position: -348px -54px; }

#gnavi-new li a.gn-deck {  background-position: -464px 0; }
#gnavi-new li a.gn-deck:hover { background-position: -464px -54px; }
#gnavi-new li a.gn-deck-c {  background-position: -464px -54px; }

.bnr_header{
  float: left;
  padding-top: 5px;
  padding-left: 5px;}

/* グローバルナビ 2015リニューアル
--------------------------------------------------------------------------------*/

#gnavi-new2 { margin: 5px 0 0; width: 580px; height: 54px; padding-left: 11px; float: left; }

#gnavi-new2 li,#gnavi-new2 li a { width: 116px; height: 54px; float: left; text-indent: -9999px; display: block; background: url(../image/common/btn_gnavi3.png) no-repeat;}

#gnavi-new2 li a.gn-product { background-position: 0 0; }
#gnavi-new2 li a.gn-product:hover { background-position: 0 -54px; }
#gnavi-new2 li a.gn-product-c { background-position: 0 -54px; }

#gnavi-new2 li a.gn-cardlist {  background-position: -116px 0; }
#gnavi-new2 li a.gn-cardlist:hover { background-position: -116px -54px; }
#gnavi-new2 li a.gn-cardlist-c {  background-position: -116px -54px; }

#gnavi-new2 li a.gn-deck {  background-position: -232px 0; }
#gnavi-new2 li a.gn-deck:hover { background-position: -232px -54px; }
#gnavi-new2 li a.gn-deck-c {  background-position: -232px -54px; }

#gnavi-new2 li a.gn-rule {  background-position: -348px 0; }
#gnavi-new2 li a.gn-rule:hover { background-position: -348px -54px; }
#gnavi-new2 li a.gn-rule-c {  background-position: -348px -54px; }

#gnavi-new2 li a.gn-event {  background-position: -464px 0; }
#gnavi-new2 li a.gn-event:hover { background-position: -464px -54px; }
#gnavi-new2 li a.gn-event-c {  background-position: -464px -54px; }


/* グローバルナビ
--------------------------------------------------------------------------------*/
#gnavi-tw { }

/* 各ページ見出し
--------------------------------------------------------------------------------*/
h2.tit-product { width: 958px; padding: 0 0 5px 0; text-align: center; }

h2.tit-feature { width: 958px; padding: 0 0 15px 0; text-align: center; }

h2.tit-cardlist { width: 958px; padding: 0 0 15px 0; text-align: center; }

h2.tit-event { width: 958px; padding: 0 0 15px 0;  text-align: center; }

h2.tit-rule { width: 958px; padding: 0 0 15px 0;  text-align: center; }

h2.tit-beginner { width: 958px; padding: 0 0 5px 0; no-repeat 0 0; text-align: center; }

h2.tit-mydeck { width: 958px; padding: 15px 0; text-align: center; }

.titBullet{ padding-bottom: 10px;}


/* 汎用クラス
--------------------------------------------------------------------------------*/

/*共通ボタン*/

/* ////////// リンクボタンの設定 ////////// */

.btn_non{
	background: #7F7F7F;
	border-bottom: #464646 7px solid;
	color: #FFFFFF;
	width: 80%;
	margin: 10px auto;
	padding: 7px 0;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}

.btn_non.linkBtn01:hover,
.btn_non.linkBtn02:hover,
.btn_non.linkBtn03:hover {
  padding: 7px 0;
  color: #FFFFFF;
}

a.linkBtn01{
  width: 40%;
  margin: 10px auto;
  padding: 7px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;}

.arrow:before {
  content: url(../image/common/ico_link.png);
  vertical-align: middle;
  margin-right: 5px;
}

a.linkBtn02{
  width: 80%;
  margin: 10px auto;
  padding: 7px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;}

a.linkBtn03{
  width: 100%;
  margin: 10px auto;
  padding: 7px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;}

a.linkBtn01:hover,
a.linkBtn02:hover,
a.linkBtn03:hover{
  padding: 11px 0 7px;}

a.linkBtn01 img,
a.linkBtn02 img,
a.linkBtn03 img{
  vertical-align:middle;}




a.btn_nomal:link,
a.btn_nomal:visited,
a.btn_nomal:active,
a.btn_normal:link,
a.btn_normal:visited,
a.btn_normal:active{
  background: #FF0000;
  border-bottom: #C90003 7px solid;
  color: #FFFFFF;
  }

a.btn_nomal:hover,
a.btn_normal:hover{
  color:#FFFFFF;
  background: #FFBE00;
  border-bottom: #C19000 3px solid;
  }

a.btn_rtrn:link,
a.btn_rtrn:visited,
a.btn_rtrn:active{
  background: #00A3FF;
  border-bottom: #007ABD 7px solid;
  color: #FFFFFF;
  }

a.btn_rtrn:hover{
  color:#FFFFFF;
  background: #FFBE00;
  border-bottom: #C19000 3px solid;
  }

/*戻るボタン、ページトップボタン（センタリング）*/
.btn_pageprev { margin: 10px auto; width: 102px; clear: both; }
.btn_pagetop { margin: 10px auto; width: 161px; clear: both; }
.btn_return2{
  display: block;}

.btn_returnNew{
  margin: 15px auto 0;
  text-align:center;}

.btn_return2:hover img,
.btn_returnNew a:hover img{opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha( opacity=70 )"; }

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
.clearfix:after {
    clear: both;
  }
.clearfix {
    zoom: 1;
  }
.hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  }
.fl-left { float: left; }
.fl-right { float: right; }
.mgrlauto{margin: 0 auto;}
.mg-10 { margin: 10px !important; }
.mgt-5 { margin-top: 5px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-20 { margin-top: 20px !important; }
.mgt-25 { margin-top: 25px !important; }
.mgt-30 { margin-top: 30px !important; }
.mgt-35 { margin-top: 35px !important; }
.mgt-40 { margin-top: 40px !important; }
.mgb-5 { margin-bottom: 5px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgtb-10 { margin: 10px 0 !important; }
.mgl-5 { margin-left: 5px !important; }
.mgl-10 { margin-left: 10px !important; }
.mgl-15 { margin-left: 15px !important; }
.mgl-20 { margin-left: 20px !important; }
.mgl-25 { margin-left: 25px !important; }
.mgl-30 { margin-left: 30px !important; }
.mgr-5 { margin-right: 5px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgr-15 { margin-right: 15px !important; }
.mgr-20 { margin-right: 20px !important; }
.pdt-5 { padding-top: 5px !important;}
.pdt-10 { padding-top: 10px !important;}
.pdt-15 { padding-top: 15px !important;}
.pdt-20 { padding-top: 20px !important;}
.pdt-25 { padding-top: 25px !important;}
.pdt-30 { padding-top: 30px !important;}
.pdt-35 { padding-top: 35px !important;}
.pdl-20 { padding-left: 20px !important;}
.pdb-5 { padding-bottom: 5px !important;}
.pdb-10 { padding-bottom: 10px !important;}
.pdb-15 { padding-bottom: 15px !important;}
.pdb-20 { padding-bottom: 20px !important;}
.pdb-25 { padding-bottom: 25px !important;}
.pdb-30 { padding-bottom: 30px !important;}
.pdb-35 { padding-bottom: 35px !important;}
.speacer_t_5 { margin-top: 5px;}
.speacer_t_10 { margin-top: 10px;}
.speacer_t_20 { margin-top: 20px;}
.speacer_b_10 { margin-bottom: 10px;}
.speacer_b_5 { margin-bottom: 5px;}
.speacer_b_15 { margin-bottom: 15px;}
.speacer_b_20 { margin-bottom: 20px;}
.speacer_l_10 { margin-left: 10px;}
.eve_end{
  width: 100%;
  filter: Alpha(style=0,opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter : alpha(opacity=20);
  }
.eve_fin{ position: relative; z-index: 1;}
.eve_fin img{
  width: 560px;
  height: 121px;
  behavior: url(../../../css/iepngfix2.htc);
  border: 0px;
  position:absolute;
  top: 506px;
  left: 11px;
  }

.event_fin{ position: relative; z-index: 1;}
.event_fin img.end_img{
  border: 0px;
  position:absolute;
  top: 104px;
  left: 147px;
  z-index:98;
  }


span.end_event {
  display:block;
  width:410px;
  height:45px;
  position:absolute;
  left: 229px;
  top: 254px;
  z-index:99;
}
span.end_event2 {
  display:block;
  width:410px;
  height:45px;
  position:absolute;
  left: 320px;
  top: 254px;
  z-index:99;
}

span.end_event,span.end_event2 a{
  display:block;
  width:410px;
  height:45px;
  background-image: url(../image/common/btn_rep.gif);
  text-indent:-9999px;
  z-index:99;
}

span.end_event a:hover{
  background-position: 0 -45px;
  z-index:99;
}

.btn_relative{
  position:relative;}

a.btn_hover:hover img {
  opacity:0.6; filter:
  alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";}

.relative{ position:relative;}

/*テキスト
--------------------------------------------------------------------------------*/
.text-right{
  text-align: right !important;}

.text-left{
  text-align: left !important;}

.font-10 { font-size: 77%; }
.font-11 { font-size: 85%; }
.font-12 { font-size: 93%; }
.font-13 { font-size: 100%; }
.font-14 { font-size: 108%; }
.font-15 { font-size: 116%; }
.font-16 { font-size: 123.1%; }
.font-17 { font-size: 131%; }
.font-18 { font-size: 138.5%; }
.font-19 { font-size: 146.5%; }
.font-20 { font-size: 153.9%; }
.font-21 { font-size: 161.6%; }
.font-22 { font-size: 167%; }
.font-23 { font-size: 174%; }
.font-24 { font-size: 182%; }

.font-white { color: #FFFFFF; }
.font-black { color: #000000; }
.font-red { color: #FF0000; }
.font-blue { color: #0099FF; }
.font-yellow { color: #ffcc00; }
.font-r-yellow { color: #FFF500; }
.font-orange {color:#ff6600;}
.font-green {color:#390;}
.font-grey {color: #999;}
.font-purple{ color: #60C;}
.font-lightblue{ color: #6CF }

.font-bold { font-weight: bold; }

.new {
  margin-left: 5px;
  color: #ff0000;
  font-size: 80%;
  font-weight: bold;
  }

.price {
  color: #ff0000;
  font-size: 100%;
  font-weight: bold;
  }

.ss_font  { font-size: 75%; }
.s_font    { font-size: 86.5%; }
.m_font_b  { font-weight: bold; }
.l_font    { font-size: 115%; }
.ll_font_b  { font-size: 130%; font-weight: bold; line-height: 150%; }

.m_font_or  { color: #FF9900}
.m_font_orb  { color: #FF9900; font-weight:bold;  }
.l_font_orb  { color: #FF9900; font-size: 115%; font-weight: bold;}
.ll_font_orb  { color: #FF9900; font-size: 130%; font-weight: bold; }
.lll_font_orb  { color: #FF9900; font-size: 140%; font-weight: bold; }

.m_font_yb  { color: #ffcc00; font-weight: bold; }
.l_font_yb  { color: #ffcc00; font-size: 115%; font-weight: bold; }
.ll_font_yb  { color: #ffcc00; font-size: 130%; font-weight: bold; }

.s_font_r  { color: #FF0000; font-size: 86.5%; }
.m_font_r  { color: #FF0000; }
.m_font_rb  { color: #FF0000; font-weight: bold; }
.l_font_rb  { color: #FF0000; font-size: 115%; font-weight: bold; }
.ll_font_rb  { color: #FF0000; font-size: 130%; font-weight: bold; }

.m_font_bl  { color: #0099FF; }
.m_font_blb  { color: #0099FF; font-weight: bold; }
.l_font_blb  { color: #0099FF; font-size: 115%; font-weight: bold; }

.m_font_gr  { color: #333333; }
.m_font_grb  { color: #333333; }
.l_font_vb  { color: #333333; font-size: 115%; font-weight: bold; }

.m_font_black  { color: #000; }

/*背景
--------------------------------------------------------------------------------*/
.bg-yellow{
background: #FFFFC0 !important;
}

.bg-white{
background: #FFF;
}

.bg-purple{
background: #E6CBFA;
}

.bg-yellow02{
background: #FFF497;
}

.bg-blue{
background: #E3F8FF;
}

/*アンケートバナー
------------------------------------------------------*/
.bnr_allset { position: absolute ; top: 30px; left: -131px; z-index: 1;
display:none;

}

div.bnr_allset a:hover img{opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";
display:none;

}

#facebook {
  width: 248px;
  height: 66px;
  position: absolute;
  top : 28px;
  left: 732px;
  background: url(../tw/image/common/bg_facebook.gif) no-repeat 0 0;
  }

#facebook div{
  position: relative;
}

#facebook p{
  position: absolute;
  width: 170px;
  height: 27px;
  top : 30px;
  left: 70px;
}
#facebook p a:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

/* ////////////////  リニューアル  //////////////// */

#content-new {
  width: auto;
  margin: 0 auto;
  padding: 15px;
  }

.pagecontents{
  width: 830px;
  height: auto;
  margin: 0 auto;}


/*他言語サイト--------------------------*/

#lang_wrap{
  width: auto;
  height: 20px;
  padding-top: 3px;
  padding-right: 20px;
  text-align: right;
  }

#lang_wrap a{
  background: url(../image/common/ico_fnlist.gif) no-repeat 0 3px;
  padding: 0 0 0 10px;
  margin-right: 5px;
  font-size: 9px;}

#lang_wrap a.bookmark{
  background: none;
  padding: 0 0 0 10px;
  font-size: 9px;}

#lang_wrap a:link,
#lang_wrap a:visited{ color: #FF0;}

#lang_wrap a:hover{ color: #FFF;}

/* -------------------- 大バナー --------------------------- */

.subtit{
  margin: 20px auto}

/* -------------------- ムービー --------------------------- */
.bg_movie{
  width: 867px;
  height: 503px;
  margin: auto;
  padding: 33px 0 0 33px;
  background: url(../image/event/14/anime-project/bg_movie.gif) no-repeat;
  }

/* /////////////////////////////////////////////////////

        2015 リニューアル

/////////////////////////////////////////////////////// */

.animelink
{
    float: left;
  padding-left: 7px;}

a.topanime{
display:block;
width:550px;
height:34px;
background-image:url(../image/common/bnr_anime.gif);
text-indent:-9999px;
}

a.topanime:hover{
background-position:left bottom;
}


a.bnr_topanime{
display:block;
width:317px;
height:34px;
margin-left: 5px;
background-image:url(../image/common/bnr_anime.png);
text-indent:-9999px;
float: left;
}

a.bnr_topanime:hover{
background-position:left bottom;
}

a.bnr_schedule{
display:block;
width:317px;
height:34px;
margin-left: 5px;
background-image:url(../image/common/bnr_schedule.png);
text-indent:-9999px;
float: left;
}

a.bnr_schedule:hover{
background-position:left bottom;
}

/*汎用：終了表記
---------------------------- */

.event_end2013_wrap{
  position: relative;
  background: #000;}

.event_end2013_wrap-w{
  position: relative;
  background: #fff;}

.event_end2013_txt{
  width: 100%;
  position: absolute;
  left: 0;
  top: 5%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #FC0;
  z-index: 10;
  text-shadow: 0px 2px 2px #000;
}

.event_end_txt{
  width: 100%;
  position: absolute;
  left: 0;
  top: 3%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #FC0;
  z-index: 10;
  text-shadow: 0px 2px 2px #000;
}

.event_end_txt-r{
  width: 100%;
  position: absolute;
  left: 0;
  top: 10%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #D00003;
  z-index: 10;
}

.event_end2013_img{
  width:100%;
  position: absolute;
  left: 0;
  top: 20%;
  text-align: center;
  z-index: 10;
  _behavior: url("/css/iepngfix.htc");
}

.event_end2013 {
  width: 100%;
  filter: Alpha(style=0, opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter : alpha(opacity=20);
}
.event_end2013_img a{
  font-size: 28px;
  font-weight: bold;}

.event_end2013_img a:link{ color: #FC0; }
.event_end2013_img a:active{ color: #FC0; }
.event_end2013_img a:visited{ color: #FC0; }
.event_end2013_img a:hover{ color: #FF9; }

/*丸付き文字*/
.ico_circle-nm {
  display: inline-block;
  position: relative;
  color: #fff;
  z-index: 2;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
  line-height: 24px;
  text-align: center;
  font-size: 15px;
}

.ico_circle-nm:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0; 
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #FFB300;
  z-index: -1;
  }
  
  /* ///////////////////////////////////

ムービー汎用

//////////////////////////////////// */

.frm-movie_wrap{
  padding: 15px;
  margin: 10px;}

.frm-movie_box{
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}

.frm-movie_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.frm-movie_wrap p{
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

/* ムービー赤枠
------------------------------------------------------*/

.frm-movie_wrap.red{
  background: #CC0003;
}

.frm-movie_wrap.red .frm-movie_box{
  border: solid 15px #870002;
}

/* 扉バナー 更新アイコン
------------------------------------------------------*/

.update{
  position: absolute;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 81px;
  height: 83px;
  background: url(../image/common/ico_new.png) no-repeat;
}

ul#gnavi-new2 li{
  position: relative;
}

ul#gnavi-new2 li .update{
  position: absolute;
  z-index: 99;
  left: 5px;
  top: -5px;
  width: 40px;
  height: 17px;
  background: url(../image/common/ico_new_navi.gif) no-repeat;
}