@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:1824px; height:1026px; margin:0 auto;}
#view li img{position:absolute; top:0; left:0; display:none;}

#arrow li,
#arrow p{position:absolute;}
#arrow li{height:1026px; top:0;}

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

#arrow-left{left:0;width:100px;}
#arrow-right{right:0;width:100px;}
#arrow-back{position:absolute;width:280px; height:40px; left:770px; bottom:32px;}

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