@charset "utf-8";



/* ============================================================ modal */
#modal { font-size: 12px; display: none; padding-top: 8px; width: 94%; margin: 0 0 0 1%; position: absolute; z-index: 100; }
#modal_inner { padding: 8px; background: url(/images/bg_modal.png) 0 0 repeat;
border-radius: 4px;
-webkit-border-radius: 4px;
}

#modal .close { position: relative; text-align: right; }
#modal .close span.arrow { top: -15px; right: 25px; width: 8px; height: 7px; position: absolute; background: url(/images/bg_modal_arrow.png) 0 0 no-repeat;
background-size: 8px 7px;
-webkit-background-size: 8px 7px;
}
#modal .close a { color: #ffffff; }

#modal .menu { margin-top: 4px; padding: 4px 0 8px 0; background: #ffffff;
border-radius: 4px;
-webkit-border-radius: 4px;
}
#modal .menu .mnav a { display: block; border-bottom: 1px solid #969696; padding: 10px 10% 10px 18px;
background-size: 8px 8px;
-webkit-background-size: 8px 8px;
}

#modal .menu .snav { padding-top: 10px;
opacity: 0.60;
}
#modal .menu .snav li { display: inline-block; width: 50%; }
#modal .menu .snav a { padding: 10px 10px 10px 30px; display: block;
background-size: 8px 8px;
-webkit-background-size: 8px 8px;
}




/* ============================================================ contents */


/* ============================================================ main_contents */