@charset "Shift_JIS";

/* ----------------------------------------------------------------
    Structure | Body
----------------------------------------------------------------- */

body.popup{
background:url("/resources/plala/pc/images/shared/body_popup_bg.png") repeat-x 0 0;
}


/* ----------------------------------------------------------------
    Structure | Header
----------------------------------------------------------------- */

body.popup #header{
position:relative;
margin:0 auto;
padding:0 0 23px;
width:727px;
height:70px;
background:url("/resources/plala/pc/images/shared/content_popup_bg.png") no-repeat 0 100%;
overflow:hidden;
}

/* _____ logo _____ */

body.popup #header #logo{
position:absolute;
top:20px;
left:11px;
margin:0;
}


/* ----------------------------------------------------------------
    Structure | Content
----------------------------------------------------------------- */

body.popup #content{
margin:0 auto;
padding:0;
width:727px;
background:url("/resources/plala/pc/images/shared/content_popup_bg.png") repeat-y -727px 0;
}

/* _____ content-end _____ */

body.popup #content-end{
padding:10px 25px 14px;
background:url("/resources/plala/pc/images/shared/content_popup_bg.png") no-repeat -1454px 100%;
}

body.popup #content-end p{
margin:0;
text-align:right;
}


/* ----------------------------------------------------------------
    Structure | Main Content
----------------------------------------------------------------- */

body.popup #main{
padding:0 25px;
}


/* ----------------------------------------------------------------
    Structure | Footer
----------------------------------------------------------------- */

body.popup #footer p.close{
margin:0 0 5px;
text-align:center;
}

/* _____ copyright _____ */

body.popup #footer p#copyright{
margin:0;
padding:5px 0 15px;
color:#999;
font-size:92.5%;
text-align:center;
}