@charset "UTF-8";

#contents_wrap{ padding: 0; }
#main_wrap{ height: 600px; min-width: 1100px; position: relative; width: 100%; overflow: hidden; }
#main_wrap > .photo{ position: absolute; left: 50%; margin-left: -1150px; }
#main_wrap > .copy_wrap{ width: 530px; height: 480px; position: absolute; right: 50%; margin-right: -525px; background: url(../image/top/copy_bg.png) 0 0 no-repeat; }
#main_wrap > .copy_wrap > .copy{ padding-top: 110px; }
#contents_wrap > .inner_wrap{ position: relative; padding: 57px 0 50px; margin-top: -5px; background: url(../image/common/title_shadow.png) 0 0 repeat-x; }
#contents_wrap > .inner_wrap > .navi_wrap{ width: 1080px; padding-left: 30px; }
#contents_wrap > .inner_wrap > .navi_wrap > li{ width: 240px; margin-right: 30px; float: left; padding-bottom: 47px; background: url(../image/top/list_shadow.png) center bottom no-repeat; position: relative; }
#contents_wrap > .inner_wrap > .navi_wrap > li > .photo{ border-bottom: 4px solid #04091a; width: 240px; height: 210px; overflow: hidden; }
#contents_wrap > .inner_wrap > .navi_wrap > li > .frame{ width: 240px; height: 210px; background: url(../image/top/navi/frame.png); position: absolute; top: 0; }
#contents_wrap > .inner_wrap > .navi_wrap > li > a{ height: 134px; width: 240px; display: block; overflow: hidden; }