@charset "utf-8";

html, body {
	height: 100%;
}

p.catch {
	position: absolute;
	top: 1450px;
	left: 50%;
	width :228px;
	height: 484px;
	margin-left: -114px;
}

/* footer */

#footer {
	width: 100%;
	height: 65px;
	background-color: rgba(0,0,0,0.6);
	color: #FFF;
	position: fixed;
	bottom: 0;
	z-index: 3;
}

/*
#footer p.middle {
	width: 20em;
	height: 36px;
	padding-left: 36px;
	padding-top: 10px;
	background: url(../images/footermenu_play.png) no-repeat top left;
	margin: 7px auto;
}
*/

#footer ul {
	width: 800px;
	margin: 0 auto;
}

#footer li {
	float: left;
	padding: 20px;
}

/* BODY */

body {
	background: #484848;
	color: #444;
	text-align: center; /* for IE6 centering */
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", verdana, "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* bxslider */

.bxsliderbox {
	padding-top: 330px;
}

/* #main */

#main {
	background: url(../images/main_img.jpg) no-repeat top center;
	height: 2028px;
	width: 100%;
}

#maininner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#maininner h1 {
	width: 608px;
	height: 217px;
	position: absolute;
	top: 1100px;
	left: 50%;
	margin-left: -304px;
}

#maininner .info {
	width: 300px;
	position: absolute;
	top: 30px;
	left: 10px;
}
#maininner .topics {
	margin-bottom: 10px;
	background: url(../images/topics_icon.png) 20px 20px no-repeat rgba(0,134,203,0.75);
}
#maininner .topics ul {
	width: 225px;
	margin-left: 60px;
	padding: 13px 15px 10px 0;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
}
#maininner .topics li {
	margin-bottom: 5px;
}
#maininner .topics .date {
	color: #b5b5b5;
}
#maininner .topics .text {
	word-break: break-all;
}
#maininner .topics a {
	color: #fff;
}

#maininner .banner li {
	margin-bottom: 10px;
}
#maininner .banner a {
	display: block;
}
#maininner .banner img {
	width: 300px;
	height: auto;
	display: block;
}



/* babel */

.babel {
	position: absolute;
	top: 300px;
	left: 10px;
}


/* sns */

#sns {
	position: absolute;
	top: 15px;
	right: 0;
	width: 123px;
	height: 26px;
}

#sns li {
	float: left;
	line-height: 0;
	margin-left: 15px;
	list-style-type: none;
}

/* cero */
#cero {
	width: 354px;
	height: 87px;
	position: absolute;
	top: 55px;
	right: 0;
}

/* bn butaimeguri */
#bnbutaimeguri {
	width: 212px;
	height: 185px;
	position: absolute;
	top: 55px;
	right: 0;
}



/* outliine */

#outline_newgen {
	background:#FFF;
	width: 100%;
	max-width:1440px;
	margin: 0 auto;
	padding: 70px 0 80px 0;
}

#outline_newgen_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#outline_system {
	background:#FFF url(../images/outline_system.png) no-repeat top center;
	height: 680px;
	width: 100%;
	max-width:1440px;
	margin: 0 auto;
}

#outline_system_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#outline_mukanshin {
	background:#FFF url(../images/outline_mukanshin.png) no-repeat top center;
	height: 466px;
	width: 100%;
	max-width:1440px;
	margin: 0 auto;
}

#outline_mukanshin_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#outline_mukanshin_inner h2 {
	width: 619px;
	height: 213px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -309px;
}

#outline_mukanshin_inner .play_btn {
	width: 141px;
	height: 141px;
	position: absolute;
	top: 520px;
	left: 50%;
	margin-left: -40px;
}

#outline_mukanshin_inner h3 {
	width: 940px;
	height: 106px;
	position: absolute;
	top: 790px;
	left: 50%;
	margin-left: -470px;
}

#outline_mukanshin_inner .introduction {
	width: 924px;
	height: 701px;
	position: absolute;
	top: 1050px;
	left: 50%;
	margin-left: -460px;
}


/* inter_mousou */

#inter_mousou {
	height: 810px;
	background: url(../images/mousoukyoufu.jpg) repeat-y top center;
}

#inter_mousou_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#inter_mousou_inner h4 {
	width: 436px;
	height: 61px;
	position: absolute;
	top: 370px;
	left: 50%;
	margin-left: -218px;
}

/* affair */

#affair {
	background: url(../images/affair_back.jpg) no-repeat top center;
	text-align: center;
}

#affair #affairinner {
	margin: 0 auto;
	position: relative;
	text-align: center;
	min-width: 960px;
	max-width: 1440px;
	line-height: 0; /* Prevent vertical gaps */
	-webkit-column-count: 3;
	-webkit-column-gap: 0px;
	-moz-column-count: 3;
	-moz-column-gap: 0px;
	column-count: 3;
	column-gap: 0px;
}

#affair #affairinner img {
	float: left;
	width: 100% !important;
	height: auto !important;
}

/* affair caption effect */

figure {
	position: relative;
	overflow: hidden;
}

figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: 100%;
	height: 35px;
	background: rgba(0,0,0,0.5);
	-webkit-transition: .3s;
	transition: .3s;
	color: #999;
	text-align: left;
}

figcaption h3 {
	position: absolute;
	bottom: 1em;
	left: 1em;
	font-size: 16px;
	color: #DDD;
}


/* inter_realize */

#inter_realize {
	width: 100%;
	height: 810px;
	background: url(../images/mousougugenka.jpg) repeat-y top center;
}

#inter_realize_inner {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

#inter_realize_inner h4 {
	position: absolute;
	width: 442px;
	height: 63px;
	top: 290px;
	left: 50%;
	margin-left: -221px;
}


/* gigaro */

#gigaro {
	background: url(../images/gigaro_back.jpg) no-repeat top center;
	height: 957px;
}

#gigaroinner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#gigaroinner h4 {
	width: 796px;
	height: 164px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -398px;
}

/* inter_chara */

#inter_chara {
	height: 808px;
	background: url(../images/black_back.png) repeat-y top center;
	position: relative;
}

#inter_chara h4 {
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -116px;
}


/* chara */

#chara {
	background: url(../images/chara_back.jpg) no-repeat top center;
/*	height: 1089px; */
	height: 1149px;
	position: relative;
}

#charainner {
	width: 100%;
	height: 1180px;
	position: relative;
}

.chara_takuru {
	background: url(../images/chara_takuru.png) no-repeat top center;
	height: 1180px;
}

.chara_takuru .btn {
	width: 100px;
	height: 56px;
	position: absolute;
	top: 700px;
	left: 50%;
	margin-left: 70px;
}

.chara_serika {
	background: url(../images/chara_serika.png) no-repeat top center;
	height: 1180px;
}

.chara_serika .btn {
	width: 100px;
	height: 56px;
	position: absolute;
	top: 650px;
	left: 50%;
	margin-left: 70px;
}

.chara_nono {
	background: url(../images/chara_nono.png) no-repeat top center;
	height: 1180px;
}

.chara_nono .btn {
	width: 100px;
	height: 56px;
	position: absolute;
	top: 720px;
	left: 50%;
	margin-left: 70px;
}

.chara_hinae {
	background: url(../images/chara_hinae.png) no-repeat top center;
	height: 1180px;
}

.chara_hinae .btn {
	width: 100px;
	height: 56px;
	position: absolute;
	top: 650px;
	left: 50%;
	margin-left: 70px;
}

.chara_mio {
	background: url(../images/chara_mio.png) no-repeat top center;
	height: 1180px;
}

.chara_mio .btn {
	width: 100px;
	height: 56px;
	position: absolute;
	top: 670px;
	left: 50%;
	margin-left: 70px;
}

.chara_uki {
	background: url(../images/chara_uki.png) no-repeat top center;
	height: 1180px;
}

.chara_uki .btn {
	width: 100px;
	height: 56px;
	position: absolute;
	top: 650px;
	left: 50%;
	margin-left: 70px;
}

.chara_hana {
	background: url(../images/chara_hana.png) no-repeat top center;
	height: 1180px;
}

.chara_hana .btn {
	width: 100px;
	height: 56px;
	position: absolute;
	top: 700px;
	left: 50%;
	margin-left: 70px;
}

.chara_nazo {
	background: url(../images/chara_nazo.png) no-repeat top center;
	height: 1180px;
}

.chara_ito {
	background: url(../images/chara_ito.png) no-repeat top center;
	height: 1180px;
}

.chara_kawahara {
	background: url(../images/chara_kawahara.png) no-repeat top center;
	height: 1180px;
}

.chara_wakui {
	background: url(../images/chara_wakui.png) no-repeat top center;
	height: 1180px;
}

.chara_gensan {
	background: url(../images/chara_gensan.png) no-repeat top center;
	height: 1180px;
}

.chara_shinjou {
	background: url(../images/chara_shinjou.png) no-repeat top center;
	height: 1180px;
}

.chara_watabe {
	background: url(../images/chara_watabe.png) no-repeat top center;
	height: 1180px;
}



/* movie */

#movie {
	background: url(../images/affair_back.jpg) no-repeat top center;
	text-align: center;
}

#movie #movieinner {
	margin: 0 auto;
	position: relative;
	text-align: center;
	min-width: 960px;
	max-width: 1440px;
	line-height: 0; /* Prevent vertical gaps */
	-webkit-column-count: 4;
	-webkit-column-gap: 0px;
	-moz-column-count: 4;
	-moz-column-gap: 0px;
	column-count: 4;
	column-gap: 0px;
}

#movie #movieinner img {
	float: left;
	width: 100% !important;
	height: auto !important;
}

/* trigger */

#trigger {
	background: url(../images/trigger_back.jpg) no-repeat top center;
	text-align: center;
	height: 810px;
}

#trigger #triggerinner {
	width: 960px;
	margin: 0 auto;
}

#trigger #triggerinner h4 {
	padding: 160px 0 60px 0;
}

#trigger #triggerinner p {
	margin-bottom: 30px;
}

#trigger #triggerinner ul li {
	float: left;
	margin: 0 20px 20px 0;
	line-height: 0;
}

/* tokuten */

#tokuten {
/*	background: url(../images/affair_back.jpg) no-repeat top center; */
	text-align: center;
	background: #e8e8e8;
	max-width: 1440px;
	margin: 0 auto;
}

#tokuten #tokutenltd {
	width: 940px;
	padding: 0 0 60px 0;
	margin: 0 auto;
}

#tokuten #tokutenltdgift {
	width: 940px;
	padding: 50px 0 50px 0;
	margin: 0 auto;
}

#tokuten h3 {
	text-align: left;
	width: 940px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

#tokuten p {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

#tokuten ul {
	width: 960px;
	margin: 0 auto;
	line-height: 0;
}

#tokuten ul li {
	float: left;
	line-height: 0;
}



#tokuten #tokuteninner {
	margin: 0 auto;
	position: relative;
	text-align: center;
	min-width: 940px;
	max-width: 940px;
	line-height: 0; /* Prevent vertical gaps */
	-webkit-column-count: 5;
	-webkit-column-gap: 0px;
	-moz-column-count: 5;
	-moz-column-gap: 0px;
	column-count: 5;
	column-gap: 0px;
}

#tokuten #tokuteninner img {
	float: left;
	width: 100% !important;
	height: auto !important;
}

#tokuten #tokuteninner2 {
	margin: 0 auto;
	position: relative;
	text-align: center;
	min-width: 940px;
	max-width: 940px;
	line-height: 0; /* Prevent vertical gaps */
	-webkit-column-count: 5;
	-webkit-column-gap: 0px;
	-moz-column-count: 5;
	-moz-column-gap: 0px;
	column-count: 5;
	column-gap: 0px;
}

#tokuten #tokuteninner2 img {
	float: left;
	width: 100% !important;
	height: auto !important;
}

/* another */

#another {
	background: #e8e8e8;
	padding: 40px 0 40px 0;
	max-width: 1440px;
	margin: 0 auto;
}

#another #spec {
	width: 960px;
	margin: 0 auto;
	margin-top: 80px;
	padding-bottom: 40px;
/*	border-bottom: 1px solid #9d9d9d; */
/*	background: #000; */
	color: #333;
	font-size: 85%;
}

#another #spec .lineup {
	width: 240px;
	float: left;
}

#another #spec .lineup .hard {
	background: #023e60;
	width: 220px;
	color: #FFF;
	margin: 0 auto;
}

#another #spec .lineup .pkg {
	margin: 0 auto;
	margin-top: 0.5em;
	width: 220px;
}

#another #spec .lineup .salesdate {
	margin: 0 auto;
	width: 220px;
	border-bottom: 1px dotted #999;
}

#another #spec .lineup .price {
	margin: 0 auto;
	width: 220px;
	border-bottom: 1px dotted #999;
	padding: 0.5em 0 0.5em 0;
}

#another #spec .lineup .cero {
	margin: 0 auto;
	width: 220px;
	border-bottom: 1px dotted #999;
	padding: 0.5em 0 0.5em 0;
}

#another #spec .lineup img {
	margin-right: 1em;
}

#another #spec dl dt {
	float: left;
	width: 5em;
}

#another #taikenban {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 40px;
/*	border-bottom: 1px solid #9d9d9d; */
/*	background: #000; */
	color: #333;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
}

#another #opcd {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 40px;
/*	border-bottom: 1px solid #9d9d9d; */
/*	background: #000; */
	color: #333;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
}


/* footer2 */

#footer2 {
	background: #e8e8e8;
	padding: 10px 0 120px 0;
	max-width: 1440px;
	margin: 0 auto;
}

#footer2 #opcd {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: 1px solid #9d9d9d;
}

#footer2 #taikenban {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 40px;
	border-bottom: 1px solid #9d9d9d;
	border-top: 1px solid #ffffff;
}

#footer2 #spec {
	width: 960px;
	margin: 0 auto;
	padding-top: 40px;
	border-top: 1px solid #ffffff;
}

#footer2 #staff {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}


#footer2 #footergame {
	width: 960px;
	margin: 0 auto;
	margin-top: 50px;
}

#footer2 #footerbrand {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 50px;
}

#footer2 .back {
  color: #fff;
  background: #000;
  display: inline-block;
  line-height: 1em;
  padding: 10px 15px;
  border-radius: 4px;
  text-decoration: none;
}


/* LINK COLOR */

#footer a:link {
	color: #FFF;
	text-decoration: none;
}

#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #ff3300; /* orange */
	font-style: normal;
	text-decoration: underline;
}

#footer a:active {
	color: #ff0000; /* red */
	text-decoration: underline;
}