@charset "UTF-8";

/*CONTENTS*/
#content-header {
	background: url(../images/header_bg.png) center 0 no-repeat;
	height:204px;
}
.inner{
	width:960px;
	margin:0 auto;
}
h1{
	float:left;
}
#nav{
	
}
#nav li {
	float:left;
	margin-left:2px;
	position:relative;
}
#nav li a{
	display:block;
	margin-top:51px;
	position:relative;
	z-index:2;
}
#nav li.nav4 a{
	display:block;
	margin-top:61px;
}
#nav li span{
	display:none;
	position:absolute;
	top:0;
	left:7px;
	z-index:1;
}
#nav li.nav1 span{
	left:25px;
}
#nav li.nav2 span{
	left:14px;
}
#nav li.nav3soon{
	margin-top:0px;
}
#contents p{
	margin-bottom:60px;
}
#content-footer{
	background: url(../images/footer_bg.png) center bottom no-repeat;
	height:260px;
	margin-top: -50px;
}
#content-footer .sns{
	margin:0 auto;
	width:110px;
	padding-top:0px;
}
#content-footer .sns li{
	display:inline;
}

#content-footer .nav{
	width:960px;
	margin:0 auto;
	padding-top:10px;
	text-align: center;
}
#content-footer .nav ul{
	width:960px;
}

#content-footer .nav li{
	display:inline;
}

#content-footer li a:hover img{
    cursor:pointer;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity:0.8;
    zoom:1;
}

#content-footer .pagetop{
	width:960px;
	margin:0 auto;
	text-align:right;
}



/*ABOUT*/
body#about{
	background:url(../images/contents_bg.png) repeat #fff889;
}
#about #contents h2{
	margin:0px 0 30px -47px;
}
#about #contents h2 img{
	margin-top:-60px;
}
#about #howtoplay{
	position:relative;
	display:block;
	height:1009px;
}
#about #howtoplay p{
	position:absolute;
}
#about #howtoplay .animation{
	position:absolute;
	left:226px;
	top:239px;
	width:674px;
	height:468px;
	overflow:hidden;
}

#about #animation_target{
	position:absolute;
	left:226px;
	top:239px;
	width:674px;
	height:468px;
	z-index: 0;
	overflow:hidden;
}

/*GAMES*/
body#games{
	background:url(../images/contents_bg.png) repeat #d2fcf9;
}
#games #contents h2{
	margin:10px 0 30px -65px;
}
#games .newgame, #games .onajimi{
	margin-bottom:70px;
}
#games .newgame{
	position:relative;
}
#games .newgame li,
#games .onajimi li{
	display:inline-block;
	margin-right:2px;
}
#games .newgame li a,
#games .onajimi li a{
	display:block;
	text-indent:-9999px;
	width:148px;
	height:94px;
}

#games .newgame li.btn1 a{
	background:url(../games/images/newgame_btn1.png) 0 0 no-repeat;
}
#games .newgame li.btn2 a{
	background:url(../games/images/newgame_btn2.png) 0 0 no-repeat;
}
#games .newgame li.btn3 a{
	background:url(../games/images/newgame_btn3.png) 0 0 no-repeat;
}
#games .onajimi li.btn1 a{
	background:url(../games/images/onajimi_btn1.png) 0 0 no-repeat;
}
#games .onajimi li.btn2 a{
	background:url(../games/images/onajimi_btn2.png) 0 0 no-repeat;
}
#games .onajimi li.btn3 a{
	background:url(../games/images/onajimi_btn3.png) 0 0 no-repeat;
}

#games .newgame li.btn1 a:hover,
#games .newgame li.btn2 a:hover,
#games .newgame li.btn3 a:hover,
#games .onajimi li.btn1 a:hover,
#games .onajimi li.btn2 a:hover,
#games .onajimi li.btn3 a:hover,
#games .newgame li.selected a,
#games .onajimi li.selected a{
	background-position: left bottom;
}

#games .newgame #yt1{
	position:absolute;
	left:257px;
	top:202px;
}
#games .newgame ul{
	position:absolute;
	left:252px;
	top:469px;
}

#games .onajimi{
	position:relative;
}
#games .onajimi ul{
	position:absolute;
	top:577px;
	left:251px;
}
#games .onajimi #yt2{
	position:absolute;
	left:257px;
	top:310px;
}

/*VOTE*/
body#vote{
	background:url(../images/contents_bg.png) repeat #fee9f0;
}
#vote #contents .anker {
	position: relative;
	margin: 0 auto 40px auto;
	text-align: center;
}
#vote #contents .vote-games {
	position: relative;
	padding:280px 0 60px 25px;
	height: 700px;
}
#vote .vote-image{
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
#vote input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
	cursor:pointer;
}
#vote .radiobtn{
	width:220px;
	height:180px;
	float:left;
	margin:0 10px 40px 0;
	position:relative;
}
#vote .radiobtn a{
	width:220px;
	height:180px;
	display:block;
	cursor: pointer;
	overflow: hidden;
	position:relative;
	z-index:10;
	text-indent:-9999px;
}
#vote .vote-btn1 a{
	background:url(../vote/images/vote_btn1.png) no-repeat left top;
}
#vote .vote-btn2 a{
	background:url(../vote/images/vote_btn2.png) no-repeat left top;
}
#vote .vote-btn3 a{
	background:url(../vote/images/vote_btn3.png) no-repeat left top;
}
#vote .vote-btn4 a{
	background:url(../vote/images/vote_btn4.png) no-repeat left top;
}
#vote .vote-btn5 a{
	background:url(../vote/images/vote_btn5.png) no-repeat left top;
}
#vote .vote-btn6 a{
	background:url(../vote/images/vote_btn6.png) no-repeat left top;
}
#vote .vote-btn7 a{
	background:url(../vote/images/vote_btn7.png) no-repeat left top;
}
#vote .vote-btn8 a{
	background:url(../vote/images/vote_btn8.png) no-repeat left top;
}
#vote .vote-btn9 a{
	background:url(../vote/images/vote_btn9.png) no-repeat left top;
}
#vote .vote-btn10 a{
	background:url(../vote/images/vote_btn10.png) no-repeat left top;
}
#vote .vote-btn11 a{
	background:url(../vote/images/vote_btn11.png) no-repeat left top;
}
#vote .vote-btn12 a{
	background:url(../vote/images/vote_btn12.png) no-repeat left top;
}

#vote .radiobtn a:hover,
#vote .radiobtn.ischecked label{
	background-position:right top;
}

#vote .game_checked{
	width:85px;
	height:22px;
	background:url(../vote/images/vote_selected.png) 0 0 no-repeat;
	display:none;
	text-indent:-9999px;
}

#vote .ischecked .game_checked{
	background-position:left bottom;
}
#vote .vote-games .radiobtn .game_checked{
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
#vote .vote-games .radiobtn .count{
	position:absolute;
	right:0;
	bottom:-3px;
	color:#279dda;
	font-size:28px;
	font-weight:bold;
	line-height:1;
	z-index:1;
	
	display:block;
}
#vote select{
	font-size:18px;
}
#vote select.select-pref{
	position:absolute;
	left:182px;
	top:1078px
}
#vote select.select-age{
	position:absolute;
	left:350px;
	top:1078px;
}
#vote select.select-mf{
	position:absolute;
	left:510px;
	top:1078px;
}
#vote select.select-bt{
	position:absolute;
	left:180px;
	top:1123px;
}
#vote input.submit {
  cursor: pointer;
  display: block;
  width: 622px;
  height: 72px;
  border: none;
  text-indent: -9999px;
  background: url(../vote/images/vote_submit.png) no-repeat  left top;
  position:absolute;
  left:66px;
  top:1183px
}
.vote-result{
	width: 714px;
	height: 770px;
	padding: 39px 57px 0;
	position:relative;
	background:url(../vote/images/vote_result_bg.png) no-repeat 0 0;
}
.vote-result h1{
	padding-bottom:0;
}
.vote-result iframe{
	
}
.vote-result .story{
	float:right;
	padding-top:18px;
}
.vote-result .sns-message{
	clear:both;
	padding:15px 0 10px 10px;
}
.vote-result ul{
	overflow:hidden;
}
.vote-result .share li{
	float:left;
	padding-right:20px;
}
.vote-result .toukei {
	font-weight:bold;
	line-height:1;
}
.vote-result .toukei li{
	float:left;
	font-size:20px;
	color:#FFFFFF;
	position:absolute;
}
.vote-result .toukei li.rate{
	left:178px;
	top:740px;
	font-size:50px;
	color:#fbec04;
}
.vote-result .toukei li.age{
	left:320px;
	top:740px;
}
.vote-result .toukei li.bloodtype{
	left:570px;
	top:740px;
}
.vote-result .toukei li.gender{
	left:320px;
	top:767px;
}
.vote-result .toukei li.area{
	left:570px;
	top:767px;
}
.vote-result .toukei li.comingsoon{
	left:10px;
	top:740px;
	width: 714px;
	height:40px;
	padding:10px 47px;
	text-align:center;
	background:#279dd8;
}
.error-message{
	background-color:#FFF;
	padding:150px;
}

/*MOVIE*/
body#movie{
	background:url(../images/contents_bg.png) repeat #daf3ff;
}
#movie #contents{
	position:relative;
}
#movie #contents h2{
	margin-bottom:60px;
}
#movie #contents h2 img{
	margin:0 0 0 0px;
}
#movie #contents #yt3{
	position:absolute;
	left:167px;
	top:143px;
}
#movie #contents #yt3 img{
	position:relative;
	left:220px;
	top:0px;
	margin-top: -30px;
}
#movie #contents .thumbnails{
	position:absolute;
	width:650px;
	left:167px;
	top:570px;
}
#movie #contents .thumbnails .category{
	float:left;
	margin-bottom:30px;
}
#movie #contents .thumbnails .category ul{
	overflow:hidden;
}
#movie #contents .thumbnails .category ul li{
	width:211px;
	height:136px;
	float:left;
}
#movie #contents .thumbnails .category ul li a{
	width:211px;
	height:136px;
	display:block;
	text-indent:-9999px;
}
#movie #contents .thumbnails .category ul li a:hover,
#movie #contents .thumbnails .category ul li.selected a{
	background-position:left bottom;
}
#movie #contents .thumbnails .category ul li a.mv1{
	background:url(../movie/images/movie_thumb1.png) left top no-repeat;
}
#movie #contents .thumbnails .category ul li a.mv2{
	background:url(../movie/images/movie_thumb2.png) left top no-repeat;
}
#movie #contents .thumbnails .category ul li a.mv3{
	background:url(../movie/images/movie_thumb3.png) left top no-repeat;
}
#movie #contents .thumbnails .category ul li a.mv4{
	background:url(../movie/images/movie_thumb4.png) left top no-repeat;
}
#movie #contents .thumbnails .category ul li a.mv5{
	background:url(../movie/images/movie_thumb5.png) left top no-repeat;
}
#movie #contents .thumbnails .category ul li a.mv6{
	background:url(../movie/images/movie_thumb6.png) left top no-repeat;
}
#movie #contents .thumbnails .category ul li a.mv7{
	background:url(../movie/images/movie_thumb7.png) left top no-repeat;
}

#movie #contents .thumbnails .category ul li a.mv8{
	background:url(../movie/images/movie_thumb8.png) left top no-repeat;
}

#movie #contents .thumbnails .category ul li a.mv9{
	background:url(../movie/images/movie_thumb9.png) left top no-repeat;
}

#movie #contents .thumbnails .category ul li a.mv10{
	background:url(../movie/images/movie_thumb10.png) left top no-repeat;
}

#movie #contents .thumbnails .category ul li a.mv11{
	background:url(../movie/images/movie_thumb11.png) left top no-repeat;
}

#movie #contents .thumbnails .category ul li a:hover{
	background-position: left bottom;
}

/*鬩包ｽｶ鬮ｮ竏壼殴�ｽ�ｽ�ｽ�ｽshindan 20150606鬩包ｽｶ鬮ｮ竏壼殴�ｽ�ｽ�ｽ�ｽ*/
#shindan{
	height:620px;
	position:relative;
}
#shindan p{
	position:absolute;
}
#shindan .shindan-start{
	position:absolute;
	left:66px;
	top:448px;
}
#chara-shindan{
	background:url(../vote/images/shindan_bg.png);
	width:828px;
	height:527px;
	position:relative;
}
#chara-shindan .title{
	padding:50px 0 30px 85px;
}
#chara-shindan .select-answer {
	padding-left:203px;
}
#chara-shindan .select-answer  input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	cursor:pointer;
}
#chara-shindan .select-answer label{
	display:block;
	height:30px;
	font-size:18px;
	padding:8px 0 0 34px;
	background:url(../vote/images/shindan_check_off.png) 2px 12px no-repeat;
}
#chara-shindan .select-answer label:hover{
	cursor:pointer;
}
#chara-shindan .select-answer label.ischecked{
	background:url(../vote/images/shindan_check_on.png) 0 0px no-repeat;
}
#chara-shindan .next{
	position: absolute;
	left:203px;
	top:390px;
}
#chara-shindan .chara-img{
	position:absolute;
	left:577px;
	top:90px;
}
#chara-shindan .kekka-zubari{
	padding:40px 0 0 250px;
}
#chara-shindan .kekka-details {
	font-size:20px;
	padding:15px 50px 30px 300px;
}
#chara-shindan .kekka-details p{
	padding-bottom:16px;
}
#chara-shindan .kekka-img{
	position:absolute;
	left:20px;
	top:117px;
}
#chara-shindan .sns{
	padding-left:48px;
	overflow:hidden;
}
#chara-shindan .sns li{
	float:left;
	padding:0 10px;
}
/*鬩包ｽｶ闔ｨ�ｽ�ｽ�ｯ陝ｷ�｢�ｽ�ｿ�ｽ�ｽshindan 20150606鬩包ｽｶ闔ｨ�ｽ�ｽ�ｯ陝ｷ�｢�ｽ�ｿ�ｽ�ｽ*/