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

html,body { margin:0; padding:0; height:100%; }
ul , p ,h1 , h2 , h3 ,dl ,dd, dt { margin:0; padding:0; }
li { list-style-type:none; }
.notext { text-indent:100%; overflow:hidden; white-space:nowrap; }
.cf:before , .cf:after { content: " "; display: table;}
.cf:after { clear: both; }
.cf { *zoom: 1;}
img { display:block; margin:0; }

body { background:#E1F3F9; }
#wrapper { width:100%; position:relative; }
#header { width:100%;  background:#3DA414; display:block; overflow:hidden; z-index:901; }
#header .inner { height:51px; min-width:1210px; }
#header ul { width:1108px; height:42px; float:left; margin:4px 0 0 4px; }
#header ul li { float:left; }
#header ul li a { display:block; height:15px; background:url(../images/header_sapa_menu.gif) no-repeat; margin-top:15px; text-indent:100%; overflow:hidden; white-space:nowrap; }
#header ul li a:hover { opacity:0.8; }
#header a#dplatop { width:345px; height:42px; background:url(../images/header_dpla_logo.gif) no-repeat; margin-top:0; }
#header a#search { width:101px; }
#header a#sapa { width:107px; background-position:0 -20px; }
#header a#roadinfo { width:97px; background-position:0 -40px; }
#header a#etc { width:88px; background-position:0 -60px; }
#header a#enexcopass { width:122px; background-position:0 -80px; }
#header a#shopping { width:98px; background-position:0 -100px; }
#header a#drive { width:70px; background-position:0 -120px; }
#header a#community { width:80px; background-position:0 -140px; }
#header #nexcologo { width:91px; height:42px; background:url(../images/header_nexco_logo.gif); float:right; margin:4px 4px 0 0; }


#main_img { width:100%; height:auto; display:block; position:absolute; z-index:490; }

#c_navi { width:1119px; height:150px; position:fixed; bottom:0; left:50%; margin-left:-559px; background:url(../images/c_navi_bg.png); z-index:900; }
#c_navi ul { position:absolute; top:76px; width:635px; left:323px;}
#c_navi ul li { float:left; width:120px; height:65px; margin-right:7px; background:url(../images/c_navi.gif); text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer; }
#c_navi ul li:hover { margin-top:-2px; }
#c_navi ul li.lastchild { margin-right:0; }
#c_navi #c_navi01 {  }
#c_navi #c_navi02 { background-position:-120px 0; }
#c_navi #c_navi03 { background-position:-240px 0; }
#c_navi #c_navi04 { background-position:-360px 0; }
#c_navi #c_navi05 { background-position:-480px 0; }
#c_navi span.single_info { width:55px; height:50px; display:block; position:absolute; bottom:7px; right:88px; background:url(../images/single_info_btn.png) no-repeat; cursor:pointer; }
#c_navi span.single_info:hover { background-position:0 -50px; bottom:9px; }



#contents { width:100%; /*background:#E1F3F9;*/ position:absolute; z-index:500; }


#sec00 { width:1010px; height:320px; margin:auto; background:url(../images/sec00_bg.png) repeat-x; -webkit-border-radius: 30px; border-radius: 30px; color:#555555; line-height:1.3; font-size:12px; }
#sec00 .inner { width:960px; margin:0 auto 30px auto; }
#sec00 .inner .l_clm { width:613px; float:left; margin-top:30px; }
#sec00 .inner .l_clm p.st01 { width:613px; height:124px; background:url(../images/sec00_read.gif) no-repeat; }
#sec00 .inner .l_clm p.st02 { height:92px; background:url(../images/sec00_area.gif) no-repeat; }
#sec00 .inner .l_clm em { width:613px; height:41px; display:block; background:url(../images/sec00_st01.gif) no-repeat; }
#sec00 .inner .r_clm { width:306px; float:right; margin-top:5px; position:relative; }
#sec00 .inner .r_clm span {   }
#sec00 .inner .r_clm .price01 { float:left; margin-left:35px;}
#sec00 .inner .r_clm .price02 { float:right; text-align:right; }
#sec00 .inner .r_clm img { margin:2px 0; }  
#sec00 .heartlink { width:100px; height:92px; display:block; background:url(../images/heart_btn_bg.png); text-indent:100%; overflow:hidden; white-space:nowrap; }
#sec00 .link_tgt {  }
#sec00 .link_tgt:hover { background-position:0 -92px; margin-top:-2px; }
#sec00 .link_item { background-position:-100px 0; position:absolute; top:195px; left:-55px; }
#sec00 .link_item:hover { background-position:-100px -92px; top:193px; }



#news { width:100%; background:url(../images/whatssnew_bg.gif); }
#news .inner { width:1010px; margin:20px auto; } 
#news .inner:before { width:1010px; height:83px; content:url(../images/whatsnew_wu.gif); display:block; }
#news .inner:after { width:1010px; height:40px; content:url(../images/whatsnew_ws.gif); display:block; }
#news .news_inner { width:840px; padding:5px 85px; background:#FFF; }
#news .news_inner dl { /*width:630px;*/ float:left; font-size:13px; line-height:1.4; }
#news .news_inner dt { width:7em; float:left; color:#E84188; font-weight:bold;}
#news .news_inner dd { margin-left:7em; display:block; }
#news .news_inner .st01 { color:#0380FE; font-weight:bold; }
#news .news_inner p { color:#333333; }
#news .news_inner p.atten { font-size:10px; }


.toggle_btn { width:119px; height:27px; background:url(../images/toggle_btn.png); position:absolute; bottom:0; left:50%; margin-left:417px; cursor:pointer; cursor:pointer; }
.toggle_btn.opend { background-position:0 -27px;}
#sec01 .toggle_btn {  }
#sec01 .toggle_btn.opend { background-position:0 -27px;}
#sec02 .toggle_btn { background-position:-119px 0; }
#sec02 .toggle_btn.opend { background-position:-119px -27px;}
#sec03 .toggle_btn { background-position:-238px 0; }
#sec03 .toggle_btn.opend { background-position:-238px -27px;}
#sec04 .toggle_btn { background-position:-357px 0; }
#sec04 .toggle_btn.opend { background-position:-357px -27px;}
#sec05 .toggle_btn { background-position:-476px 0; }
#sec05 .toggle_btn.opend { background-position:-476px -27px;}





#sec01 { width:100%; display:block; overflow:hidden; height:275px; position:relative; background:#DAF7DB; }
#sec01 .poster { width:100%; height:615px; background:#017604 url(../images/sec01_bg.jpg) repeat-x; }
#sec01 .poster .inner { width:1070px; height:615px; margin:auto; position:relative; }
#sec01 .poster .inner .p_img { position:absolute; display:block; top:0; margin:0; }
#sec01 .poster .inner .mobile { position:absolute; display:block; background:url(../images/sec01_img02.png); width:190px; height:188px; left:330px; bottom:5px; }
#sec01 .poster .inner .cnt { width:723px; float:right; position:relative; }
#sec01 h2 { height:167px; background:url(../images/sec01_tit01.png) no-repeat; margin-top:10px; }
#sec01 .poster p.st01 { height:94px; background:url(../images/sec01_tit02.png) no-repeat; background-position:right; }
#sec01 .poster ul { margin-top:3px; float:right; }
#sec01 .poster ul li { float:left; width:168px; margin-right:15px; }
#sec01 .poster ul li.lastchild { margin-right:0; }
#sec01 .poster ul li img { margin-bottom:3px; }
#sec01 .poster ul li p { padding-left:42px; color:#FFF; font-size:11px; line-height:1.2; }
#sec01 .wallpaper { width:1020px; margin:auto; }
#sec01 .wallpaper .members { width:714px; float:left; }
#sec01 .wallpaper .smp { float:right; }
#sec01 .wallpaper em { margin-top:20px; height:72px; display:block; background:url(../images/sec01_f2_tit.gif) no-repeat; }
#sec01 .wallpaper ul {  }
#sec01 .wallpaper ul li { width:116px; float:left; margin-right:3px; margin-bottom:3px; }

#sec02 { width:100%; height:275px; display:block; overflow:hidden; position:relative;  }
#sec02 .sec_cover { width:100%; background:url(../images/sec02_bg.jpg); }
#sec02 .box01 { width:1008px; height:548px; margin:auto; position:relative; }
#sec02 .box01 .mainimg { position:absolute; top:0; right:-50px; z-index:201; }
#sec02 .box01 p { width:323px; height:512px; margin-top:32px; display:block; background:url(../images/sec02_read.gif) no-repeat; position:relative; z-index:202; }
#sec02 .box02 { width:990px; margin:auto; background:#FFF; padding:10px; margin-bottom:20px; }
#sec02 .box02 .poster { float:left; margin-right:23px; }
#sec02 .box02 .step { width:804px; float:left; }
#sec02 .box02 .step .st { height:34px; display:block; background:url(../images/sec02_f02_st1.gif) no-repeat; background-position:left center; }
#sec02 .box02 .step ul li { float:left; }
#sec02 .box02 .atten { font-size:10px; color:#555555; line-height:1.3; padding:5px 10px; clear:both; }
#sec02 .box03 { width:100%; padding:10px 0 35px 0; background:#FF7DA9; }
#sec02 .box03 .st01 { height:32px; display:block; background:url(../images/sec02_f03_st01.gif) no-repeat; background-position:top center; }
#sec02 .box03 .st02 { height:28px; display:block; background:url(../images/sec02_f03_st02.gif) no-repeat; background-position:top center; }
#sec02 .box03 ul { width:998px; margin:auto; display:block; }
#sec02 .box03 ul li { width:74px; margin-right:10px; float:left; font-size:10px; color:#FFF; line-height:1.3; cursor:pointer; }
#sec02 .box03 ul li img { margin-bottom:3px; }
#sec02 .box03 ul li.lastchild { margin-right:0; }
 
#sec03 { width:100%; height:275px; display:block; overflow:hidden; position:relative; }
#sec03 .sec_cover { width:100%; height:546px; background:url(../images/sec03_bg.jpg); }
#sec03 .sec_cover .box01 { width:1237px; height:546px; margin:auto; position:relative; }
#sec03 .st01{ width:439px; height:116px; background:url(../images/sec03_st01.gif) no-repeat; display:block; position:absolute; top:390px; left:45px; }
#sec03 .sec_cover .box01 .info { width:613px; padding:5px; background:url(../images/white_alpha_bg.png); position:absolute; bottom:35px; right:110px; border-radius:5px; -webkit-border-radius:5px; line-height:1.3; font-size:12px; color:#333; }
#sec03 .sec_cover .box01 .info img { float:left; }
#sec03 .sec_cover .box01 .info .inner { float:right; width:400px; }
#sec03 .sec_cover .box01 .info p { height:78px; background:url(../images/sec03_text01.gif) no-repeat; }
#sec03 .sec_cover .box01 .info dl { display:block; }
#sec03 .sec_cover .box01 .info dt { float:left; width:7em; }
#sec03 .sec_cover .box01 .info dd { margin-left:7em;  }




#sec04 { width:100%; height:275px; display:block; overflow:hidden; position:relative; }
#sec04 .sec_cover { background:url(../images/sec04_bg.jpg) repeat-x; }
#sec04 .box01 { width:1130px; height:467px; background:url(../images/sec04_mainimg.png) no-repeat; margin:auto; }
#sec04 .box02 { width:1010px; margin:auto; background:#FFF; margin-bottom:20px; }
#sec04 .box02 .inner { width:571px; padding:10px; float:right; } 
#sec04 .box02 p { height:125px; background:url(../images/sec04_st01.gif) no-repeat; }
#sec04 dl { font-size:12px; color:#1A0700; line-height:1.3; } 
#sec04 dt { float:left; width:6em; padding-bottom:3px; }
#sec04 dd { margin-left:7em; padding-bottom:3px; }

#sec05 { width:100%; height:275px; display:block; overflow:hidden; position:relative; }
#sec05 .sec_cover { width:100%; background:#FFF url(../images/sec05_bg.jpg) repeat-x; height:832px; }
#sec05 .sec_cover .inner { width:1138px; margin:auto; position:relative; }
#sec05 .tit { width:802px; height:250px; display:block; float:right; background:url(../images/sec05_tit.png); position:absolute; top:0; right:0; }
#sec05 .m_img { position:absolute; top:0; left:0; }
#sec05 .cont { width:745px; float:right; margin-top:275px; position:relative; }
#sec05 .cont_inner { width:440px; float:right; }
#sec05 .st01 { height:110px; background:url(../images/sec05_st01.gif) no-repeat; margin-top:35px; }
#sec05 .text01 { color:#333; font-size:12px; line-height:1.5; }
#sec05 .text01 em { font-size:17px; font-style:normal; }
#sec05 .info { position:relative; }
#sec05 dl { font-size:12px; color:#333; line-height:1.5; }
#sec05 dl em { font-style:normal; font-weight:bold; }
#sec05 dt { margin-top:20px; }
#sec05 .areamap_btn { width:100px; height:92px; display:block; background:url(../images/areamap_btn.png) no-repeat; position:absolute; right:50px; top:0; cursor:pointer; }
#sec05 .areamap_btn:hover { background-position:0 -92px; margin-top:-2px; }


#sec06 { width:100%; }
#sec06 .sec_cover { width:100%; background:url(../images/sec06_bg.jpg) repeat-x; }
#sec06 em.tit { width:1015px; height:406px; background:url(../images/sec06_main_img.png) no-repeat; display:block; margin:auto; } 
#sec06 .youtube { width:1070px; margin:auto; margin-bottom:45px; } 
#sec06 .selectarea { display:table; width:345px; float:left; }
#sec06 .selectarea .row { display:table-row; }
#sec06 .selectarea .poster { display:table-cell; padding-bottom:10px; width:93px; }
#sec06 .selectarea .playbtn { display:table-cell; padding-bottom:10px; width:252px; vertical-align:middle; }
#sec06 .selectarea .playbtn em { width:244px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; margin-bottom:5px; }
#sec06 .selectarea .playbtn span { line-height:13px; font-size:13px; color:#555555; background:url(../images/sec06_icon01.gif) no-repeat; text-indent:15px; display:block; margin:2px 0; }
#sec06 .selectarea .playbtn span:hover { cursor:pointer; text-decoration:underline; }
#sec06 .playarea { width:700px; height:394px; float:right; } 
#sec06 .disc { width:1010px; margin:auto; margin-bottom:10px; } 
#sec06 .disc .item { width:245px; margin-right:10px; float:left; color:#666; }
#sec06 .disc .item.lastchild { margin-right:0; }
#sec06 .disc .item img { float:left; margin-right:5px; margin-bottom:5px; }
#sec06 .disc .item .disc_tp { font-size:12px; line-height:1.5; }
#sec06 .disc .item ul { display:block; font-size:10px; clear:both; line-height:1.5; }
#sec06 .op { width:1030px; margin:auto; font-size:10px; color:#555555; margin-bottom:30px; display:table; border-spacing:5px }
#sec06 .op .row { display:table-row; }
#sec06 .op .box01 { width:710px; background:url(../images/sec06_op_bg.jpg); padding:15px; display:table-cell; }
#sec06 .op .box02 { width:230px; background:url(../images/sec06_op_bg.jpg); padding:15px; display:table-cell; }
#sec06 .scr { width:100%; background-color:#C29EDB;  }
#sec06 .scr .tit { width:1018px; margin:6px auto 8px auto; }
#sec06 .scr .tit .st01 { width:479px; height:47px; background:url(../images/sec06_member_tit.gif) no-repeat; display:block; margin:auto; }
#sec06 .scr_outer { width:1134px; height:161px; margin:auto; }
#sec06 .scr_outer .n_left { width:20px; height:161px; margin-right:38px; background:url(../images/sec01_scr_navi.gif) no-repeat; background-position:0 60px; cursor:pointer; float:left; }
#sec06 .scr_outer .n_right { width:20px; height:161px; margin-left:38px; background:url(../images/sec01_scr_navi.gif) no-repeat; background-position:-20px 60px; cursor:pointer; float:left; }
#sec06 .scr_outer .members { width:1018px; height:161px; float:left; display:block; overflow:hidden; margin-bottom:11px; position:relative; }
#sec06 .scr_outer .members .m_inner { width:4096px; height:161px; position:absolute; top:0; left:0; /*visibility:hidden;*/ }
#sec06 .scr_outer .members  img { width:115px; float:left; margin-right:13px; cursor:pointer; }
#sec06 .scr_outer .members  img.lastchild { margin-right:0; }

#copyright { padding:50px 0 150px 0; background:#FFF; text-align:center; }
#copyright .tieup { width:178px; height:60px; display:block; margin:auto; background:url(../images/tieup_icon.jpg) no-repeat; }
#copyright .copy { font-size:12px; color:#777777; }



/*-----------------------------モーダルウィンドウ--------------------------------*/
#modalbox { display:none; position:fixed; z-index:901; width:100%; height:100%; background:url(../images/modal_bg.jpg) repeat-x; }
#modalbox .tit { width:487px; height:88px; background:url(../images/modal_tit.jpg); position:absolute; top:0; left:50%; margin-left:-243px; }
#modalbox .logo { width:175px; height:70px; background:url(../images/modal_logo.jpg); float:left; }
#overlay { /*opacity:0; filter: alpha(opacity=0);*/ display:none; position:fixed; top:0; left:0; z-index:900; width:100%; height:100%; background:#FFF; }
#load_area { padding-top:120px; display:block; /*overflow:auto;*/ width:100%; margin:auto; display:block; /*cursor:pointer;*/ }
#close { width:92px; height:92px; float:right; display:block; background:url(../images/modal_close.gif); text-indent:100%; overflow:hidden; white-space:nowrap; }?
#close.s01 { background-position:0 0; }
#close.s02 { background-position:-92px 0; }