/*** for PC Browser ***/
@media (min-width:401px)
{
#mainimg
{
    background: url("/secure/16372/main_bg.png") no-repeat left top;
    float: left;
    height: 160px;
    margin: 0px;
    position: relative;
    width: 780px;
    z-index: 0;
}

#mainimg .head_image_bg
{
    float: left;
    height: auto;
    padding: 3px;
    width: 774px;
    z-index: 1;
}

#mainimg .head_image_bg p
{
    float: left;
    margin: 0;
    padding: 0;
    display: none;
}

#mainimg .head_image_bg img
{
    vertical-align: bottom;
    width: 774px;
}

#mainimg #thumbBtn
{
    float: left;
    left: 7px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 128px;
    z-index: 2;
}

#mainimg #thumbBtn li
{
    float: left;
    list-style: none outside none;
    margin: 0 0 0 5px;
    padding: 0;
}

#mainimg  #thumbBtn li a
{
    display: block;
    height: 23px;
    text-indent: -9999px;
    width: 62px;
}


/* == リスト調整1 == */
#mainimg #thumbBtn li .nav1
{
    background: url("/secure/16372/no1_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav1
{
    background: url("/secure/16372/no1_on.png") no-repeat left bottom;
}

/* == リスト調整2 == */
#mainimg #thumbBtn li .nav2
{
    background: url("/secure/16372/no2_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav2
{
    background: url("/secure/16372/no2_on.png") no-repeat left bottom;
}

/* == リスト調整3 == */
#mainimg #thumbBtn li .nav3
{
    background: url("/secure/16372/no3_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav3
{
    background: url("/secure/16372/no3_on.png") no-repeat left bottom;
}

/* == リスト調整4 == */
#mainimg #thumbBtn li .nav4
{
    background: url("/secure/16372/no4_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav4
{
    background: url("/secure/16372/no4_on.png") no-repeat left bottom;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BrowserModuleSet_Div_8558 .SetContentPane
{
    width: 320px !important;
}

.BrowserModuleSet_Div_8558 .SetRightPane
{
    padding: 0px !important;
    margin: 0px !important;
    width: 320px !important;
}

#mainimg
{
    background: url("/secure/16372/main_bg.png") no-repeat left top;
    background-size: cover;
    float: left;
    margin: 0;
    position: relative;
    width: 320px;
    z-index: 0;
}

#mainimg .head_image_bg
{
    float: left;
    height: auto;
    padding: 3px;
    width: 314px;
    z-index: 1;
}

#mainimg .head_image_bg p
{
    float: left;
    margin: 0;
    padding: 0;
}

#mainimg .head_image_bg img
{
    vertical-align: bottom;
    width: 314px;
}

#mainimg #thumbBtn
{
    float: left;
    margin: 0;
    padding: 5px;
    z-index: 2;
}

#mainimg #thumbBtn li
{
    float: left;
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0;
}

#mainimg  #thumbBtn li a
{
    display: block;
    height: 23px;
    text-indent: -9999px;
    width: 62px;
}


/* == リスト調整1 == */
#mainimg #thumbBtn li .nav1
{
    background: url("/secure/16372/no1_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav1
{
    background: url("/secure/16372/no1_on.png") no-repeat left bottom;
}

/* == リスト調整2 == */
#mainimg #thumbBtn li .nav2
{
    background: url("/secure/16372/no2_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav2
{
    background: url("/secure/16372/no2_on.png") no-repeat left bottom;
}

/* == リスト調整3 == */
#mainimg #thumbBtn li .nav3
{
    background: url("/secure/16372/no3_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav3
{
    background: url("/secure/16372/no3_on.png") no-repeat left bottom;
}

/* == リスト調整4 == */
#mainimg #thumbBtn li .nav4
{
    background: url("/secure/16372/no4_off.png") no-repeat left bottom;
}

#mainimg #thumbBtn .ui-tabs-selected .nav4
{
    background: url("/secure/16372/no4_on.png") no-repeat left bottom;
}
}