@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2011.09.28
最終更新日: 2013.12.12
作成者: NT
最終編集者: MH

pc.css： 共通設定
---------------------------------------------------- */
#contentsWrap h2 {
	border-top: solid #00b6ff 4px;
	border-bottom: solid #00b6ff 1px;
}
#contentsWrap h2.h2Img { border: none;}
#contentsWrap dt { font-weight:bold; margin-top: 1.250em;}
#contentsWrap .fs12 {font-size: 85.7%;}
#contentsWrap .fs13 {font-size: 92.9%;}
#contentsWrap .fs14 {font-size: 100%;}
#contentsWrap .fs15 {font-size: 107.1%;}
#contentsWrap .fs16 {font-size: 114.3%;}
#contentsWrap .fs18 {font-size: 128.6%;}
#contentsWrap .fs20 {font-size: 142.9%;}
#contentsWrap .fs21 {font-size: 150.0%;}
.link-arrow {
	padding-left: 10px;
	background: url(../image/icon/arrow.gif) no-repeat left center;
}
.link-arrow2 {
	padding-left: 14px;
	background: url(../image/icon/arrow2.png) no-repeat left center;
}
.link-list {
	padding-left: 18px;
	background: url(../image/icon/list.gif) no-repeat left center;
}
.link-target {
	/zoom: 1;
	padding-right: 18px;
	background: url(../image/icon/target.gif) no-repeat 99% center;
}

/* フォーム */
#contentsWrap #form-section { padding-bottom: 3.0em;}
#contentsWrap #form-section:after { content: ""; display: block; clear: both;}
#contentsWrap .formset { margin-top: 1.250em;}
input[type="text"], input[type="email"], input[type="password"], textarea { width: 80%;}
.NM input { width:20%;}
.TEL input, .ZIP_CD input { width: 12%;}
.CPTCA input, .OTP input { width: 14%;}
#contentsWrap #form-section ul.formNotes { padding-left: 1.6em; font-size: 92.9%;}
#contentsWrap #form-section > p:first-child { margin-top: 0;}
#contentsWrap #form-section .formBtn { width: 190px;}
#contentsWrap #form-section input[type="submit"] { width: 190px;}
#contentsWrap .formset .simpleBtn1,
#contentsWrap .formset .simpleBtn2,
#contentsWrap .formset #singleBtn,
#contentsWrap .formset #singleBtnL,
#contentsWrap .formset #singleBtnLS,
#contentsWrap .formset #singleBtnRS,
#contentsWrap .formset #rightBtn {
	margin: 1.250em auto 0;
}
#contentsWrap .formset #singleBtnRS input[type="submit"],
#contentsWrap .formset #singleBtn input[type="submit"],
#contentsWrap .formset #rightBtn input[type="submit"] {
	background: url(../image/icon/signpost_right_sp.png) no-repeat 96.875% center;
}
#contentsWrap .formset #singleBtnLS input[type="submit"],
#contentsWrap .formset #singleBtnL input[type="submit"],
#contentsWrap .formset #leftBtn input[type="submit"] {
	background: url(../image/icon/signpost_left_sp.png) no-repeat 3.125% center;
}
#contentsWrap .formset .btnDisabled#singleBtn input[type="submit"],
#contentsWrap .formset .btnDisabled#singleBtnRS input[type="submit"],
#contentsWrap .formset .btnDisabled#rightBtn input[type="submit"] { /* アクティブ・非アクティブ */
	background: url(../image/icon/signpost_right_g_sp.png) no-repeat 96.875% center;
}
#contentsWrap #form-section .formBtn.simpleBtn2,
#contentsWrap #form-section #singleBtn,
#contentsWrap #form-section #singleBtnL { width: 50%;}
#contentsWrap #form-section .formBtn.simpleBtn2 input,
#contentsWrap #form-section #singleBtn input,
#contentsWrap #form-section #singleBtnL input { width: 100%;}
#contentsWrap .formset #leftBtn { float:left; margin-left: 138px;}
#contentsWrap .formset #rightBtn { float:right; margin-right: 138px;}
#contentsWrap #form-section .imgBtn { margin: 2.5em auto 0; padding: 0;}
#contentsWrap #form-section .imgBtn input {
	width: 474px;
	height: 80px;
	margin: 0 auto;
	border: none;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	display: block;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#contentsWrap #form-section .imgBtn input.img01 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 0;}
#contentsWrap #form-section .imgBtn input.img01:hover { background-position: -474px 0;}
#contentsWrap #form-section .imgBtn input.img02 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -80px;}
#contentsWrap #form-section .imgBtn input.img02:hover { background-position: -474px -80px;}
#contentsWrap #form-section .imgBtn input.img03 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -160px;}
#contentsWrap #form-section .imgBtn input.img03:hover { background-position: -474px -160px;}
#contentsWrap #form-section .imgBtn input.img04 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -240px;}
#contentsWrap #form-section .imgBtn input.img04:hover { background-position: -474px -240px;}
#contentsWrap #form-section .imgBtn input.img05 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -320px;}
#contentsWrap #form-section .imgBtn input.img05:hover { background-position: -474px -320px;}
#contentsWrap #form-section .imgBtn input.img06 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -400px;}
#contentsWrap #form-section .imgBtn input.img06:hover { background-position: -474px -400px;}
#contentsWrap #form-section .imgBtn input.img07 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -480px;}
#contentsWrap #form-section .imgBtn input.img07:hover { background-position: -474px -480px;}
#contentsWrap #form-section .imgBtn input.img08 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -560px;}
#contentsWrap #form-section .imgBtn input.img08:hover { background-position: -474px -560px;}
#contentsWrap #form-section .btnEnabled input.img09 { background: url(../sys/image/btn/btn_set.jpg) no-repeat 0 -640px;}
#contentsWrap #form-section .btnEnabled input.img09:hover { background-position: -474px -640px;}
#contentsWrap #form-section .btnDisabled input.img09 { background: url(../sys/image/btn/regist_off.jpg) no-repeat 0 0;}
#contentsWrap #form-section .btnDisabled input.img09:hover { background-position: 0 0;}

/* common */
#utilityNav ul,
header hgroup h1, header nav #globalNav, header nav #socialNav,
#linkArea #segaidLink, #it-tells, #linkArea #supportLink,
#twitter, #infoLink {
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px 0 #2e96d8;
	-moz-box-shadow: 0 1px 3px 0 #2e96d8;
	box-shadow: 0 1px 3px 0 #2e96d8;
	behavior: url(/gw/js/PIE.htc);
}
#infoLink #idInfo,
#infoLink #idInfo dd,
.link-pagetop a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/gw/js/PIE.htc);
}

/* ----------------------------------------------------
ヘッダー header
---------------------------------------------------- */
header {
	max-width: 184px;
	position: fixed;
	z-index:1;
}
header nav #socialNav { padding: 12px;}
header #gNav-rss { margin-top: 3px;}
header #gNav-tweet { margin-top: 10px;}
header #gNav-fb, header #gNav-google, header #gNav-mixi { margin-top:6px;}
header hgroup h1 { height: 56px; margin-top: 10px; padding: 0;}
header hgroup h1, header nav { width: 184px; }
header hgroup h1 a {height: 20px; margin: 0 auto; padding: 18px 20px; display: block;}
header hgroup h1 img { vertical-align: top; }
header nav h1, header hgroup h2 { text-indent: -9999px; font-size: 0; line-height: 0; width: 0; height: 0;}
header hgroup h1, header nav #globalNav { margin-bottom: 6px;}
header nav #globalNav li a { height: 60px;}
header nav #globalNav li a, header nav #socialNav li a { display: block; text-decoration: none;}
header nav #globalNav li { background-image: url(../image/btn/btn_set.png);}
header nav #globalNav li#gNav-news { background-position: 0 0;}
header nav #globalNav li#gNav-information { background-position: 0 -60px;}
header nav #globalNav li#gNav-service { background-position: 0 -120px;}
header nav #globalNav li#gNav-arcade { background-position: 0 -180px;}
header nav #globalNav li#gNav-pc { background-position: 0 -240px;}
header nav #globalNav li#gNav-cs { background-position: 0 -300px;}
header nav #globalNav li#gNav-sp { background-position: 0 -360px;}
header nav #globalNav li#gNav-support { background-position: 0 -420px;}
header nav #globalNav li .gnavTitle { text-indent: -9999px; font-size: 0; line-height: 0; width: 0; height: 0;}
header nav #socialNav li#gNav-twitter { background: url(../image/btn/btn_set.png) no-repeat -184px -242px;}
header nav #socialNav li#gNav-rss { background: url(../image/btn/btn_set.png) no-repeat -184px -282px;}
header nav #globalNav li a:hover img, header nav #globalNav li a:active img,
header nav #socialNav li a:hover img, header nav #socialNav li a:active img { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

/* 該当ページ */
.news header nav #globalNav #gNav-news a img,
.information header nav #globalNav #gNav-information a img,
.service header nav #globalNav #gNav-service a img,
.arcade header nav #globalNav #gNav-arcade a img,
.pconline header nav #globalNav #gNav-pc a img,
.cs header nav #globalNav #gNav-cs a img,
.sphone header nav #globalNav #gNav-sp a img,
.support header nav #globalNav #gNav-support a img { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

/* ----------------------------------------------------
親切ナビ utilityNav
---------------------------------------------------- */
#utilityNav {
	position: absolute;
	top: 10px;
	left: 0;
}
#utilityNav ul {
	width: 934px;
	height: 25px;
	margin-left: 190px;
	padding: 10px 10px 5px 10px;
	text-align: right;
	font-size: 75.0%;
	background: #ffffff url(../image/copy.png) no-repeat 10px center;
	_zoom: 1;  
	overflow: hidden;
}
#utilityNav ul li {
	height: 14px;
	padding: 0 10px;
	border-left: solid #717f84 1px;
	line-height: normal;
	display: inline;
}
#utilityNav ul li:first-child { border-left: none; }

/* ----------------------------------------------------
フッター footer
---------------------------------------------------- */
#footerNav {
	width: 1144px;
	padding: 30px 0;
	position: relative;
	/zoom: 1;
}
#footerNav > ul { padding-left: 450px;}
#footerNav:after { content: ""; display: block; clear: both; }
#footerNav > ul > li { float: left;}
#footerNav ul li ul {
	padding-left: 10px;
	border-left: solid #daeaf0 1px;
}
#footerNav ul > li:first-child { padding-right: 100px;}
#copyrightWrap {
	width: 1144px;
	padding: 30px 0;
}
#smalls, #attention { padding-left: 190px;}
#smalls small { display: block;}
#segalogo {
	position: absolute;
	top: 30px;
	left: 190px;
}

/* ----------------------------------------------------
 サイト共用の指定とPC版 ：全体レイアウト
---------------------------------------------------- */
#container {
	max-width: 1144px;
	min-width: 960px;
	margin: 0 auto;
}
#mainArea {
	width: 1144px;
	margin: 0 auto;
	position: relative;
}
#contentsArea {
	max-width: 714px;
	margin-left: 190px;
	padding-top: 56px;
	padding-bottom: 56px;
	/zoom: 1;
}
#contentsArea:after { content: ""; display: block; clear: both; }
#contentsWrap { /* 下層コンテンツ専用 */
	min-height: 950px; /* 仮設定 */
	padding: 10px 10px 30px;
}
#contentsWrap > h1 > span { text-indent: -9999px; font-size: 0; line-height: 0; width: 0; height: 0; /*/zoom: 1;*/}
#contentsWrap > section, #contentsWrap > article, #contentsWrap > div { padding: 0 10px; }
#contentsWrap > .snsLink + section > h2,
#contentsWrap > .snsLink + article > h2,
#contentsWrap > .snsLink + div > h2 { margin-top: 0;}

/* --- 右のカラム --- */
#side-block {
	min-height: 1010px;
	position: absolute;
	top: 56px;
	right: 0;
}
#linkArea { width: 234px;}
#linkArea #segaidLink, #it-tells, #linkArea #supportLink {
	padding: 10px;
}
#linkArea ul, #linkArea #segaidLink li:first-child, #it-tells { margin-bottom: 6px;}
#linkArea #segaidLink { padding-top: 0; } /* はみ出た分(-) */
#supportLink { /zoom: 1;}
#supportLink:after { content: ""; display: block; clear: both;}
#supportLink li { float: left;}
#supportLink li:first-child { margin-right: 6px;}
#segaidLink li#idSignup { background: url(../image/btn/btn_set.png) no-repeat -184px 0;}
#segaidLink li#idLogin { background: url(../image/btn/btn_set.png) no-repeat -184px -90px;}
#segaidLink li#idRemind { padding: 3px 0 0 8px; font-size: 75.0%;}
#supportLink li#supFaq { background: url(../image/btn/btn_set.png) no-repeat -184px -170px;}
#supportLink li#supInquiry { background: url(../image/btn/btn_set.png) no-repeat -288px -170px;}
#segaidLink li a, #supportLink li a, #it-tells li a { display: block;}
#supportLink li#supFaq a, #supportLink li#supInquiry a { width: 104px; height: 72px; text-decoration: none;}
#segaidLink li a:hover img, #segaidLink li a:active img,
#supportLink li a:hover img, #supportLink li a:active img { filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
#supportLink li span { width: 0; height: 0; text-indent: -9999px; font-size: 0; line-height: 0; }
#twitter {
	width: 214px;
	margin-top: 6px;
	/margin-bottom: 6px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	/padding-bottom: 6px;
}
#twitter h1 {
	padding-top: 16px;
	padding-bottom: 13px;
	border-bottom: solid #d6dee6 1px;
}
#twitter h1 img { vertical-align: middle; }
#twitter h2 {
	padding: 5px 0;
	font-weight: normal;
	font-size: 75.0%;
	border-bottom: solid #d6dee6 1px;
}
#twitter #officialTweet {
	font-size: 87.5%;
	padding-top: 5px;
	text-align: right;
}

/* tweetbox */
#tweetbox { /* 大枠 */
	margin: 10px auto 0;
	padding: 0;
}
#tweetbox iframe.twitter-timeline { min-height: 450px;}

/* ID情報＆右ナビゲーション ※ログイン状態のナビ */
#infoLink {
	padding: 10px;
	background: #ffffff;
	-webkit-box-shadow: 0 1px 3px 0 #2e96d8;
	-moz-box-shadow: 0 1px 3px 0 #2e96d8;
	box-shadow: 0 1px 3px 0 #2e96d8;
	behavior: url(/gw/js/PIE.htc);
}
#infoLink #idInfo {
	width: 204px;
	margin: 0 auto;
	padding: 5px;
	background: #00b6ff;
}
#infoLink #idInfo dt {
	width: 62px;
	height: 14px;
	padding: 10px 5px;
}
#infoLink #idInfo dt img {
	width: 62px;
	height: 14px;
}
#infoLink #idInfo dd {
	margin: 0 auto;
	padding: 8px 5px;
	color: #00b6ff;
	font-size: 87.5%;
	word-wrap: break-word;
	background: #ffffff;
}
#infoLink #regInfo a, #infoLink #buyInfo a, #infoLink #buyItem a, #infoLink #myInfo a { /zoom: 1;}
#infoLink #regInfo, #infoLink #myInfo { margin-top: 10px;}
#infoLink #buyInfo, #infoLink #buyItem, #campItem{ margin-top: 3px;}
#infoLink #regInfo { background: url(../sys/image/btn/mypage.png) no-repeat 0 0;}
#infoLink #buyInfo { background: url(../sys/image/btn/mypage.png) no-repeat 0 -52px;}
/*#infoLink #buyItem { background: url(../image/btn/mypage.png) no-repeat 0 -104px;} ①「利用権購入」の場合*/
#infoLink #buyItem { background: url(../sys/image/btn/mypage.png) no-repeat 0 -156px;}/* ②「利用登録・利用権購入」の場合 */

#infoLink #campItem { background: url(../sys/image/btn/mypage.png) no-repeat 0 -208px;}

#infoLink #myInfo { background: url(../sys/image/btn/mypage.png) no-repeat 0 -260px;}
#infoLink li span { width: 0; height: 0; margin:0; padding: 0; text-indent: -9999px; font-size: 0; line-height: 0;}
#infoLink li a { display: block;}
#infoLink li a:hover img { filter: alpha(opacity=0); -moz-opacity:0; opacity:0; vertical-align: bottom;}

/* パンくず */
#contentsWrap #topicPath {
	margin-bottom: 10px;
	padding-top: 0;
	letter-spacing: -0.4em;
	font-size: 75.0%;
}
#topicPath li {
	letter-spacing: normal;
	line-height: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#topicPath li.tpath1, #topicPath li.tpath2 { background: url(../image/icon/arrow3.gif) no-repeat center right; }
#topicPath li.tpath1 { padding-right: 10px;}
#topicPath li.tpath2 { padding-right: 15px; padding-left: 10px; }
#topicPath li.tpath3 { padding-left: 10px; }
#topicPath li.tpath1 a { padding-right: 5px; padding-left: 5px; }
#topicPath li.tpath1 img { padding-top: 1px; vertical-align: top; }

/* ページトップ */
.link-pagetop { position: fixed; bottom: 10px; right: 10px; z-index: 10;}
.link-pagetop a {
	width: 84px;
	height: 50px;
	background: #6dccfe url(../image/btn/pagetop_fix.png) no-repeat center center;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
.link-pagetop a:hover { background-color: #42beff;}

/* ボタンを配置 ※横幅などはユニークで指定する */
.btnArea { margin: 2em auto 0;}
.btnArea:after { content: ""; display: block; clear: both; }
.btnArea a { display: block;}
.btnArea.btnCouple a:first-child { margin-right: 26px; float: left;}

/* ページャー */
.pager {
	width: 674px;
	margin: 0 auto;
	font-size: 85.7%;
}
.pager p { color: #687a90;}
#contentsWrap .pager ul { margin: 0 auto; padding-top: 0; letter-spacing: -0.4em;}
#contentsWrap .pager ul li {
	width: 24px;
	height: 16px;
	margin-top: 0;
	padding: 0 5px;
	color: #687a90;
	line-height: 1.2;
	text-align: center;
	border-left: solid #687a90 1px;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#contentsWrap .pager ul li:first-child,
#contentsWrap .pager ul li.prev + li { border-left: none;}
#contentsWrap .pager ul li.current { color: #0d1e34; font-weight: bold;}
#contentsWrap .pager ul li.prev,
#contentsWrap .pager ul li.next { width: 40px; padding: 5px 0; border: none;}
#contentsWrap .pager ul li.prev { margin-right: 5px; padding-right: 5px;}
#contentsWrap .pager ul li.next { margin-left: 5px; padding-left: 5px;}