@charset "utf-8";
@import "layout.css?ver=151002";

/* トップ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* flaArea
========================================================= */
#flaArea {
	position: relative;
	width: 100%;

	overflow: hidden;
	background: url(/common/img/bg_topfla.gif) repeat-y center top;
}
#flaArea a {
	background: transparent;
}
#flaArea > div {
	width: 100%;
	padding: 20px 0 10px;
	background: url(/common/img/bg_topfla_edge.jpg) no-repeat center top;
	text-align: center;
}



/* メインビジュアル
========================================================= */
/* 大バナー
--------------------------------------------------------- */
#mainBnr {

}
#mainBnrslider {
	width: 840px;
	height: 360px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
#mainBnr-pager {
	margin-top: 10px;
	text-align: center;
}
#mainBnr-pager li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0 5px;
	vertical-align: middle;
}
#mainBnr-pager a img {
	border: #ccc solid 1px;
}
#mainBnr-pager a:hover img,
#mainBnr-pager a:focus img {
	border: #fff solid 1px;
}

#topicBnr {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
}
#topicBnrList {
	position: absolute;
	left: 50%;
	margin-left: -818px;
	height: 308px;
	width: 1636px;
	min-height: 960px;
	overflow: hidden;
}
#topicBnrList a {
	display: inline-block;
	margin: 0 5px;
	padding: 5px;
	height: 288px;
	vertical-align: top;
}
#topicBnrList a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	box-shadow: 0 0 2px 0 rgba(110, 118, 124, .9);
}
#topicBnrList a:hover img,
#topicBnrList a:focus img {
	opacity: .7;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.topicBnrBtn {
	position: absolute;
	top: 0;
	width: 100%;
}
.topicBnrBtnInner {
	position: relative;
	width: 960px;
	height: 328px;
	margin: 0 auto;
/* 	border: 1px solid #f00; */
}
.topicPrevBtn,
.topicNextBtn {
	position: absolute;
	top: 50%;
	width: 90px;
	height: 90px;
	margin-top: -45px;
	cursor: pointer;
	z-index: 9000;
}
.topicPrevBtn {
	left: 160px;
}
.topicNextBtn {
	right: 160px;
}

/* newsListTopics
========================================================= */
#newsListTopics h1 { margin-bottom: 12px; }




/* .banner
========================================================= */
#main .banner { margin-bottom: 25px; }

/* selectTab
========================================================= */
/* tabs --------------------------------------------- */
#selectTab ul.tabs li a { background-image: url(/common/img/btn_selecttab_home.gif); }
#selectTab li#tab_game a { background-position: 0 0; }
#selectTab li#tab_event a { background-position: -100px 0; }
#selectTab li#tab_goods a { background-position: -200px 0; }
#selectTab li#tab_support a { background-position: -300px 0; }
#selectTab li#tab_other a { background-position: -400px 0; }
#selectTab li#tab_game a:hover, 
#selectTab li#tab_game a:focus { background-position: 0 -38px; }
#selectTab li#tab_event a:hover, 
#selectTab li#tab_event a:focus { background-position: -100px -38px; }
#selectTab li#tab_goods a:hover, 
#selectTab li#tab_goods a:focus { background-position: -200px -38px; }
#selectTab li#tab_support a:hover, 
#selectTab li#tab_support a:focus { background-position: -300px -38px; }
#selectTab li#tab_other a:hover, 
#selectTab li#tab_other a:focus { background-position: -400px -38px; }
#selectTab li#tab_game a.current { background-position: 0 -76px; }
#selectTab li#tab_event a.current { background-position: -100px -76px; }
#selectTab li#tab_goods a.current { background-position: -200px -76px; }
#selectTab li#tab_support a.current { background-position: -300px -76px; }
#selectTab li#tab_other a.current { background-position: -400px -76px; }
/* linklist --------------------------------------------- */
#selectTab div.linklist h2 {
	width: auto;margin-bottom: 2px; padding: 0.2em 5px;
/* 	border-bottom: 1px solid #aaafb5; */
	color: #0069bf; font-size: 123%; }
#selectTab div.linklist ul, #selectTab div.linklist ol { width: auto;}
#selectTab div.linklist li { float: left; width: 270px; }
#selectTab div.linklist li.left { margin-right: 20px; }
#selectTab div.linklist li.first { float: none; width: auto; font-size: 108%; }
#selectTab p { clear: both; padding-top: 0.5em; }

/* #pickupArea
========================================================= */
@media screen and (max-width: 960px) {
	#pickupArea {
		display: none;
	}
}
#pickupArea {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 330px;
	height: 200px;
}
#pickupArea img {
	vertical-align: top;
}
#pickupArea a:hover,
#pickupArea a:focus {
	background: transparent;
	color: #0069bf;
}
#pickupArea a {
	display: block;
}
#pickupArea a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#pickupArea a:hover img,
#pickupArea a:focus img {
	opacity: .7;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
/* http://www.softel.co.jp/blogs/tech/archives/4080 */
.fuwafuwa {
/* 	display: inline-block; */
	-webkit-animation: fuwafuwa 2s ease infinite;
	animation: fuwafuwa 2s ease infinite;
}
@-webkit-keyframes fuwafuwa {
	0% {
		-webkit-transform:translate(0, 0);
		-transform:translate(0, 0);
	}
	50% {
		-webkit-transform:translate(0, 10px);
		transform:translate(0, 10px);
	}
	100% {
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0);
	}
}
@keyframes fuwafuwa {
	0% {
		-webkit-transform:translate(0, 0);
		-transform:translate(0, 0);
	}
	50% {
		-webkit-transform:translate(0, 10px);
		transform:translate(0, 10px);
	}
	100% {
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0);
	}
}