@charset "shift_jis";

/* 表示 */
div.hideshow {
/*
    position:   absolute;
    width:  100%;
    height: 100%;
    top:    0px;
    left:   0px;
*/
    position:   absolute;
    width:  100%;
    height: 100%;

}

#fade {
    background: #000;
    position:   fixed;
    width:      100%;
    height:     100%;
    filter:     alpha(opacity=80);
    opacity:    .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
    top:        0;/* hideshow commentout add */
    left:       0;
    z-index:    10;
}

/* 外枠 */
.popup_block {
    background: #ddd;
    padding:    5px 5px;
    border:     10px solid #fff;
    float:      left;
    width:      350px;
    position:   fixed;
    top:        10%;
    left:       50%;
    margin:     0 0 0 -250px;
    z-index:    100;
}

/* 枠線内 */
.popup_block .popup {
    background-color:   #ffffff;
    float:  left;
    width:  350px;
    border: 1px solid #bbb;
    text-align: left;
}

/* 画像 */
.popup div.image {
    margin-left:    4px;
    margin-top:     4px;
    position:   absolute;
    padding:    0px;
    border: solid 1px #999999;
}

.popup div.image_sub {
    margin-left:    4px;
    margin-top:     120px;
    position:   absolute;
    padding:    0px;
/*    border: solid 1px #999999;*/
}

.image_sub img{
    border: solid 1px #999999;
    width : 46px;
}

/* テキスト */
.popup div.name,
.popup div.part,
.popup div.caption,
.popup div.other,
.popup div.comment {
    background: url(../image/line_blue_l.jpg) no-repeat bottom;
    margin-left:    110px;
    padding:        0.5em;
}

.popup div.name,
.popup div.part,
.popup div.caption {
    text-align:     center;
}

.popup div.name{
    font-size:      14px;
    font-weight:    bold;
}

.popup div.other,
.popup div.comment {
    text-align:     left;
}

.popup div.comment {
    line-height:     20px;
}

/* 閉じるボタン */
.popup img.cntrl {
    position: absolute;
    right: -20px;
    top: -20px;
}


/*--IE6対応--*/

*html #fade {
    position: absolute;
    top:expression(eval(document.compatMode &&
    document.compatMode=='CSS1Compat') ?
    documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
    position: absolute;
    top:expression(eval(document.compatMode &&
    document.compatMode=='CSS1Compat') ?
    documentElement.scrollTop
    +((documentElement.clientHeight-this.clientHeight)/2)
    : document.body.scrollTop
    +((document.body.clientHeight-this.clientHeight)/2));

    left:expression(eval(document.compatMode &&
    document.compatMode=='CSS1Compat') ?
    documentElement.scrollLeft
    + (document.body.clientWidth /2 )
    : document.body.scrollLeft
    + (document.body.offsetWidth /2 ));
}