@charset "utf-8";

/*reset*/
* {filter: inherit;}
html {height:100%;text-size-adjust:100%;overflow:auto;}
body {min-width: 100%;min-height: 100%;height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}


/*head*/
body {
	background-color: #f9f8f7;
	/*background-color: #8f0100;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

a img {
	transition: opacity 0.3s;
}
a:hover img {
	opacity: 0.6;
}

/*wrap*/
#wrap {
	width: 100%;
	position: relative;
	min-height: 100%;
}

/*head*/
#head_wrap {
	width: 100%;
	min-width: 960px;
	background: url(../img/head_bg.jpg) repeat-x 0 47px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
#head {
	width: 960px;
	height: 215px;
	margin: 0 auto;
	position: relative;
}
#head_t1 {
	position: absolute;
	top: 95px;
	left: 10px;
	z-index: 2;
}
#head_t2 {
	position: absolute;
	top: 75px;
	left: 110px;
	z-index: 2;
}
#head_t3 {
	position: absolute;
	top: 51px;
	right: 10px;
	z-index: 1;
}

/*
-----------------------------------------------------------------
index.html main
-----------------------------------------------------------------
*/
#main {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 156px;
	overflow: hidden;
}
.top #main {
	padding: 30px 0 156px;
}
#prize1 {
	width: 940px;
	height: 494px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	overflow: hidden;
	margin: 0 auto;
}
.prize_wrap {
	width: 940px;
	margin: 0 auto;
	padding-top: 10px;
	clear: both;
}
#prize2_l {
	width: 466px;
	height: 436px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	overflow: hidden;
	float: left;
}
#prize2_r {
	width: 466px;
	height: 436px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	overflow: hidden;
	float: right;
}
.prize3 {
	width: 182px;
	height: 237px;
	float: left;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	overflow: hidden;
	margin-right: 7px;
}
.prize3b {
	width: 182px;
	height: 237px;
	float: right;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	overflow: hidden;
}

.annual_wrap {
	float: left;
	width: 940px;
	height: 127px;
	background: url(../img/top_bg.png) no-repeat;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	border-radius: 10px;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 20px;
}
.annual {
	padding: 20px;
}
.annual a {
	color: #c00;
	text-decoration: underline;
	transition: color 0.3s;
}
.annual a:hover {
	color: #f90;
	text-decoration: none;
}
.annual_wrap .banner {
	text-align: center;
	float: right;
	margin: 18px 20px 0 10px;
}

/*
-----------------------------------------------------------------
各賞 main
-----------------------------------------------------------------
*/
h2 {
	padding: 30px 0 20px;
	text-align: center;
	clear: both;
}
.content_wrap {
	width: 940px;
	margin: 0 auto 30px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	clear: both;
	overflow: hidden;
	position: relative;
}
.content_wrap .bg {
	padding: 20px;
	background: url(../img/content_bg.jpg) repeat-y 0 0;
	overflow: hidden;
}

/*.yoko*/
.content_wrap .yoko .imgbox {
	width: 900px;
	overflow: hidden;
	margin: 0 0 20px;
	position: relative;
}
.content_wrap .yoko .img {
	width: 640px;
	height: 452px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.content_wrap .yoko .textbox {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.content_wrap .yoko .textbox .left {
	width: 435px;
	float: left;
	margin-left: 5px;
}
.content_wrap .yoko .textbox .right {
	width: 435px;
	float: right;
	margin-right: 5px;
}

.content_wrap .yoko .btn1,
.content_wrap .yoko .btn2 {
	width: 860px;
	margin: 15px auto 0;
}
.content_wrap .yoko .btn1 a,
.content_wrap .yoko .btn2 a {
	width: 200px;
	height: 40px;
	float: right;
}
.content_wrap .yoko .btn2 a {
	margin: 0 2px;
}


/*.tate*/
.content_wrap .tate .imgbox {
	width: 430px;
	padding-top: 20px;
}
.content_wrap .tate .textbox {
	width: 450px;
}
.content_wrap .tate .left {
	float: left;
}
.content_wrap .tate .right {
	float: right;
}

.content_wrap .tate .imgbox .img {
	width: 430px;
	height: 610px;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}
.content_wrap .tate .imgbox .btn1 a {
	width: 200px;
	height: 40px;
	margin: 0 auto;
}
.content_wrap .tate .imgbox .btn2 {
	width: 408px;
	margin: 0 auto;
}
.content_wrap .tate .imgbox .btn2 a {
	display: block;
	width: 200px;
	height: 40px;
	float: left;
	margin: 0 2px;
}
.content_wrap .tate .imgbox .btn2 a {

}
.content_wrap .btn1 a img,
.content_wrap .btn2 a img {
	transition: none;
}
.content_wrap .btn1 a:hover img,
.content_wrap .btn2 a:hover img {
	opacity: 1;
}
.content_wrap .textbox h4 {
	margin-bottom: 10px;
}
.content_wrap .tate .textbox .h4_2 {
	margin-top: 20px;
}
.content_wrap .textbox p {
	padding: 0 5px;
	text-indent: 1em;
}
.content_wrap .textbox .author {
	padding-top: 10px;
	text-align: right;
}

/*gp*/
.content_wrap .yoko .imgbox .img.gp {
	width: 900px;
	height: 640px;
}


/*
-----------------------------------------------------------------
ロゴ main
-----------------------------------------------------------------
*/
.logo_wrap {
	padding-bottom: 20px;
	overflow: hidden;
}
.content_wrap .textbox .logo_wrap p {
	text-indent: 0;
	padding: 0;
}

.logol {
	overflow: hidden;
	float: left;
}
.logom {
	display: block;
	float: left;
	margin-right: 7px;
}
.logos {
	display: block;
	float: left;
	margin-top: 28px;
	margin-right: 7px;
}
.content_wrap .img  a.logol:hover img,
.content_wrap .img  a.logom:hover img,
.content_wrap .img  a.logos:hover img {
	opacity: 0.75;
}

/*yoko*/
.content_wrap .yoko .imgbox .logo_wrap {
	position: absolute;
	top: 0;
	left: 0;
}
.content_wrap .yoko .imgbox .logo_wrap .logom {
	float: none;
	margin: 0 0 7px;
}
.content_wrap .yoko .imgbox .logo_wrap .logos {
	float: none;
	margin: 0 25px 10px 22px;
}


/**/
.content_wrap .yoko .imgbox .logo_wrap.gp {
	position: relative;
	background: url(../img/img_prize01a.jpg) no-repeat right center;
}
.content_wrap .yoko .imgbox .logo_wrap.gp .logom {
	display: block;
	float: left;
	margin: 5px 4px 0 3px;
}
.content_wrap .yoko .imgbox .logo_wrap.gp .logos {
	display: block;
	float: left;
	margin: 33px 0 0 0;
}


#ex {
	width: 374px;
	height: 161px;
	position: absolute;
	display: none;
	cursor: pointer;
}

#exbtn {
	cursor: pointer;
	transition: opacity 0.3s;
}
#exbtn:hover {
	opacity: 0.75;
}


/*個別*/
.gp #ex {
	top: 10px;
	left: 190px;
}
.lowprice #ex {
	top: 120px;
	left: 10px;
}
.topic #ex {
	top: 10px;
	right: 10px;
}
.longplay #ex {
	width: 322px;
	height: 144px;
	top: 20px;
	right: 40px;
}


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


.top #menu {
	padding-top: 40px;
}

/*メニュー*/
#menu {
	width: 940px;
	margin: 0 auto;
	clear: both;
	padding-top: 20px;
}

#menu li {
	position: relative;
	width: 152px;
	height: 60px;
	float: left;
	margin: 0 5px 5px 0;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

#menu li a {
	width: 152px;
	height: 60px;
	overflow: hidden;
	float: left;
	position: relative;
	display: block;
	z-index: 1;
	transition: opacity 0.3s;
}
#menu li a:hover,
.gp #menu #m01 a,
.user #menu #m02 a,
.scenario #menu #m03 a,
.game #menu #m04 a,
.pure #menu #m05 a,
.pink #menu #m06 a,
.black #menu #m07 a,
.song #menu #m08 a,
.fd #menu #m09 a,
.topic #menu #m10 a,
.lowprice #menu #m11 a,
.feti #menu #m12 a,
.fire #menu #m13 a,
.longplay #menu #m14 a,
.series #menu #m15 a,
.character #menu #m16 a,
.grahic #menu #m17 a,
.judge #menu #m18 a {
	opacity: 0;
}

#menu li a img {
	position: absolute;
}

#menu li .bg {
	position: absolute;
	z-index: 0;
}


#menu li#m01 {
	width: 940px;
	height: 60px;
	margin: 0 0 5px;
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
#menu li#m01 a {
	width: 940px;
	height: 60px;
	background-position: 0 0;
	margin: 0 0 5px;
	position: relative;
	display: block;
}
#menu li#m01 .bg {
	top: -60px;
	left: 0;
}




#menu li#m07,
#menu li#m13,
#menu li#m19 {margin: 0 0 5px;float: right;}

#menu li#m02 a img {top: -120px;left:0;}
#menu li#m03 a img {top: -120px;left:-152px;}
#menu li#m04 a img {top: -120px;left:-304px;}
#menu li#m05 a img {top: -120px;left:-456px;}
#menu li#m06 a img {top: -120px;left:-608px;}
#menu li#m07 a img {top: -120px;left:-760px;}
#menu li#m08 a img {top: -240px;left:0;}
#menu li#m09 a img {top: -240px;left:-152px;}
#menu li#m10 a img {top: -240px;left:-304px;}
#menu li#m11 a img {top: -240px;left:-456px;}
#menu li#m12 a img {top: -240px;left:-608px;}
#menu li#m13 a img {top: -240px;left:-760px;}
#menu li#m14 a img {top: -360px;left:0;}
#menu li#m15 a img {top: -360px;left:-152px;}
#menu li#m16 a img {top: -360px;left:-304px;}
#menu li#m17 a img {top: -360px;left:-456px;}
#menu li#m18 a img {top: -360px;left:-608px;}
#menu li#m19 a img {top: -360px;left:-760px;}

#menu li#m02 .bg {top: -180px;left:0;}
#menu li#m03 .bg {top: -180px;left:-152px;}
#menu li#m04 .bg {top: -180px;left:-304px;}
#menu li#m05 .bg {top: -180px;left:-456px;}
#menu li#m06 .bg {top: -180px;left:-608px;}
#menu li#m07 .bg {top: -180px;left:-760px;}
#menu li#m08 .bg {top: -300px;left:0;}
#menu li#m09 .bg {top: -300px;left:-152px;}
#menu li#m10 .bg {top: -300px;left:-304px;}
#menu li#m11 .bg {top: -300px;left:-456px;}
#menu li#m12 .bg {top: -300px;left:-608px;}
#menu li#m13 .bg {top: -300px;left:-760px;}
#menu li#m14 .bg {top: -420px;left:0;}
#menu li#m15 .bg {top: -420px;left:-152px;}
#menu li#m16 .bg {top: -420px;left:-304px;}
#menu li#m17 .bg {top: -420px;left:-456px;}
#menu li#m18 .bg {top: -420px;left:-608px;}
#menu li#m19 .bg {top: -420px;left:-760px;}



/*ソーシャル*/
#f_socialWrapper {
	width: 220px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 5px;
}
#f_socialWrapper .twitter,
#f_socialWrapper .facebook {
	float: right;
	margin: 10px 2px 0;
}




/*foot*/
#foot_wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-width: 960px;
	height: 140px;
	background: url(../img/head_bg.jpg) repeat-x 0 0;
	box-shadow: 0 -1px 4px rgba(0,0,0,0.25);
}
#foot {
	width: 960px;
	padding: 26px 0 10px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
#foot p {
	margin-bottom: 10px;
}





/*pagetop*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a, .pagetop a:link, .pagetop a:visited, .pagetop a:hover, .pagetop a:active {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #c00;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
@media screen and (min-width: 1060px) {
	.pagetop {
		right: 50%;
		margin-right: -530px;
	}
}