@charset "UTF-8";

div.page-body {
    margin : 70px 0px 30px 0px ;
    width : 900px ;
    height : 100% ;
}

div.page-body-main {
    margin : 0px 0px 0px 0px ;
    width : 900px ;
    height : 100% ;
    float : left ;
}

h2.page {
    margin : 0px 0px 30px 0px ;
    width : 900px ;
    text-align : center ;
}


div.page-pamphlet {
    margin : 0px auto 0px auto ;
    width : 900px ;
    height : 100% ;
}

p.page {
    margin : 0px auto 0px auto ;
    font-size : 14px ;
    line-height : 28px ;
    width : 700px ;
    text-align : center ;
}

p.page_l {
    margin : 0px auto 0px auto ;
    font-size : 14px ;
    line-height : 28px ;
    width : 700px ;
    text-align : left ;
}


div.screen {
    margin : 30px 0px 50px 0px ;
    padding : 50px 0px 20px 0px ;
    background : #f1f1f1 ;
    width : 100% ;
}

div#main_visual { margin : 0px auto 0px auto ; position:relative ; width : 900px ; }
div#noimage { width : 900px  ; height : 640px ; }

div#main_visual div#mv_article { position:relative; z-index:100; width : 900px ; height  : 640px ; }
div#main_visual div#mv_article .section { position:absolute; width : 900px ; height  : 640px ; overflow:hidden; cursor:pointer; }
div#main_visual div#mv_article img { margin : 0px 0 10px 0 ; width : 840px  ; }
div#main_visual div#mv_article p { text-align : center ;  }

div#main_visual #mv_nav_arrow p { position:absolute; z-index:500; }
div#main_visual #mv_nav_arrow p.prev { left: 0px; top:201px; }
div#main_visual #mv_nav_arrow p.next { right: 0px; top:201px; }

div#main_visual #mv_nav { margin : 15px auto 0px auto;  width : 141px ; }
div#main_visual #mv_nav ul { width : 141px ; }
div#main_visual #mv_nav ul li { margin : 0px 15px 0px 0px ; width:24px; float:left; font-size:0; line-height:1; }
div#main_visual #mv_nav ul li p { width:24px; height:24px; overflow:hidden; }
div#main_visual #mv_nav ul li p a:hover img,
div#main_visual #mv_nav ul li p.current img { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
div#main_visual #mv_nav ul li img { width:24px; height:24px; }

div#main_visual #mv_nav ul li.last { position:relative; margin : 0px ;float:right;}
div#main_visual #mv_nav ul li.last p { width:24px; height:24px; }
div#main_visual #mv_nav ul li.last p:hover,
div#main_visual #mv_nav ul li.last p img { width:24px; height:24px; }