/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
.ItemList_Banner
{
    float: left;
    margin: 0 0 5px;
    padding: 0;
    width: 990px;
}

.ItemList_Banner .outside_h
{
}

.ItemList_Banner .outside_b
{
}

.ItemList_Banner .outside_f
{
}


/* == 内枠 == */
.ItemList_Banner .inside_h
{
    border-bottom: 3px solid #7DCCF3;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    width: 990px;
}

.ItemList_Banner .inside_b
{
}

.ItemList_Banner .inside_f
{
}


/* == 見出し == */
.ItemList_Banner .inside_h_bg1
{
}

.ItemList_Banner .inside_h_bg2
{
}

.ItemList_Banner .inside_h h2
{
    color: #214756;
    font-size: medium;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 10px;
    width: 980px;
}

.ItemList_Banner .inside_h h2 .MTitleLink
{
    float: left;
}

.ItemList_Banner .inside_h h2 .foot_link
{
    background: url("../../../Images/icon.gif") no-repeat left center;
    float: right;
    font-size: small;
    font-weight: normal;
    padding: 2px 5px 2px 15px;
}

.ItemList_Banner .inside_h h2 .foot_link a
{
    text-decoration: none;
}


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

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

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


/* == 編集 == */
.ItemList_Banner .op_control,
.ItemList_Banner .page_control
{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}


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

.ItemList_Banner .outside_h
{
}

.ItemList_Banner .outside_b
{
}

.ItemList_Banner .outside_f
{
}


/* == 内枠 == */
.ItemList_Banner .inside_h
{
    border-bottom: 3px solid #7DCCF3;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    width: 320px;
}

.ItemList_Banner .inside_b
{
}

.ItemList_Banner .inside_f
{
}


/* == 見出し == */
.ItemList_Banner .inside_h_bg1
{
}

.ItemList_Banner .inside_h_bg2
{
}

.ItemList_Banner .inside_h h2
{
    color: #214756;
    font-size: medium;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 10px;
    width: 310px;
}

.ItemList_Banner .inside_h h2 .MTitleLink
{
    float: left;
}

.ItemList_Banner .inside_h h2 .foot_link
{
    background: url("../../../Images/icon.gif") no-repeat left center;
    float: right;
    font-size: small;
    font-weight: normal;
    padding: 2px 5px 2px 15px;
}

.ItemList_Banner .inside_h h2 .foot_link a
{
    text-decoration: none;
}


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

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

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


/* == 編集 == */
.ItemList_Banner .op_control,
.ItemList_Banner .page_control
{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}