@charset "UTF-8";
/* =============================================================================
	Last Up Date	2013.6.10
============================================================================= */

/* トップページ
----------------------------------------------------------------------------- */
#index #wrapper {
	max-width: 1920px !important;
	background-image: url(../img/index_bg.png);
}
#index #container {
	background-position: center -20px;
}
#index #header {
	height: 115px;
}
#index #logo {
	padding: 12px 0 13px 0;
}
#index #naviH {
	top: 20px;
}
#index #login {
	top: 13px;
}
/* メインビジュアル */
#mainvisual {
	position: relative;
	margin: 0 auto;
	height: 380px;
	background-image: url(../../img/mainvisual_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	overflow:hidden;
}
#mainvisual .overleft {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: 480px;
	width: 100%;
	height: 370px;
	background-image: url(../../img/mainvisual_left.png);
	background-position: right top;
	background-repeat: no-repeat;
	z-index: 300;
}
#mainvisual .overright {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 480px;
	width: 100%;
	height: 370px;
	background-image: url(../../img/mainvisual_right.png);
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 300;
}
#mainvisual .overcenter {
	position: absolute;
	top: 305px;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	height: 51px;
	background-image: url(../../img/mv_bnr_on.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 300;
}
#mainvisual .bx-prev {
	display: block;
	position: absolute;
	top: 314px;
	left: 50%;
	margin-left: -480px;
	width: 19px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 400;
}
#mainvisual .bx-next {
	position: absolute;
	top: 314px;
	left: 50%;
	margin-left: 461px;
	width: 19px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 400;
}
#mainvisual .bx-prev a {
	display: block;
	width: 19px;
	height: 40px;
	background-image: url(../img/btn_prev.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#mainvisual .bx-next a {
	display: block;
	width: 19px;
	height: 40px;
	background-image: url(../img/btn_next.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#mainvisual .bx-prev a:hover {
	background-image: url(../img/btn_prev_on.png);
}
#mainvisual .bx-next a:hover {
	background-image: url(../img/btn_next_on.png);
}
#slide {
	position: relative;
	z-index: 100;
}
#slide .bx-wrapper {
	margin: 0 auto;
	padding: 0 0 40px 0;
	width: 100%;
	height: 340px;
	overflow: hidden;
	z-index: 100;
}
#slide .bx-viewport {
	margin: 0 auto !important;
	width: 960px !important;
	overflow: visible !important;
}
#slide ul {
	position: relative;
	height: 340px !important;
	overflow: hidden;
}
#bx-pager {
	position: absolute;
	margin-left: -480px;
	top: 302px;
	left: 50%;
	padding: 0 25px;
	background-image: url(../../img/bx-pager_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 910px;
	height: 58px;
	text-align: center;
	overflow: hidden;
	z-index: 100;
}
#bx-pager li {
	display: block;
	position: relative;
	float: left;
	background-image: url(../../img/mv_bnr_bg.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	padding: 10px 5px 0 5px;
	width: 120px !important;
}
#bx-pager .bx-wrapper {
	position: relative;
	margin: 0 auto;
	width: 910px !important;
	height: 58px !important;
	background: transparent !important;
	z-index: 100;
}
#bx-pager .bx-viewport li {
	display: block;
	position: relative;
	background-image: url(../../img/mv_bnr_bg.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	padding: 10px 5px 0 5px;
	width: 120px !important;
}
.bnr a {
	width: 120px;
}
.bnr a span {
	display: none;
}
.bnr a:hover span,
.bnr .active span {
	display: block;
	position: absolute;
	top: 3px;
	left: 5px;
	width: 120px;
	height: 51px;
	z-index: 300;
}
.bnr a:hover span img,
.bnr .active span img {
	width: 120px;
}
.bnr a span.new,
.bnr a:hover span.new,
.bnr .active span.new{
	display: block;
	position: absolute;
	top:9px;
	left:4px;
	text-align:left;
	z-index: 200;
}
.bnr a span.new img,
.bnr a:hover span.new img,
.bnr .active span.new img {
	width:30px;
	height:31px;
}

/* 各コンテンツ */
#index #content {
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 980px;
	background: none;
}
#index #content .box {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 30px 0;
	background-image: url(../img/content_bg_btm.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#index #content .top {
	padding: 25px 20px 10px 40px;
}
#index #content .base {
	padding: 0;
	background: none;
}
#content .ttl {
	padding: 0;
	background: none;
}
#content .box .listbtn {
	position: absolute;
	top: 30px;
	left: 850px;
}
/* ナムコのアミューズメント施設 */
#content .amusement {
	position: relative;
	padding: 10px 35px 20px 35px;
	background-image: url(../img/content_bg.png);
	background-position: center top;
	background-repeat: repeat-y;
}
#content .amusement li {
	position: relative;
	float: left;
	padding: 0 25px;
	width: 405px;
	background-image: url(../../img/amusement_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 100;
}
#content .amusement h3,
#content .chara h3 {
	margin: 0 0 5px 0;
}
#content .amusement h3 img,
#content .chara h3 img {
	position: relative;
	z-index: 300;
}
#content .amusement p,
#content .chara p {
	margin-bottom: 50px;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
}
#content .amusement a {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 25px;
}
#content .amusement .randomImg {
	margin: 0 0 5px 0;
	padding: 0;
	height: 183px;
	overflow: hidden;
}
#content .amusement .randomImg li,
#content .chara .randomImg li {
	padding: 0;
}
#content .amusement .randomImg li a,
#content .chara .randomImg li a {
	position: relative;
	padding: 0;
}
#content .chara {
	position: relative;
	padding: 20px 40px;
	background-image: url(../img/content_bg.png);
	background-position: center top;
	background-repeat: repeat-y;
}
#content .chara li {
	position: relative;
	float: left;
	padding: 0 20px;
	width: 260px;
	background-image: url(../../img/chara_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 100;
}
#content .chara a {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 20px;
}
#content .chara .randomImg {
	margin: 0 0 5px 0;
	padding: 0;
	height: 117px;
	overflow: hidden;
}
/* キャンペーン・イベント情報、関連施設・コーナー情報 */
#campaign,
#campaign4,
#facilitie,
#facilitie4 {
	padding: 0 40px;
	background-image: url(../img/content_bg.png);
	background-position: center top;
	background-repeat: repeat-y;
}
#campaign li,
#campaign4 li,
#facilitie li,
#facilitie4 li {
	display: block;
	float: left;
	margin-bottom: 10px;
	padding-right: 20px;
	width: 210px;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
}
#campaign li.end,
#campaign4 li.end,
#facilitie li.end,
#facilitie4 li.end {
	padding-right: 0;
}
#campaign li a,
#campaign4 li a,
#facilitie li a,
#facilitie4 li a {
	display: block;
}
#campaign li a img,
#campaign4 li a img,
#facilitie li a img,
#facilitie4 li a img {
	margin-bottom: 10px;
}
#campaign .bx-wrapper,
#facilitie .bx-wrapper {
	position: relative;
}
#campaign .bx-viewport li,
#facilitie .bx-viewport li {
	padding-right: 20px;
	width: 210px !important;
}
#campaign .bx-prev,
#facilitie .bx-prev {
	left: -45px;
	background-image: url(../../img/btn_cprev.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#campaign .bx-next,
#facilitie .bx-next {
	right: -45px;
	background-image: url(../../img/btn_cnext.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#campaign .bx-prev:hover,
#facilitie .bx-prev:hover {
	background-image: url(../../img/btn_cprev_on.png);
}
#campaign .bx-next:hover,
#facilitie .bx-next:hover {
	background-image: url(../../img/btn_cnext_on.png);
}
#campaign .bx-controls-direction a,
#facilitie .bx-controls-direction a {
	display: block;
	position: absolute;
	top: 30px;
	width: 35px;
	height: 65px;
	text-indent: -9999px;
	z-index: 100;
}
#campaign .bx-controls-direction a.disabled,
#facilitie .bx-controls-direction a.disabled {
	display: none;
}
/* ナムコからのお知らせ */
#news {
	position: relative;
	padding: 0 10px 20px 11px;
	width: 959px;
	height: 360px;
	background-image: url(../../img/news_bg.png);
	background-position: right top;
	background-repeat: no-repeat;
}
#news .ttl {
	padding: 25px 25px 10px 29px;
}
#news .listbtn {
	position: absolute;
	top: 30px;
	left: 860px;
}
#news .scrollarea .list li a {
	display: block;
	padding: 12px 10px 12px 20px;
	text-decoration: none;
}
#news .scrollarea .list li a span {
	position: relative;
	margin: 0 5px 0 0;
	padding: 2px 7px;
	background-image: none !important;
	background: #999 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/common/PIE.php);
	color: #fff;
	font-size: 10px;
	font-weight: normal;
}
#news .scrollarea .list li a .new {
	margin: 0 5px 0 0;
	padding: 0;
	background: none !important;
	text-indent: 0;
}
#news .scrollarea .list li a .new img {
	padding-top: 3px;
	vertical-align: top;
}
/* ニュース・リリース */
#press {
	position: relative;
	float: left;
	padding: 0 5px 0 11px;
	width: 599px;
	height: 370px;
	background-image: url(../../img/press_bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#press .ttl {
	padding: 25px 25px 10px 30px;
}
#press .listbtn {
	position: absolute;
	top: 30px;
	left: 500px;
}
#press .scrollarea .list li a {
	display: block;
	padding: 15px 10px 15px 20px;
	text-decoration: none;
}
/* ツイッター */
#twitter {
	position: relative;
	float: right;
	width: 365px;
	height: 370px;
	background-image: url(../../img/twitter_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#twitter .ttl {
	margin: 0 0 1px 0;
	padding: 26px 0 16px 15px;
}
#twitter .follow {
	padding: 6px 15px 6px 0;
	text-align: right;
}
#tweet {
	position: relative;
	margin: 0 10px 0 15px;
	height: 259px;
	overflow-y: hidden;
}
.tweet_list {
	position: absolute;
	padding: 0;
}
.tweet_list li {
	padding: 10px;
	height: 5.1em;
	border-bottom: 1px solid #5bc9f2;
	color: #57bad8;
	font-size: 11px;
	overflow: hidden;
}
.tweet_list li a {
	color: #57bad8;
	font-weight: bold;
	text-decoration: none;
}
.tweet_avatar {
	display: block;
	float: left;
	padding: 0 10px 20px 0;
	width: 30px;
}
.tweet_area {
	display: block;
	float: left;
	width: 290px;
	min-height: 2.5em !important;
	max-height: 3.6em !important;
	color: #666666;
	font-size: 12px;
	line-height: 120%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}