/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0; 
	width: 28px;
	height: 100%;
	/*
	background: red;
	*/
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	/*
	background: #dde;
	background: url(scroll.png);
	*/
	background: url(help_scroll.png);
	position: relative;
	background-size: 130% auto;
	background-position: right top;
}

.jspDrag
{
	/*
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	*/
	background: url(help_drag.png);
	cursor:pointer;
	overflow:hidden;
	position: relative;
	/*
	-ms-touch-action: pan-y; 
	-ms-scroll-snap-type: mandatory;
	-ms-scroll-snap-points-y: snapInterval(0%, 100%);
	*/
}

.scroll_pane_2 .jspDrag
{
	/*
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	*/
	background: url(drag_hand_2.png) no-repeat;
	cursor:pointer;
	overflow:hidden;
	position: relative;
}

.scroll_pane_3 .jspDrag
{
	background: url(../pics/scrollbar/drag_hand_3.png) no-repeat;
	cursor:pointer;
	overflow:hidden;
	position: relative;
}

.scroll_pane_4 .jspDrag
{
	background: url(../pics/scrollbar/drag_hand_4.png) no-repeat;
	cursor:pointer;
	overflow:hidden;
	position: relative;
}

.scroll_pane_5 .jspDrag
{
	background: url(../pics/scrollbar/drag_hand_5.png) no-repeat;
	cursor:pointer;
	overflow:hidden;
	position: relative;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	/*
	background: #50506d;
	*/
	background: url(help_scroll_arrow.png) no-repeat;
	
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-size: 130% 100%;
	background-position: right top;
}
.jspArrowDown
{
	/*
	background: #50506d;
	*/
	background: url(help_scroll_arrow_down.png) no-repeat ;
	
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-size: 130% 100%;
	background-position: right top;
}

.jspArrow.jspDisabled
{
	cursor: default;
	/*
	background: #80808d;
	*/
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*scroll*/
.help_scroll_1 .jspTrack, .help_scroll_2 .jspTrack, .help_scroll_3 .jspTrack, .help_scroll_4 .jspTrack, .help_scroll_5 .jspTrack, .help_scroll_6 .jspTrack, .help_scroll_7 .jspTrack, .help_scroll_8 .jspTrack
{
	background: url(help_scroll.png);
	position: relative;
}

.help_scroll_1, .help_scroll_2, .help_scroll_3, .help_scroll_4, .help_scroll_5, .help_scroll_6, .help_scroll_7, .help_scroll_8{
	position:relative;
	top: 20px;
	left: 40px;
	
	float:left;
	/*
	overflow:auto;
	overflow-x:hidden;
	height:453px;
	*/
	height:auto;
	width:460px;
	
	font-size:12px;
	text-align:justify;
	color:#666666;
}

#news_scroll_1 .jspTrack, .news_scroll_2 .jspTrack, {
	background: url(help_scroll.png);
	position: relative;
}
#news_scroll_1, .news_scroll_2{
	position:relative;
	top: 20px;
	left: 40px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:350px;
	height:86px;
	
	font-size:10px;
	text-align:left;
	color:#666666;
outline: none;
}

.news_mobile_scroll_1 .jspTrack, .news_mobile_scroll_2 .jspTrack, {
	background: url(help_scroll.png);
	position: relative;
}

.news_mobile_scroll_1, .news_mobile_scroll_2{
	position:relative;
	top: 20px;
	left: 40px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:700px;
	height:400px;
	
	font-size:8px;
	text-align:left;
	color:#666666;
}

.m_news_mobile_scroll_1 .jspTrack, {
	background: url(help_scroll.png);
	position: relative;
}

.m_news_mobile_scroll_1{
	position:relative;

	top: 20px;
	left: 40px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:800px;
	height:500px;
	
	font-size:40px;
	line-height:80px;
	text-align:left;
	color:#666666;
}

.t_news_mobile_scroll_1 .jspTrack, {
	background: url(help_scroll.png);
	position: relative;
}

.t_news_mobile_scroll_1{
	position:relative;

	top: 20px;
	left: 40px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:400px;
	height:100px;
	
	font-size:12px;
	line-height:22px;
	text-align:left;
	color:#666666;
}



/*MK scroll*/

.lookbook_scroll_1_1 .jspTrack, .lookbook_scroll_1_2 .jspTrack, .lookbook_scroll_1_3 .jspTrack, .lookbook_scroll_1_4 .jspTrack,
.lookbook_scroll_1_5 .jspTrack, .mrbathingape_dealer .jspTrack, mrbathingape_lookbook .jspTrack, .bapecard_agreement_content .jspTrack,
.signup_agreement_contact .jspTrack{
	background: url(help_scroll.png);
	position: relative;
}

.mania_faq .jspTrack, mania_news .jspTrack
{
	background: url(help_scroll.png);
	position: relative;
}

.lookbook_scroll_1_1, .lookbook_scroll_1_2, .lookbook_scroll_1_3, .lookbook_scroll_1_4, .lookbook_scroll_1_5,
.lookbook_scroll_2_1, .lookbook_scroll_3_1, .lookbook_scroll_3_2{
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:670px;
	height:550px;
	
	font-size:12px;
	text-align:justify;
	color:#666666;
}


.storelist_scroll, .t_storelist_scroll{
	position:relative;
	top: 0px;
	left: 0px;
	
	overflow:auto;
	overflow-x:hidden;
	
	width:244px;
	height:480px;
}
.m_storelist_scroll{
	position:relative;
	top: 0px;
	left: 0px;
	
	overflow:auto;
	overflow-x:hidden;
	
	width:986px;
	height:796px;
}

.mrbathingape_dealer{
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:400px;
	height:450px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#000000;
	
}

.mrbathingape_lookbook{
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:670px;
	height:550px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#000000;
}

.bapecard_agreement{
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:560px;
	height:350px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#000000;
}

.mania_faq {
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:500px;
	height:450px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#ffffff;
}

.mania_news {
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:630px;
	height:250px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#ffffff;
}

.mania_enquiry {
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:480px;
	height:500px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#ffffff;
}


.signup_agreement {
	position:relative;
	top: 0px;
	left: 0px;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:480px;
	height:350px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#000000;
	
}

.faq{
	position:relative;
	
	float:left;
	/*
	overflow:auto;
	overflow-x:hidden;
	*/
	width:480px;
	/*height:350px;*/
	
	font-size:12px;
	/*text-align:justify;*/
	color:#000000;
}

.m_faq{
	position:relative;
	
	float:left;
	overflow:auto;
	overflow-x:hidden;
	
	width:830px;
	height:935px;
	
	font-size:12px;
	/*text-align:justify;*/
	color:#000000;
}
<style>
body {
  padding: 0;
  margin: 0;
}
img {
  border: 0;
}

}