/* ============ Start of style.css?201500615-1000 ============ */
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: 0; vertical-align: top;}
li { list-style: none;}
a { color: #FFF; text-decoration: none;}
a:hover { color: #CCC; text-decoration: underline;}


/*LAYOUT*/
/*******************************************************************/
body { background: #000; height: 100%;}
body,input,textarea,select { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #FFF;}
#loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%;  overflow: hidden; background: url(https://images.staticjw.com/mhs/4231/loading.gif) no-repeat center center rgba(0,0,0,0.9); z-index: 9999;}
#wrapper { position: relative; width: 100%;  min-width: 1000px; text-align: left; font-size: 15px; line-height: 1.5; overflow: hidden;}
#shop_back #wrapper { background: url(https://images.staticjw.com/mhs/8033/img_back_bl.jpg) top center repeat;}
#wrapper.bgGoods { background-image: url(https://images.staticjw.com/mhs/5659/bg.jpg);}


/*HEADER*/
/*******************************************************************/
#headerWrap { width: 100%; height: 468px;}
#header { position: relative; width: 1200px; height: 468px;
background: url(https://images.staticjw.com/mhs/1665/img_gnav_bd.png) no-repeat center top 66px; margin: 0 auto;}

#header h1 { position: absolute; top: 11px; left: 50% ; margin-left: -143px ; z-index: 999;}
#header li { float: left;}

#headerWrapxtra { width: 100%; height: 0px;}
#headerxtra { position: relative; width: 1200px; height: 468px;
background: url(https://images.staticjw.com/mhs/1665/img_gnav_bd.png) no-repeat center top 66px; margin: 0 auto;}
#headerxtra h1 { position: absolute; top: 11px; left: 50% ; margin-left: -143px ; z-index: 999;}
#headerxtra li { float: left;}

#nav { position: absolute; top: 213px; left: 50%; margin-left: -460px; width: 920px;}
#nav li a { display: block; }
#nav .dw_area {width: 768px; margin: 7px 76px 0; }


#shop a { text-indent: 100%; white-space: nowrap; position: absolute; width:270px; height: 110px; top: 15px; left: 50%; margin-left: 216px; background: url("")}
#shop a:hover, #shop a.on { display: block; width:270px; height: 110px; background: url("")}
#social { position: absolute; top: 145px; left: 600px; width: 261px; height: 72px; background: url(https://images.staticjw.com/mhs/6060/img_sns_back.png) no-repeat top center;  margin-left: 300px; padding: 30px 0 0 77px; box-sizing: border-box; overflow: hidden;}
#social li { margin-right: 8px; float:left; width: 22px; height: 20px;}



#socialxtra{ position: absolute; top: 145px; left: 600px; width: 261px; height: 72px; background: url(https://images.staticjw.com/mhs/6060/img_sns_back.png) no-repeat top center;  margin-left: 300px; padding: 30px 0 0 77px; box-sizing: border-box; overflow: hidden;}
#socialxtra li { margin-right: 8px; float:left; width: 22px; height: 20px;}


#home { position: relative; }
#home #headerWrap { position: absolute; top: 542px; height: 468px; z-index: 999;}
#home #header { position: relative; width: 1200px; height: 468px;
background: url(https://images.staticjw.com/mhs/8020/img_gnav_b.png) no-repeat center top 66px; margin: 0 auto;}

#home #header h1 { position: absolute; top: -220px; left: 74% !important; }

#home #nav {position: absolute; top: 188px; left: 50%; margin-left: -460px; width: 920px;}
#home #shopbtn { position: absolute; top: 115px; left: 50% !important; margin-left: 287px;}
#home #social { top: 25px; background: none;}
#home #main { height: 1770px; }

/*FOOTER*/
/*******************************************************************/
#footerWrap { position: relative; background: #000 url(https://images.staticjw.com/mhs/4169/img_footer.png) center top no-repeat; z-index: 10; }
#footer { position: relative; width:1200px; height:173px; margin: 0 auto; padding: 30px 120px; box-sizing: border-box;}
#footer:after {
	content: "";
	clear: both;
	display: block;
}
#footer ul { float: left; overflow: hidden;}
#footer li { float: left; padding: 0 20px 0 5px; border-left: #704f00 solid 4px;}
#footer ul li a{ color: #704f00; font-weight: bold;}
#footer p { float: right; padding: 0 0 55px 0; text-align: right;}
#footer p img { vertical-align: middle;}
#footer .pt { position: absolute; top: -25px; right: 0;}
#copy {  width: 460px; color: #704f00; clear:both; font-size: 10px; text-align: left; margin: 0 auto;}
#copy .al { text-align: left; display: inline-block;}

/*ASIDE*/
/*******************************************************************/
#aside { float: left; width: 300px; margin-bottom: 60px; z-index: 10;}
#asidenews { width: 360px; float: left; margin-bottom: 60px; z-index: 10;}
#menu { height: 598px; padding: 60px 0 0 7px; background: url() 0 0 no-repeat;}
#menu.upperlayer {position: absolute;  z-index: 9999999 !important; min-height: 950px;}
#menu2 { margin: 70px 0 0 30px;}
#menu2 li { padding-bottom: 12px;}
#menu2 li a { display: block; padding: 15px; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.5) solid 1px; font-size: 20px; font-weight: bold; letter-spacing: -0.08rem; }

#menu3 { margin: 90px 30px 0 0;}
#menu3 li { padding-bottom: 12px;}
#menu3 li a { display: block; padding: 15px; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.5) solid 1px; font-size: 20px; font-weight: bold;}
#aside4 { float: left; width: 200px !important; margin-bottom: 60px; z-index: 10; }
#menu4 { margin: 70px 0 0 10px; width: 190px; }
#menu4 li { padding-bottom: 12px;}
#menu4 li a { display: block; padding: 6px 10px; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.5) solid 1px; font-size: 15px; font-weight: bold;}
#menu4.upperlayer {z-index: 9999999 !important; }

#menu1 { height: 1765px; padding: 60px 0 0 7px; background: url() 0 0 no-repeat;}
#menu1.upperlayer {position: absolute;  z-index: 9999999 !important; min-height: 950px;}

/*CONTENTS*/
/*******************************************************************/
#main { position: relative; width: 1000px; margin: -5px auto 0; z-index: 5; min-height: 1297px; }

#home #main { position: relative; width: 1200px; }


#shop_back #main { background: rgba(0,0,0,0.6);}
#home #main { position: relative; width: 1200px; min-height: 1297px; margin: 0 auto;}
#main h2 { position: absolute; height:100px; background: url(https://images.staticjw.com/mhs/2407/img_ptitle_b.png) no-repeat top center; top: -93px; left: 0; padding-top: 16px; box-sizing:border-box; width: 100%; text-align: center; z-index: 5;}

#mainxtra h2 { position: absolute; height:100px; background: url(https://images.staticjw.com/mhs/2407/img_ptitle_b.png) no-repeat top center; top: -93px; left: 0; padding-top: 16px; box-sizing:border-box; width: 100%; text-align: center; z-index: 5;}


#contents { float: right; width: 700px; margin: 40px 0 60px;}
#contents.wide { width: 1000px; }
#contents.newswide { clear: both; float: left; width: 930px; margin-left: 40px; margin-right: auto;}
#contents.downloadwide { clear: both; width: 1000px; margin-left: 40px; margin-right: auto;}
#contents.eventswide { width: 800px;min-height: 950px;}
.fade { display: none;}
.next { position: absolute; top: 270px; right: 0;}
.prev { position: absolute; top: 270px; left: -20px;}
.incontents .pt { float: right; padding-bottom: 20px;}

/*top201701*/

#bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://images.staticjw.com/mhs/4736/main_bc_02.png) center top no-repeat;}

.monster01 { position: absolute; top:-20px; left: -300px; z-index: 9; }



.slide { position: absolute; top: 935px; left: 0; width: 600px; height: 380px; padding:42px 0 15px 15px; box-sizing:border-box; background: url(https://images.staticjw.com/mhs/4406/slide.png) top 0 right 3px no-repeat; z-index: 900 !important;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sp-slides-container { position: relative; margin-top:0px; margin-left:0px; }
/*.sp-buttons { position: relative; padding-top:5px; margin-left:-15px;  }*/
}
.slider-pro { position: relative; margin: 0 auto;}
.sp-slides-container { position: relative; margin-top:-4px; }
.sp-mask { position: relative; overflow: hidden;}
.sp-slides { position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.sp-slide { position: absolute;}
.sp-image-container { overflow: hidden;}
.sp-image { position: relative; display: block; border: none; left: 42px;}
.sp-buttons { position: relative; padding: 8px 0 0 183px;}
.sp-button { display: inline-block; width: 26px; height: 26px; margin-right: 28px; background: url(https://images.staticjw.com/mhs/2664/slide_off.png) 0 0 no-repeat; cursor: pointer;}
.sp-buttons .sp-button:nth-child(2) { margin-right: 27px; }
.sp-selected-button { background-image: url(https://images.staticjw.com/mhs/9637/slide_on.png);}
/*.movie { position: absolute; top: 566px; left: 602px; width: 337px; height: 200px; padding-top: 42px; text-align: center; background: url(https://images.staticjw.com/mhs/3766/movie_back.png) 0 0 no-repeat;}*/


.movie { position: absolute; top: 935px; left: 600px; width: 600px; height: 380px; padding: 40px 19px 0 0; box-sizing: border-box; text-align: center; background: url(https://images.staticjw.com/mhs/3766/movie_back.png) 3px 0 no-repeat; z-index: 900;}
.movie .more { position: absolute; top: 330px; right: 56px;}
.batch { position: absolute; top: 823px; left: 0; width: 100%; text-align: center; z-index: 999;}
/*.bachバナー追加時*/
.batch .mt10 { padding-top: 10px;}
.news { position: absolute; top: 1316px; left: 50%; width: 1200px; height: 350px; margin-left: -600px; text-align: center; background: url(https://images.staticjw.com/mhs/5032/news_back.png) center 0 no-repeat; overflow: hidden; z-index: 999;}
.news #news_list { position: absolute; top: 130px; left: 140px; width: 900px; }
.news #news_list li { width: 960px; font-size: 18px; text-align: left; color: #010101; height: 50px; overflow: hidden; line-height: 1.2;}
.news #news_list li .new { width: 85px; color: #9f0f0f; display: lock; padding-right: 30px; box-sizing:border-box; float: left;}
.news #news_list li .date { width: 150px; color: #006a9d; display: block; padding-right: 30px; box-sizing:border-box; float: left;}
.news #news_list li .text_area { width: 700px; height: 50px; display: block; float: left;
overflow: hidden;
}
.news #news_list li .text_area a { color: #000;} 
.news #news_list li .text_area a:hover { color: #9f0f0f;} 
.newsmore { position: absolute; top: 1603px; left: 920px;  z-index: 999;}
.banner { position: absolute; bottom: 0; left: 114px; width: 976px; height: 109px; text-align: center; background: url() 0 0 no-repeat; z-index: 999;}
.banner li { display: inline-block; padding: 25px 1px 0;}


/*about*/
#about_back #wrapper { background: url(https://images.staticjw.com/mhs/1224/img_back_brown.jpg) top center repeat; }
#about_back #wrapper #main { width: 1200px; margin: -5px auto 0; padding-top: 10px;}
#about_back #wrapper #main:after {
	content: "";
	clear: both;
	display: block;
}
#about_back #wrapper #main #aside_about { width: 256px; float: left; padding: 0; margin: 0; background: url(https://images.staticjw.com/mhs/2521/about_menu_back.png) top center no-repeat; min-height: 933px;}
#about_back #wrapper #main #aside_about #menu { padding: 40px 16px; }
#about_back #wrapper #main #contents { width: 944px; float: right; padding: 0; margin: 0; text-align: center;}
#about_back #wrapper #main #contents .about_link { margin-bottom:10px; padding: 10px 20px 0; box-sizing: border-box;}
#about_back #wrapper #main #contents .about_link:after { content: ""; clear: both; display: block; }
#about_back #wrapper #main #contents .about_link a { display: block; float: right; }


/*monster + weapon*/
#monster, #weapon { position: relative; margin-left: -60px; padding-top: 30px;}
#monster { min-height: 1550px;}
#weapon { min-height: 910px;}
#weapon .next { right: 60px;}
#weapon .prev { left: 10px;}
#monster ul, #weapon ul { margin-left: 20px;}
#monster li, #weapon li  { position: relative; display: inline-block; padding: 10px 3px;}
#monster li span , #weapon li span { position: absolute; top: 5px; right: 0; z-index: 999; }

#monster .youtaibk  { width: 706px; height: 600px; margin-left: -10px; padding-top: 170px; text-align: center; background: url() 0 0 no-repeat; }
#monster .youtaibk2  { width: 706px; height: 600px; margin-left: -10px; padding-top: 170px; text-align: center; background: url() 0 0 no-repeat; }

#monstermenu li { position: relative; }
#monstermenu li span { position: absolute; top: -15px; left: -20px; z-index: 999; }
#monstermenu li ul.monster_sub { margin-left: 16px; padding-bottom: 10px; }

#re-appearance {height: 392px; margin-top: 40px; margin-left: 30px; padding: 20px 40px; text-align: center; background: url() 0 0 no-repeat;}
#re-appearance ul { margin: 20px 0 0 -30px; }
#re-appearance {}

#re-appearance2 {height: 1226px; margin-top: 40px; margin-left: 30px; padding: 20px 40px; text-align: center; background: url() 0 0 no-repeat;}
#re-appearance2 ul { margin: 20px 0 0 -30px; }
#re-appearance2 {}

#second_title {padding-top: 30px;}


/*goods*/
#goods_back #wrapper { background: url(https://images.staticjw.com/mhs/8033/img_back_bl.jpg) top center repeat;}
#goods_back #wrapper #main { background: rgba(0,0,0,0.7);}
#goods1 { padding: 30px 0; text-align: center;}
#goods2 { padding: 30px 0; text-align: center;}
#goods3 { padding: 30px 0; text-align: center;}
#goods4 { padding: 30px 0; text-align: center;}
#goods5 { padding: 30px 0; text-align: center;}
.link { width: 650px; margin: 0 auto;}
.link a { display: block; padding: 15px; text-align: center; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.5) solid 1px; font-size: 20px; font-weight: bold;}


/*contact*/
.box { margin-top: 20px; padding: 20px 30px; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.5) solid 1px;}
.box h3 { padding-bottom: 20px;}
#contact.box{ padding-bottom: 50px;}
.box dl.contactno { display: inline-block; width: 100%; margin: 40px 0 30px; vertical-align: top;}
.box dl.contactno dt { font-size: 20px;}
.box dl.contactno dd { padding: 0; border: none; font-size: 25px; font-weight: bold;}
.box ol { margin: 20px 0 20px 60px; font-size: 12px;}
.box li { padding-bottom: 4px; list-style: decimal;}
.box .right { text-align: right; font-size: 12px;}
.box dl { display: inline-block; width: 234px; margin: 30px 100px; vertical-align: top;}
.box dt { font-size: 25px;}
.box dd { padding: 10px 20px; border-top: #666 solid 1px; border-bottom: #666 solid 1px;}


/*latestnews*/
#news_back #wrapper { background: url(https://images.staticjw.com/mhs/4604/img_back_violet.jpg) repeat top center;}
.newsall h2 {margin-top: 0;}
.newsticker {width: 100%; background: #000;}
.news2 { position: absolute; top: 60px; left: 50%; width: 1108px; height: 150px; margin-left: -554px; text-align: center; background: url(https://images.staticjw.com/mhs/5676/news_back.png) center 0 no-repeat; overflow: hidden; z-index: 999; color: #000; font-weight: bold;}
.news2 ul { position: absolute; top: 39px; left: 0; width: 100%; }
.news2 li { width: 100%; font-size: 14px !important; }
.news2 li span { font-size: 14px;  color: #F00;}
.news2 li a, .news2 li strong { font-size: 14px; font-weight: normal; color: #000;}

.latestnews h3 {margin-top: 140px; padding-bottom: 30px; text-align: center;}
.newslist {}
.newslist dl { margin-bottom: 25px; padding: 20px 30px; background: rgba(0, 0, 0, 0.8); border: rgba(255, 255, 255, 0.5) solid 1px; }
.newslist dt {font-size: 20px; font-weight: normal; padding-bottom: 10px; }
.newslist dd { border-top: solid 1px rgba(255, 255, 255, 0.5) ; padding-top: 30px; padding-bottom: 20px;}
.newslist dt span { font-size: 14px; color: #F00;}

#newspager span {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin-right: 5px;
}
#newspager span.plink a {
	display: inline-block;
	border: 1px #fff solid;
	width: 100%;
	height: 100%;
}


/*movie*/
#movie_back #wrapper { background: url(https://images.staticjw.com/mhs/8033/img_back_bl.jpg) repeat top center; }
#moviecontents { padding: 40px 0; }
	#moviecontents dl { float: left; width: 470px; height: 332px; margin-bottom: 30px; padding: 10px 0 0; background: url(https://images.staticjw.com/mhs/8879/movie_bg.png) left top no-repeat; overflow: hidden;}
		#moviecontents dl.even { float: right; }
		#moviecontents dl iframe { margin: 0 40px; }
			#moviecontents dl dt {padding-top: 20px;}
			#moviecontents dl dd {padding: 10px 40px;}
#moviecontents li { float: left; padding: 0 20px 0 5px; border-left: #FF0900 solid 4px;}

	body#moviemodal .moviemodal_main {
		overflow: hidden;
	}
.magnify {
 position: absolute;
	display: block;
	top: -80px;
	left: -205px;
 -webkit-transition:all 1s;
 -moz-transition:all 1s;
 -ms-transition:all 1s;
 -o-transition:all 1s;
 transition:all 1s;
 -webkit-transform: scale(0.41);
 -moz-transform: scale(0.41);
 -ms-transform: scale(0.41);
 -o-transform: scale(0.41);
border-top: solid 10px #000;
border-left: solid 50px #000;
border-right: solid 50px #000;
border-bottom: solid 10px #000;
}
.movie .magnify:hover {z-index: 9999;
 position: absolute;
		margin-left: -200px;
		top: -180px;
		padding: 30px 35px;
		border: solid 2px #fff;
	background: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);

    -moz-box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
}


#moviecontents dl { overflow: visible !important; }
#moviecontents dt { position: relative; }
#moviecontents dt span { position: absolute; top: -15px; left: -20px; z-index: 999; }


/* EVENT */
#event_back #wrapper {
	background: url(https://images.staticjw.com/mhs/8033/img_back_bl.jpg) top center repeat;
}
#event_back #wrapper #main {
	background: rgba(0,0,0,0.5);
}
.eventlist { padding-top: 20px;}
.eventlist dl { margin-bottom: 25px; padding: 20px 30px; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.5) solid 1px; }
.eventlist dt {font-size: 20px; font-weight: normal;}
.eventlist dd { padding-bottom: 20px;}
.eventlist dt span { font-size: 14px; color: #F00;}

#event1 { padding: 30px 0; text-align: center;}
#event2 { padding: 20px 0; text-align: center;}
.eventarticle02 { margin: 30px 0 0; }
.eventarticle03 { margin: 0 0 0 -140px; }
.eventarticle_txt {width: 680px; margin: -15px auto 0; padding: 10px 5px; border-top: dotted 1px #ececec; text-align: left; font-size: 12px;}

.eventlist {margin: 10px 0 30px 20px;}
.eventvis { padding: 30px 0; text-align: center;}
.eventvis h3 { margin: 0 0 0 -140px; }

.eventlist dl { margin-bottom: 25px; padding: 20px 30px; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.5) solid 1px; text-align: left;}
.eventlist dt {font-size: 20px; font-weight: normal; padding-bottom: 10px; }
.eventlist dd { border-top: solid 1px rgba(255, 255, 255, 0.5) ; padding-top: 30px; padding-bottom: 20px;}
.eventlist dt span { font-size: 14px; color: #F00;}

.eventlist dd h3 { font-size: 18px !important; border-bottom: solid 1px #ccc; margin-bottom: 1em; padding: 20px 0 3px 0; }
.eventlist dd p { margin-bottom: 2em; }

/*shop*/
.shoptitle h2 {margin-top: 0;}
.shopsearch {width: 100%; background: #000;}
.shopkeyword { position: absolute; top: 60px; left: 50%; width: 1000px; height: 150px; margin-left: -500px; text-align: center; background: url(https://images.staticjw.com/mhs/3685/news_back.png) center 0 no-repeat; overflow: hidden;}
.shopkeyword dl { position: relative; width: 720px; margin: 30px auto 0;}
.shopkeyword dt { float: left;  margin: 10px 20px 0 0; color: #000 !important;}
.shopkeyword dd { float: left; }
.shopkeyword #keywords1	{ width: 450px; height: 43px; background: #333 url("https://images.staticjw.com/mhs/5148/icon_search01.png") no-repeat 8px 8px; border: #fff solid 1px; padding: 2px 2px 2px 56px; font-size: 20px;}
.shopkeyword #searchBtn1	{	position: absolute;	top: 0;	left: 610px;}

.shopkeyword ul { position: absolute; top: 39px; left: 0; width: 100%; }
.shopkeyword li { width: 100%; font-size: 14px !important; }
.shopkeyword li span { font-size: 14px;  color: #F00;}
.shopkeyword li a, .shopkeyword li strong { font-size: 14px; font-weight: normal;}

.shoperea {width: 940px; margin: 0; padding: 0 0 30px; overflow: hidden; }
.shoperea h3 {margin-top: 140px; padding-bottom: 0;}
.arealist {width: 940px; overflow: hidden}
.arealist ul {width: 990px; margin: 20px -50px 0 0; padding-bottom: 30px; overflow: hidden;}
.arealist li a { width: 440px; float: left; display: block; margin: 0 50px 20px 0; padding: 5px 0 20px; background: rgba(0, 0, 0, 0.5) url("https://images.staticjw.com/mhs/2936/icon_arrow01.png") center bottom no-repeat; border: rgba(255, 255, 255, 0.5) solid 1px;  text-align: center; font-size: 20px; font-weight: bold;}

.resultarea {width: 940px; margin: 0; padding: 0 0 30px; overflow: hidden; }
.resultarea h3 {font-size: 25px; font-weight: bold; margin: 0; padding: 3px; border-bottom: rgba(255, 255, 255, 0.5) dotted 2px;}
.resultarea .shoplist { width: 975px; margin: 20px -35px 0 40px; padding-bottom: 30px; overflow: hidden;}
.resultarea h4 {padding: 0 10px; font-size: 20px; font-weight: bold; color: #fff; background: #666; }
.resultarea .resultbox { float: left; margin: 0 35px 0 0; padding: 20px 0 35px; background: rgba(0, 0, 0, 0.5); border-bottom: rgba(255, 255, 255, 0.5) solid 1px; }
.resultarea dl { width: 360px; float: left; padding-right: 20px; }
.resultarea img { float: right; }
.resultarea a.eventlink { float: right; }
.resultarea dt {font-size: 15px; font-weight: normal; padding-bottom: 6px; }
.resultarea dd {font-size: 15px;  }
.shoperea .pt img { margin: -10px 0 50px !important;  clear: both;}


.resultarea_event {width: 100%; margin: 0; padding: 0 0 30px; overflow: hidden; }
.resultarea_event h3 {font-size: 25px; font-weight: bold; margin: 0; padding: 3px; border-bottom: rgba(255, 255, 255, 0.5) dotted 2px;}
.resultarea_event .shoplist { margin: 20px 0 0; padding-bottom: 30px; overflow: hidden;clear: both;}
.resultarea_event h4 {padding: 0 10px; font-size: 20px; font-weight: bold; color: #fff; background: #666; }
.resultarea_event .resultbox { margin: 0 35px 0 0; padding: 20px 0 35px; background: rgba(0, 0, 0, 0.5); border-bottom: rgba(255, 255, 255, 0.5) solid 1px; clear: both;}
.resultarea_event dl { padding-bottom: 10px;}
.resultarea_event img { float: right; }
.resultarea_event a.eventlink { float: right; }
.resultarea_event dt {font-size: 20px; font-weight: normal; padding-bottom: 6px; }
.resultarea_event dd {padding-bottom: 20px; font-size: 18px;  }
.resultarea_event .pt img { margin: -10px 0 50px !important; }
.resultarea_event dd table.eventshop {width: 95%; margin-left: 50px; border: rgba(255, 255, 255, 0.5) solid 1px; font-size: 15px;  }
.resultarea_event dd table.eventshop th {width: 20%; padding: 10px 20px; background: rgba(255, 255, 255, 0.5); border-right: rgba(255, 255, 255, 0.5) solid 1px; border-bottom: rgba(255, 255, 255, 0.5) solid 1px; font-size: 15px;  }
.resultarea_event dd table.eventshop td {width: 79%; padding: 10px 20px; border-right: rgba(255, 255, 255, 0.5) solid 1px; border-bottom: rgba(255, 255, 255, 0.5) solid 1px; font-size: 15px;  }
.resultarea_event .pt img { margin: -10px 0 50px !important;  clear: both;}
.shoperea .historyback { margin: -50px 0 0 !important;  clear: both; }

.shopmap {width: 100%; padding: 40px 70px; }
.shopnews {width: 100%; padding: 40px 245px; }





/*download*/
#download_back #wrapper { background: url(https://images.staticjw.com/mhs/8033/img_back_bl.jpg) repeat top center; }
#download_back #wrapper .backtrack { background: rgba(0,0,0,0.5);}
#downloadbak { background: url(https://images.staticjw.com/mhs/6069/img2.png) center top no-repeat;}
	#downloadbak dl { background: url(https://images.staticjw.com/mhs/7821/img1.png) center top 0px no-repeat; height: 380px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

#download .dbox { margin-top: 20px; padding: 20px 30px; }
#download .dbox2 {margin-bottom: 40px;padding: 20px 30px; background: #000; border: 2px solid #ccc; box-sizing: border-box;  }
	#download .dbox2 h3 { border-bottom: solid 3px #666; margin-bottom: 20px; padding-bottom: 3px;}
	#download .dbox2 ul { margin-left: 30px;}
		#download .dbox2 ul li { border-bottom: solid 1px #666; margin-bottom: 6px; padding-bottom: 3px;}
			#download .dbox2 ul li span { color: #ff0000; }
	#download .dbox2 p { padding: 30px 0 50px 30px;}
#download .dbox3 { clear: both; text-align: center; padding-bottom: 50px;}

#downloadlist {position: relative;  width: 830px; margin: 0 auto; padding-top: 50px; min-height: 940px;}
	#downloadlist  ul { margin-left: -20px;}
		#downloadlist li { width: 255px; display: inline-block; margin-left: 20px; margin-bottom: 50px; padding: 0; background: rgba(0, 0, 0, 0.5) url(https://images.staticjw.com/mhs/2820/box_bg-bottom.png) left bottom repeat-x; border: rgba(255, 255, 255, 0.5) solid 1px; text-align: center;}

	#downloadlist dl {}
			#downloadlist dt { padding: 20px 5px 10px; background: url(https://images.staticjw.com/mhs/2986/box_bg-top.png) left top repeat-x; font-size: 19px; text-align: center; letter-spacing: -0.1em;}
			#downloadlist dd {padding: 0 5px 10px;}
			#downloadlist dd.thumb {}
			#downloadlist dd.thumb img { max-width: 220px; max-height: 155px; }
			#downloadlist dd.spec {}
				#downloadlist dd.spec table { font-size: 12px;}
				#downloadlist dd.spec table th { text-align: left; padding: 2px 10px; white-space: nowrap;}
					#downloadlist dd.spec table th span  { padding-left: 10px; border-left: rgba(255, 255, 255, 0.5) solid 5px; }
				#downloadlist dd.spec table td { text-align: left; }
			#downloadlist dd.dlbtn { padding-bottom: 20px;}



#contact.box{ padding-bottom: 50px;}
.box dl.contactno { display: inline-block; width: 100%; margin: 40px 0 30px; vertical-align: top;}
.box dl.contactno dt { font-size: 20px;}
.box dl.contactno dd { padding: 0; border: none; font-size: 25px; font-weight: bold;}
.box ol { margin: 20px 0 20px 60px; font-size: 12px;}
.box li { padding-bottom: 4px; list-style: decimal;}
.box .right { text-align: right; font-size: 12px;}
.box dl { display: inline-block; width: 234px; margin: 30px 100px; vertical-align: top;}
.box dt { font-size: 25px;}
.box dd { padding: 10px 20px; border-top: #666 solid 1px; border-bottom: #666 solid 1px;}

/* newgame */
#newgame_back #wrapper {background: url(https://images.staticjw.com/mhs/6221/img_back_green.jpg) repeat top center;}
#newgame_back #wrapper #main { width: 1200px; margin: -5px auto 0; padding-top: 10px;}
#newgame_back #wrapper #main:after {
	content: "";
	clear: both;
	display: block;
}
#newgame_back #wrapper #main #aside_newg { width: 256px; float: left; padding: 0; margin: 0;}
#newgame_back #wrapper #main #contents { width: 944px; float: right; padding: 0; margin: 0; text-align: center;}

/* extra */
#newgame_back #wrapperxtra {background: url(https://images.staticjw.com/mhs/6221/img_back_green.jpg) repeat top center;}
#newgame_back #wrapperxtra #mainxtra { width: 1200px; margin: -5px auto 0; padding-top: 10px;}
#newgame_back #wrapperxtra #mainxtra:after {
	content: "";
	clear: both;
	display: block;
}
#newgame_back #wrapperxtra #mainxtra #aside_newg { width: 256px; float: left; padding: 0; margin: 0;}
#newgame_back #wrapperxtra #mainxtra #contents { width: 944px; float: right; padding: 0; margin: 0; text-align: center;}


/* card */
#card_back #wrapper {background: url(https://images.staticjw.com/mhs/7049/img_back_blue.jpg) repeat top center;}
#card_back #wrapper #main { width: 1200px; margin: -5px auto 0; padding-top: 30px;}
#card_back #wrapper #main:after {
	content: "";
	clear: both;
	display: block;
}
#card_back #wrapper #main #aside_card { width: 256px; float: left; padding: 0; margin: 0;}
#card_back #wrapper #main #contents { width: 944px; float: right; padding: 0; margin: 0; text-align: center;}
.card_box {width: 944px; padding: 0 13px 0 31px; margin-bottom: 30px; }
.card_box .card_list { width: 900px; }
.card_box .card_list:after { content:""; clear: both; display:block; }
.card_box .card_list li { float: left; width: 145px; margin: 0 5px 5px 0;}
.card_box .card_list li img { width: 145px; height: auto; }

.card_box .card_list2 { width: 900px; }
.card_box .card_list2:after { content:""; clear: both; display:block; }
.card_box .card_list2 li { float: left; width: auto; height: 167px; margin: 0 5px 5px 0;}
.card_box .card_list2 li img { width: auto; height: 167px; }
.card_box .card_list2 li.list_2head { float: left; width: 145px; margin: 0 5px 5px 0;}
.card_box .card_list2 li.list_2head img { width: 145px; height: auto; }

.card_caution { margin-bottom: 40px; }


/* top PV */
/* ----------------------------------------------------- */
/* area */
#pv_zone {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0; left: 0;
	z-index: 110;
 	background-color: rgba(0,0,0,0.9);
}
	#pv_zone .top_movsection01 {
		position: relative;
		width: 900px;
		height: 550px;
		margin: 100px auto;
		text-align: center;
	}
	#pv_zone .top_movsection01 ul {
		position: relative;
		margin: 0 auto;
	}
		#pv_zone .top_movsection01 ul li.cntrl {
			padding-bottom: 15px;
			text-align: right;
			cursor: pointer;
		}

/*HACK*/
/*******************************************************************/
/*clear*/
.cf { display: inline-block;}
.cf:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html .cf {height:1%;}
.cf { display:block;}
/*End hide from IE-mac*/



/*aboutmenu_accordion*/
ul.accordion { position: relative; }
ul.accordion a { display:block; }
ul.accordion span { }
ul.accordion ul { display:none;}
ul.accordion ul.active { display: block;}
ul.accordion > li { margin-bottom: 1em; }
ul.accordion > li > p { cursor:pointer;}
ul.accordion > li > p span { background-image:url();}
ul.accordion > li > p span.open { background-image:url();}
ul.accordion > li > ul > li { }
ul.accordion > li > ul > li > p { }
ul.accordion > li > ul > li > a { }
ul.accordion > li > ul > li > ul > li {}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

/*
     FILE ARCHIVED ON 05:08:45 Mar 24, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:09:01 Feb 16, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of style.css?201500615-1000 ============ */

/* ============ Start of colorbox.css ============ */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {min-width: none;
}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear: both;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{ background: rgba(0,0,0,0.95);}
#colorbox{outline:0;}
    #cboxContent{margin-top:36px; overflow:visible; background-color:rgba(0,0,0,0.95);}
        .cboxIframe{background-color:rgba(0,0,0,0.95);}
        #cboxError{padding:20px; border:1px solid #ccc;}
        #cboxLoadedContent{
	margin: 0 auto;
		padding: 0;
		border: solid 2px #ccc;
	background: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
	color: #fff;
	clear: both;
	texta-align: center;
	overflow: hidden;
}
        #cboxLoadingGraphic{background:url(https://images.staticjw.com/mhs/4231/loading.gif) no-repeat top right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxLoadingOverlay{background:#000;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {padding:0; margin:0; overflow: hidden; border: none !important; text-indent:-9999px; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{ width:50px; min-height:50px; position:absolute; top:50%; left: 0; background:url() no-repeat center center !important; }
        #cboxPrevious:hover{filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
        #cboxNext{ width:50px; min-height:50px; position:absolute; top:50%; right: 0; background:url() no-repeat center center !important; }
        #cboxNext:hover{filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
        #cboxClose{ width:36px; height:36px; position:absolute; top:-36px; right: 1px; background: url(https://images.staticjw.com/mhs/1691/close_m.png) no-repeat 0 0 !important; }
        #cboxClose:hover{background:url(https://images.staticjw.com/mhs/2037/close_m_ovr.png) no-repeat 0 0 !important; 
}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

iframe {
	overflow: hidden;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover{
	outline:0;
}

/*
     FILE ARCHIVED ON 05:08:45 Mar 24, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:09:05 Feb 16, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of colorbox.css ============ */