@charset "utf-8";

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#modal_header {
    height:62px;
}
#modal_header_left {
    float: left;
}
#modal_header_right {
    float:right;
}

.border-b {
    border-bottom: 1px dotted #000000;
}

#modal_footer {
    margin-top:20px;
    padding-top:20px;
    border-top: 1px dotted #000000;
}

#modal_footer a {
    color: #B00000;
    text-decoration: none;
}

#modal_footer a:hover { color:#B00000;text-decoration: underline; }

#modal_footer p {
    font-size: 12px;
    line-height: 18px;
}

#modal_contents {
    color:#1E0000;
}

#modal_contents h1 + p {
    margin-bottom: 1.8em;
}

#modal_contents a {
    color: #e30402;
    text-decoration: none;
}

#modal_contents a:hover { color:#1E0000; }


#modal_block {

    width: 840px;
    padding: 20px;

    display:none;
    background: #FFF;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#modal_close {
    padding-right: -50px;
}

#modal_close img:hover {
    opacity: 0.5 ;
}

/* reset css +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
table, form, fieldset, pre, ul, li, ol, h2, h3, h4, h5, h6, p, div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li { list-style:none; }
*/

/* Detail Data BOX =========================== */
.dtl_name          { font-size:20px;line-height: 1.4; font-weight:normal; margin:10px 0 20px;}
.dtl_name_magazine { color:#529D24;}
.dtl_name_web      { color:#000000;}
.dtl_name_radio    { color:#FF7800;}
.dtl_name_tv       { color:#3D8BEB;}

/* Datail Data list ===========================*/
ul.li_data {
    padding-bottom:20px;
    position:relative;
    font-size:12px;
}
.li_data>li {
    line-height:1.4;
    text-align:left;
    position:relative;
    _zoom:1;
    margin-bottom: 10px;
}
.li_data dt {
    float: left;
    width:100px;
    color:#4c566c;
    overflow:hidden;
    white-space:nowrap;
}
.li_data dd {
    text-align:left;
    margin-left: 100px;
}
.li_data dd ul li {
    padding:0;
    line-height:1.4;
    overflow:hidden;
    position:relative;
    _zoom:1;
}

/* Datail Data list ===========================*/
ul.li_data_media {
    padding-bottom:20px;
    position:relative;
    font-size:13px;
}
.li_data_media>li {
    line-height:1.4;
    text-align:left;
    position:relative;
    _zoom:1;
    margin-bottom: 4px;
}
.li_data_media dt {
    float: left;
    width:90px;
    color:#4c566c;
    overflow:hidden;
    white-space:nowrap;
}
.li_data_media dd {
    text-align:left;
    margin-left: 0px;
}
.li_data_media dd ul li {
    padding:0;
    line-height:1.4;
    overflow:hidden;
    position:relative;
    _zoom:1;
}