/* ===================================================================
CSS information
 file name  :  animation.css
 style info :  Contents Desining
=================================================================== */
@charset "UTF-8";

/*--- carousel ---*/
#slideBox {
background:url('/m4/img/new_face/pc/u/index_img/teller_bg.jpg') no-repeat;
background-position:center top;
height:473px;
margin: 0 auto;
}
#slideBox .frame {
width: 860px;
margin:0 auto;
}
#slideBox .frame .thumWrap {
padding-bottom: 20px;
padding-top: 7px;
}
#slideBox .frame .thumWrap .thum01 {
padding-left:280px;
}
#slideBox .frame .thumWrap .thum01 li {
float: left;
margin-right: 30px;
list-style-type:none;
}
#slideBox .frame .thumWrap .thum01 li a {
display: block;
height: 79px;
width: 79px;
}
#slideBox .frame .thumWrap .thum01 .li01 {background: url(/m4/img/new_face/pc/u/index_img/teller01a_on.png) no-repeat 0px 0px;}
#slideBox .frame .thumWrap .thum01 .li02 {background: url(/m4/img/new_face/pc/u/index_img/teller02a_on.png) no-repeat 0px 0px;}
#slideBox .frame .thumWrap .thum01 .li03 {background: url(/m4/img/new_face/pc/u/index_img/teller03a_on.png) no-repeat 0px 0px;}
#slideBox .frame .thumWrap .thum01 .li04 {background: url(/m4/img/new_face/pc/u/index_img/teller04a_on.png) no-repeat 0px 0px;}
#slideBox .frame .thumWrap .thum01 li.selected img {
display: none;
}
#slideBox .slideWrap .slide01 .slideCont {
width: 860px;
height: 420px;
float: left;
}
#slideBox .slideWrap .slide01 {
width: 860px;
height: 420px;
overflow: hidden;
}
#slideBox .slideWrap02 .slide01 .slideCont .cont01 .ht {
height: 320px;
}
#slideBox .slideWrap {
width:719px;
height:350px;
overflow: hidden;
margin:0 auto;
}
#slideBox .slideWrap02 {}
#slideBox .slideWrap02 .slideWrap .slide01 .slideCont .cont01 {
height:465px;
width:860px;
text-align:left;
padding-top:10px;
}
#slideBox .slideWrap02 .slideWrap01 {
width:719px;
margin:0px auto;
position: relative;
}
#slideBox .slideWrap02 .slideWrap01 .carouPrev {
position: absolute;
top:158px;
left:-40px;
}
#slideBox .slideWrap02 .slideWrap01 .carouNext {
position: absolute;
top:158px;
right:-40px;
}

/*--- parallax ---*/
.skinBody{
background:url('/m4/img/new_face/pc/u/index_img/wall03.png') repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.skinFrame{
background:url('/m4/img/new_face/pc/u/index_img/wall04.gif') repeat 0 0;
}