@charset "UTF-8";
/*common.css*/

/* =========================================================
 common
========================================================= */
body{background-color:#fff;}

/* ----- btnClass ----- */
/* btnClass */
.btnClass a{background-position:left top;background-repeat:no-repeat;width:100%;height:100%;display:block;text-indent:-9999px;}
.btnClass a:hover{background-position:left bottom;}

/* ----- default style ----- */
.clearspace	{font-size:0;line-height:0;display:none;visibility:hidden;}
strong {font-weight:bold;}

p,table,dl,
h1,h2,h3,h4,h5,h6,h7{font-size:12px; line-height:1.5; text-align:left;}

.centerText		{text-align:center;}
.leftText		  {text-align:left;}
.rightText		{text-align:right;}

/* ----- color ----- */
a {color:#686868; text-decoration:underline;}
a:hover {color:#b3b3b3;}

/* =========================================================
 change-img
========================================================= */
#change-img{position:relative; width:1920px; height:1080px; margin:0 auto;}
#view li img{position:absolute; top:0; left:0; display:none;}

#arrow li,
#arrow p {position:absolute;}
#arrow li {height:1080px; top:0; display:block;}

#arrow li a{display:block; width:100%; height:100%;}

#arrow-left{left:0;width:100px;}
#arrow-right{right:0;width:100px;}

#arrow-back, #arrow-back a{width:210px; height:35px; display:block;}
#arrow-back {position:absolute; left:855px; bottom:30px;}

#arrowx li,
#arrowx p {position:absolute;}
#arrowx li {height:1080px; top:0; display:block;}

#arrowx li a{display:block; width:100%; height:100%;}

#arrow-leftx{left:0;width:100px;}



@media screen and ( min-width : 1920px )  {
html,body{ overflow:hidden; }
}