@charset "utf-8";

/* -------------------------------------------------------------------------------
 Header
--------------------------------------------------------------------------------*/
#Header {
	margin-bottom: 10px;
}
body#Home #Header { /* Home Design */
	width:950px;
	margin:0 15px 10px ;
}

/* HeaderNavi
-------------------------------------------------------*/
#HeaderNavi {
	padding:5px 15px 0;
	border-bottom:1px solid #A3AABB;
	background:#F0F2F3;
}

#Home #HeaderNavi{
	padding-left:2px;
}

body#Home #HeaderNavi { /* Home Design for NN6 */
	min-height:1.5em;
	margin-bottom:10px;
}
#HeaderNavi li a {
	color:#454545;
	text-decoration:none;
}
#HeaderNavi li a:hover {
	text-decoration:underline;
}
#HeaderNavi .HdNaviLeft {
	float:left;
	width:50%; /* old safari */
}
#HeaderNavi  #LogoS {
	float:left;
	width:104px;
	height:27px;
}
#HeaderNavi .HdNaviLeft ul {
	padding:5px 0 0 115px;
}
#HeaderNavi .HdNaviLeft li{
	float:left;
	font-size:80%;
}
#HeaderNavi .HdNaviRight {
	float:right;
	padding-bottom:3px;
}
#HeaderNavi .HdNaviRight ul {
	float:left;
	padding-top:1px; /* For NN6 */
	text-align:right;
}
#HeaderNavi .HdNaviRight li {
	float:left;
	padding:4px 10px 3px 8px;
	font-size:80%;
	line-height:100%;
	background:url(/image/header/ico_arrow_head.gif) no-repeat 0 50%;
	text-align:right;
}
#HeaderNavi .HdNaviRight li.HdNaviSubscription { /* Home Design */
	padding-left:25px;
	background:url(/image/header/ico_subscription.gif) no-repeat 0 50%;
}
#HeaderNavi .HSearch {
	padding-left:5px;
}
#HeaderNavi .HSearch img {
	margin-right:3px;
	vertical-align:middle;
}
#HeaderNavi .HSearch label {
	padding: 3px 0 3px 20px;
	font-size: 80%;
	background: url(/image/header/ico_search.gif) no-repeat;
}
#HeaderNavi .HSearch label input {
	display: none;
}
#HeaderNavi .HSearchBox {
	width:150px;
	vertical-align:middle;
}
#HeaderNavi .HSearchBtn {
	margin-left:3px;
	vertical-align:middle;
}


#HeaderNavi .HSearch .SearchTitle {
	font-size: 80%;
	line-height: 100%;
	vertical-align:middle;
	padding-right: 5px;
}

/*
Search form for javascript
*/

#HeaderNavi button#HSearchSBtn, #HeaderNavi button#HSearchPBtn{
	border:none;
	background:none;
	width:44px;
	height:23px;
	text-align:right;
	padding:0;
	display:inline;
	overflow:visible;
	vertical-align:middle;
	margin-top:-3px;
}
#HeaderNavi button#HSearchSBtn{
	margin-left:-2px;
	margin-right:1px;
}
#HeaderNavi button#HSearchSBtn img,#HeaderNavi button#HSearchPSBtn img{
	margin-right:0;
	vertical-align:middle;
}

#HeaderNavi select#st{
	width:4em;
	vertical-align:middle;
	margin-right:3px;
}

/* Logo(Home Only)
-------------------------------------------------------*/
body#Home #Logo{ /* Home Design */
	float:left;
	width:212px;
	height:90px;
	margin-top:2px;
}
body#Home #Snavi {
	height:17px;
	margin-top:5px;
	padding:0;
}
body#Home #Snavi　ul {
	padding-top:5px;
}
body#Home #Snavi li {
	float:left;
	margin-right:0px;
	overflow:hidden;
}

/* a tag */
body#Home #Snavi li a {
	display:block;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
}
body#Home #Snavi li#NaviMainichi a {
	display:block;
	width:70px;
}
body#Home #Snavi li#NaviEnglish a {
	width:55px;
}
body#Home #Snavi li#NaviMaimai a {
	width:87px;
}

/* Link visited */
body#Home #Snavi li#NaviMainichi a:link,
body#Home #Snavi li#NaviMainichi a:visited {
	background:url(/image/header/btn_mainichi.gif) no-repeat 0 0;
}
body#Home #Snavi li#NaviEnglish a:link,
body#Home #Snavi li#NaviEnglish a:visited {
	background:url(/image/header/btn_english.gif) no-repeat 0 0;
}
body#Home #Snavi li#NaviMaimai a:link,
body#Home #Snavi li#NaviMaimai a:visited { 
	background:url(/image/header/btn_maimai.gif) no-repeat 0 0;
}

/* Hover */
body#Home #Snavi li#NaviMainichi a:hover {
	background:url(/image/header/btn_mainichi.gif) no-repeat 0 -17px;
}
body#Home #Snavi li#NaviEnglish a:hover {
	background:url(/image/header/btn_english.gif) no-repeat 0 -17px;
}
body#Home #Snavi li#NaviMaimai a:hover { 
	background:url(/image/header/btn_maimai.gif) no-repeat 0 -17px;
}

/* SuperBanner
-------------------------------------------------------*/
#SuperBanner {
	clear:both;
	margin-top:10px;
	margin-bottom:11px;
	text-align:center;
}
body#Home #SuperBanner { /* Home Design */
	clear:none;
	margin-top:0;
	margin-bottom:0;
	width:728px;
	float:right;
}

/* Gnavi
-------------------------------------------------------*/
#Gnavi {
	height:26px;
	margin-top:-1px;
	padding:0 15px;
	background:#F6F6F6;
	border-top:1px solid #B3B3B3;
}
body#Home #Gnavi {/* Home Design for Mac IE */
	margin-top:10px;
}
#Gnavi { /* Home Design & None Category */
	border-bottom:3px solid #000000;
}
body#Home #Gnavi { /* Home Design */
	padding-left:0;
	padding-right:5px;
}
body#NewsSelect #Gnavi { /* News Select Design */
	border-bottom:3px solid #4477DD;
}
body#Entertainment #Gnavi { /* Entertainment Design */
	border-bottom:3px solid #FF9900;
}
body#LifeStyle #Gnavi { /* LifeStyle Design */
	border-bottom:3px solid #779922;
}
#Gnavi .GnaviLeft {
	width:410px;
	float:left;
}
#Gnavi .GnaviLeft li {
	float:left;
	margin-right:0px;
	text-indent:-9999px;
}
body#Home #Gnavi .GnaviLeft li#NaviNewsSelect { /* Home Design */
	border-left:1px solid #B3B3B3;
}

/* a tag */
#Gnavi .GnaviLeft li#NaviHome a {
	display:block;
	width:58px;
	height:26px;
	text-decoration:none;
}
#Gnavi .GnaviLeft li#NaviNewsSelect a {
	display:block;
	width:111px;
	height:26px;
	text-decoration:none;
}
#Gnavi .GnaviLeft li#NaviEntertainment a {
	display:block;
	width:136px;
	height:26px;
	text-decoration:none;
}
#Gnavi .GnaviLeft li#NaviLifeStyle a {
	display:block;
	width:101px;
	height:26px;
	text-decoration:none;
}

/* Link visited */
#Gnavi .GnaviLeft li#NaviHome a:link,
#Gnavi .GnaviLeft li#NaviHome a:visited {
	background:url(/image/header/btn_home.gif) no-repeat 0 0;
}
#Gnavi .GnaviLeft li#NaviNewsSelect a:link,
#Gnavi .GnaviLeft li#NaviNewsSelect a:visited {
	background:url(/image/header/btn_news_select.gif) no-repeat 0 0;
}
#Gnavi .GnaviLeft li#NaviEntertainment a:link,
#Gnavi .GnaviLeft li#NaviEntertainment a:visited { 
	background:url(/image/header/btn_entertainment.gif) no-repeat 0 0;
}
#Gnavi .GnaviLeft li#NaviLifeStyle a:link,
#Gnavi .GnaviLeft li#NaviLifeStyle a:visited {
	background:url(/image/header/btn_lifestyle.gif) no-repeat 0 0;
}

/* Hover */
#Gnavi .GnaviLeft li#NaviHome a:hover {
	background:url(/image/header/btn_home.gif) no-repeat 0 100%;
}
#Gnavi .GnaviLeft li#NaviNewsSelect a:hover {
	background:url(/image/header/btn_news_select.gif) no-repeat 0 100%;
}
#Gnavi .GnaviLeft li#NaviEntertainment a:hover { 
	background:url(/image/header/btn_entertainment.gif) no-repeat 0 100%;
}
#Gnavi .GnaviLeft li#NaviLifeStyle a:hover {
	background:url(/image/header/btn_lifestyle.gif) no-repeat 0 100%;
}

/* current */
body#Home #Gnavi .GnaviLeft li#NaviHome a { /* Home Design */
	background:url(/image/header/btn_home.gif) no-repeat 0 100%;
}
body#NewsSelect #Gnavi .GnaviLeft li#NaviNewsSelect a { /* News Select Design */
	background:url(/image/header/btn_news_select.gif) no-repeat 0 100%;
}
body#Entertainment #Gnavi .GnaviLeft li#NaviEntertainment a{ /* Entertainment Design */
	background:url(/image/header/btn_entertainment.gif) no-repeat 0 100%;
}
body#LifeStyle #Gnavi .GnaviLeft li#NaviLifeStyle a { /* LifeStyle Design */
	background:url(/image/header/btn_lifestyle.gif) no-repeat 0 100%;
}

#Gnavi .GnaviRight {
	float:right;
	width:45%;
}
#Gnavi .GnaviRight ul {
	float:right;
}
#Gnavi .GnaviRight li {
	float:left;
	margin-top:5px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	line-height:100%;
	font-size:80%;
}
#Gnavi .GnaviRight li.first {
	border-left:1px solid #CCCCCC;
}
#Gnavi .GnaviRight li a {
	float:left;
	display:block;
	padding:3px 8px;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	text-decoration:none;
	color:#4D4D4D;
	background:#F5F5F5 url(/image/header/bg_gnavi_right.jpg) repeat-x 0 100%;
}
#Gnavi .GnaviRight li a:hover {
	color:#CC0000;
	background:#EBEBEB url(/image/header/bg_gnavi_right_on.jpg) repeat-x 0 100%;
}
#Gnavi .GnaviRight li.NaviWeather a{
	padding-left:22px;
	background:#F5F5F5 url(/image/header/bg_weather.jpg) no-repeat 0 100%;
}
#Gnavi .GnaviRight li.NaviWeather a:hover {
	padding-left:22px;
	background:#EBEBEB url(/image/header/bg_weather_on.jpg) no-repeat 0 100%;
}
#Gnavi .GnaviRight li a.on {
	color:#000000;
	font-weight:bold;
	background:#EBEBEB url(/image/header/bg_gnavi_right_on.jpg) repeat-x 0 100%;
}
#Gnavi .GnaviRight li.NaviWeather a.on {
	color:#000000;
	font-weight:bold;
	background:#EBEBEB url(/image/header/bg_weather_on.jpg) no-repeat 0 100%;
}
#Gnavi .GnaviRight li a.on:hover {
	color:#CC0000;
}

/* ContentNavi (Genre Navi or Contents Navi)
-------------------------------------------------------*/
#ContentNavi {
	padding:0 15px;
	border-bottom:1px solid #B7BAC1;
	background:#FFFFFF url(/image/header/bg_content_navi.gif) repeat-x 0 100%;
}
#ContentNavi ul {
	border-left:1px solid #B7BAC1;
}
#ContentNavi li{
	float:left;
	border-right:1px solid #B7BAC1;
	font-size:80%;
	white-space:nowrap;
}
#ContentNavi li a {
	display:block;
	padding:3px 6px;
	text-decoration:none;
	color:#16387C;
}
#ContentNavi li a:hover {  /* None Category */
	background:#CDCDCD url(/image/header/bg_content_navi_on.gif) repeat-x 0 0;
}
#ContentNavi li a.on{  /* None Category */
	background:#CDCDCD url(/image/header/bg_content_navi_on.gif) repeat-x 0 0;
}
body#NewsSelect #ContentNavi li a:hover { /* News Select Design */
	background:#B4C8E7 url(/select/image/bg_content_navi_on.gif) repeat-x 0 0;
}
body#NewsSelect #ContentNavi li a.on { /* News Select Design */
	background:#B4C8E7 url(/select/image/bg_content_navi_on.gif) repeat-x 0 0;
}
body#Entertainment #ContentNavi li a:hover { /* Entertainment Design */
	background:#FED39A url(/enta/image/bg_content_navi_on.gif) repeat-x 0 0;
}
body#Entertainment #ContentNavi li a.on { /* Entertainment Design */
	background:#FED39A url(/enta/image/bg_content_navi_on.gif) repeat-x 0 0;
}
body#LifeStyle #ContentNavi li a:hover { /* LifeStyle Design */
	background:#DBE59E url(/life/image/bg_content_navi_on.gif) repeat-x 0 0;
}
body#LifeStyle #ContentNavi li a.on { /* LifeStyle Design */
	background:#DBE59E url(/life/image/bg_content_navi_on.gif) repeat-x 0 0;
}

/* HeaderSpecial
-------------------------------------------------------*/
#HeaderSpecial {
	padding:5px 15px 5px;
	border-bottom:1px solid #A3AABB;
	background:#F0F2F3;
	vertical-align: middle;
}
#HeaderSpecial #LogoS {
	float:left;
}
#HeaderSpecial p {
	text-align:right;
	font-size:80%;
	padding-right:5px;
	line-height: 200%;
}
.Special {
	margin-bottom:0px;
}