﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == タブ切り替え == */
#newstab
{
    float: left;
    width: 570px;
}

/* == リスト == */
#newstab ul
{
    float: left;
    margin: 0;
    padding: 0;
}

#newstab li
{ 
    background: url("tab_down.gif") no-repeat left bottom;
    color: #6C6656;
    display: block;
    float: left;
    font-size: 15px;
    margin: 0;
    padding: 0px;
    text-decoration: none;
    width: 154px;
    font-weight: bold;
}

#newstab li a
{
    display: block;
    font-size: 15px;
    min-height: 24px;
    height: auto !important;
    height: 24px;
    padding: 7px 0 0 10px;
}

#newstab .li_orange,
#newstab .li_lime
{
    margin: 0 0 0 5px;
}

#select_tab1 .li_green,
#select_tab2 .li_orange,
#select_tab3 .li_lime
{
    background: url("tab_over.gif") no-repeat left bottom;
}

#select_tab1 li a,
#select_tab2 li a,
#select_tab3 li a
{
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}


/*= リンク設定 =*/
div#newstab .li_green a:link,
div#newstab .li_orange a:link,
div#newstab .li_lime a:link
{
    color: #585858;
    text-decoration: none;
}

div#newstab .li_green a:visited,
div#newstab .li_orange a:visited,
div#newstab .li_lime a:visited
{
    color: #585858;
    text-decoration: none;
}

div#newstab .li_green a:hover,
div#newstab .li_orange a:hover,
div#newstab .li_lime a:hover
{
    color: #585858;
    text-decoration: none;
}

div#newstab .li_green a:active,
div#newstab .li_orange a:active,
div#newstab .li_lime a:active
{
    color: #585858;
    text-decoration: none;
}

div#newstab a.Fix_link_on:link,
div#newstab a.Fix_link_on:visited,
div#newstab a.Fix_link_on:hover,
div#newstab a.Fix_link_on:active
{
    color: #214756;
}



/* == noscript == */
#newstabgreen_noscript,
#newstaborange_noscript,
#newstablime_noscript
{
    clear: both;
}

#ipickupgreen_noscript,
#ipickuporange_noscript,
#ipickuplime_noscript
{
    display: block;
    float: left;
    width: 570px;
}


#ipickupgreen_noscript ul,
#ipickuporange_noscript ul,
#ipickuplime_noscript ul
{
    background: url("tab_noscript.gif") no-repeat left bottom;
    float: left;
    margin: 0;
    padding: 0;
    width: 570px;
}

#ipickupgreen_noscript li,
#ipickuporange_noscript li,
#ipickuplime_noscript li
{
    color: #6C6656;
    display: block;
    float: left;
    font-size: small;
    font-weight: bold;
    margin: 0px 0px 0px 5px;
    text-decoration: none;
    vertical-align: middle;
}

#ipickupgreen_noscript .li_green,
#ipickuporange_noscript .li_green,
#ipickuplime_noscript .li_green
{
    margin: 0px;
}

#newstabgreen_noscript li span,
#newstaborange_noscript li span,
#newstablime_noscript li span
{
    display: block;
    min-height: 24px;
    height: auto !important;
    height: 24px;
    padding: 7px 0 0 10px;
    width: 144px;
}

#newstabgreen_noscript li .Fix_link_on,
#newstaborange_noscript li .Fix_link_on,
#newstablime_noscript li .Fix_link_on
{
    background: url("tab_over.gif") no-repeat left bottom;
    font-size: small;
    color: #214756;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == タブ切り替え == */
#newstab
{
    float: left;
    width: 320px;
}

/* == リスト == */
#newstab ul
{
    float: left;
    margin: 0;
    padding: 0;
}

#newstab li
{ 
    color: #6C6656;
    display: block;
    float: left;
    font-size: small;
    margin: 0;
    min-height: 26px;
    height: auto !important;
    height: 26px;
    padding: 4px 0 0 0;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}


/* == タブ基礎設定 == */
#newstab .li_green
{
    background: url("../../../Images/tab_down_sp.gif") no-repeat left bottom;
    width: 137px;
}

#newstab .li_orange
{
    background: url("../../../Images/tab_down_sp_2.gif") no-repeat left bottom;
    width: 78px;
}

#newstab .li_lime
{
    background: url("../../../Images/tab_down_sp_3.gif") no-repeat left bottom;
    width: 105px;
}


/* == タブセレクト時設定 == */
#select_tab1 .li_green
{
    background: url("../../../Images/tab_over_sp.gif") no-repeat left bottom;
}

#select_tab2 .li_orange
{
    background: url("../../../Images/tab_over_sp_2.gif") no-repeat left bottom;
}

#select_tab3 .li_lime
{
    background: url("../../../Images/tab_over_sp_3.gif") no-repeat left bottom;
}

#select_tab1 li a,
#select_tab2 li a,
#select_tab3 li a
{
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}


/*= リンク設定 =*/
div#newstab .li_green a:link,
div#newstab .li_orange a:link,
div#newstab .li_lime a:link
{
    color: #787878;
    text-decoration: none;
}

div#newstab .li_green a:visited,
div#newstab .li_orange a:visited,
div#newstab .li_lime a:visited
{
    color: #787878;
    text-decoration: none;
}

div#newstab .li_green a:hover,
div#newstab .li_orange a:hover,
div#newstab .li_lime a:hover
{
    color: #787878;
    text-decoration: none;
}

div#newstab .li_green a:active,
div#newstab .li_orange a:active,
div#newstab .li_lime a:active
{
    color: #787878;
    text-decoration: none;
}

div#newstab a.Fix_link_on:link,
div#newstab a.Fix_link_on:visited,
div#newstab a.Fix_link_on:hover,
div#newstab a.Fix_link_on:active
{
    color: #214756;
}



/* == noscript == */
#newstabgreen_noscript,
#newstaborange_noscript,
#newstablime_noscript
{
    clear: both;
}

#ipickupgreen_noscript,
#ipickuporange_noscript,
#ipickuplime_noscript
{
    display: block;
    float: left;
    width: 320px;
}


#ipickupgreen_noscript ul,
#ipickuporange_noscript ul,
#ipickuplime_noscript ul
{
    background: url("../../../Images/tab_noscript_sp.gif") no-repeat left bottom;
    float: left;
    margin: 0;
    padding: 0;
    width: 320px;
}

#ipickupgreen_noscript li,
#ipickuporange_noscript li,
#ipickuplime_noscript li
{
    color: #6C6656;
    display: block;
    float: left;
    font-size: small;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
}

#newstabgreen_noscript li span,
#newstaborange_noscript li span,
#newstablime_noscript li span
{
    display: block;
    min-height: 24px;
    height: auto !important;
    height: 24px;
    padding: 6px 0 0 0;
    text-shadow:    2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF,
    -2px -2px 2px #FFFFFF;
}


/* タブ設定 */
#newstabgreen_noscript .li_green span,
#newstaborange_noscript .li_green span,
#newstablime_noscript .li_green span
{
    text-align: center;
    width: 137px;
}

#newstabgreen_noscript .li_orange span,
#newstaborange_noscript .li_orange span,
#newstablime_noscript .li_orange span
{
    text-align: center;
    width: 78px;
}

#newstabgreen_noscript .li_lime span,
#newstaborange_noscript .li_lime span,
#newstablime_noscript .li_lime span
{
    text-align: center;
    width: 105px;
}

#newstabgreen_noscript .li_green span
{
    background: url("../../../Images/tab_over_sp.gif") no-repeat left bottom;
}

#newstaborange_noscript .li_orange span
{
    background: url("../../../Images/tab_over_sp_2.gif") no-repeat left bottom;
}

#newstablime_noscript .li_lime span
{
    background: url("../../../Images/tab_over_sp_3.gif") no-repeat left bottom;
}

#newstabgreen_noscript li .Fix_link_on,
#newstaborange_noscript li .Fix_link_on,
#newstablime_noscript li .Fix_link_on
{
    font-size: small;
    color: #214756;
}
}
