@import url("common.css");


#main_container {position:relative; width:100%; margin:0 auto; overflow:hidden;}
/*
#main_container .main_visual_area {width:100%; background:url('/img/visual_bg.gif') repeat-x top; height:480px;}
#main_container .main_visual {width:1000px; height:480px; margin:0 auto;}
*/

#main_container .main_visual_area {width:100%; background:url('/img/bg_visual.gif') no-repeat 100%; height:510px;}
#main_container .main_visual {position:relative; width:1000px; height:510px; margin:0 auto;}
#main_container .main_visual .main_movie {position:absolute; bottom:20px; left:30px; z-index:9;}


#main_container .main_content {position:relative; width:1000px; margin:0 auto; z-index:50;}
#main_container .main_content h2 {margin-bottom:17px;}
#main_container .main_content p {margin-top:21px;}



/* slide */
#slides {position:relative; width:100%; min-width:1000px; height:510px; margin:0 auto; z-index:1;}
#slides .slidesjs-slide {height:510px; z-index:4;}
#slides .slidesjs-slide > div,
#slides .slidesjs-slide > p,
#slides .slidesjs-slide > a {position:absolute;}
#slides .slidesjs-container {width:100%; min-width:1000px; height:510px !important; z-index:1;}
#slides .slidesjs-control {height:100% !important;}
#slides .slidesjs-previous {display:none; position:absolute; top:50%; left:20px; /*background:url(/img/btn_prev.png) 0 0 no-repeat; */width:24px; height:47px; margin-top:-27px; text-indent:-9999em; z-index:20;}
#slides .slidesjs-next {display:none; position:absolute; top:50%; right:20px; /*background:url(/img/btn_next.png) 0 0 no-repeat; */width:24px; height:47px; margin-top:-27px; text-indent:-9999em; z-index:20;}
#slides .slidesjs-play,
#slides .slidesjs-stop {display:block; position:absolute; bottom:20px; font-size:0; z-index:20 }

#slides .slidesjs-play {left:435px; background:url(/img/btn_play.png) 0 0 no-repeat; 
width:32px; height:32px;}
#slides .slidesjs-stop {left:472px; background:url(/img/btn_stop.png) 0 0 no-repeat; 
width:32px; height:32px;}

#slides .slidesjs-pagination {position:absolute; bottom:23px; *bottom:23px; left:515px; text-align:right; z-index:30;}
#slides .slidesjs-pagination li:first-child {margin-left:0;}
#slides .slidesjs-pagination li {display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin-left:5px;}
#slides .slidesjs-pagination li a {display:block; overflow:hidden; background:url(/img/paing.png) 0 0 no-repeat; width:12px; height:12px; text-indent:150%;}
#slides .slidesjs-pagination li a.active {background-position:0 -32px;}




.data-1 {}
.data-1 > span {display:block; position:absolute;}
.data-1 .bg01 {top:0; left:0; background:url(/img/slide01_bg.jpg) 0 0 no-repeat; width:1000px; height:510px;}
.data-1 .txt1 {top:66px; left:-103px;  z-index:10;}
.data-1 .txt2 {top:135px; left:-120px; font-size:14px; z-index:10;}
.data-1 .txt3 {top:212px; left:-150px; font-size:14px; z-index:10;}


.data-2 {}
.data-2 > span {display:block; position:absolute;}
.data-2 .bg01 {top:0; left:0; background:url(/img/slide02_bg.jpg) 0 0 no-repeat; width:1000px; height:510px;}
.data-2 .txt1 {top:67px; left:-103px;  z-index:10;}
.data-2 .txt2 {top:133px; left:-120px; font-size:14px; z-index:10;}
.data-2 .txt3 {top:212px; left:-150px; font-size:14px; z-index:10;}

.data-3 {}
.data-3 > span {display:block; position:absolute;}
.data-3 .bg01 {top:0; left:0; background:url(/img/slide03_bg.jpg) 0 0 no-repeat; width:1000px; height:510px;}
.data-3 .txt1 {top:181px; left:50%; margin-left:-305px; z-index:10;}
.data-3 .txt2 {top:240px; left:50%; margin-left:-290px; font-size:14px; z-index:10;}