@charset "UTF-8";

/* ==================================================================
CSS information
style info :「INTRODUCTION LB」 用
================================================================== */


#wrapper { background: none;}
/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#container { padding: 0px 0px 0; }

#contents_lb { background: url(../_img/introduction/lb/bg.png) 0 0 no-repeat; width: 878px; height: 678px; padding-top: 30px; padding-left: 0px; }


.ttl { text-align: center;}
.text { text-align: center;}

#picBox { position: relative; text-align: center; border: 1px solid #000; width: 676px; height: 380px; margin: 0 auto 10px;}


#thumbList { letter-spacing: -.45em; font-size: 0; vertical-align: top; text-align: center;}
#thumbList li { display: inline-block; letter-spacing: normal; margin: 0 13px; background: #000;}
#thumbList li a.active { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#thumbList li img { width: 147px; height: auto; border: 1px solid #000;}

.control { position: absolute; top: 50%; margin-top: -22px;}
.control a { display: block; width: 36px; height: 45px; }
#btn_left { left: 38px; }
#btn_left a { left: 38px; background: url(../_img/introduction/lb/btn_left.png) center center no-repeat; }
#btn_right { right: 38px; }
#btn_right a { left: 38px; background: url(../_img/introduction/lb/btn_right.png) center center no-repeat; }