@charset "utf-8";
/*
	layout.css
*/

/* ==========================================================
  TOPICS
========================================================== */



#topics_repeat {
	background: url(../images/topics/news/bg_topics_repeat.jpg) repeat-y;
}
#topics_area {
	background: url(../images/topics/news/bg_topics_area.jpg) no-repeat center 0;
	padding: 110px 0 0;
}
#topics_bottom {
	background: url(../images/topics/news/bg_topics_bottom.jpg) no-repeat center bottom;
	padding: 0 85px 110px;
	min-height: 630px;
}
#topics_bottom dl {
	background: #fff7ce;
	border: 3px solid #ffae00;
	font-size: 16px;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 24px 34px;
}
#topics_bottom dt {
	font-size: 14px;
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
}
#topics_bottom dd {
	float: left;
	width: 640px;
	word-wrap: break-word;
}
#topics_bottom dd a {
	color: #fe7e17;
}
/* 関連商品 ページ
========================================================== */
div#accessory p.new {
	position: relative;
}
div#accessory p.new span img.icon_01 {
	position: absolute;
	top: 359px;
	left: 234px;
}
div#accessory p.new span img.icon_02 {
	position: absolute;
	top: 359px;
	left: 391px;
}
div#accessory p.new span img.icon_03 {
	position: absolute;
	top: 359px;
	right: 397px;
}
div#accessory p.new span img.icon_04 {
	position: absolute;
	top: 359px;
	right: 237px;
}
div#accessory p.new span img.icon_05 {
	position: absolute;
	top: 14px;
	right: 177px;
}
div#accessory p.new span img.icon_06 {
	position: absolute;
	top: 14px;
	right: 98px;
}
/* whf15summer ページ
========================================================== */

#bg_whf15 {
	background: url(../images/topics/whf15summer/01_img05.jpg) no-repeat center 0;
	height: 407px;
	padding: 21px 0 0 50px;
}
/* ピンクエンペラー QR ページ
========================================================== */

.whf_link {
	background: url(../images/topics/pink/bg_btn.jpg) no-repeat center 0;
	text-align:center;
}
/* エンマ大王 QR ページ
========================================================== */

.btn_qrenma {
	background: url(../images/topics/qr_movie/bg_btn.jpg) no-repeat center 0;
	height:223px;
	padding-top:470px;
	padding-left:125px;
	text-indent:-9999px;
}
.btn_qrenma span {
	width:749px;
	height:104px;
 position: relative;
	text-indent:0;
}


/* 赤猫団／白犬隊の連動方法 ページ
========================================================== */

.rendou_btn {
	background: url(../images/topics/rendou/bg_btn.jpg) no-repeat center 0;
	height: 295px;
	padding: 22px 0 0 92px;
}
.rendou_btn p {
	float: left;
}
.rendou_btn .pl21 {
	padding: 0 0 0 21px;
}
/* 連動ポップアップ  ------------------------------------ */

.rendou_closebtn {
	background: url(../images/topics/rendou/bg_close.jpg) no-repeat center 0;
	height: 131px;
	padding: 32px 0 0 317px;
}
/*  更新データ配信
========================================================== */
body#topics.update .img04, body#topics.update .img06, body#topics.update .img10, body#topics.update .img11, body#topics.update .img12, body#topics.update .img14 {
	position: relative;
}
body#topics.update .img04 span {
	position: absolute;
	top: 338px;
	right: 109px;
}
body#topics.update .img06 .btn_internet {
	position: absolute;
	top: 110px;
	right: 102px;
}
body#topics.update .img06 .btn_update {
	position: absolute;
	top: 150px;
	right: 100px;
}
body#topics.update .img10 span {
	position: absolute;
	top: 270px;
	right: 166px;
}
body#topics.update .img11 span {
	position: absolute;
	top: 240px;
	right: 84px;
}
body#topics.update .img12 span {
	position: absolute;
	top: 102px;
	right: 84px;
}
body#topics.update .img14 span {
	position: absolute;
	top: 106px;
	left: 148px;
}
/* 特典購入
========================================================== */

.tokuten_btn01 {
	background: url(../images/topics/tokuten/bg_tokutenBtn01.jpg) no-repeat center 0;
	height: 196px;
	padding: 69px 0 0 176px;
}
.tokuten_btn02 {
	background: url(../images/topics/tokuten/bg_tokutenBtn02.jpg) no-repeat center 0;
	height: 193px;
	padding: 23px 0 0 121px;
}
/* 妖怪ウォッチ2との連動
========================================================== */

.yw2_btnarea {
	background: url(../images/topics/yw2_rendou/bg_yw2btn.jpg) no-repeat center 0;
	height: 199px;
	padding: 38px 0 0 124px;
 ]
}
/* 購入者アンケート
========================================================== */

.enq_btn {
	background: url(../images/enq/bg_btn.jpg) no-repeat center 0;
	height: 125px;
	padding: 20px 0 0 220px;
}
/* ダウンロード版購入手順
========================================================== */

.dl_btn {
	background: url(../images/top/download/bg_btn.jpg) no-repeat center 0;
	height: 178px;
	padding: 99px 0 0 154px;
}
/* 困った時のQ&A 
========================================================== */

#faq .contents {
	background: url(../images/top/faq/bg_contents.gif) repeat-y center;
}
#faq .contentsTop {
	background: url(../images/top/faq/bg_contentsTop.gif) no-repeat center 0;
}
#faq .contentsBottom {
	background: url(../images/top/faq/bg_contentsBottom.gif) no-repeat center bottom;
	padding: 0 0 86px 0;
}
#faq h3 {
	text-align: center;
	padding: 86px 0 0;
}
/* 質問リスト */

#faq .qList {
	font-size: 16px;
	color: #fe7e17;
	padding: 20px 60px 0;
}
#faq li {
	background: url(../images/top/faq/icon_q.png) no-repeat 10px 50%;
	border-bottom: 2px solid #e3e3e3;
	display: table;
	height: 73px;
	margin: 0;
	padding: 0 20px 0 90px;
	width: 768px;
}
.qList li a {
	display: table-cell;
	padding: 10px 0;
	vertical-align: middle;
}
.qList li.new a {
	background: url(../images/top/faq/icon_new.png) no-repeat 0 50%;
	padding: 10px 0 10px 80px;
}
#faq .qList a {
	color: #7a2f00;
	text-decoration: underline;
}
#faq .qList a:hover {
	color: #7a2f00;
	text-decoration: none;
}
/* 質問解答欄 */

#faq dl {
	background: no-repeat #ffc000;
	border: 3px solid #000;
	width: 837px;
	padding: 17px 18px;
	margin: 25px auto 30px;
}
#faq dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.88;
	background: no-repeat #fff;
	border: 4px solid #ffa900;
	padding: 26px 33px 0;
	margin: 0 0 10px;
}
#faq dd {
	font-size: 16px;
	line-height: 1.88;
	background: no-repeat #fff;
	border: 4px solid #ffa900;
	padding: 26px 33px 0;
}
#faq dt span.new {
	background: url(../images/top/faq/icon_q_new.png) no-repeat 0 0;
	padding: 15px 0 25px 165px;
	vertical-align: middle;
	display: block;
}
#faq dt span {
	background: url(../images/top/faq/icon_q.png) no-repeat 0 0;
	padding: 15px 0 25px 80px;
	vertical-align: middle;
	display: block;
}
#faq dd span {
	background: url(../images/top/faq/icon_answer.png) no-repeat 0 0;
	padding: 15px 0 15px 80px;
	vertical-align: middle;
	display: block;
}
#faq dd span a {
	color: #7a2f00;
	text-decoration: underline;
}
#faq dd span a:hover {
	color: #7a2f00;
	text-decoration: none;
}
/* LINEアニメーションスタンプ配信 (0716更新→1222追加更新)
========================================================== */

.bg_linebtn01 {
	background: url(../images/topics/line/bg_linebtn01.jpg) no-repeat center 0;
	height: 154px;
	padding: 27px 0 0 70px;
}
.bg_linebtn02 {
	background: url(../images/topics/line/bg_linebtn02.jpg) no-repeat center 0;
	height: 154px;
	padding: 27px 0 0 70px;
}
.bg_linebtn01 li, .bg_linebtn02 li {
	float: left;
}
.bg_linebtn01 li.pl18, .bg_linebtn02 li.pl18 {
	padding: 0 0 0 18px;
}
/* 月兎組リリース 12/12更新
========================================================== */

.bg_raremedalBtn {
	background: url(../images/topics/release151212/img_08.jpg) no-repeat center 0;
	height: 211px;
	padding: 244px 0 0 372px;
	text-indent: -9999px;
}
/* 月兎紹介ページ
========================================================== */

#wrapper #page div.pv_getto {
	background: url(../images/gettogumi/bg_pv.jpg) no-repeat center 0;
	height: 554px;
	padding: 171px 0 0 113px;
	position: relative;
}
#wrapper #page div.pv_getto span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 20px;
	right: 96px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#wrapper #page .guideBtn_area {
	background: url(../images/gettogumi/img_02_02.jpg) no-repeat center 0;
	height: 305px;
	padding: 189px 0 0 87px;
}
#wrapper #page .guideBtn_area p {
	position: relative;
}
#wrapper #page .guideBtn_area p span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: -15px;
	right: 100px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#wrapper #page .vipBtn_area {
	background: url(../images/gettogumi/img_06.jpg) no-repeat center 0;
	height: 336px;
	padding: 0 0 0 70px;
}
#wrapper #page .vipBtn_area p {
	background: url(../images/gettogumi/btn_viproom_d.png) no-repeat;
}
#wrapper #page p.VIP {
	position: relative;
}
#wrapper #page p.VIP span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 0;
	left: 228px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
.btn_close {
	background: url(../images/gettogumi/04/btn_close_bg.png) no-repeat 0 0;
	height: 179px;
	padding: 25px 0 0 340px;
}
#wrapper #page div.btn_Enma {
	position: relative;
	background: url(../images/gettogumi/04/img_03_bg.jpg) no-repeat center 0;
	height: 117px;
	padding: 683px 0 90px 119px;
}
div#gettogumi_inner div.btn_Enma span img.icon {
	position: absolute;
	top: 0;
	left: 847px;
}
#wrapper #page div.btn_Urashima {
	position: relative;
	background: url(../images/gettogumi/04/img_04_bg.jpg) no-repeat center 0;
	height: 117px;
	padding: 588px 0 33px 119px;
}
div#gettogumi_inner div.btn_Urashima span img.icon {
	position: absolute;
	top: 49px;
	left: 390px;
}
#wrapper #page div.btn_Kintaro {
	position: relative;
	background: url(../images/gettogumi/04/img_05_bg.jpg) no-repeat center 0;
	height: 117px;
	padding: 666px 0 33px 119px;
}
div#gettogumi_inner div.btn_Kintaro span img.icon {
	position: absolute;
	top: 651px;
	right: 135px;
	z-index:1;
}
#wrapper #page div.btn_CaptainThunder {
	background: url(../images/gettogumi/04/img_06_bg.jpg) no-repeat center 0;
	height: 181px;
	padding: 582px 0 0 105px;
}
div#gettogumi_inner p.new {
	position: relative;
}
div#gettogumi_inner p.new span img.icon_01 {
	position: absolute;
	top: 59px;
	left: 252px;
}
div#gettogumi_inner p.new span img.icon_02 {
	position: absolute;
	top: 47px;
	right: 62px;
}
div#gettogumi_inner p.new span img.icon_03 {
	position: absolute;
	top: 36px;
	left: 485px;
}
div#gettogumi_inner p.new span img.icon_04 {
	position: absolute;
	top: 64px;
	left: 268px;
}
div#gettogumi_inner p.new span img.icon_05 {
	position: absolute;
	top: 64px;
	right: 102px;
}
div#gettogumi_inner p.new span img.icon_06 {
	position: absolute;
	top: 20px;
	left: 319px;
}
div#gettogumi_inner p.new span img.icon_07 {
	position: absolute;
	top: 13px;
	right: 53px;
}
div#gettogumi_inner p.new span img.icon_08 {
	position: absolute;
	top: 424px;
	left: 445px;
}
div#gettogumi_inner p.new span img.icon_09 {
	position: absolute;
	top: 424px;
	right: 62px;
}
div#gettogumi_inner p.new span img.icon_10 {
	position: absolute;
	top: 0;
	left: 847px;
}
div#gettogumi_inner p.new span img.icon_11 {
	position: absolute;
	top: 50px;
	left: 390px;
}
div#gettogumi_inner p.new span img.icon_12 {
	position: absolute;
	top: 0;
	right: 15px;
}
div#gettogumi_inner p.new span img.icon_13 {
	position: absolute;
	top: 15px;
	right: 570px;
}
div#gettogumi_inner p.new span img.icon_14 {
	position: absolute;
	top: 540px;
	right: 515px;
}
div#gettogumi_inner p.new span img.icon_15 {
	position: absolute;
	top: 540px;
	right: 150px;
}
div#gettogumi_inner p.new span img.icon_16 {
	position: absolute;
	top: 583px;
	right: 303px;
}
div#gettogumi_inner p.new span img.icon_17 {
	position: absolute;
	top: 65px;
	right: 390px;
}
/* Navi(index)
=================*/
#wrapper #page #getto_Navi {
	background: url(../images/gettogumi/snavi/bg_navi.jpg) repeat-y 0 0;
	height: 1183px;
}
#wrapper #page #getto_Navi ul {
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
#wrapper #page #getto_Navi li {
	float: left;
	position: relative;
}
#wrapper #page #getto_Navi li.pL12 {
	padding-left: 12px;
}
#wrapper #page #getto_Navi li span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 284px;
	right: 15px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
/* sNavi(下層4P)
=================*/

#wrapper #page #getto_sNavi {
	background: url(../images/gettogumi/snavi/bg_sNavi.jpg) no-repeat 0 0;
	height: 1250px;
}
#wrapper #page #getto_sNavi ul {
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
#wrapper #page #getto_sNavi li {
	float: left;
	position: relative;
}
#wrapper #page #getto_sNavi li.pL12 {
	padding-left: 12px;
}
#wrapper #page #getto_sNavi li span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 284px;
	right: 15px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
/* ==========================================================
  ABOUT
========================================================== */

#about .bg1 {
	background: url(../images/about/05_img02.jpg) no-repeat center 0;
	height: 611px;
	padding: 179px 0 0 739px;
}
#about .bg2 {
	background: url(../images/about/05_img03.jpg) no-repeat center 0;
	height: 324px;
	padding: 432px 0 0 778px;
	margin: 0 0 29px 0;
}
#about .new {
	position: relative;
}
#about .new span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 23px;
	left: 142px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
/* ==========================================================
  chigai
========================================================== */
#chigai .btn_area {
	background: url(../images/chigai/01_img04.jpg) no-repeat center 0;
	height: 274px;
	padding: 260px 0 0 60px;
}
#chigai .btn_area li {
	float: left;
	position: relative;
}
#chigai .btn_area li span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	top: 18px;
	left: 280px;
	position: absolute;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}
#chigai .btn_area .pd_left {
	padding: 0 0 0 58px;
}
#chigai .btn_area2 {
	background: url(../images/chigai/01_img09.jpg) no-repeat center 0;
	height: 286px;
	padding: 0 0 0 50px;
}
/* akanekodan  ------------------------------------ */
#akanekodan .btn {
	float: left;
}
#akanekodan .btn_area {
	background: url(../images/chigai/aka/bg_aka.jpg) no-repeat center 0;
	height: 286px;
	padding: 20px 0 0 49px;
}
/* siroinutai  ------------------------------------ */
#siroinutai .btn {
	float: left;
}
#siroinutai .btn_area {
	background: url(../images/chigai/siro/bg_siro.jpg) no-repeat center 0;
	height: 286px;
	padding: 20px 0 0 49px;
}
/* ==========================================================
  BIGBOSS
========================================================== */
#bigboss .btn_bb01 {
	background: url(../images/bigboss/01_bgimg01.jpg) no-repeat center 0;
	height: 573px;
	position: relative;
}
#bigboss .btn_bb01 .chara1_2 {
	position: absolute;
	top: 486px;
	left: 69px;
}
#bigboss .btn_bb01 .chara3_4 {
	position: absolute;
	top: 486px;
	right: 66px;
}
#bigboss .btn_bb02 {
	background: url(../images/bigboss/01_bgimg02.jpg) no-repeat center 0;
	height: 234px;
	position: relative;
}
#bigboss .btn_bb02 .chara5 {
	position: absolute;
	top: 158px;
	left: 190px;
}
#bigboss .btn_bb02 .chara6 {
	position: absolute;
	top: 158px;
	right: 76px;
}
#bigboss .btn_bb03 {
	background: url(../images/bigboss/01_bgimg03.jpg) no-repeat center 0;
	height: 244px;
	position: relative;
}
#bigboss .btn_bb03 .chara7 {
	position: absolute;
	top: 168px;
	left: 72px;
}
#bigboss .btn_bb03 .chara8 {
	position: absolute;
	top: 168px;
	left: 369px;
}
#bigboss .btn_bb03 .chara9 {
	position: absolute;
	top: 168px;
	right: 74px;
}
#bigboss .btn_bb04 {
	background: url(../images/bigboss/01_bgimg04.jpg) no-repeat center 0;
	height: 250px;
	position: relative;
}
#bigboss .btn_bb04 .chara10 {
	position: absolute;
	top: 168px;
	left: 72px;
}
#bigboss .btn_bb04 .chara11 {
	position: absolute;
	top: 168px;
	left: 369px;
}
#bigboss .btn_bb04 .chara12 {
	position: absolute;
	top: 168px;
	right: 74px;
}
/* ==========================================================
  GAME
========================================================== */
.game_list {
	background: url(../images/game/bg_contents_list.jpg) no-repeat center 0;
	padding: 51px 39px 69px;
}
.game_list li {
	float: left;
	position: relative;
}
.game_list li span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	bottom: 77px;
	height: 41px;
	position: absolute;
	right: 18px;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: none;
}
.game_list li.new span {
	display: block;
}
/* game02  ------------------------------------ */

.game02 .margin_l {
	margin: 0 0 0 -12px;
}
/* サブナビ
========================================================== */
.snavi {
	background: url(../images/game/bg_snavi.gif) no-repeat center 0;
	height: 489px;
	padding: 14px 0 0;
	margin: 0 0 0 -2px;
}
.btn_back_game {
	padding: 0 45px 17px 0;
	text-align: right;
}
.snavi ul {
	margin: 0 auto;
	width: 900px;
}
.snavi li {
	float: left;
	position: relative;
	padding: 0 0 8px;
}
.snavi li span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	top: -23px;
	height: 41px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: none;
}
.snavi li.new span {
	display: block;
}
/* ON ------------------------------------ */
.game01 .snavi_01 .on {
	opacity: 1!important;
}
.game02 .snavi_02 .on {
	opacity: 1!important;
}
.game03 .snavi_03 .on {
	opacity: 1!important;
}
.game04 .snavi_04 .on {
	opacity: 1!important;
}
.game05 .snavi_05 .on {
	opacity: 1!important;
}
.game06 .snavi_06 .on {
	opacity: 1!important;
}
.game07 .snavi_07 .on {
	opacity: 1!important;
}
.game08 .snavi_08 .on {
	opacity: 1!important;
}
.game09 .snavi_09 .on {
	opacity: 1!important;
}
.game10 .snavi_10 .on {
	opacity: 1!important;
}
/* ==========================================================
  MOVIE
========================================================== */

#movie .bg_contents {
	background: url(../images/movie/bg_repeat.jpg) repeat-y;
}
#movie .bg_top {
	background: url(../images/movie/bg_movie01.jpg) no-repeat center 0;
}
#movie .bg_bottom {
	background: url(../images/movie/bg_movie02.jpg) no-repeat center bottom;
}
#movie .bg_contents ul {
	width: 886px;
	padding: 105px 56px;
}
#movie .bg_contents li {
	float: left;
	position: relative;
}
#movie .bg_contents li.pl11 {
	padding: 0 0 0 11px;
}
#movie .bg_contents li.pt23 {
	padding: 23px 0 0;
}
#movie .bg_contents li.pl11_pt23 {
	padding: 23px 0 0 11px;
}
#movie .bg_contents li span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	bottom: 50px;
	height: 41px;
	position: absolute;
	right: 6px;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: none;
}
#movie .bg_contents li.new span {
	display: block;
}
#movie .bnr_tvcm {
	width: 940px;
	position: relative;
	margin: 45px auto 10px;
}
#movie .bnr_tvcm span {
	background: url(../images/shared/navi_icon_new.png) no-repeat 0 0;
	height: 41px;
	position: absolute;
	top: -5px;
	left: 410px;
	text-indent: -9999px;
	width: 55px;
	z-index: 2;
	display: block;
}