﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
.Item_icon
{
    margin: 0 0 5px;
    padding: 0;
    width: 185px;
}


/* == 基本設定 == */
.Item_icon h2,
.Item_icon h3
{
    width:185px;
    margin: 0;
    padding: 0;
}

.Item_icon h2 a,
.Item_icon h3 a
{
    display: block;
}

.Item_icon h2 a img,
.Item_icon h3 a img,
.Item_icon img
{
    vertical-align: bottom;
}


/* height バナー調整用 */
.Item_icon .banner_conf
{
    color: #FFFFFF;
    min-height: 21px;
    height: auto !important;
    height: 21px;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 13px 5px 11px 25px;
    width: 155px;
}

.Item_icon .banner_conf2
{
    color: #000000;
    min-height: 21px;
    height: auto !important;
    height: 21px;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 13px 45px 11px 10px;
    width: 130px;
}

.Item_icon .banner_conf2 span
{
    display: block;
    width: 120px;
}



/* == スマートフォン用背景調整 == */
.Item_icon .smart_off
{
    background-image: none !important;
}


/*= リンク設定 =*/
.Item_icon h2 a:link,
.Item_icon h3 a:link
{
    text-decoration:none;
}

.Item_icon h2 a:visited,
.Item_icon h3 a:visited
{
    text-decoration:none;
}

.Item_icon h2 a:hover,
.Item_icon h3 a:hover
{
    text-decoration:none;
}

.Item_icon h2 a:active,
.Item_icon h3 a:active
{
    text-decoration:none;
}


.Item_icon a.banner_conf:link,
.Item_icon a.banner_conf:visited,
.Item_icon a.banner_conf:hover,
.Item_icon a.banner_conf:active
{
    color: #FFFFFF;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.Item_icon
{
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_icon h2, .Item_icon h3
{
    background: url("sf_btn_bg.gif") no-repeat scroll left top transparent;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_icon h2 a,
.Item_icon h3 a
{
    color: #000000;
    display: block;
    font-size: small;
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 9px 0 0 25px;
    width: 135px;
}

.Item_icon .banner_conf
{
    color: #FFFFFF;
    background-image: none !important;
    height: auto !important;
    min-height: 24px !important;
    padding: 9px 40px 2px 15px !important;
    width: 105px !important;
}

.Item_icon .banner_conf2
{
    color: #000000;
    background-image: none !important;
    height: auto !important;
    line-height: 1 !important;
    min-height: 27px !important;
    padding: 6px 40px 2px 15px !important;
    width: 105px !important;
}

.Item_icon h2 a img,
.Item_icon h3 a img
{
    visibility: hidden;
    height: 26px;
    width: 135px;
    vertical-align: bottom;
}

.Item_icon .smart_off
{
}

.Item_icon h2 a, .Item_icon h3 a
{
}

.Item_icon h2 a:link, .Item_icon h3 a:link
{
    text-decoration: none;
}

.Item_icon h2 a:visited, .Item_icon h3 a:visited
{
    text-decoration: none;
}

.Item_icon h2 a:hover, .Item_icon h3 a:hover
{
    text-decoration: none;
}

.Item_icon h2 a:active, .Item_icon h3 a:active
{
    text-decoration: none;
}
}
