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



#temp { width:100%; height:100%; position:absolute; background:url(../image/temp02.jpg) top center; display:none; }
#mainbg { /*opacity:0.5;*/ }
div { box-sizing:border-box; -moz-box-sizing:border-box; }



/*
z-index

905 nexcofooter
-*/







html,body { margin:0; padding:0; width:100%; height:100%W; }
h1,h2,h3,p,ul ,dl { margin:0; padding:0; }
.notext { text-indent:100%; overflow:hidden; white-space:nowrap; }
.cf:after { content:""; display:block; clear:both; }



#wrapper { width:100%; display:block; position:relative; overflow:hidden; }
#mainbg { position:absolute; width:3186px; height:1911px; }
#mainbg #bgimg { position:absolute; width:100%; height:100%; }
#mainbg #koeda { position:absolute; }
#mainbg #koeda img { width:100%; height:100%; position:absolute; display:none; }
#mainbg #koeda img.view { display:block; }
/*#mainbg #koeda img.hide { display:none; }*/

#mainbg #ageha { position:absolute; }
#mainbg #ageha img { width:100%; height:100%; position:absolute; display:none; }
#mainbg #ageha img.view { display:block; }


#mainbg #cherry { position:absolute; }
#mainbg #cherry img { width:100%; height:100%; position:absolute; display:none; }
#mainbg #cherry img.view { display:block; }

#mainbg #mama { position:absolute; }
#mainbg #mama img { width:100%; height:100%; position:absolute; display:none; }
#mainbg #mama img.view { display:block; }




#contents { margin:auto; position:relative; top:0; left:0; min-height:100%; width:100%; }
.cont { width:100%; position:absolute; overflow:hidden; height:0; }
.contwrap { padding-bottom:41px; display:block; overflow:hidden; }
.cont .inner { width:1050px; margin:auto; position:relative; display:block; overflow:hidden; }
#reaf { width:100%; height:243px; position:absolute; top:0; background:url(../image/reaf.png) center repeat-x; }
#icon { width:95px; height:93px; pointer-events:none; }


.areas { width:100%; margin-top:30px; background:url(../image/alpha90_green.png); color:#FFF; position:relative; font-size:13px; line-height:1.4; }
.areas .areasinner { width:1000px; padding:20px 0; margin:auto; }
.areas .tit { width:180px; height:25px; background:url(../image/areas_tit.png) no-repeat; display:block; }
.areas li { list-style-type:none; float:left; }
.areas li:after { content:"｜"; }
.areas li a { color:#FFFBFB; text-decoration:none; }
.areas li a:hover { text-decoration:underline; }

.koedacopy { width:100%; background:url(../image/alpha80_green.png); }
.koedacopy .inner { width:1000px; margin:auto; padding:10px 0; }
.koedacopy .koeadlink { float:left; }
.koedacopy .koeadlink img { width:100px; height:auto; }
.koedacopy .copy { float:right; margin-top:15px; }
.koedacopy a.tlink { font-size:12px; color:#FFFFFF; text-decoration:none; }
.koedacopy a.tlink:hover { text-decoration:underline; }
.koedacopy a img { vertical-align:middle; margin-right:10px; }
.koedacopy a img:hover { opacity:0.8; }

#page_header { position:absolute; width:100%; position:absolute; top:-121px; left:0; }
#page_header .inner { width:1010px; height:121px; margin:auto; }
#page_header h2 { width:313px; height:114px; background:url(../image/page_tit.png) no-repeat bottom; float:left; cursor:pointer; }
#page_header ul { width:672px; height:121px; float:right; }
/*コラボ
#page_header li { width:168px; height:121px; float:left; list-style-type:none; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(../image/page_menu.png); cursor:pointer; }
#page_header .menu01:hover { background-position:0 -121px; }
#page_header .menu02 { background-position:-168px 0; }
#page_header .menu02:hover { background-position:-168px -121px; }
#page_header .menu03 { background-position:-336px 0; }
#page_header .menu03:hover { background-position:-336px -121px; }
#page_header .menu04 { background-position:-504px 0; }
#page_header .menu04:hover { background-position:-504px -121px; }
*/
#page_header li { width:217px; height:121px; float:left; list-style-type:none; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(../image/page_menu2.png); cursor:pointer; }
#page_header .menu01:hover { background-position:0 -121px; }
#page_header .menu02 { background-position:-217px 0; }
#page_header .menu02:hover { background-position:-217px -121px; }
#page_header .menu03 { background-position:-434px 0; }
#page_header .menu03:hover { background-position:-434px -121px; }


/*----------------------------------------------top-----------------------------------------*/
#top {  }
#top h1 { width:906px; height:252px; display:block; background:url(../image/top_tit.png) no-repeat; background-position:0 25px; margin-left:10px; }
#top .st01 { width:84px; height:191px; display:block; background:url(../image/top_st01.png) no-repeat; position:absolute; top:275px; left:365px;} 
#top ul.mainmenu { width:331px; height:529px; display:block; /*margin-top:40px;コラボ*/ margin-top:60px; margin-left:10px; margin-bottom:130px; }
#top ul.mainmenu li { width:331px; /*height:132px; background:url(../image/top_menu.png) no-repeat;コラボ*/ height:140px; background:url(../image/top_menu02.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer; }
/*コラボ用
#top ul.mainmenu li.menu01 { height:133px; }
#top ul.mainmenu li.menu01:hover { background-position:-331px 0; }
#top ul.mainmenu li.menu02 { background-position:0 -133px; }
#top ul.mainmenu li.menu02:hover{ background-position:-331px -133px; }
#top ul.mainmenu li.menu03 { background-position:0 -265px; }
#top ul.mainmenu li.menu03:hover { background-position:-331px -265px; }
#top ul.mainmenu li.menu04 { background-position:0 -397px; }
#top ul.mainmenu li.menu04:hover { background-position:-331px -397px; }
*/
#top ul.mainmenu li.menu01:hover { background-position:-331px 0; }
#top ul.mainmenu li.menu02 { background-position:0 -140px; }
#top ul.mainmenu li.menu02:hover{ background-position:-331px -140px; }
#top ul.mainmenu li.menu03 { background-position:0 -280px; }
#top ul.mainmenu li.menu03:hover { background-position:-331px -280px; }
#top ul.mainmenu li.menu04 { background-position:0 -420px; }
#top ul.mainmenu li.menu04:hover { background-position:-331px -420px; }


/*---------------------------------------------dvd-----------------------------------------------*/
#dvd{}
#dvd.cont .inner { width:1020px; }
#dvd h2 { width:582px; height:400px; background:url(../image/dvdtit01.png) no-repeat bottom; }
#dvd p.titread { width:582px; height:135px; background:url(../image/dvdtit02.png) no-repeat; }
#dvd .box01 { width:1020px; background:url(../image/dvd_bg01.png); position:relative; margin-top:30px; }
#dvd .box01:before { content:url(../image/dvd_wu.png); width:1020px; display:block; position:absolute; top:-36px; }
#dvd .box01:after { content:url(../image/dvd_ws.png); width:1020px; display:block; position:relative; bottom:-36px; margin-bottom:36px; margin-top:-36px; }
#dvd .box01 .read { width:945px; height:275px; background:url(../image/dvd_read.jpg) no-repeat; margin:auto; }
#dvd h3 { width:418px; height:55px; background:url(../image/dvd_st01.gif) no-repeat; background-position:40px 0; }
#dvd .menubox { width:945px; margin:auto; background:#FFF; position:relative; padding:0 15px; margin-bottom:30px; }
#dvd .menubox:before { content:url(../image/dvd_wu2.gif); position:absolute; width:945px; height:20px; top:-20px; left:0; } 
#dvd .menubox:after { content:url(../image/dvd_ws2.gif); position:absolute; bottom:-20px; left:0;  }
#dvd .menuboxinner { width:100%; display:block; overflow:hidden; }
#dvd .menubox .l_clm { width:49%; float:left; }
#dvd .menubox .r_clm { width:49%; float:right; }
#dvd .menubox .load span.tit { display:block; padding:2px 5px; background:#EA5F95; }
#dvd .menubox table { width:100%; font-size:15px; color:#EA5F94; margin:auto; margin-bottom:20px; font-weight:bold; }
#dvd .menubox tr { /*padding:5px 20px;*/ }
#dvd .menubox td { padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; border-bottom:#EA5F94 1px dotted; }
#dvd .menubox td a { font-weight:bold; text-decoration:none; color:#EA5F94; }
#dvd .menubox td a:hover { text-decoration:underline; }
#dvd .atten { width:945px; margin:auto; color:#FFF; font-size:13px; padding:10px 0; } 



#spot{}
#spot.cont .inner { width:1018px; }
#spot h2 { width:606px; height:380px; background:url(../image/spot_tit01.png) no-repeat bottom; float:right; }
#spot .titread { width:750px; height:148px; background:url(../image/spot_tit02.png) no-repeat; float:right; }
#spot .box01 { width:1018px; background:url(../image/spot_bg01.png) repeat-y; background-position:0 100px; position:relative; padding-bottom:40px; margin-bottom:50px; }
#spot .box01:before { content:""; background:url(../image/spot_bgimg02.png) no-repeat; background-position:9px 0; height:169px; display:block; }
#spot .box01:after { content:url(../image/spot_ws02.png); position:absolute; left:0; bottom:-24px  }
#spot .box01 .boxinner { width:905px; margin:auto; background:url(../image/spot_bgmizutama.jpg); margin-top:-169px; padding:0 35px; padding-bottom:20px; position:relative; }
#spot .box01 .boxinner:after { content:url(../image/spot_ws03.gif); position:absolute; left:0; bottom:-15px; }
#spot .st01 { width:489px; height:100px; background:url(../image/spot_st01.png) no-repeat 0 10px; display:block; }
#spot .read01 { width:489px; height:165px; background:url(../image/spot_read01.png) no-repeat; }
#spot .spotphoto { position:absolute; top:-10px; right:20px; }
#spot .about { width:826px; margin:auto; background:#5BBB76; position:relative; padding:20px; }
#spot .about:before { content:""; width:826px; height:26px; display:block; background:url(../image/spot_wu01.png) repeat-x; position:absolute; top:-26px; left:0; }
#spot .about:after { content:url(../image/spot_ws01.png); position:absolute; left:0; bottom:-8px; }
#spot .about dt,#spot .about dd { padding:3px 0; }
#spot .about dd { color:#FFF; font-size:15px; line-height:1.5; padding-bottom:10px; }
#spot .sfont { font-size:13px; }



#show {}
#show.cont .inner { width:1018px; }
#show h2 { width:833px; height:399px; background:url(../image/show_tit01.png) no-repeat; }
#show .titread { width:833px; height:99px; background:url(../image/show_tit02.png) no-repeat; }
#show .box01 { width:1018px;  background:url(../image/show_bg01.png) repeat-y; position:relative; padding-bottom:40px; margin-bottom:50px; }
#show .box01:after { content:url(../image/show_ws01.png); position:absolute; left:0; bottom:-24px  }
#show .box01 .boxinner { width:905px; margin:auto; background:url(../image/spot_bgmizutama.jpg); padding:0 35px; padding-bottom:20px; position:relative; }
#show .box01 .boxinner:after { content:url(../image/spot_ws03.gif); position:absolute; left:0; bottom:-15px; }
#show .st01 { width:352px; height:85px; background:url(../image/show_st01.png) no-repeat; display:block; }
#show .read01 { width:478px; height:159px; background:url(../image/show_read01.png) no-repeat; }
#show .houseimg { position:absolute; top:-10px; right:50px; }
#show .about { width:826px; margin:auto; background:#5BBB76; position:relative; padding:20px; }
#show .about:before { content:""; width:826px; height:26px; display:block; background:url(../image/spot_wu01.png) repeat-x; position:absolute; top:-26px; left:0; }
#show .about:after { content:url(../image/spot_ws01.png); position:absolute; left:0; bottom:-8px; }
#show .about dt,#show .about dd { padding:3px 0; }
#show .about dd { color:#FFF; font-size:15px; line-height:1.5; padding-bottom:10px; }
#show .sfont { font-size:13px; }





/*--------cover-------*/
#cover{ position:fixed; top:0; left:0; width:100%; height:100%; background:#FFF; z-index:900; }
#cover img { position:absolute; top:50%; left:50%; margin-top:-129px; margin-left:-96px; }


/*-------------NEXCOfooter-------------*/
#nexcofooter { width:100%; height:40px; background:#FFF; position:fixed; bottom:0; z-index:905; border-top:#CCC 1px solid; -webkit-box-shadow: 0px -2px 5px rgba(51,51,51,0.7); -moz-box-shadow: 0px -2px 5px rgba(51,51,51,0.7); -ms-box-shadow: 0px -2px 5px rgba(51,51,51,0.7); box-shadow: 0px -2px 5px rgba(51,51,51,0.7); }
#dpla_logo { width:270px; height:21px; display:block; overflow:hidden; background:url(../image/dpra_logo.gif); margin-left:10px; margin-top:9px; float:left; }
#copy { float:right; font-size:11px; color:#666; margin-top:8px; margin-right:10px; }
#copy span { display:block; text-align:right; }
#copy a { color:#46A644; }