/* CSS Document */

body {background-color:#fdd000;}
h2 {text-indent:-9999px;margin:0px;}
p {text-indent:-9999px;margin:0px;}

#contentsMain{
	width:1050px;
	margin:0 auto;
	}
#head{
	background:url(http://img.gendama.jp/img/special/rm_gendama01.jpg) no-repeat;
	width:1050px;
	height:332px;
	margin:0;
	}

#middle{
	background:url(http://img.gendama.jp/img/special/rm_gendama02.gif) no-repeat;
	width:1050px;
	height:526px;
	position:relative;
	}
	
#middle2{
	background:url(http://img.gendama.jp/img/special/rm_gendama02_.gif) no-repeat;
	width:1050px;
	height:236px;
	position:relative;
	}


#bt02{
	text-align:center;
	padding:40px 0;
	}

#under{
	background:url(http://img.gendama.jp/img/special/rm_gendama03.gif) no-repeat;
	width:1050px;
	height:428px;
	position:relative;
	}

#bt03{
	text-align:center;
	padding:290px 0 0 0;
	}

#foot{
	text-align:center;
	font-size:85%;
	color:#fff;
	padding:10px 0;
	}
	#foot a{
		text-align:center;
		color:#fff;
		padding:5px 0;
		}


#PrivacyPolicyArea {
	}
	#PrivacyPolicyArea h2 {
		font-size:12px;
		}
		#PrivacyPolicyArea p {
			line-height:1.5;
		}
#PrivacyPolicy {
	width: 540px;
	height: 120px;
	margin:1.5em auto;
	background-color: #ffffff;
	border: 1px #c0c0c0 solid;
	color: #000000;
	overflow-x: auto;
	overflow-y: auto;
	white-space: nowrap;
	}
#PrivacyPolicyInput {
	margin:20px auto;
	text-align:center;
	}
	
	
	
	
	
#middle_fuji{
	background:url(http://img.gendama.jp/img/special/rm_gendama_race.gif) no-repeat;
	width:1050px;
	height:450px;
	position:relative;
	}
	
	
#middle_fuji2{
	background:url(http://img.gendama.jp/img/special/rm_gendama02_fuji.gif) no-repeat;
	width:1050px;
	height:369px;
	position:relative;
	}
	
#middle_fuji3{
	background:url(http://img.gendama.jp/img/special/rm_gendama02_.gif) no-repeat;
	width:1050px;
	height:236px;
	position:relative;
	}	
	
#middle_mixi{
	background:url(http://img.gendama.jp/img/special/rm_gendama_mixi.gif) no-repeat;
	width:1050px;
	height:79px;
	position:relative;
	}		
	
#middle_game{
	background:url(http://img.gendama.jp/img/special/rm_gendama_game.gif) no-repeat;
	width:1050px;
	height:324px;
	}	
	
#middle_rakuten{
	background:url(http://img.gendama.jp/img/special/rm_gendama_rakuten.gif) no-repeat;
	width:1050px;
	height:380px;
	}	

#under_mixi{
	background:url(http://img.gendama.jp/img/special/rm_gendama03_mixi.gif) no-repeat;
	width:1050px;
	height:500px;
	position:relative;
	}
	
	

#bt03{
	text-align:center;
	padding:300px 0 0 0;
	}

#bt03_mixi{
	text-align:center;
	padding:390px 0 0 0;
	}

#foot{
	text-align:center;
	font-size:85%;
	color:#fff;
	padding:10px 0;
	}
	#foot a{
		text-align:center;
		color:#fff;
		padding:5px 0;
		}
		
/* mixi20101007 */
		
#head_mixi{
	background:url(http://img.gendama.jp/img/special/01_1021.jpg) no-repeat;
	width:1050px;
	height:244px;
	margin:0;
	}
#middle_game_mixi{
	background:url(http://img.gendama.jp/img/special/02_1021.jpg) no-repeat;
	width:1050px;
	height:167px;
	}
#middle2_mixi{
	background:url(http://img.gendama.jp/img/special/03_1021.jpg) no-repeat;
	width:1050px;
	height:585px;
	position:relative;
	}
#under_mixi{
	background:url(http://img.gendama.jp/img/special/04_1021.jpg) no-repeat;
	width:1050px;
	height:430px;
	position:relative;
	}
#bt01_mixiID{
	text-align:center;
	padding:15px 0 0 10px;
	}
#bt02_mixiID{
	text-align:center;
	padding:500px 0 0 10px;
	}
#bt03_mixiID {
	text-align:center;
	padding:520px 0 0 10px;
	}
#bt04_mixiID {
	text-align:center;
	padding:320px 0 0 10px;
	}
	
/* ameba20101018 */	
#head_ameba{
	background:url(http://img.gendama.jp/img/special/pochikuma01.gif) no-repeat;
	width:1050px;
	height:203px;
	margin:0;
	}
#head2_ameba{
	background:url(http://img.gendama.jp/img/special/pochikuma02.gif) no-repeat;
	width:1050px;
	height:334px;
	margin:0;
	}	
#under_ameba2{
	background:url(http://img.gendama.jp/img/special/pochikuma04.gif) no-repeat;
	width:1050px;
	height:350px;
	position:relative;
	}
	
#under_ameba{
	background:url(http://img.gendama.jp/img/special/pochikuma05.gif) no-repeat;
	width:1050px;
	height:669px;
	position:relative;
	}	
	
#middle_ameba{
	background:url(http://img.gendama.jp/img/special/mixi_gendama_game.gif) no-repeat;
	width:1050px;
	height:267px;
	}	
#bt02_ameba{
	text-align:center;
	padding:20px 0 0 10px;
	}
#bt03_ameba{
	text-align:center;
	padding:520px 0 0 10px;
	}
	
#bt04_ameba{
	text-align:center;
	padding:275px 0 0 10px;
	}


/* レイアウト変更20110624・ω・ */	

#contentsMain02{
	width:950px;
	margin:0 auto;
	background-image:url(../images/index/bk.gif);
	background-repeat:repeat-y;
	text-align:center;
	}

img.img20{margin:0 0 20px 0;}






/* ボタンアニメーション20130220*/
#block {
    height: 90px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: -15px;
    width: 620px;
}
.figure {
	position: absolute;
	z-index: 10;
}
.image {
	text-indent:0;
}

.image img {
	border:none;
}

.figure:hover .image img {
	opacity: 1;
	display: block;
	position: relative;
	top: 3px;
}

.name {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.hoverEffect {
	display: none;
}
.figure:hover + .hoverEffect {
	display: block;
}

.hoverEffect .onomatopoeia {
	position: absolute;
	top: -50px;
	left:-15px;
	width: 620px;
	height: 180px;
	background:url(../img/special/kanryo_btn_kirakira.gif);
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 1s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 1s ease-in-out infinite alternate;
	
}
@-webkit-keyframes onomatopoeiaAnime [
	0% { width: 620px; }
	20% { width: 623px; }
	40% { width: 620px; }
	100% { width: 618px; }
]
@-moz-keyframes onomatopoeiaAnime [
	0% { width: 620; }
	20% { width: 623; }
	40% { width: 620; }
	100% { width: 618; }
]
#attention {
	margin: 50px 20px 0;
	font-size: 12px;
	color: #999;
}

/* 20130222 =====================================================*/


ul{
	width:930px;
	margin:0 auto;
	background-image:url(http://img.gendama.jp/img/special/title_bg.png);
	height:315px;
	background-repeat:no-repeat;
	position:relative;
	padding:0;
}

ul li:first-child{
	padding-left:5px;
}

ul li{
	list-style:none;
	float:left;
	margin:0;
	position:relative;
	top:150px;
}

ul li#big{
	top:-20px;
}

ul[data-liffect="bounceIn"] li {
    position: relative;
    -webkit-animation: bounceIn 500ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: bounceIn 500ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: bounceIn 500ms ease both;
    -o-animation-play-state: paused;
    animation: bounceIn 500ms ease both;
    animation-play-state: paused;
}

ul[data-liffect="bounceIn"].play li {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3); }
    50% { -webkit-transform: scale(1.05); }
    70% { -webkit-transform: scale(.9); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes bounceIn {
    0% { opacity: 0; -moz-transform: scale(.3); }
    50% { -moz-transform: scale(1.05); }
    70% { -moz-transform: scale(.9); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes bounceIn {
    0% { opacity: 0; -o-transform: scale(.3); }
    50% { -o-transform: scale(1.05); }
    70% { -o-transform: scale(.9); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes bounceIn {
    0% { opacity: 0; transform: scale(.3); }
    50% { transform: scale(1.05); }
    70% { transform: scale(.9); }
    100% { opacity: 1; transform: scale(1); }
}

/*VERTPAN*/
.vertpan img {
  margin-top: 0px;
  border:none;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
  
.vertpan img:hover {
  margin-top: -8px;
}