@charset 'utf-8';

/************************************************
 インヘッダーブロック
************************************************ */
#headerInternalColumn
{
    position: relative;

    float: right;

    width: 100%;
}
@media all and (-ms-high-contrast:none)
{
    *::-ms-backdrop,
    #headerInternalColumn
    {
        float: none;
    } /* IE11 */
}

/* ログイン（ヘッダー用）
----------------------------------------------- */
#header_login_area .block_body
{
    max-width: 980px;
    margin: 10px auto 60px;
    padding: 0px 0 20px;
    text-align: center;

    /* background: #eaf6fd;*/
}
#header_login_area .btn ul li
{
    margin: 5px 1% 0;
}
#header_login_area ul.formlist
{
    float: none;

    margin: 10px auto 0;
}/*
#header_login_area input.box100,
#header_login_area input.box150
{
    font-size: 120%;
    line-height: 1.5;

    width: 80%;
    max-width: 350px;
    height: 32px;
    margin: auto;
    padding: 6px 12px;

    border: 1px solid #c4ccce;
    border-radius: 3px !important;
    box-shadow: none;
}

#header_login_area ul.formlist li
{
    font-size: 120%;

    margin-bottom: 20px;
}
#header_login_area ul.formlist li.mail
{
    /* padding-left: 28px;
    background: url("../img/common/ico_arrow_login.gif") no-repeat left; */
}

*/


#header_login_area p.btn
{
    height: 20px;
    padding: 5px 0;

    vertical-align: middle;
}
#header_login_area p.btn input[type=image]
{
    vertical-align: middle;
}
.btn_frame
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.header_login_navi li
{
    font-size: 100%;

    display: inline;
    float: left;

    margin: 5px 5px 0;
    padding: 0 10px 0 0;

    border-right: 1px #ccc solid;
    /*
    background: #fffde5;
    border-radius: 5px;
    border: 1px #ccc solid;
    float: left;
    width: 100px;
    text-align: center;*/
}
.header_login_navi li.logout_btn
{
    margin-right: 0;
    padding: 0;

    border: none;
}
#header_login_area .box100
{
    font-size: 90%;

    width: 300px;
}
#header_login_area .box150
{
    width: 300px;
}

/* ***********************************************
追加ブロック
************************************************ */
/* 共通
----------------------------------------------- */
#container .block_outer #banner_area .block_body
{
    border: none;
}

/* 【メイン】バナーエリア_02
----------------------------------------------- */
#main_column .block_outer #banner_area .block_body ul
{
    width: 100%;
}
#main_column .block_outer #banner_area .block_body ul li
{
    float: left;
}
#main_column .block_outer #banner_area .block_body ul li.sub_01
{
    padding-right: 8px;
}

/* 【サイド】バナーエリア_01
----------------------------------------------- */
/* 【サイド】バナーエリア_02
----------------------------------------------- */
#leftcolumn .block_outer #banner_area .block_body ul li,
#rightcolumn .block_outer #banner_area .block_body ul li
{
    margin-bottom: 8px;
}


/* ==============================================
 レスポンシブ PC/タブレット 用 CSS
=============================================== */
/* 768px
----------------------------------------------- */
@media screen and (min-width : 768px)
{
    #header_login_area
    {
        display: block;

        padding: 0 10px;
    }
}