/*** for PC Browser ***/
@media (min-width:401px)
{
/* == タブ切り替え == */
#newstab
{
}

#newstab .ModuleReference
{
	background: #009CE6;
	margin: 0;
	padding: 2px 2px 0px 2px;
	width: 780px !important;
	float: left;
 	height: 62px;
}

#newstab #ipickupgreen,
#newstab #ipickuporange,
#newstab #ipickuplime
{
}


/* == リスト == */
#newstab ul
{
    list-style-type: none;
    margin: 12px 0px 0px 30px;
    padding: 0;
}

#newstab li
{
    margin: 0;
    padding: 0;
	float: left;
}

#newstab li a
{
/*	border-color: #ffffff; */
/*	border-style: solid; */
/*	border-width: 0px 1px 0px 0px; */
	color: #ffffff;
	display: block;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 15px 15px 10px 15px;
	text-decoration: none;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #0052A4;
}

#newstab .li_red
{
}

#newstab .li_orange,
#newstab .li_lime,
#newstab .li_red
{
}
#newstab .li_green
{
    margin: 3px 0px 0px 10px;
}

#newstab .li_orange
{
    margin: 3px 0px 0px 10px;
}

/* == 未選択時設定 == */
#select_tab2 .li_green a
{
    width: 184px;
} 
#select_tab1 .li_orange a
{
    width: 114px;
} 

/* == 選択時設定 == */
/*#select_tab1 .li_green a,
#select_tab2 .li_orange a,
#select_tab3 .li_lime a,
#select_tab4 .li_red a
{
    background: #FFF;
    color: #000;
} */
#select_tab1 .li_green a
{
    background: #FFF;
    color: #000;
    width: 184px;
    height: 50px;
    background-image: url("/Images/2020renew/tabselect_bule.png");
}
#select_tab2 .li_orange a
{
    background: #FFF;
    color: #000;
    width: 114px;
    height: 50px;
    background-image: url("/Images/2020renew/tabselect_bule2.png");
}

#select_tab1 .li_green a:link,
#select_tab2 .li_orange a:link,
#select_tab3 .li_lime a:link,
#select_tab4 .li_red a:link
{
    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
{
    text-decoration: none;
}

#select_tab1 .li_green a:hover,
#select_tab2 .li_orange a:hover,
#select_tab3 .li_lime a:hover,
#select_tab4 .li_red a:hover
{
    text-decoration: none;
}

#select_tab1 .li_green a:active,
#select_tab2 .li_orange a:active,
#select_tab3 .li_lime a:active,
#select_tab4 .li_red a:active
{
    text-decoration: none;
}

/* == 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;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == タブ切り替え == */
#newstab
{
}

#newstab .ModuleReference
{
	background: #009CE6;
	margin: 0;
	padding: 2px 2px 0px 2px;
	width: 316px !important;
	float: left;
}

#newstab #ipickupgreen,
#newstab #ipickuporange,
#newstab #ipickuplime
{
}


/* == リスト == */
#newstab ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
	float: left;
}

#newstab li
{
	margin: 0;
	padding: 0;
	float: left;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	min-height: 55px;
	text-align: center;
}

#newstab li a
{
	color: #ffffff;
	display: block;
	font-size: small;
	margin: 0;
	padding: 10px 10px;
	text-decoration: none;
	width: 58px;
}

#newstab .li_orange,
#newstab .li_lime,
#newstab .li_red
{
}

#newstab .li_red
{
    border: none;
}


/* == 選択時設定 == */
#select_tab1 .li_green a,
#select_tab2 .li_orange a,
#select_tab3 .li_lime a,
#select_tab4 .li_red a
{
    background: #FFF;
    color: #000;
}

#select_tab1 .li_green a:link,
#select_tab2 .li_orange a:link,
#select_tab3 .li_lime a:link,
#select_tab4 .li_red a:link
{
    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
{
    text-decoration: none;
}

#select_tab1 .li_green a:hover,
#select_tab2 .li_orange a:hover,
#select_tab3 .li_lime a:hover,
#select_tab4 .li_red a:hover
{
    text-decoration: none;
}

#select_tab1 .li_green a:active,
#select_tab2 .li_orange a:active,
#select_tab3 .li_lime a:active,
#select_tab4 .li_red a:active
{
    text-decoration: none;
}

/* == 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;
}
}