/* define a frame design from the common css. */

body {
    background-image: url(https://portal.business.mb.softbank.jp/portal/img/bg_biz.gif);
    background-repeat: repeat;
}

section {
    margin-bottom: 50px;
}

#container {
    width: 950px;
    margin: 8px auto;
    color: #555555;
}

#contents {
    background-image: url(https://portal.business.mb.softbank.jp/portal/img/bg_contents.gif);
    background-repeat: repeat-y;
    background-position: left top;
    text-align: center;
}

#content_body {
    width: 850px;
    margin: auto;
    padding: 25px 0;
    text-align: left;
}

#content_title {
    width: 600px;
    margin: 50px auto;
    padding: 7px;
    font-weight: bold;
    color: #555555;
    //text-align: center;
    font-size: 150%;
}
            
#publish_date {
    font-size: 80%;
    text-align: right;
    margin-top: 50px;
}

#btn {
    //text-align: center;
    margin: 40px auto 10px;
}

#close_btn {
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    padding: 4px 65px;
    border-radius: 100px;
    border: 0px;
}

#close_btn:hover {
    background-color: #34b5d2;
    cursor : pointer;
}

#next_btn {
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    padding: 4px 65px;
    border-radius: 100px;
    border: 0px;
}

#next_btn:hover {
    background-color: #34b5d2;
    cursor : pointer;
}

#site_tree {
    font-size: 50%;
}

#takeover_field {
    text-align: center;
    margin: 30px auto 100px;
}

#takeover_field a {
    padding: 20px 43px;
    color: #ffffff;
    font-weight: bold;
    background: linear-gradient(to left, transparent 0%, transparent 10%, #000000 37%), url(../image/takeover_button_image.png);
    background-size: 100%;
    text-align: center;
    border-radius: 5px;
    border: 0px;
    margin : 10px;
    text-decoration: none;
}

#takeover_field a:nth-child(1) {
    margin-left: 0px
}

#takeover_field a:last-child {
    margin-right: 0px
}

#takeover_field a:nth-child(odd) {
    background: linear-gradient(to right, transparent 0%, transparent 10%, #000000 37%), url(../image/takeover_button_image.png);
    background-size: 100%;
}

#takeover_field a:nth-child(even) {
    background: linear-gradient(to left, transparent 0%, transparent 10%, #000000 37%), url(../image/takeover_button_image.png);
    background-size: 100%;
}

#takeover_field a:nth-child(odd):hover {
    background: linear-gradient(to right, transparent 0%, transparent 10%, #34b5d2 37%), url(../image/takeover_button_image.png);
    background-size: 100%;
}

#takeover_field a:nth-child(even):hover {
    background: linear-gradient(to left, transparent 0%, transparent 10%, #34b5d2 37%), url(../image/takeover_button_image.png);
    background-size: 100%;
}