@charset "utf-8";

/*--------------------------------------
　　　　　　　　　大枠　　　　　　　　
--------------------------------------*/

div.wrapper{
	padding:0;
	_margin:0;
	background: url(../img/repeat.jpg) -10px top repeat-x;
}


div.headerBg{
	margin:0 auto;
	min-width:960px;
	background: url(../img/bg_image.jpg) center top no-repeat;
	text-align: left;
}

.top{
	position:fixed;
	background-repeat:no-repeat;right:10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


a.top{
	display:block;
	width:130px;
	height:100px;
	bottom:30px;
	background: url(../img/top.png);
	overflow:hidden;
	outline:none;
}



/*--------------------------------------
　　　　　　　　コンテンツ　　　　　　　
--------------------------------------*/

#content{
	width:970px;
	margin:0 auto;
	padding-top: 10px;
}

h1{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h1 a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 500px;
	height: 150px;
}

a.gamerLogo{
	float:right;
	display:block;
	width:150px;
	height:30px;
	margin:20px 0 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline:none;
}

p.company{
	float:right;
	margin:-40px 10px 0 0;
	color:#31aee8;
}

span.strong{
	font-weight:bold;
}


#share {
	margin:30px 0 0;
	overflow: hidden;
	_zoom:1;
	float: left;
}
#share div {
	float: left;
	margin-right: 10px;
}
.twitter {
	width: 100px;
}
.facebook {
	width: 100px;
}

/*----------menu----------*/

#menu{
	margin:0 auto 50px;
	width:960px;
	clear:both;
	overflow:hidden;
	_zoom:1;
	text-align:left;
}

#menu a.thumbLink{

}

.new{
	margin: 4px 0 0 10px;
	position: absolute;
}

.discussionBox .new{
	margin: 12px 0 0 5px;
	position: absolute;
}

#menu a.thumbLink img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#menu .menuBox{
	padding:10px;
	width:451px;
	height:102px;
	border-radius: 6px;
	background:url(../img/menuBox_bg.png);
	box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9) inset,0px 0px 2px #747d82;
}

#menu .menuBox img.thumb{
	float:right;
	width: 136px;
	height: 100px;
	margin:0;
	border:1px solid #89d3f5;
	border-radius: 5px;
}

#menu .menuBox h2{
	width:305px;
	font-size:115%;
	font-weight:bold;
	line-height:120%;
	border-bottom:1px solid #89d3f5;
	margin-bottom:10px;
}

#menu .menuBox p{
	float:left;
	width:305px;
	font-size:93%;
	line-height:130%;
}
#menu .menuBox p.subTitle{
	font-size:100%;
	color:#008fd1;
	margin-bottom:3px;
}

#menu .menuBoxL{
	float:left;
	margin:2px 0 10px 2px;
}

#menu .menuBoxL{
	border:1px solid #89D3F5\9;
}/* IE8*/

#menu .menuBoxL:not(:target){
	border:none;
}/* IE9*/

#menu .menuBoxR{
	float:right;
	margin:2px 2px 10px 0;
}

#menu .menuBoxR{
	border:1px solid #89D3F5\9;
}/* IE8*/

#menu .menuBoxR:not(:target){
	border:none;
}/* IE9*/

.menuPresent{
	float: right;
	background: #fff;
	border-radius: 6px;
	border:1px solid #ff83c4;
}

.menuPresent img{
	margin-top:-11px;
	border-radius: 6px;
}


.menuPresent a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
	border-radius: 6px;
}

#menu .discussionBox{
	width:471px;
	height:122px;
	border-radius: 6px;
	background:url(../img/discussionBox_bg.png);
	box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9) inset,0px 0px 2px #747d82;
}

#menu .discussionBox h2{
	position: absolute;
	margin:-12px 10px 5px;
	border-bottom: none;
}

#menu .discussionBox p{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin: 17px 10px 0;
	text-shadow: 1px 1px 1px rgba(40, 59, 0, 1.0); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}

.discussion{
	overflow: hidden;
	_zoom:1;
	margin:0 5px;
	padding: 2px;
}

.discussion li{
	background: #fff;
	width: 225px;
	height: 77px;
	border-radius: 5px;
		-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, .5); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	   -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, .5); /* FF3.5 - 3.6 */
	        box-shadow: 0px 0px 1px rgba(0, 0, 0, .5); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.discussion img{
	border-radius: 5px;
}

.discussion .first{
	float:left;
}

.discussion .second{
	float:right;
}

.discussion a img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*----------list----------*/

div.list{
	clear:both;
	width:960px;
	margin-bottom:50px;
	text-align:left;
	background:#e1f6ff;
	overflow: hidden;
	_zoom: 1;
	box-shadow: 0 0 2px rgba(40, 100, 128, 0.75);
	border-radius: 6px;
}
div.list{
	border:solid 1px #9DC3D9\9;　/* IE8*/
}

div.list:not(:target){
	border:none;
}/* IE9*/

.presentBox{
	clear:both;
	width:960px;
	margin-bottom:50px;
	text-align:left;
	background: #FEF1FA;
	overflow: hidden;
	_zoom: 1;
	box-shadow: 0 0 2px rgba(40, 100, 128, 0.75);
	border-radius: 6px;
}

.presentInfo{
	background:#FFECF6;
	border: 1px solid #FFAED8;
	border-radius: 5px;
	margin-bottom: 20px;
	color: #a9165f;
	text-shadow: 1px 1px 1px #fff;
}

.presentInfo ul{
	margin:10px 30px;
}

.presentInfo li{
	list-style-type: square;
	line-height: 136%;
}

.presentInfo p{
	margin:10px !important;
}

.list h2 img{
	position:absolute;
	margin:-30px 0 0 -10px;
}

.presentBox h2{
	overflow: hidden;
	_zoom:1;
	height: 105px;
}

.presentBox h2 img{
	position:absolute;
	margin:-30px 0 0 -10px;
}

.list h2 a.large{
	display:block;
	width:960px;
	height:125px;
}

.list h2 a.small{
	display:block;
	width:960px;
	height:105px;
}

.list strong{
	font-weight:bold;
	color:#ff3295;
}

.listBg{
	position:relative;
	overflow:hidden;
	_zoom:1;
}

.commingsoon{
	text-align: center;
	margin-top:130px;
}

.suiheisenListBg{
	background:url(../img/suiheisen_bg.jpg) right bottom no-repeat;
}
.zerokiroListBg{
	background:url(../img/zerokiro_bg.jpg) right bottom no-repeat;
}
.onigokkoListBg{
	background:url(../img/onigokko_bg.jpg) right bottom no-repeat;
}
.summerListBg{
	background:url(../img/summer_bg.jpg) right bottom no-repeat;
}
.gakuouListBg{
	/*height: 550px;*/
	background:url(../img/gakuou_bg.jpg) right bottom no-repeat;
}

.presentListBg{
	/*height: 550px;*/
	background:url(../img/present_bg.jpg) right bottom no-repeat;
}

/*----------listBox----------*/

.listBoxWrap{
	float:left;
	width: 600px;
	}


.listBox{
	float:left;
width: 580px;
	margin:0px 0 20px 20px;
	background:url(../img/list_bg.png);
	box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9) inset,0 0 3px rgba(63, 117, 149, 0.5);
	border-radius: 6px;
	overflow:hidden;
	_zoom:1;
}

.listBox{
	border:1px solid #a8def7\9;
}

.listBox:first-child{
	margin-top:30px;
}

#present .listBox{
	box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9) inset,0 0 3px rgba(84, 74, 79, 0.5);
}

#present .listBox{
	border:1px solid #edc2d8\9;
}
.listBox h3{
	height:37px;
	background:url(../img/h3_icon.png) left top no-repeat;
	border-bottom:solid 2px #5ec0ff;
	margin:10px 0 20px 0;
	padding-left:48px;
	font-size:138%;
	line-height:220%;
	font-weight:bold;
	color:#003cc4;
}
#present div.listBox h3{
	background:url(../img/present_h3_icon.png) left top no-repeat;
	border-bottom:solid 2px #ff92ca;
	color: #db3472;
}

.listBox img.ss{
	width:230px;
	height:160px;
	float:right;
	margin:0 0 5px 13px;
	border:solid 1px #89d3f5;
	border-radius: 5px;
}

.listBox .presentImage_left{
	float: left;
	width: 267px;
	text-align: center;
}

.listBox .presentImage_right{
	float: right;
	width: 267px;
	text-align: center;
}

.listBox .presentImage_left img,.listBox .presentImage_right img{
	border:1px solid #ffaed8;
	border-radius: 5px;
}

.listBox .presentImage_left span,.listBox .presentImage_right span{
	color: #a9165f;
	font-weight: bold;
}

#gakuou .interviewContent{
	margin:15px;
}

#gakuou .interviewContent img{
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px solid #ffa7a7;
}

#gakuou a.gakuouInterview{
	background:url(../img/gakuou_button_interview.png) center top no-repeat;
}

ul.chara li{
	float:left;
	padding:0;
	margin:0 10px 10px 0;
}
ul.chara li.clear{
	margin-right:0;
}

ul.chara li a{
	display: block;
	width: 100px;
	height: 100px;
}

ul.chara li a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

ul.chara img{
	border: 1px solid #89d3f5;
	border-radius: 5px;
}

a.button{
	display:block;
	width:550px;
	height:64px;
	margin:15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline:none;
}

a.button:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

a.suiheisenButton{
	background:url(../img/suiheisen_button.png) center top no-repeat;
}
a.zerokiroButton{
	background:url(../img/zerokiro_button.png) center top no-repeat;
}
a.onigokkoButton{
	background:url(../img/onigokko_button.png) center top no-repeat;
}
a.summerButton{
	background:url(../img/summer_button.png) center top no-repeat;
}
a.gakuouButton{
	background:url(../img/gakuou_button.png) center top no-repeat;
}
a.presentButton{
	background:url(../img/present_button.png) center top no-repeat;
}

img.commingsoonButton{
	display:block;
	width:550px;
	height:64px;
	margin:15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline:none;
}

img.presentButton{
	display:block;
	width:550px;
	height:64px;
	margin:15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline:none;
}

div.listBox p{
	margin-bottom:15px;
	line-height:150%;
}

div.listInbox{
	margin:0 15px;
	overflow:hidden;
	_zoom:1;
}

/*----------info----------*/

.info{
	float:right;
	background:url(../img/list_bg.png);
	width:300px;
	margin:30px 20px 0 0;
	box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9) inset,0 0 3px rgba(63, 117, 149, 0.5);
	border-radius: 6px;
	padding:10px;
}

.info{
	border:1px solid #a8def7\9;
}

* html .info{
	margin:35px 10px 0 0;
}


.info h4{
	font-size:115%;
	font-weight:bold;
	color:#36b1d9;
	border-bottom:1px solid #86d0ff;
	margin-bottom:10px;
}


.info ul li{
	list-style-type:square;
	margin-left:20px;
	color:#575757;
}

a.interview{
	float: right;
	display:block;
	background: url(../img/interview.png) no-repeat;
	margin-right:24px;
	width: 312px;
	height: 232px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

a.interview{
	position: absolute;
	bottom:30px;
	right:0;
}

/*--------------------------------------
　　　　　　　　　フッタ　　　　　　　　
--------------------------------------*/



#footer{
	margin-top:100px;
	padding-top:40px;
	height:120px;
	text-align:left;
	color:#fff;
	font-size:93%;
	background: -moz-linear-gradient(center top, #65c8f6 0%,#1da9eb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65c8f6),color-stop(1, #1da9eb));
	background: -o-linear-gradient(rgb(179,217,69), rgb(131,171,11));/* Opera */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#65c8f6, EndColorStr=#1da9eb);/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#65c8f6, EndColorStr=#1da9eb)";/* IE8 */

}

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