@charset "UTF-8";

body {
    position: absolute;
    width:100%;
    height: 100%;
    overflow: auto;
}


a:hover img {
    -moz-opacity:0.7;
    opacity:0.7;
    filter: alpha(opacity=70);
    cursor:pointer;
    }

.cls_btn:hover{
    -moz-opacity:0.7;
    opacity:0.7;
    filter: alpha(opacity=70);
    cursor:pointer;
    }


/* ============================================ */
/* #idBodyCondWrap                                  */
/* ============================================ */
    /* ---------------- */
    /* タイトル         */
    /* ---------------- */
    /* タイトル外枠 */
    .cls_title_wrap{
        width:          840px;
        margin:         0px auto;
        border:         double 4px #FFC993;
        border-radius:  0.5em;
        margin-top:     10px;
        line-height:    30px;
    }
        /* タイトル枠 */
        .cls_title{
            margin:         10px auto;
            width:          460px;
            height:         48px;
        }
        /* タイトルアイコン */
        .cls_title_icon{
            height:         48px;
            margin-right:   5px;
            float:          left;
        }
        /* タイトル */
        .cls_title_cont{
            font-size:      28px;
            display:        block;
            padding-top:    11px;
            margin-left:    10px;
            float:          left;
        }

#idBodyCondWrap{
    width: 960px;
    height: 1020px;
    margin:0 auto;
}
#idBodyCond {
    width: 830px;
    margin: 20px auto;
}

/* 症状から知る　*/
h1 {
    border-left:solid 6px #C4D700;
    padding-left:10px;
    font-size:24px;
}
.cls_body {
    margin: 10px 0 30px 12px;
}
/* こころの病気にある様々な症状・症状があるからといって、病気とは限りません */
.cls_Sub {
    color:#663300;
    font-weight: bold;
    font-size: 20px;
}

/* 続きを読む,折りたたむ */
.more {
    cursor: pointer;
}

.more1, .more3 {
    display:block;
    float:right;
}
.more2, .more4 {
    display:none;
    float:right;
}

.change1:hover, .change2:hover {
    color: #C30;
    text-decoration: none;
}

.change1, .change2 {
    color: #003300;
    text-decoration: underline;
}

.change1:visited , .change2:visited {
    color: #003300;
    text-decoration: underline;
}

#id_body1, #id_body2 {
       margin:12px; 
}

hr {
    width: 840px;
    margin: 30px auto;
    border: none;
    border-bottom: 0.5px solid #E7E7E7;
    color: #FFFFFF;
}

/* 症状をチェックするボタン */
.cls_btn_area {
    position:relative;
    width:960px;
    height:90px;
    margin:0 auto;
    padding-top:10px;
    line-height: 34px;
}

    .cls_btn_area .cls_btn{
        width: 450px;
        height: 60px;
        border: solid 2px #E8C293;
        background-color: #FFFFD6;
        background: -webkit-linear-gradient(#fff, #FFFFD6);
        background: -ms-linear-gradient(#fff, #FFFFD6);
        -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
        text-decoration: none;
        float:left;
        margin: 0 250px;
    }
    .cls_btn_area .cls_btn_icon {
        float: left;
        margin-top: 8px;
        margin-left: 95px;
        width: 54px;
        height: 54px;
    }

    .cls_btn_area .cls_btn_title {
        font-size: 22px;
        font-weight: bold;
        float:left;
        margin-top: 15px;
        margin-left: 10px;
    }

/* 参考 */
.cls_refer{
    text-align:     right;
    margin-top:     20px;
}