﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == タブ切り替え == */
#newstab
{
}

#newstab .ModuleReference
{
    width: 960px;
    background: none;
    margin: 0;
}

#newstab #ipickupgreen {
	border-bottom: solid 5px #ECEAEB;
}

#newstab #ipickuporange {
	border-bottom: solid 5px #F3C6DD;
}

#newstab #ipickuplime {
	border-bottom: solid 5px #B1DFEC;
}

#newstab #ipickupblue {
	border-bottom: solid 5px #DFEDB2;
}

#newstab #ipickupyellow {
	border-bottom: solid 5px #FFE6AE;
}

#newstab #ipickupred {
	border-bottom: solid 5px #ECC3CB;
}

#newstab #ipickupwhite {
	border-bottom: solid 5px #D9D8EA;
}


/* == リスト == */
#newstab ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#newstab li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#newstab li a {
	min-height: 40px;
	color: #000000;
	display: block;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0px;
	text-decoration: none;
	width: 125px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}

#newstab .li_orange,
#newstab .li_lime,
#newstab .li_blue,
#newstab .li_yellow,
#newstab .li_red,
#newstab .li_white {
	margin: 0px 0px 0px 9px;
}

#newstab .li_green a {
	background: #ECEAEB;
}

#newstab .li_orange a {
	background: #F3C6DD;
}

#newstab .li_lime a {
	background: #B1DFEC;
}

#newstab .li_blue a {
	background: #DFEDB2;
}

#newstab .li_yellow a {
	background: #FFE6AE;
}

#newstab .li_red a {
	background: #ECC3CB;
}

#newstab .li_white a {
	background: #D9D8EA;
}

/*= リンク設定 =*/
div#newstab .li_green a:link,
div#newstab .li_orange a:link,
div#newstab .li_lime a:link,
div#newstab .li_blue a:link,
div#newstab .li_yellow a:link,
div#newstab .li_red a:link,
div#newstab .li_white a:link
{
    color: #000000;
    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: #000000;
    text-decoration: none;
}

div#newstab .li_green a:hover,
div#newstab .li_orange a:hover,
div#newstab .li_lime a:hover,
div#newstab .li_blue a:hover,
div#newstab .li_yellow a:hover,
div#newstab .li_red a:hover,
div#newstab .li_white a:hover
{
    color: #000000;
    text-decoration: none;
}

div#newstab .li_green a:active,
div#newstab .li_orange a:active,
div#newstab .li_lime a:active,
div#newstab .li_blue a:active,
div#newstab .li_yellow a:active,
div#newstab .li_red a:active,
div#newstab .li_white a:active
{
    color: #000000;
    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,
#newstabbluelime_noscript,
#newstabyellow_noscript,
#newstabred_noscript,
#newstabwhite_noscript
{
}

#ipickupgreen_noscript,
#ipickuporange_noscript,
#ipickuplime_noscript,
#ipickupblue_noscript,
#ipickupyellow_noscript,
#ipickupred_noscript,
#ipickupwhite_noscript
{
}

#ipickupgreen_noscript ul,
#ipickuporange_noscript ul,
#ipickuplime_noscript ul,
#ipickupblue_noscript ul,
#ipickupyellow_noscript ul,
#ipickupred_noscript ul,
#ipickupwhite_noscript ul
{
}

#ipickupgreen_noscript ul
{
}

#ipickuporange_noscript ul
{
}

#ipickupgreen_noscript li,
#ipickuporange_noscript li,
#ipickuplime_noscript li,
#ipickupblue_noscript li,
#ipickupyellow_noscript li,
#ipickupred_noscript li,
#ipickupwhite_noscript li
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20%;
}

#ipickupgreen_noscript li span,
#ipickuporange_noscript li span,
#ipickuplime_noscript li span,
#ipickupblue_noscript li span,
#ipickupyellow_noscript li span,
#ipickupred_noscript li span,
#ipickupwhite_noscript li span
{
	min-height: 40px;
	color: #000000;
	display: block;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0px;
	text-decoration: none;
	width: 125px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}

#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_blue a,
#select_tab5 .li_yellow a,
#select_tab6 .li_red a,
#select_tab7 .li_white a
{
}

#select_tab1 .li_green a:link,
#select_tab2 .li_orange a:link,
#select_tab3 .li_lime a:link,
#select_tab4 .li_blue a:link
#select_tab5 .li_yellow a:link
#select_tab6 .li_red a:link
#select_tab7 .li_white 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_blue a:visited
#select_tab5 .li_yellow a:visited
#select_tab6 .li_red a:visited
#select_tab7 .li_white 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_blue a:hover
#select_tab5 .li_yellow a:hover
#select_tab6 .li_red a:hover
#select_tab7 .li_white 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_blue a:active
#select_tab5 .li_yellow a:active
#select_tab6 .li_red a:active
#select_tab7 .li_white 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_blue a,
#select_tab5 .li_yellow a,
#select_tab6 .li_red a,
#select_tab7 .li_white a
{
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == タブ切り替え == */
#newstab
{
}

#newstab .ModuleReference
{
    width: 320px;
    background: none;
    margin: 0;
}

#newstab #ipickupgreen,
#newstab #ipickuporange,
#newstab #ipickuplime,
#newstab #ipickupblue,
#newstab #ipickupyellow,
#newstab #ipickupred,
#newstab #ipickupwhite {
	float: left;
}

#newstab #ipickupgreen {
	border: solid 5px #ECEAEB;
}

#newstab #ipickuporange {
	border: solid 5px #F3C6DD;
}

#newstab #ipickuplime {
	border: solid 5px #B1DFEC;
}

#newstab #ipickupblue {
	border: solid 5px #DFEDB2;
}

#newstab #ipickupyellow {
	border: solid 5px #FFE6AE;
}

#newstab #ipickupred {
	border: solid 5px #ECC3CB;
}

#newstab #ipickupwhite {
	border: solid 5px #D9D8EA;
}


/* == リスト == */
#newstab ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#newstab li {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}

#newstab li a {
	min-height: 40px;
	color: #000000;
	display: block;
	font-size: medium;
	font-weight: bold;
	margin: 0 !important;
	padding: 15px 0 0px;
	text-decoration: none;
	width: 155px;
	text-align: center;
}

#newstab li.li_green a {
	width: 310px !important;
}

#newstab .li_orange,
#newstab .li_lime,
#newstab .li_blue,
#newstab .li_yellow,
#newstab .li_red,
#newstab .li_white {
	margin: 0px 0px 0px 9px;
}

#newstab .li_green a {
	background: #ECEAEB;
}

#newstab .li_orange a {
	background: #F3C6DD;
}

#newstab .li_lime a {
	background: #B1DFEC;
}

#newstab .li_blue a {
	background: #DFEDB2;
}

#newstab .li_yellow a {
	background: #FFE6AE;
}

#newstab .li_red a {
	background: #ECC3CB;
}

#newstab .li_white a {
	background: #D9D8EA;
}

/*= リンク設定 =*/
div#newstab .li_green a:link,
div#newstab .li_orange a:link,
div#newstab .li_lime a:link,
div#newstab .li_blue a:link,
div#newstab .li_yellow a:link,
div#newstab .li_red a:link,
div#newstab .li_white a:link
{
    color: #000000;
    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: #000000;
    text-decoration: none;
}

div#newstab .li_green a:hover,
div#newstab .li_orange a:hover,
div#newstab .li_lime a:hover,
div#newstab .li_blue a:hover,
div#newstab .li_yellow a:hover,
div#newstab .li_red a:hover,
div#newstab .li_white a:hover
{
    color: #000000;
    text-decoration: none;
}

div#newstab .li_green a:active,
div#newstab .li_orange a:active,
div#newstab .li_lime a:active,
div#newstab .li_blue a:active,
div#newstab .li_yellow a:active,
div#newstab .li_red a:active,
div#newstab .li_white a:active
{
    color: #000000;
    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,
#newstabbluelime_noscript,
#newstabyellow_noscript,
#newstabred_noscript,
#newstabwhite_noscript
{
}

#ipickupgreen_noscript,
#ipickuporange_noscript,
#ipickuplime_noscript,
#ipickupblue_noscript,
#ipickupyellow_noscript,
#ipickupred_noscript,
#ipickupwhite_noscript
{
}

#ipickupgreen_noscript ul,
#ipickuporange_noscript ul,
#ipickuplime_noscript ul,
#ipickupblue_noscript ul,
#ipickupyellow_noscript ul,
#ipickupred_noscript ul,
#ipickupwhite_noscript ul
{
}

#ipickupgreen_noscript ul
{
}

#ipickuporange_noscript ul
{
}

#ipickupgreen_noscript li,
#ipickuporange_noscript li,
#ipickuplime_noscript li,
#ipickupblue_noscript li,
#ipickupyellow_noscript li,
#ipickupred_noscript li,
#ipickupwhite_noscript li
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20%;
}

#ipickupgreen_noscript li span,
#ipickuporange_noscript li span,
#ipickuplime_noscript li span,
#ipickupblue_noscript li span,
#ipickupyellow_noscript li span,
#ipickupred_noscript li span,
#ipickupwhite_noscript li span
{
	min-height: 40px;
	color: #000000;
	display: block;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0px;
	text-decoration: none;
	width: 125px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}

#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_blue a,
#select_tab5 .li_yellow a,
#select_tab6 .li_red a,
#select_tab7 .li_white a
{
	text-decoration: underline !important;
}

#select_tab1 .li_green a:link,
#select_tab2 .li_orange a:link,
#select_tab3 .li_lime a:link,
#select_tab4 .li_blue a:link
#select_tab5 .li_yellow a:link
#select_tab6 .li_red a:link
#select_tab7 .li_white 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_blue a:visited
#select_tab5 .li_yellow a:visited
#select_tab6 .li_red a:visited
#select_tab7 .li_white 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_blue a:hover
#select_tab5 .li_yellow a:hover
#select_tab6 .li_red a:hover
#select_tab7 .li_white 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_blue a:active
#select_tab5 .li_yellow a:active
#select_tab6 .li_red a:active
#select_tab7 .li_white 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_blue a,
#select_tab5 .li_yellow a,
#select_tab6 .li_red a,
#select_tab7 .li_white a
{
}
}
