@charset "utf-8";
/* CSS Document */

/* container
---------------------------------------------------------*/


/* visual
---------------------------------------------------------*/
#visual {
position: relative;
margin: 0 auto 10px;
padding-top: 320px;
width: 900px;
height: 125px;
}

#visual .logoRocket {
z-index: 9999;
position: absolute;
left: 0;
top: -50px;
}

#visual .bg {
position: absolute;
left: -30px;
top: -35px;
}

#visual .inner .logo {
position: absolute;
left: 5px;
top: 140px;
}

#visual .inner .character {
position: absolute;
left: 110px;
top: -16px;
}

#visual .movie {
position: absolute;
right: 14px;
top: 14px;
padding: 11px 10px;
width: 280px;
height: 168px;
background: url(../image/index/index_visual_movie_frame.png) left top no-repeat;
}

#visual .movie .icon {
position: absolute;
left: -40px;
top: -30px;
}

#visual .movie .link {
position: absolute;
right: -14px;
top: 174px;
}

#visual .navi {
list-style: none;
margin: 0 auto;
height: 125px;
width: 830px;
}

#visual .navi li {
float: left;
display: inline;
margin-right: 20px;
}

#visual .navi li.last {
margin-right: 0;
}

/* detail
---------------------------------------------------------*/
#detail {
position: relative;
margin: 0 auto 50px;
width: 800px;
}

#detail .package {
position: absolute;
left: 30px;
top: 15px;
}

#detail .character {
position: absolute;
right: -30px;
bottom: -10px;
}