@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/
body {
	background:#000 url(../images/common/bg_wrapper.jpg) no-repeat center top;
	background-attachment: fixed;
	color: #ffffff;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
	line-height: 1.5;
	}

body {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* for IE7 */
*+html body {
	font-size: small;
	}
/* for IE6 */
* html body {
	font-size: small;
	}
a {	text-decoration: underline; outline:none;}
a:link		{ color: #FFFF00; }
a:visited	{ color: #FFFF00; }
a:hover		{ color: #FF9900; }
a:active	{ color: #FF9900; }


/*nav*/
#gnavi { width: 900px; height: 64px; margin:0; padding:0;}
#gnavi li{ margin: 0; padding: 0; line-height: 0;}
#gnavi li a{ text-indent: -9999px; display: block;}

#gnavi li#gn-top a{ width: 270px; height:64px; background: url(../images/common/bg_gnavi.png) no-repeat 0 0; float: left;}
#gnavi li#gn-top-on a, #gnavi li#gn-top a:hover{ width: 270px; height:64px; background: url(../images/common/bg_gnavi.png) no-repeat 0 -64px; float: left;}

#gnavi li#gn-goods a{ width: 270px; height:64px; background: url(../images/common/bg_gnavi.png) no-repeat -270px 0; float: left;}
#gnavi li#gn-goods-on a, #gnavi li#gn-goods a:hover{ width: 270px; height:64px; background: url(../images/common/bg_gnavi.png) no-repeat -270px -64px; float: left;}

#gnavi li#gn-subscript a{ width: 360px; height:64px; background: url(../images/common/bg_gnavi.png) no-repeat -540px 0; float: left;}
#gnavi li#gn-subscript a:hover{ width: 360px; height:64px; background: url(../images/common/bg_gnavi.png) no-repeat -540px -64px; float: left;}

#gnavi li#gn-subscript_before a{ width: 360px; height:64px; background: url(../images/goods/15th_tamers/gnavi_off.png) no-repeat; float: left;}
#gnavi li#gn-subscript_before a:hover{ width: 360px; height:64px; background: url(../images/goods/15th_tamers/gnavi_off.png) no-repeat; float: left;}

#gnavi li#gn-subscript_tamers a{ width: 360px; height:64px; background: url(../images/goods/15th_tamers/btn_navi02.png) no-repeat; float: left;}
#gnavi li#gn-subscript_tamers a:hover{ width: 360px; height:64px; background: url(../images/goods/15th_tamers/btn_navi02.png) no-repeat 0 -64px; float: left;}

#gnavi li#gn-subscript_tri-memorial-set a{ width: 360px; height:64px; background: url(../images/goods/tri-memorial-set/btn_navi.png) no-repeat; float: left;}
#gnavi li#gn-subscript_tri-memorial-set a:hover{ width: 360px; height:64px; background: url(../images/goods/tri-memorial-set/btn_navi.png) no-repeat 0 -64px; float: left;}


#container {
	margin: 0 auto;
	width: 950px;
	}
#mainCol {
	width: 900px;
	padding: 19px 0 0 0;
	background: url(../images/common/bg_contents-top.jpg) left top no-repeat;
	}
#contents {
	width: 886px;
	padding: 0 7px;
	background: url(../images/common/bg_contents-mid.jpg) left top repeat-y;
	position: relative;
	}
#contents h3 { margin-top: -10px;}


/*ヘッダーコンテンツ
----------------------------------------------------------------*/
#header {
	width: 950px;
	height: 105px;
	margin: 0 auto 10px auto;
	}
h1{
	width: 293px;
	height: 87px;
	margin: 18px 0px 0px 25px;
	float: left;
	}
h2{
	width: 357px;
	height: 72px;
	margin: 33px 0px 0px 0px;
	float: left;
	}

/*メインコンテンツ
----------------------------------------------------------------*/
#wrapper {
	margin: 0px 20px 0px 20px;
	}

/*フッターコンテンツ
----------------------------------------------------------------*/
/*デジモン関連バナー*/
#footer {
	clear: both;
	width: 950px;
	margin: 5px 0 0 0;
	}
#footer-bnr {
	width: 820px;
	display:block;
	margin: 0 auto;
	}
#footer-bnr ul {
	width: 820px;
	display: block;
	}
#footer-bnr li {
	height:60px;
	float:left;
	margin:0px 0px 5px 10px;
	}

/*コピーライト*/
#footer-copy {
	background: url(../images/common/bg_footer.png);
	width: 950px;
	height: 70px;
	float:left;
	margin-top: 5px;
	}
p.logo-bandai{
	float:left;
	display: block;
	width: 35px;
	height: 38px;
	margin: 16px 0px 0px 25px;
	}
#footer-copy ul {
	float:right;
	display:block;
	position: relative;
	width:640px;
	}
#footer-copy li {
	position:absolute;
	display:block;
	}
.btn-requirement{
	font-size:11px;
	top: 19px;
	left:45px;	
	}
.btn-requirement a{
	display: block;
	color: #fff;
	text-decoration: none;
	height:20px;
	text-align: center;
	border: 1px #555 solid;
	padding: 4px 4px 0 4px;
	margin: 4px 1px; 
	background: #666;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	}
.btn-requirement a:hover{
	background: #999;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	}

.rink_contact {
width: 740px !important;
}


.btn-inquiry{
	font-size:11px;
	top: 19px;
	left:147px;
	}
.btn-inquiry a{
	display: block;
	color: #fff;
	text-decoration: none;
	height:20px;
	text-align: center;
	border: 1px #555 solid;
	padding: 4px 4px 0 4px;
	margin: 4px 1px; 
	background: #666;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	}
.btn-inquiry a:hover{
	background: #999;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	}






.btn-cd{
	top: 15px;
	right:334px;	
	}
.btn-p-bandai{
	top: 13px;
	right:188px;
	}
.btn-dcd{
	top: 14px;
	right:25px;
	}

/*SNS
----------------------------------------------------------------*/

.headerCol-sns {
  width: 230px;
  height: 25px;
  margin-left:10px;
  padding-top: 75px;
  float: left;
}
.headerCol-sns .btn_line {
  margin-left: 5px;
}
.headerCol-sns .btn_line a img {
  width: 28px !important;
  height: 28px !important;
}
.headerCol-sns .btn_facebook {
  margin: 4px 0 0 18px;
}

.headerCol-sns .btn_facebook .fb-like {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
}
#header  ul {
  margin: 0 auto;
  text-align: center;
}
#header ul li {
  display: inline-block;
  vertical-align: top;
}

/*中ページ共通
----------------------------------------------------------------*/
#pagetop {
	background: url(../images/common/bg_pagetop.png) no-repeat 0 0;
	width: 900px;
	height: 39px;
	margin: 0px auto 5px auto;
	}
#pagetop p a { 
	display: block;
	width: 172px;
	height:24;
	text-indent: -9999px;
	margin:0 auto;
	background:url(../images/common/btn_pagetop.gif) no-repeat 0 0px;
	}	
#pagetop p a:hover { 
	background-position: 0 -24px;
	}	
	
/* 汎用クラス
------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
	clear: both;
	font-size: 0;
 	}
.clearfix {
	zoom: 1;
	}
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

/*画像リンク*/
.hvr img:hover {
	opacity:0.7; filter:
	alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}


/*テキスト
----------------------------------------------------------------*/
.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-red { color: #FF0000; }
.font-blue { color: #0099FF; }
.font-yellow { color: #ffcc00; }
.font-orange { color: #ff6600; }
.font-green	{ color: #339900; }
.font-purple { color: #990066; }

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