/* HOME */
/*------------------------------------------------------------------*/
/* main */
#main{ width:900px; height:330px; margin:20px auto 0; padding:0 60px 0 -60px; position:relative; }
#slideImg{ background:#FFF url(../../img/main_bottom.jpg) no-repeat bottom; width:880px; height:300px; margin:0 auto; padding:10px 10px 20px; }
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }
.nivo-directionNav a { width:50px; height:50px; position:absolute; top:45%; z-index:9; cursor:pointer; text-indent:-9999px; display:block; }
.nivo-prevNav { background:url(../../img/main_left_off.jpg) no-repeat; position:absolute; top:125px; left:-70px; cursor:pointer; }
.nivo-prevNav:hover { background:url(../../img/main_left_on.jpg) no-repeat; }
.nivo-nextNav { background:url(../../img/main_right_off.jpg) no-repeat; position:absolute; top:125px; left:900px; cursor:pointer; }
.nivo-nextNav:hover { background:url(../../img/main_right_on.jpg) no-repeat; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }

/* title */
.contentsLeft h2{ background:#FFF; height:50px; margin:0; padding:0 0 0 10px; font-size:14px; color:#369; font-weight:bold; line-height:50px; border-top:4px solid #369; position:relative; }
.contentsLeft h2 a{ position:absolute; top:15px; right:10px; }
.contentsRight h2{ background:#FFF; width:610px; height:50px; margin:0; padding:0 0 0 10px; font-size:14px; color:#369; font-weight:bold; line-height:50px; border-top:4px solid #369; }

/* contents left */
#info{ background:#FFF url(../img/bottom_shadow.jpg) repeat-x bottom; width:230px; height:190px; padding:9px 10px 20px 10px; border-top:1px solid #DFDFDF; }
.scroll-pane { width:230px; height:190px; padding:0; overflow:auto; }
.jspContainer{ overflow:hidden; position:relative; }
.jspPane{ position:absolute; }
.jspVerticalBar{ position:absolute; top:0; right:0; width:9px; height:100%; }
.jspVerticalBar *,.jspHorizontalBar *{ margin:0; padding:0; }
.jspCap{ display:none; }
.jspTrack{ background:url(../img/scrollbar_bg.jpg) repeat-y; position:relative; }
.jspDrag{ background:#369 url(../img/scrollbar_drag.jpg) no-repeat 0 50%; position:relative; top:0; left:0; cursor:pointer; }
.jspArrow{ background:#50506d; text-indent:-20000px; display:block; cursor:pointer; }
.jspArrow.jspDisabled{ cursor:default; background:#80808d; }
.jspVerticalBar .jspArrow{ height:16px; }
.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; }
#info dl{ width:210px; margin:0; padding:0; }
#info dt{ color:#369; font-weight:bold; padding:0 0 5px 0; border-bottom:1px solid #DFDFDF; }
#info dd{ background:url(../img/dot.jpg) repeat-x bottom; margin:5px 0 10px 0; padding:0 0 10px 0; }
#info dd a{ color:#555; }
#info dd a:hover{ text-decoration:none; }

/* contents right */
.contentsRight ul{ width:620px; height:210px; margin:10px 0 0 0; font-size:1px; line-height:1px; overflow:auto; }
.contentsRight li{ background:#FFF url(../img/bottom_shadow.jpg) repeat-x bottom; width:190px; height:190px; margin:0 10px 0 0; padding:5px 5px 15px 5px; float:left; }
.contentsRight li.last{ margin:0; }
.contentsRight li a{ width:190px; height:190px; overflow:hidden; display:block; }