/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
.Item_Banner
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    width: 200px;
}

.Item_Banner h2
{
    margin: 0;
    padding: 0;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: auto;
}

.Item_Banner h2 a
{
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 10px 3% 8px 5%;
    width: auto;
    font-size: 15px;
}

.Item_Banner img
{
    vertical-align: bottom;;
}


/* == 白ベース == */
.Item_Banner .base_white_h
{
    background: url("../../../Images/btn_white_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_white_b
{
    background: url("../../../Images/btn_white_bg2.gif") repeat-y;
    margin: 0;
    padding: 0px 3px 0px 1px;
    width: 196px;
}

.Item_Banner .base_white_f
{
    background: url("../../../Images/btn_white_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 4px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_white_b h2 a
{
    color: #3E3A39;
    padding: 7px 3% 5px 5%;
}

/* == 青ベース == */
.Item_Banner .base_blue_h
{
    background: url("../../../Images/btn_blue_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_blue_b
{
    background: url("../../../Images/btn_blue_bg2.gif") repeat-y;
    margin: 0;
    padding: 0px 3px 0px 1px;
    width: 196px;
}

.Item_Banner .base_blue_f
{
    background: url("../../../Images/btn_blue_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 4px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_blue_b h2 a
{
    color: #214756;
}

/* == リンクアクション == */
.Item_Banner a:link,
.Item_Banner a:visited,
.Item_Banner a:hover,
.Item_Banner a:active
{
    text-decoration: none;
}


/* == スマホバナー背景画像使用時 == */
.Item_Banner h2.pchide
{
    background-image: none !important;
    background-color: transparent !important;
    width: 200px;
    overflow: hidden;
}

/* == PCバナー画像使用時 == */
.Item_Banner h2.pchide a
{
    padding: 0 !important;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 共通設定 == */
.Item_Banner
{
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner img.smartoff
{
    width: 160px !important;
    vertical-align: bottom;
}

.Item_Banner h2
{
    margin: 0;
    padding: 0;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.Item_Banner h2 a
{
    display: block;
    font-size: small;
    font-weight: bold;
    margin: 0;
    padding: 4px 3% 4px 5%;
    width: auto;
}

/* == 白ベース == */
.Item_Banner .base_white_h
{
    background: url("../../../Images/btn_white_sp_h.gif") no-repeat;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_white_b
{
    background: url("../../../Images/btn_white_sp_bg2.gif") repeat-y;
    margin: 0;
    padding: 0 1px;
    width: 158px;
}

.Item_Banner .base_white_f
{
    background: url("../../../Images/btn_white_sp_f.gif") no-repeat;
    font-size: 1px !important;
    height: 4px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_white_b h2 a
{
    color: #3E3A39;
}

/* == 青ベース == */
.Item_Banner .base_blue_h
{
    background: url("../../../Images/btn_blue_sp_h.gif") no-repeat;
    font-size: 1px !important;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_blue_b
{
    background: url("../../../Images/btn_blue_sp_bg2.gif") repeat-y;
    margin: 0;
    padding: 0 1px;
    width: 158px;
}

.Item_Banner .base_blue_f
{
    background: url("../../../Images/btn_blue_sp_f.gif") no-repeat;
    font-size: 1px !important;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_blue_b h2 a
{
    color: #214756;
    padding: 7px 3% 6px 5%;
}


/* == リンクアクション == */
.Item_Banner a:link,
.Item_Banner a:visited,
.Item_Banner a:hover,
.Item_Banner a:active
{
    text-decoration: none;
}


/* == スマホバナー背景画像一体型使用時 == */
.Item_Banner h2 a span
{
    display: block;
    padding: 8px 3% 9px 5%;
}

/* == スマホバナー画像使用時 == */
.Item_Banner h2.pchide a
{
    padding: 0 !important;
}
}