/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
.ItemList_Banner
{
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 960px;
}


/* == タイトルブロック == */
.ItemList_Banner .outside_h
{
    background: url("../../../Images/adv_outside_h.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 3px;
    width: 960px;
}

.ItemList_Banner .outside_b
{
    background: url("../../../Images/adv_outside_bg2.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 0 1px;
    width: 958px;
}

.ItemList_Banner .outside_f
{
    background: url("../../../Images/adv_outside_f.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 5px;
    width: 960px;
}

.ItemList_Banner .outside_b .Fix_header2
{
    background: url("../../../Images/adv_outside_b.gif") no-repeat right top;
    float: left;
    color: #221914;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 5px 5px 3px 10px;
    width: 943px
}

.ItemList_Banner .outside_b .MTitleLink
{
    float: left;
}
.ItemList_Banner .outside_b .foot_link
{
    float: right;
    font-size: small;
}



/* == コンテンツブロック == */
.ItemList_Banner .inside_b
{
    background: url("../../../Images/adv_inside_bg2.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 0 25px;
    width: 910px;
}

.ItemList_Banner .inside_f
{
    background: url("../../../Images/adv_inside_f.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 5px;
    width: 960px;
}


/* == リスト == */
.ItemList_Banner ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.ItemList_Banner li
{
    float: left;
    margin: 0;
    padding: 5px;
    width: 140px;
}

.ItemList_Banner li .Contents a img
{
    height: 50px;
    vertical-align: bottom;
    width: 140px;
}



/* == コントロール == */
.ItemList_Banner .op_control,
.ItemList_Banner .page_control
{
    clear: both;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}


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


/* == タイトルブロック == */
.ItemList_Banner .outside_h
{
    background: url("../../../Images/adv_outside_h.gif") no-repeat center bottom;
    float: left;
    font-size: 1px !important;
    height: 3px;
    width: 320px;
}

.ItemList_Banner .outside_b
{
    background: url("../../../Images/adv_outside_bg2.gif") repeat-y center center;
    float: left;
    margin: 0;
    padding: 0 1px;
    width: 318px;
}

.ItemList_Banner .outside_f
{
    background: url("../../../Images/adv_outside_f.gif") no-repeat center bottom;
    float: left;
    font-size: 1px !important;
    height: 5px;
    width: 320px;
}

.ItemList_Banner .outside_b .Fix_header2
{
    background: url("../../../Images/adv_outside_b.gif") no-repeat center top;
    color: #221914;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 5px 5px 3px 10px;
    width: 303px;
}

.ItemList_Banner .outside_b .MTitleLink
{
    float: left;
}
.ItemList_Banner .outside_b .foot_link
{
    float: right;
    font-size: small;
}



/* == コンテンツブロック == */
.ItemList_Banner .inside_b
{
    background: url("../../../Images/adv_inside_bg2.gif") repeat-y center center;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 300px;
}

.ItemList_Banner .inside_f
{
    background: url("../../../Images/adv_inside_f.gif") no-repeat center bottom;
    float: left;
    font-size: 1px !important;
    height: 5px;
    width: 320px;
}


/* == リスト == */
.ItemList_Banner ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.ItemList_Banner li
{
    float: left;
    margin: 0;
    padding: 5px;
    width: 140px;
}

.ItemList_Banner li .Contents a img
{
    height: 50px;
    vertical-align: bottom;
    width: 140px;
}



/* == コントロール == */
.ItemList_Banner .op_control,
.ItemList_Banner .page_control
{
    clear: both;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}