﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == タブ切り替え == */
#newstab
{
}

#newstab .ModuleReference
{
    background: none;
    margin: 0;
}

#newstab #ipickupgreen,
#newstab #ipickuporange,
#newstab #ipickuplime
{
}


/* == リスト == */
#newstab ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#newstab li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#newstab li a {
	min-height: 40px;
	background-color: #FFFFFF;
	border-color: #cccccc;
	border-style: solid;
	border-width: 2px;
	color: #000000;
	display: block;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0px;
	text-decoration: none;
	width: 150px;
	text-align: center;
}

#newstab .li_orange a,
#newstab .li_lime a
{
	border-width: 2px 2px 2px 1px;
}

/*= リンク設定 =*/
div#newstab .li_green a:link,
div#newstab .li_orange a:link,
div#newstab .li_lime a:link,
div#newstab .li_red 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,
div#newstab .li_red 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,
div#newstab .li_red 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,
div#newstab .li_red 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: #000000;
}



/* == noscript == */
#newstabgreen_noscript,
#newstaborange_noscript,
#newstablime_noscript
{
}

#ipickupgreen_noscript,
#ipickuporange_noscript,
#ipickuplime_noscript
{
}

#ipickupgreen_noscript ul,
#ipickuporange_noscript ul,
#ipickuplime_noscript ul
{
}

#ipickupgreen_noscript ul
{
}

#ipickuporange_noscript ul
{
}

#ipickupgreen_noscript li,
#ipickuporange_noscript li,
#ipickuplime_noscript li,
#ipickupred_noscript li
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20%;
}

#ipickupgreen_noscript li span,
#ipickuporange_noscript li span,
#ipickuplime_noscript li span,
#ipickupred_noscript li span
{
    min-height: 30px;
    height: auto !important;
    height: 30px;
    background-color: #ffffff;
    border-color: #cccccc;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #000000;
    display: block;
    font-size: medium;
    font-weight: bold;
    margin: 0;
    padding: 10px 15px 1px;
    text-decoration: none;
    width: 100%;
}

#newstabgreen_noscript .li_orange,
#newstaborange_noscript .li_orange,
#newstablime_noscript .li_orange,
#newstabred_noscript .li_orange,
#newstabgreen_noscript .li_lime,
#newstaborange_noscript .li_lime,
#newstablime_noscript .li_lime,
#newstabred_noscript .li_lime,
#newstabgreen_noscript .li_red,
#newstaborange_noscript .li_red,
#newstablime_noscript .li_red,
#newstabred_noscript .li_red
{
    margin: 0 0 0 5px;
}

#newstabgreen_noscript .li_green span,
#newstaborange_noscript .li_orange span,
#newstablime_noscript .li_lime span,
#newstabred_noscript .li_red span
{
    color: #000000;
}


/* == 選択時設定 == */
#select_tab1 .li_green a,
#select_tab2 .li_orange a,
#select_tab3 .li_lime a,
#select_tab4 .li_red a
{
    background: #F9E1EE;
}

#select_tab1 .li_green a:link,
#select_tab2 .li_orange a:link,
#select_tab3 .li_lime a:link,
#select_tab4 .li_red a:link
{
    color: #000000;
    text-decoration: none;
}

#select_tab1 .li_green a:visited,
#select_tab2 .li_orange a:visited,
#select_tab3 .li_lime a:visited,
#select_tab4 .li_red a:visited
{
    color: #000000;
    text-decoration: none;
}

#select_tab1 .li_green a:hover,
#select_tab2 .li_orange a:hover,
#select_tab3 .li_lime a:hover,
#select_tab4 .li_lred a:hover
{
    color: #000000;
    text-decoration: none;
}

#select_tab1 .li_green a:active,
#select_tab2 .li_orange a:active,
#select_tab3 .li_lime a:active,
#select_tab4 .li_lred a:active
{
    color: #000000;
    text-decoration: none;
}

#select_tab1 .li_green a,
#select_tab2 .li_orange a,
#select_tab3 .li_lime a,
#select_tab4 .li_red a
{
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == タブ切り替え == */
#newstab
{
}

#newstab .ModuleReference
{
    background: none;
    margin: 0;
}

#newstab #ipickupgreen,
#newstab #ipickuporange,
#newstab #ipickuplime
{
}


/* == リスト == */
#newstab ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#newstab li
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 30%;
}

#newstab li a
{
    min-height: 30px;
    height: auto !important;
    height: 30px;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #6c6656;
    display: block;
    font-size: small;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 1px;
    text-decoration: none;
    width: 100%;
    text-align: center;
}

#newstab .li_orange,
#newstab .li_lime
{
    margin: 0 0 0 5px;
}

/*= リンク設定 =*/
div#newstab .li_green a:link,
div#newstab .li_orange a:link,
div#newstab .li_lime a:link
{
    color: #000;
    text-decoration: none;
}

div#newstab .li_green a:visited,
div#newstab .li_orange a:visited,
div#newstab .li_lime a:visited
{
    color: #000;
    text-decoration: none;
}

div#newstab .li_green a:hover,
div#newstab .li_orange a:hover,
div#newstab .li_lime a:hover
{
    color: #000;
    text-decoration: none;
}

div#newstab .li_green a:active,
div#newstab .li_orange a:active,
div#newstab .li_lime a:active
{
    color: #000;
    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: #000;
}



/* == noscript == */
#newstabgreen_noscript,
#newstaborange_noscript,
#newstablime_noscript
{
}

#ipickupgreen_noscript,
#ipickuporange_noscript,
#ipickuplime_noscript
{
}

#ipickupgreen_noscript ul,
#ipickuporange_noscript ul,
#ipickuplime_noscript ul
{
}

#ipickupgreen_noscript ul
{
}

#ipickuporange_noscript ul
{
}

#ipickupgreen_noscript li,
#ipickuporange_noscript li,
#ipickuplime_noscript li
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20%;
}

#ipickupgreen_noscript li span,
#ipickuporange_noscript li span,
#ipickuplime_noscript li span
{
    min-height: 30px;
    height: auto !important;
    height: 30px;
    background-color: #ffffff;
    border-color: #cccccc;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #6c6656;
    display: block;
    font-size: medium;
    font-weight: bold;
    margin: 0;
    padding: 10px 15px 1px;
    text-decoration: none;
    width: 100%;
}

#newstabgreen_noscript .li_orange,
#newstaborange_noscript .li_orange,
#newstablime_noscript .li_orange,
#newstabgreen_noscript .li_lime,
#newstaborange_noscript .li_lime,
#newstablime_noscript .li_lime
{
    margin: 0 0 0 5px;
}

#newstabgreen_noscript .li_green span,
#newstaborange_noscript .li_orange span,
#newstaborange_noscript .li_lime span
{
    color: #221914;
}


/* == 選択時設定 == */
#select_tab1 .li_green a,
#select_tab2 .li_orange a,
#select_tab3 .li_lime a
{
    background: #F9E1EE;
}

#select_tab1 .li_green a:link,
#select_tab2 .li_orange a:link,
#select_tab3 .li_lime a:link
{
    color: #000;
    text-decoration: none;
}

#select_tab1 .li_green a:visited,
#select_tab2 .li_orange a:visited,
#select_tab3 .li_lime a:visited
{
    color: #000;
    text-decoration: none;
}

#select_tab1 .li_green a:hover,
#select_tab2 .li_orange a:hover,
#select_tab3 .li_lime a:hover
{
    color: #000;
    text-decoration: none;
}

#select_tab1 .li_green a:active,
#select_tab2 .li_orange a:active,
#select_tab3 .li_lime a:active
{
    color: #000;
    text-decoration: none;
}

#select_tab1 .li_green a,
#select_tab2 .li_orange a,
#select_tab3 .li_lime a
{
}
}
