/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
.scoop_contents
{
    float: left;
    width: 200px;
}

.scoop_contents .outside_h
{
    background: url("../../../Images/topic_outside_top.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 6px;
    width: 200px;
}

.scoop_contents .outside_b
{
    background: url("../../../Images/topic_outside_bg.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 1px 7px;
    width: 186px;
}

.scoop_contents .outside_f
{
    background: url("../../../Images/topic_outside_bottom.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 8px;
    margin: 0 0 5px;
    padding: 0;
    width: 200px;
}

/* == 内枠 == */

.scoop_contents .inside_h
{
    background: url("../../../Images/topic_inside_top.gif") no-repeat left top;
    float: left;
    margin: 0;
    padding: 4px 0 0;
    width: 186px;
}

.scoop_contents .inside_b
{
    background: url("../../../Images/topic_inside_bottom.gif") no-repeat left top;
    float: left;
    margin: 0;
    padding: 3px 0 0;
    width: 186px;
}

.scoop_contents .inside_f
{
}


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

.scoop_contents ul li
{
    background: url("../../../Images/icon3.gif") no-repeat 4px center;
    float: left;
    margin: 0;
    padding: 2px 5px 2px 20px;
}


/* == 見出し == */
.scoop_contents h2
{
    background: url("../../../Images/topic_inside_bg.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 0 4px;
}

.scoop_contents h2 img
{
    vertical-align: bottom;
}


/* == 特集 タブ == */
.scoops1 .remove_view,
.scoops2 .remove_view,
.scoops3 .remove_view
{
    display: none;
}

.toggle_list
{
    float: left;
    margin: 0 0 5px;
}

.toggle_list ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.toggle_list ul li
{
    background: none;
    float: left;
    height: 27px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 59px;
    cursor: pointer;
}

.toggle_list ul .set1
{
    background: url("../../../Images/no1_down.gif") no-repeat left center;
}

.toggle_list ul .set2
{
    background: url("../../../Images/no2_down.gif") no-repeat left center;
    margin: 0 0 0 4px;
}

.toggle_list ul .set3
{
    background: url("../../../Images/no3_down.gif") no-repeat left center;
    margin: 0 0 0 4px;
}

.scoops1 .toggle_list ul .set1
{
    background: url("../../../Images/no1_over.gif") no-repeat left center;
}

.scoops2 .toggle_list ul .set2
{
    background: url("../../../Images/no2_over.gif") no-repeat left center;
}

.scoops3 .toggle_list ul .set3
{
    background: url("../../../Images/no3_over.gif") no-repeat left center;
}
}


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

.scoop_contents .outside_h
{
    background: url("../../../Images/topic_outside_sp_top.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 6px;
    width: 320px;
}

.scoop_contents .outside_b
{
    background: url("../../../Images/topic_outside_sp_bg.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 1px 7px;
    width: 306px;;
}

.scoop_contents .outside_f
{
    background: url("../../../Images/topic_outside_sp_bottom.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 8px;
    margin: 0 0 5px;
    padding: 0;
    width: 320px;
}

/* == 内枠 == */

.scoop_contents .inside_h
{
    background: url("../../../Images/topic_inside_sp_top.gif") no-repeat left top;
    float: left;
    margin: 0 60px;
    padding: 4px 0 0;
    width: 186px;
}

.scoop_contents .inside_b
{
    background: url("../../../Images/topic_inside_sp_bottom.gif") no-repeat left top;
    float: left;
    margin: 0 60px;
    padding: 3px 0 0;
    width: 186px;
}

.scoop_contents .inside_f
{
}


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

.scoop_contents ul li
{
    background: url("../../../Images/icon3.gif") no-repeat 4px center;
    float: left;
    margin: 0;
    padding: 2px 5px 2px 20px;
}


/* == 見出し == */
.scoop_contents h2
{
    background: url("../../../Images/topic_inside_sp_bg.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 0 4px;
}

.scoop_contents h2 img
{
    vertical-align: bottom;
}


/* == 特集 タブ == */
.scoops1 .remove_view,
.scoops2 .remove_view,
.scoops3 .remove_view
{
    display: none;
}

.toggle_list
{
    float: left;
    margin: 0 0 5px;
}

.toggle_list ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.toggle_list ul li
{
    background: none;
    float: left;
    height: 27px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 59px;
    cursor: pointer;
}

.toggle_list ul .set1
{
    background: url("../../../Images/no1_sp_down.gif") no-repeat left center;
}

.toggle_list ul .set2
{
    background: url("../../../Images/no2_sp_down.gif") no-repeat left center;
    margin: 0 0 0 4px;
}

.toggle_list ul .set3
{
    background: url("../../../Images/no3_sp_down.gif") no-repeat left center;
    margin: 0 0 0 4px;
}

.scoops1 .toggle_list ul .set1
{
    background: url("../../../Images/no1_sp_over.gif") no-repeat left center;
}

.scoops2 .toggle_list ul .set2
{
    background: url("../../../Images/no2_sp_over.gif") no-repeat left center;
}

.scoops3 .toggle_list ul .set3
{
    background: url("../../../Images/no3_sp_over.gif") no-repeat left center;
}
}