@charset "utf-8";

/* ----------------------------------------------------------------
    bg imeage
----------------------------------------------------------------- */
body{
background:url(/special/dungeon_sora/common/img/body_bg.jpg) repeat-x top #47790C;
}

/* ----------------------------------------------------------------
    wrapper
----------------------------------------------------------------- */
div#wrapper{
background:url("/special/dungeon_sora/common/img/index_bg.jpg") no-repeat scroll center top;
}

div#container{
width:830px;
margin:0 auto;
padding-bottom:32px;
}

div#container h1#top{
position:absolute;
top:-100px;
}


/* ----------------------------------------------------------------
    globalNav
----------------------------------------------------------------- */
div#globalNav ul{
position:relative;
left:50px;
width:830px;
z-index:2;
}

div#globalNav ul li{
float:left;
height:45px;
line-height:0.1em;
cursor:pointer;
}

div#content{
position:relative;
height:380px;
}

div#globalNav ul li ul#sub-nav-03{
zoom:1;
position:absolute;
display:none;
top:45px;
left:232px;
width:145px;
}

div#globalNav ul li ul#sub-nav-04{
position:absolute;
display:none;
top:45px;
left:349px;
width:145px;
}

div#globalNav ul li ul#sub-nav-06{
position:absolute;
display:none;
top:45px;
left:583px;
width:145px;
}

div#globalNav ul li ul#sub-nav-03 li,
div#globalNav ul li ul#sub-nav-04 li,
div#globalNav ul li ul#sub-nav-06 li{
float:none;
height:auto;
}

div#globalNav ul li ul#sub-nav-03 li img,
div#globalNav ul li ul#sub-nav-04 li img,
div#globalNav ul li ul#sub-nav-06 li img{
line-height:0;
font-size:0;
}

/* ----------------------------------------------------------------
    flash_boad
----------------------------------------------------------------- */
div#flash_boad{
width:500px;
position:absolute;
right:-10px;
}


/* ----------------------------------------------------------------
    product
----------------------------------------------------------------- */
div#product{
width:288px;
margin-bottom:13px;
position:relative;
top:50px;
left:37px;
}

div#product h2{
width:288px;
margin-bottom:13px;
padding-bottom:4px;
border-bottom:#d48f41 1px solid;
font-size:0.1px;
line-height:0.1em;
}

div#product ul.info{
width:288px;
padding-bottom:10px;
border-bottom:#bd6c23 1px solid;
}

div#product ul.info li{
margin-bottom:5px;
font-size:0.1px;
line-height:0.1em;
}

div#product p.package{
width:135px;
height:130px;
position:absolute;
top:3px;
right:-53px;
}

*html div#product p.package img{
display:none;
}

*html div#product p.package{
width:135px;
height:130px;
background:url("/special/dungeon_sora/common/img/package.png") no-repeat scroll center top;
}

div#product ul.icon{
position:absolute;
top:132px;
right:-16px;
}

div#product ul.icon li{
display:inline;
float:left;
line-height:0.1em;
margin-right:6px;
}

div#product ul.icon li img{
vertical-align:bottom;
}

div#content ul#utility{
width:70px;
float:left;
position:relative;
top:45px;
left:37px;
}

div#content p#banner{
margin:60px 0 0 120px;
width:203px;
height:34px;
}

div#content ul#utility li{
margin-bottom:7px;
font-size:0.1px;
line-height:0.1em;
}

div#content p#develop{
position:relative;
top:124px;
right:30px;
text-align:right;
}

/* ----------------------------------------------------------------
    lower
----------------------------------------------------------------- */
div#lower-wrapper{
background:url("/special/dungeon_sora/common/img/lower_bg.jpg") no-repeat scroll center top;
width:100%;
height:100%;
}

div#contents-container{
margin:0 auto;
border-right:solid 1px #bf8330;
border-left:solid 1px #bf8330;
width:788px;
background:url("/special/dungeon_sora/common/img/lower_contents_bg_top.gif") repeat-x top  #fabb64;
}

/* for IE6 */
*html div#contents-main-container{
margin-right:9px;
display:inline;
float:right;
width:580px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="/special/dungeon_sora/common/img/lower_contents_bg.png");
}

*html div#contents-main-container-02{
margin-right:9px;
display:inline;
float:right;
width:580px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="/special/dungeon_sora/common/img/lower_contents_bg_03.png");
}

div#contents-main-container{
margin-right:9px;
display:inline;
float:right;
width:580px;
background:url("/special/dungeon_sora/common/img/lower_contents_bg.png") repeat-y;
}

div#contents-main-container-02{
margin-right:9px;
display:inline;
float:right;
width:580px;
background:url("/special/dungeon_sora/common/img/lower_contents_bg_03.png") repeat-y;
}

div.contents-main-inner{
padding:0 35px;
min-height:300px;
}

*html div.contents-main-inner{
position:relative;
}

*html div.contents-main-inner{
height:300px;
}

/* heading */
div#contents-main-container h1{
position:relative;
width:580px;
height:78px;
background:url("/special/dungeon_sora/common/img/hdg_01_bg.gif") no-repeat;
}

div#contents-main-container h1 img,
div#contents-main-container-02 h1 img{
position:absolute;
top:25px;
left:68px;
}

div#contents-main-container-02 h1.type-02{
position:relative;
width:580px;
height:78px;
background:url("/special/dungeon_sora/common/img/hdg_01_bg_02.jpg") no-repeat;
}

div#contents-main-container h2{
margin:0 auto 23px auto;
padding-top:17px;
width:530px;
height:37px;
background:url("/special/dungeon_sora/common/img/hdg_02_bg.gif") no-repeat;
text-align:center;
}

div#contents-main-container h2.type-02{
margin:0 auto 23px auto;
padding-top:17px;
width:530px;
height:69px;
background:url("/special/dungeon_sora/common/img/hdg_02_bg_02.gif") no-repeat;
text-align:center;
}

div#contents-main-container h2 img,
div#contents-main-container h2.type-02 img,
div#contents-main-container-02 h2.type-02 img{
vertical-align:top;
}

div#contents-main-container-02 h2.type-03{
margin:0 auto;
padding-top:17px;
width:560px;
height:37px;
background:url("/special/dungeon_sora/common/img/hdg_02_bg_03.jpg") no-repeat;
text-align:center;
}

div#contents-main-container h3{
margin-bottom:20px;
padding-bottom:11px;
line-height:1em;
color:#cf5419;
background:url("/special/dungeon_sora/common/img/hdg_03_bg.gif") no-repeat bottom;
font-size:120%;
}

body.plant-dungeon div#contents-main-container h3{
padding-bottom:0;
margin-bottom:10px;
background:none;
}

div#contents-main-container h4{
margin-bottom:10px;
}

body.plant div#contents-main-container h4{
width:244px;
}

body#newelement div#contents-main-container h4,
body#news div#contents-main-container h4{
padding-left:10px;
margin-bottom:5px;
margin-left:140px;
background:url(/special/dungeon_sora/common/img/hdg_04_icon.gif) no-repeat left;
font-weight:bold;
font-size:100%;
}

body#newelement div#contents-main-container h4 a,
body#news div#contents-main-container h4 a{
color:#227337;
font-weight:normal;
}

body#news h3{
color:#e01616;
}

body#news h3 img{
margin-left:10px;
vertical-align:middle;
}

/* ----------------------------------------------------------------
    column-1
----------------------------------------------------------------- */
body.column-1 div#contents-main-container{
margin:0 auto;
width:788px;
background:url("/special/dungeon_sora/common/img/lower_contents_top_bg.jpg") no-repeat top;
}

body.column-1 div.contents-main-inner{
margin:28px 0 0 0;
padding:25px 57px 0 56px;
background:url("/special/dungeon_sora/common/img/lower_contents_bg_02.png") repeat-y;
}

*html body.column-1 div.contents-main-inner{
margin:28px 0 0 0 ;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="/special/dungeon_sora/common/img/lower_contents_bg_02.png");
}

*html body.column-1 div#contents-main-container{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="");
}

body.column-1 div#top-footer-container div#footer{
margin:0 auto;
padding:0;
width:790px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="");
}

body.column-1 div#footer{
margin:0 auto;
padding-top:60px;
width:790px;
height:166px;
background:url("/special/dungeon_sora/common/img/lower_contents_footer_bg_02.png") no-repeat top;
}

*html body.column-1 div#footer{
margin:0 auto;
padding-top:60px;
width:790px;
height:166px;
text-align:center;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader("sizingMethod=image,src=/special/dungeon_sora/common/img/lower_contents_footer_bg_02.png");
}

/* ----------------------------------------------------------------
    prize
----------------------------------------------------------------- */
body#prize{
background:url(/special/dungeon_sora/minigame/a09srj34tqa/img/prize_bg.gif) repeat-x #fcd093;
}

div#prize-wrapper{
margin:0 auto;
width:675px;
background:#faefd4;
}

body#prize div#wallpaper-setting{
margin:25px auto;
width:625px;
}

body#prize div#wallpaper-setting h2{
margin-bottom:15px;
width:625px;
height:25px;
background:#f0dfba;
}

p.prize-close{
margin:0 25px;
text-align:right;
font-size:80%;
}

p.prize-close a{
padding-left:12px;
color:#6E1B00;
background:url(/special/dungeon_sora/minigame/a09srj34tqa/img/prize_icon_close.gif) no-repeat left;
}

p.prize-close a:hover{
color:#6E1B00;
}

body#prize div#footer{
margin:20px 0 0 0;
padding:0;
width:675px;
background:none;
}

*html body#prize div#footer{
width:675px;
height:36px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader("");
}

/* ----------------------------------------------------------------
    local Nav
----------------------------------------------------------------- */
div#local-nav{
margin-left:19px;
padding-bottom:55px;
display:inline;
float:left;
width:180px;
background:url("/special/dungeon_sora/common/img/localnav/localnavi_bg.gif") no-repeat bottom;
}

div#local-nav h5,
div#local-nav ul{
margin:0 auto;
width:150px;
}

div#local-nav h5{
margin-top:15px;
}

div#local-nav li img{
line-height:0;
font-size:0;
}

div#local-nav dl.episode{
margin:5px auto;
width:150px;
}

div#local-nav dl.episode.separater{
background:url(/special/dungeon_sora/common/img/localnav/episode_separate.gif) no-repeat center bottom;
padding-bottom:10px;
}

div#local-nav dl dt,
div#local-nav dl dd{
margin-bottom:5px;
}

div#local-nav .anc-nav{
margin-left:10px;
}

div#local-nav .anc-nav dt{
margin-bottom:5px;
font-size:80%;
}

div#local-nav dl.anc-nav li{
margin-bottom:5px;
}

div#local-nav dl.anc-nav dt#anc-ttl-02{
margin-top:7px;
}

div#local-nav div.month{
margin-bottom:10px;
}

div#local-nav p.month-btn-04,
div#local-nav p.month-btn-03,
div#local-nav p.month-btn-02,
div#local-nav p.month-btn-01{
text-align:center;
cursor:pointer;
}

/* ----------------------------------------------------------------
    pagetop
----------------------------------------------------------------- */

p.pagetop{
margin-top:20px;
clear:both;
font-size:80%;
text-align:right;
}

p.pagetop a{
padding-left:15px;
color:#6E1B00;
background:url(/special/dungeon_sora/common/img/pagetop_icon.gif) no-repeat left;
zoom:1;
}

*html p.pagetop a,
*html p.pagetop a:visited{
color:#6E1B00;
}

div.article-unit.bottom p.pagetop,
div.article-unit.btm0 p.pagetop,
div.article-small-unitA p.pagetop,
div.article-small-unitB p.pagetop{
margin-bottom:0;
}

/* ----------------------------------------------------------------
    footer
----------------------------------------------------------------- */

/* footer top */
div#top-footer-container div#footer,
div#top-footer-container div#footer-02{
margin:0 auto;
padding:0;
width:790px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="");
}

div#footer{
margin:0 auto;
padding-top:60px;
width:790px;
background:url("/special/dungeon_sora/common/img/lower_contents_footer_bg.png") no-repeat top;
}

div#footer-02{
margin:0 auto;
padding-top:60px;
width:790px;
background:url("/special/dungeon_sora/common/img/lower_contents_footer_bg_03.png") no-repeat top;
}

*html div#footer{
margin:0 auto;
padding-top:60px;
width:790px;
height:166px;
text-align:center;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader("sizingMethod=image,src=/special/dungeon_sora/common/img/lower_contents_footer_bg.png");
}

*html div#footer-02{
margin:0 auto;
padding-top:60px;
width:790px;
height:166px;
text-align:center;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader("sizingMethod=image,src=/special/dungeon_sora/common/img/lower_contents_footer_bg_03.png");
}

div#footer ul,
div#footer-02 ul{
margin:0 auto;
width:700px;
height:40px;
}

div#footer ul li,
div#footer-02 ul li{
display:inline;
float:left;
margin:0 5px;
}

div#footer p#trade_mark,
div#footer-02 p#trade_mark{
clear:both;
text-align:center;
}

/* for IE6 */
*html div#footer p#trade_mark,
*html div#footer-02 p#trade_mark{
width:248px;
height:13px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image,src="/special/dungeon_sora/common/img/trade_mark.png");
}

*html div#footer p#trade_mark img,
*html div#footer-02 p#trade_mark img{
display:none;
}

div#footer p#copyright,
div#footer-02 p#copyright{
clear:both;
text-align:center;
margin:15px 0;
}

/* for IE6 */
*html div#footer p#copyright{
width:468px;
height:32px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="/special/dungeon_sora/common/img/copy.png");
}

*html div#footer p#copyright img,
*html div#footer-02 p#copyright img{
display:none;
}

div#footer p#develop,
div#footer-02 p#develop{
text-align:right;
}

body#top-page div#footer p#develop,
body#top-page div#footer-02 p#develop{
margin-bottom:10px;
text-align:right;
}

div#footer p#notes,
div#footer-02 p#notes{
margin-top:35px;
text-align:right;
}

div#footer ul,
div#footer-02 ul{
margin-top:35px;
}

/* ----------------------------------------------------------------
    equalize
----------------------------------------------------------------- */
div#contents-container.equalize div#contents-main-container{
padding-bottom:55px;
}

/* ----------------------------------------------------------------
    png Alpha
----------------------------------------------------------------- */
*html div#footer ul li,
*html div#globalNav,
*html div#product p.package,
*html #top div#content{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}