﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
.PickUp_kinkyu
{
    float: left;
    margin: 0 0 5px;
    padding: 0;
    width: 570px;
}

.PickUp_kinkyu .outside_h
{
    background: url("../../../Images/kinkyu_top.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 4px;
    width: 570px;
}

.PickUp_kinkyu .outside_b
{
    background: url("../../../Images/kinkyu_bg.gif") repeat-y;
    float: left;
    position: relative;
    width: 570px;
}

.PickUp_kinkyu .outside_f
{
    background: url("../../../Images/kinkyu_bottom.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 4px;
    margin: 0;
    padding: 0;
    width: 570px;
}


/* == 見出しブロック == */
.PickUp_kinkyu h2
{
    background: url("../../../Images/kinkyu_bg_top.gif") no-repeat left top;
    float: left;
    margin: 0;
    padding: 0;
    width: 127px;
}

.PickUp_kinkyu h2 img
{
    padding: 0 0 0 15px;
}


/* == コントロール == */
.PickUp_kinkyu .op_control
{
    float: right;
    padding: 5px 10px 0 0;
}

.PickUp_kinkyu .op_control img
{
    vertical-align: bottom;
}


/* == リスト == */
.PickUp_kinkyu ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 5px 5px 10px;
    width: 380px;
}

.PickUp_kinkyu li
{
    margin: 0;
    padding: 0;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 外枠 == */
.PickUp_kinkyu
{
    float: left;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    width: 320px;
}

.PickUp_kinkyu .outside_h
{
    background: url("../../../Images/kinkyu_sp_top.gif") no-repeat left bottom;
    float: left;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 320px;
}

.PickUp_kinkyu .outside_b
{
    background: url("../../../Images/kinkyu_sp_bg.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 0;
    width: 320px;
}

.PickUp_kinkyu .outside_f
{
    background: url("../../../Images/kinkyu_sp_bottom.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 4px;
    margin: 0;
    padding: 0;
    width: 320px;
}


/* == 見出しブロック == */
.PickUp_kinkyu h2
{
    float: left;
    left: 0;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px;
}

.PickUp_kinkyu .op_control
{
    float: left;
    left: 290px;
    position: absolute;
    top: 4px;
}

.PickUp_kinkyu .op_control img
{
    vertical-align: bottom;
}


/* == リスト == */
.PickUp_kinkyu ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px;
}

.PickUp_kinkyu li
{
    font-size: small;
    margin: 0;
    padding: 0;
}
}
