﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
.Item_Banner
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    width: 200px;
}

.Item_Banner h2
{
    margin: 0;
    padding: 0;
/*
    background-position: 0px 0px;
    background-repeat: no-repeat;
*/
}

.Item_Banner h2 a
{
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 11px 3% 5px 12%;
    width: auto;
    font-size: 15px;
}

.Item_Banner img
{
    vertical-align: bottom;
    width:200px;
}

.Item_Banner img.blgicon
{
 width:6px!important;
}

/* == 白ベース == */
.Item_Banner .base_white_h
{
    background: url("../../../Images/btn_white_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_white_b
{
    background: url("../../../Images/btn_white_bg2.gif") repeat-y;
    margin: 0;
    padding: 0px 2px;
    width: 196px;
}

.Item_Banner .base_white_f
{
    background: url("../../../Images/btn_white_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_white_b h2
{
    background: url("../../../Images/white_btn.gif") no-repeat #F9F9F9;
    min-height:42px;
    height:auto!important;
    height:42px;
    border:none;
}

.Item_Banner .base_white_b h2 a
{
    color: #3E3A39;
}

/* == 緑ベース == */
.Item_Banner .base_green_h
{
    background: url("../../../Images/btn_green_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_green_b
{
    background: url("../../../Images/btn_green_bg2.gif") repeat-y;
    margin: 0;
    padding: 0px 2px;
    width: 196px;
}

.Item_Banner .base_green_f
{
    background: url("../../../Images/btn_green_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_green_b h2
{
    background: url("../../../Images/green_btn.gif") no-repeat #FAFFE2;
    min-height:42px;
    height:auto!important;
    height:42px;
    border:none;
}

.Item_Banner .base_green_b h2 a
{
    color: #005613;
}

/* == 青ベース == */
.Item_Banner .base_blue_h
{
    background: url("../../../Images/btn_blue_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 4px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_blue_b
{
    background: url("../../../Images/btn_blue_bg2.gif") repeat-y;
    margin: 0;
    padding: 0 2px;
    width: 196px;
}

.Item_Banner .base_blue_f
{
    background: url("../../../Images/btn_blue_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.Item_Banner .base_blue_b h2
{
    background: url("../../../Images/blue_btn.gif") no-repeat #F2F9FF;
    min-height:42px;
    height:auto!important;
    height:42px;
    border:none;
}

.Item_Banner .base_blue_b h2 a
{
    color: #324F7D;
}


/* == リンクアクション == */
.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;
}

/* == PCバナー画像使用時 == */
.Item_Banner h2.pchide a
{
    padding: 0 !important;
}

.Item_Banner img.or_icon
{
    display: none;
}
}


/*** 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: 8px 3% 6px 12%;
    width: auto;
}

/* == 白ベース == */
.Item_Banner .base_white_h
{
    background: url("../../../Images/sp_btn_white_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_white_b
{
    background: url("../../../Images/sp_btn_white_bg2.gif") repeat-y;
    margin: 0;
    padding: 0px 2px;
    width: 156px;
}

.Item_Banner .base_white_f
{
    background: url("../../../Images/sp_btn_white_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_white_b h2
{
    background: url("../../../Images/white_btn.gif") no-repeat #F9F9F9;
    min-height:35px;
    height:auto!important;
    height:35px;
    border:none;
    background-size:100%;
}

.Item_Banner .base_white_b h2 a
{
    color: #3E3A39;
}

/* == 緑ベース == */
.Item_Banner .base_green_h
{
    background: url("../../../Images/sp_btn_green_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_green_b
{
    background: url("../../../Images/sp_btn_green_bg2.gif") repeat-y;
    margin: 0;
    padding: 0px 2px;
    width: 156px;
}

.Item_Banner .base_green_f
{
    background: url("../../../Images/sp_btn_green_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_green_b h2
{
    background: url("../../../Images/green_btn.gif") no-repeat #FAFFE2;
    min-height:35px;
    height:auto!important;
    height:35px;
    border:none;
    background-size:100%;
}
.Item_Banner .base_green_b h2 a
{
    color: #005613;
}

/* == 青ベース == */
.Item_Banner .base_blue_h
{
    background: url("../../../Images/sp_btn_blue_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_blue_b
{
    background: url("../../../Images/sp_btn_blue_bg2.gif") repeat-y;
    margin: 0;
    padding: 0 2px;
    width: 156px;
}

.Item_Banner .base_blue_f
{
    background: url("../../../Images/sp_btn_blue_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner .base_blue_b h2
{
    background: url("../../../Images/blue_btn.gif") no-repeat #F2F9FF;
    min-height:35px;
    height:auto!important;
    height:35px;
    border:none;
    background-size:100%;
}

.Item_Banner .base_blue_b h2 a
{
    color: #324F7D;
}

/* == リンクアクション == */
.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;
}

.Item_Banner img
{
    vertical-align: bottom;
    width:160px!important;
}

.Item_Banner img.or_icon
{
 width:14px!important;
}

.Item_Banner img.blgicon
{
 width:6px!important;
}

.Item_Banner img.or_icon
{
 display:none;
}
}
