@charset "utf-8";
/* =============================================================================
custom normalize.css for WT11
============================================================================= */
/* -----------------------------------------------------------------------------
base
----------------------------------------------------------------------------- */

*:not(img) { box-sizing: border-box; }

html {
	font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
}

aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section { display: block; }

audio,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

/* -----------------------------------------------------------------------------
link
----------------------------------------------------------------------------- */

a { background-color: transparent; }

a:active,
a:hover { outline: 0; }

/* -----------------------------------------------------------------------------
text/img
----------------------------------------------------------------------------- */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

small { font-size: 80%; }

img { 
	border: 0;
	vertical-align: top;
	-webkit-backface-visibility: hidden;
}

/* -----------------------------------------------------------------------------
form
----------------------------------------------------------------------------- */

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button { overflow: visible; }

button,
select { text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input { line-height: normal; }

input[type="checkbox"],
input[type="radio"] { padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea { overflow: auto; }

optgroup { font-weight: bold; }

label { cursor: pointer; }

/* -----------------------------------------------------------------------------
table
----------------------------------------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th { padding: 0; }

/* =============================================================================
layout
============================================================================= */

/* -----------------------------------------------------------------------------
基本設定、リンクカラーなど
----------------------------------------------------------------------------- */

body {
	color: #000;
	padding: 20px;
	background: #000 url("../img/common/base/backimage.jpg") no-repeat fixed;
	background-position: center center;
	background-size: cover;
}

a {
	text-decoration: underline;
	transition: 0.2s ease-in-out;
}

/* a（通常背景） */
a:link,
a:visited { color: #1175C0; }

a:hover,
a:active { color: #FF8C01; }

/*a（黒背景）*/
.linkLight a:link,
a.linkLight:link { color: #6ECDFF; }

.linkLight a:visited,
a.linkLight:visited { color: #6ECDFF; }

.linkLight a:hover,
.linkLight a:active,
a.linkLight:hover,
a.linkLight:active { color: #FF8C01; }

/* リンク：画像のオーバー処理1（opacity変化） */
.opa a:hover img,
.opa:hover img { opacity: 0.6; }

/* リンク：画像のオーバー処理2（アウトライン変化） */
.lin a:hover img,
.lin:hover img { outline: 2px solid #fff; }


/* リストスタイルのリセットver */
ul.reset,
ol.reset {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer { margin-top: 50px; }

/* -----------------------------------------------------------------------------
stage
----------------------------------------------------------------------------- */

#stage {
	width: 960px; /* 最大幅 */
	margin: 0 auto;
}

/* -----------------------------------------------------------------------------
head（グローバルナビ）
※トップ／ボトムの２か所にあるため注意（head/navは複数あってもOK）
----------------------------------------------------------------------------- */
#headNav_top,
#headNav_btm{
	width: 960px; /* 最大幅 */
	margin: 0 auto;
	background: url(../img/common/nav/backimg_nav.png) no-repeat;
}

/* ボトム側 */
#headNav_btm {
	margin-top: 80px;
}

/* トップ側 */
#headNav_top .globalNav_wrap { height: 160px; }

/* ボトム側 */
#headNav_btm .globalNav_wrap {
	height: 150px;
	margin-top: 50px;
}

.globalNav_wrap {
	width: 960px;
	height: 160px;
	display: table;
	border-collapse: collapse;
	position: relative;
}

.globalNav_wrap ul,
.globalNav_wrap li {
	margin: 0;
	padding: 0;
}

.globalNav_wrap .leftArea,
.globalNav_wrap .centerArea,
.globalNav_wrap .rightArea {
	display: table-cell;
	vertical-align: top;
}

.globalNav_wrap .centerArea { width: 675px; }

.globalNav_wrap .leftArea,
.globalNav_wrap .rightArea { padding-top: 42px; }

.globalNav_wrap .leftArea {
	width: 141px;
	padding-left: 12px;
}

.globalNav_wrap .rightArea {
	width: 144px;
	padding-left: 1px;
}

.globalNav_wrap .rightArea a{
	display: block;
	width: 128px;
	height: 0;
	padding-top: 93px;
	overflow: hidden;
	background:url(../img/common/nav/scbuy.png) 0 0;
	transition:none;
}

.globalNav_wrap .rightArea a:hover{
	background:url(../img/common/nav/scbuy.png) 0 93px;
}

ul.globalNav {
	list-style: none;
	display: flex;
	justify-content: space-between;
	font-size: 85%;
}

ul.globalNav li {
	text-align: center;
	flex: 1;
}

ul.globalNav li.disable{
	width: 75px;
	padding-top: 82px;
	overflow: hidden;
	background-image: url(../img/common/nav/gnav.png);
	background-repeat: no-repeat;
	transition: none;
}

ul.globalNav a {
	display: block;
	width: 75px;
	padding-top: 82px;
	overflow: hidden;
	background-image: url(../img/common/nav/gnav.png);
	background-repeat: no-repeat;
	transition: none;
}

ul.globalNav a:link,
ul.globalNav a:visited {
	text-decoration: none;
	color: #fff;
}

ul.globalNav a:hover,
ul.globalNav a:active { color: #fff000; }

ul.globalNav .gnav01 a { background-position: 0 0; }

ul.globalNav .gnav01 a:hover { background-position: 0 -105px; }

ul.globalNav .gnav02 a { background-position: -75px 0; }

ul.globalNav .gnav02 a:hover { background-position: -75px -105px; }

ul.globalNav .gnav03 a { background-position: -150px 0; }

ul.globalNav .gnav03 a:hover { background-position: -150px -105px; }
	
	ul.globalNav .gnav03.disable{background-position: -150px -210px;}

ul.globalNav .gnav04 a { background-position: -225px 0; }

ul.globalNav .gnav04 a:hover { background-position: -225px -105px; }

ul.globalNav .gnav05 a { background-position: -300px 0; }

ul.globalNav .gnav05 a:hover { background-position: -300px -105px; }

ul.globalNav .gnav06 a { background-position: -375px 0; }

ul.globalNav .gnav06 a:hover { background-position: -375px -105px; }

	ul.globalNav .gnav06.disable{background-position: -375px -210px;}

ul.globalNav .gnav07 a { background-position: -450px 0; }

ul.globalNav .gnav07 a:hover { background-position: -450px -105px; }

ul.globalNav .gnav08 a { background-position: -525px 0; }

ul.globalNav .gnav08 a:hover { background-position: -525px -105px; }

ul.globalNav .gnav09 a { background-position: -600px 0; }

ul.globalNav .gnav09 a:hover { background-position: -600px -105px; }


/* 左：アイコン部分 */
.ic_wrap {
	width: 128px;
	display: table;
}

.ic_prev,
.ic_area,
.ic_next {
	display: table-cell;
	vertical-align: middle;
}

.ic_prev,
.ic_next {
	width: 25px;
}

.ic_area {
	width: 78px;
	height: 93px;
	background: url(../img/common/nav/ic_backimg.png) no-repeat;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ic_area img {
	width: 50px;
	height: 50px;
	margin: 4px auto;
	vertical-align: middle;
}

.ic_area .pcID_box,
.ic_area .pcChange_btn{
	font-size: 10pt;
	padding: 2px 5px 0 5px;
	border-radius: 4px;
}

.ic_area .pcID_box{
	color: #fff;
	background: #222;
}
/* IE11 */
*::-ms-backdrop, .pcID_box{
	margin-top: -5px;
}

.ic_area a.pcChange_btn{
	width: 75px;
	color: #fff;
	border: 1px solid #fff;
	box-shadow:0px 0px 1px 1px #555;
	text-decoration: none;
	display: block;
}
.ic_area a:hover.pcChange_btn{
	background:linear-gradient(to bottom,  #ffd04f 0%,#f5942d 50%,#e16b0b 51%,#e56d0b 100%);
}

/* ボトム側：BACK＆TOP */
#headNav_btm .goBack,
#headNav_btm .goTop {
	display: block;
	position: absolute;
	z-index: 2;
	top: -40px;
	width: 143px;
	height: 0;
	padding-top: 64px;
	overflow: hidden;
	background: url(../img/common/nav/go_bt.png) no-repeat;
	transition:none;
}

#headNav_btm .goBack {
	left: 0;
	background-position: 0 0;
}
#headNav_btm .goBack:hover{background-position: 0 -64px;}

#headNav_btm .goTop {
	right: 0;
	background-position: -143px 0;
}

#headNav_btm .goTop:hover{background-position: -143px -64px;}

/* -----------------------------------------------------------------------------
topicPath（パンくずリスト）
----------------------------------------------------------------------------- */
.topicPath ol {
	margin: 0;
	padding: 0;
	height: 38px;
}

.topicPath ol li {
	display: inline-block;
	list-style-type: none;
}

.topicPath ol li:after { content: " > "; }

.topicPath ol li:last-child:after { content: none; }

.topicPath ol li a h1 {
	display: inline-block;
	width: 110px;
	height: 0;
	margin: 0;
	padding: 38px 0 0 0;
	overflow: hidden;
	background: url(../img/common/base/logo_topicpath.png) top no-repeat;
	font-size: 12pt;
	vertical-align: middle;
}

.topicPath ol li a:hover h1 { background-position: bottom; }

.topicPath ol li h2,
.topicPath ol li h3 {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 12pt;
	font-weight: normal;
}

.topicPath ol li:last-child,
.topicPath ol li:last-child h2 { font-weight: bold; }

.topicPath ol li a { text-decoration: none; }

/* -----------------------------------------------------------------------------
contentsBody
----------------------------------------------------------------------------- */
#contentsBody { background: url() no-repeat center bottom; }

#contentsBody .innerBlock { padding: 0; }

/* バナー掲載 */

.bannerArea ul {
	display: flex;
	justify-content: space-between;
}

/* -----------------------------------------------------------------------------
mvArea（メインビジュアル）
----------------------------------------------------------------------------- */
.mvArea_wrap {
	position: relative;
	margin-top: 15px;
}

/* ロゴあり */
.mvArea_wrap.withLogo { /* mv_frame_withLogo.png の高さ */ height: 684px; }

.mainLogo {
	text-align: center;
	margin-top: 20px;
	margin-bottom: -50px;
}

/* ミニver */
.mvArea_wrap.miniFrame { /* mv_frame_mini.png の高さ */ height: 306px; }

/* ロゴなし */
.mvArea_wrap.noLogo { height: 650px; }

/* フレーム共通 */
.mv_frame {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
}

/* フレーム：ロゴあり */
.mv_title {
	position: absolute;
	z-index: 20;
	top: 21px;
	left: 120px;
	width: 510px;
	height: 63px;
	line-height: 48px;
	text-align: center;
}

.mv_title h2 {
	margin: 0;
	padding: 0;
	font-size: 120%;
}

.mv_title h2 span { font-size: 90%; }

.noLogo .mv_title { display: none; }

/* 背景部分 */
.mv_image {
	position: absolute;
	z-index: 0;
	width: 848px;
	height: 390px;
	bottom: 216px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}

/* キャラクター部分 */
.mv_image .mv_chara {
	position: absolute;
	z-index: 10;
	width: 848px;
	height: 386px;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

.mv_image .mv_chara img { height: 386px; }

/* 台詞部分 */
.mv_serif {
	position: absolute;
	z-index: 30;
	bottom: 30px;
	left: 80px;
	width: 800px;
	height: 140px;
	overflow-y: auto;
	color: #fff;
}

.mv_serif p { margin: 0.5em 0 0; }

/* -----------------------------------------------------------------------------
entryArea（ログイン）
----------------------------------------------------------------------------- */
.entryArea_wrap {
	width: 100%;
	height: 226px;
	background: url(../img/entry/backimg_entry.png) no-repeat;
	padding-top: 22px;
}

.entryArea {
	display: table;
	margin: 0 auto;
	width: 810px;
	height: 186px;
}

.entryBox {
	display: table-cell;
	vertical-align: middle;
}

.entryBox.regist { width: 315px; }

.entryBox.regist a img {
	display: block;
	margin-top: 5px;
}

.entryBox.regist a:first-child img { margin-top: 0; }

.entryBox.member {
	font-size: 90%;
	padding-left: 180px;
}

.entryForm { display: table; }

.entryForm div {
	display: table-cell;
	vertical-align: top;
	padding-top: 2px;
}

.memTxt {
	padding-top: 5px !important;
	width: 185px;
}

.memTxt input {
	display: block;
	width: 165px;
	height: 35px;
	margin-top: 10px !important;
	padding: 0.5em !important;
}

.memTxt input:first-child { margin-top: 0 !important; }

/* -----------------------------------------------------------------------------
activityArea
----------------------------------------------------------------------------- */
/* 高さ固定（「もっと見る」あり等） */
.activityArea_wrap {
	width: 100%;
	height: auto;
	margin-top: 30px;
}

/*mvAreaがない時（#contentsBodyの中で最初に来る要素がactivityAreaの時の表示）*/
#contentsBody .activityArea_wrap:first-child { margin-top: 15px; }

/* -----------------------
ナビ部分
----------------------- */
.actBlue { background: url(../img/common/base/act_nav_blue.png) no-repeat; }

.actGreen { background: url(../img/common/base/act_nav_green.png) no-repeat; }

.actOrange { background: url(../img/common/base/act_nav_orange.png) no-repeat; }

.actNav {
	height: 76px;
	padding-top: 19px;
}

.actNav ul,
.actNav li {
	margin: 0;
	padding: 0;
}

.actNav h3,
.actNav ul {
	width: 660px;
	list-style: none;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
}

.actNav ul li {
	display: table-cell;
	font-size: 105%;
	text-align: center;
}

.actNav ul li:hover { cursor: pointer; }

.actNav h3,
.actNav ul li label,
.actNav ul li > a {
	color: #fff;
	display: block;
	height: 57px;
	line-height: 59px;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}

/* ブルー */
.actBlue h3,
.actBlue ul li label:hover,
.actBlue ul li a:hover,
.actBlue ul li.active > a{ background: url(../img/common/base/act_nav_blue_over.png) center bottom repeat-x; }

.actBlue ul li:first-child label:hover,
.actBlue ul li:first-child > a:hover,
.actBlue ul li:first-child.active > a { background: url(../img/common/base/act_nav_blue_over.png) left bottom repeat-x; }
.actBlue ul li:last-child label:hover,
.actBlue ul li:last-child > a:hover,
.actBlue ul li:last-child.active > a { background: url(../img/common/base/act_nav_blue_over.png) right bottom repeat-x; }

/* オレンジ */
.actOrange h3,
.actOrange ul li label:hover,
.actOrange ul li > a:hover,
.actOrange ul li.active > a { background: url(../img/common/base/act_nav_orange_over.png) center bottom repeat-x; }

.actOrange ul li:first-child label:hover,
.actOrange ul li:first-child > a:hover,
.actOrange ul li:first-child.active > a { background: url(../img/common/base/act_nav_orange_over.png) left bottom repeat-x; }
.actOrange ul li:last-child label:hover,
.actOrange ul li:last-child > a:hover,
.actOrange ul li:last-child.active > a { background: url(../img/common/base/act_nav_orange_over.png) right bottom repeat-x; }


/* グリーン */
.actGreen h3,
.actGreen ul li label:hover,
.actGreen ul li > a:hover,
.actGreen ul li.active > a { background: url(../img/common/base/act_nav_green_over.png) center bottom repeat-x; }

.actGreen ul li:first-child label:hover,
.actGreen ul li:first-child > a:hover,
.actGreen ul li:first-child.active > a { background: url(../img/common/base/act_nav_green_over.png) left bottom repeat-x; }
.actGreen ul li:last-child label:hover,
.actGreen ul li:last-child > a:hover,
.actGreen ul li:last-child.active > a { background: url(../img/common/base/act_nav_green_over.png) right bottom repeat-x; }


/* -----------------------
ボディ部分
----------------------- */

.actBody_top {
	height: 47px;
	background: url(../img/common/base/act_body_top.png) no-repeat;
}

.actBody_center {
	background: url(../img/common/base/act_body_center.png) no-repeat;
	background-size: 100% 100%;
}

.actBody_bottom {
	height: 68px;
	background: url(../img/common/base/act_body_bottom.png) no-repeat;
}

/* 高さ固定（「もっと見る」あり等） */
.actBody {
	height: auto;
	position: relative;
}

.actContents {
	width: 800px;
	height: auto;
	min-height: 200px;
	margin: 0 auto;
	padding: 10px 20px;
	overflow-y: visible;
}

.actContents .panelBox {
	padding-bottom: 15px;
	clear: both;
}

.actContents .panelBox h3 {
	margin: 0;
	padding: 0;
}

.actContents .panelBox p:last-child { margin-bottom: 0; }

.insImg_left,
.insImg_right {
	font-size: 80%;
	display: table-cell;
}

.insImg_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.insImg_right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

/* -----------------------
タブメニュー関連
----------------------- */
/* ナビのラジオボタンを非表示 */
.activityArea_wrap input.tabSw { display: none; }

/* 選択外のコンテンツを非表示（タブメニューの場合のみ／タブなしh3見出しオンリーなら表示） */
.activityArea_wrap input ~ .actBody .actContents > div { display: none; }

/* タブメニュー数は念のため最大8個まで：増やせますが幅的に入らないと思います */
.activityArea_wrap input:nth-child(1):checked ~ .actBody .actContents > div:nth-child(1),
.activityArea_wrap input:nth-child(2):checked ~ .actBody .actContents > div:nth-child(2),
.activityArea_wrap input:nth-child(3):checked ~ .actBody .actContents > div:nth-child(3),
.activityArea_wrap input:nth-child(4):checked ~ .actBody .actContents > div:nth-child(4),
.activityArea_wrap input:nth-child(5):checked ~ .actBody .actContents > div:nth-child(5),
.activityArea_wrap input:nth-child(6):checked ~ .actBody .actContents > div:nth-child(6),
.activityArea_wrap input:nth-child(7):checked ~ .actBody .actContents > div:nth-child(7),
.activityArea_wrap input:nth-child(8):checked ~ .actBody .actContents > div:nth-child(8) { display: block; }

/* 選択時：ブルー */
.activityArea_wrap input:nth-child(1):checked ~ .actBlue li:nth-child(1) label,
.activityArea_wrap input:nth-child(2):checked ~ .actBlue li:nth-child(2) label,
.activityArea_wrap input:nth-child(3):checked ~ .actBlue li:nth-child(3) label,
.activityArea_wrap input:nth-child(4):checked ~ .actBlue li:nth-child(4) label,
.activityArea_wrap input:nth-child(5):checked ~ .actBlue li:nth-child(5) label,
.activityArea_wrap input:nth-child(6):checked ~ .actBlue li:nth-child(6) label,
.activityArea_wrap input:nth-child(7):checked ~ .actBlue li:nth-child(7) label,
.activityArea_wrap input:nth-child(8):checked ~ .actBlue li:nth-child(8) label { background: url(../img/common/base/act_nav_blue_over.png) center bottom repeat-x; }

.activityArea_wrap input:first-of-type:checked ~ .actBlue li:first-of-type label { background: url(../img/common/base/act_nav_blue_over.png) left bottom repeat-x; }

.activityArea_wrap input:last-of-type:checked ~ .actBlue li:last-of-type label { background: url(../img/common/base/act_nav_blue_over.png) right bottom repeat-x; }

/* 選択時：オレンジ */
.activityArea_wrap input:nth-child(1):checked ~ .actOrange li:nth-child(1) label,
.activityArea_wrap input:nth-child(2):checked ~ .actOrange li:nth-child(2) label,
.activityArea_wrap input:nth-child(3):checked ~ .actOrange li:nth-child(3) label,
.activityArea_wrap input:nth-child(4):checked ~ .actOrange li:nth-child(4) label,
.activityArea_wrap input:nth-child(5):checked ~ .actOrange li:nth-child(5) label,
.activityArea_wrap input:nth-child(6):checked ~ .actOrange li:nth-child(6) label,
.activityArea_wrap input:nth-child(7):checked ~ .actOrange li:nth-child(7) label,
.activityArea_wrap input:nth-child(8):checked ~ .actOrange li:nth-child(8) label { background: url(../img/common/base/act_nav_orange_over.png) center bottom repeat-x; }

.activityArea_wrap input:first-of-type:checked ~ .actOrange li:first-of-type label { background: url(../img/common/base/act_nav_orange_over.png) left bottom repeat-x; }

.activityArea_wrap input:last-of-type:checked ~ .actOrange li:last-of-type label { background: url(../img/common/base/act_nav_orange_over.png) right bottom repeat-x; }

/* 選択時：グリーン */
.activityArea_wrap input:nth-child(1):checked ~ .actGreen li:nth-child(1) label,
.activityArea_wrap input:nth-child(2):checked ~ .actGreen li:nth-child(2) label,
.activityArea_wrap input:nth-child(3):checked ~ .actGreen li:nth-child(3) label,
.activityArea_wrap input:nth-child(4):checked ~ .actGreen li:nth-child(4) label,
.activityArea_wrap input:nth-child(5):checked ~ .actGreen li:nth-child(5) label,
.activityArea_wrap input:nth-child(6):checked ~ .actGreen li:nth-child(6) label,
.activityArea_wrap input:nth-child(7):checked ~ .actGreen li:nth-child(7) label,
.activityArea_wrap input:nth-child(8):checked ~ .actGreen li:nth-child(8) label { background: url(../img/common/base/act_nav_green_over.png) center bottom repeat-x; }

.activityArea_wrap input:first-of-type:checked ~ .actGreen li:first-of-type label { background: url(../img/common/base/act_nav_green_over.png) left bottom repeat-x; }

.activityArea_wrap input:last-of-type:checked ~ .actGreen li:last-of-type label { background: url(../img/common/base/act_nav_green_over.png) right bottom repeat-x; }

/* 未実装タブのグレスケ化 */
.activityArea_wrap input:nth-child(1):disabled ~ .actNav li:nth-child(1) label,
.activityArea_wrap input:nth-child(2):disabled ~ .actNav li:nth-child(2) label,
.activityArea_wrap input:nth-child(3):disabled ~ .actNav li:nth-child(3) label,
.activityArea_wrap input:nth-child(4):disabled ~ .actNav li:nth-child(4) label,
.activityArea_wrap input:nth-child(5):disabled ~ .actNav li:nth-child(5) label,
.activityArea_wrap input:nth-child(6):disabled ~ .actNav li:nth-child(6) label,
.activityArea_wrap input:nth-child(7):disabled ~ .actNav li:nth-child(7) label,
.activityArea_wrap input:nth-child(8):disabled ~ .actNav li:nth-child(8) label {
	background: url(../img/common/base/act_nav_gray.png) center bottom repeat-x;
}
.activityArea_wrap input:first-of-type:disabled ~ .actNav li:first-of-type label { background: url(../img/common/base/act_nav_gray.png) left bottom repeat-x; }
.activityArea_wrap input:last-of-type:disabled ~ .actNav li:last-of-type label { background: url(../img/common/base/act_nav_gray.png) right bottom repeat-x; }


/* -----------------------------------------------------------------------------
globalFooter
----------------------------------------------------------------------------- */
#footNav {
	width: 960px;
	height: 122px;
	margin: 20px auto 0;
	text-align: center;
	background: url(../img/common/base/backimg_footer.png) no-repeat;
	font-size: 80%;
}

footer {
	width: 960px;
	margin: 0 auto;
}

ul.footNav_list {
	display: table;
	width: 880px;
	margin: 0 auto;
	height: 38px;
}

ul.footNav_list li {
	display: table-cell;
	vertical-align: middle;
	width: calc(100% / 5);
	/* 5＝メニュー数 */
}

ul.footNav_list li a {
	display: block;
	border-left: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

ul.footNav_list li:first-child a { border-left: none; }

ul.footNav_list li a:hover,
ul.footNav_list li a:active { color: #fff000; }

.recoBrowser,
.copyRight {
	width: 960px;
	height: 42px;
	display: table-cell;
	text-align: center;
	padding: 5px;
}

.copyRight { vertical-align: bottom; }