@charset "UTF-8";
/*
===== CONTENTS ===========================================

	1: selected (current) & path
	2: common parts
	3: parts
		3-0: mainBox

		3-1: NEWS FLASH
		3-2: Latest News
		3-3: NEWSLINE
		3-4: TV & Radio and Podcast
		3-5: Information

		3-6: NOW ON AIR
		3-7: Tsumani Bnr
		3-8: Apps
		3-9: Facebook
		3-10: Banners
		3-11: MARKETS
		3-12: WEATHER
		3-13: 17 other languages
		3-14: Mobile News Service
		3-15: Japanese Lessons
		3-16: Wallpaper

		3-17: small parts
		-----------------------------
		3-x: smartphone -old
		3-x: info		-old ?
		3-x: recent		-old ?
		3-x: about		-old ?
	4: SmartPhone

==========================================================
===== BREAK POINT ========================================

	smart	size: 600px
	iphone	size: 320px

==========================================================
*/
/* =========================================================
	1: selected (current) & path
========================================================= */
/* selected header */
#headBox #headNavUpper #toHome a {
	background-color: #666666;
	text-shadow: #444444 2px 2px 1px;
}

#headBox #headNavUpper #toHome a span.ds {
	filter: dropshadow(color=#555555, offx=1, offy=1, positive=true);
}

#headBox #headNavUpper #toNews a {
	background-color: transparent;
	text-shadow: none;
}

#headBox #headNavUpper #toNews a:hover,
#headBox #headNavUpper #toNews a:focus {
	background-color: #666666;
	text-shadow: #444444 2px 2px 1px;
}

/* =========================================================
	general classes
========================================================= */
/* clearfix */
#newsBox,
#newsBox ul,
#mainBox,
#mainBox #topicsNav #tab,
#mainBox #topicsBox *.top,
#mainBox #topicsBox *.sub,
#mainBox #video,
#mainBox #tv dl.hl,
#mainBox #rp dl.hl,
#mainBox #update,
#mainBox #recent ul.tab,
#mainBox #lang ul,
#mainBox #mobile,
#mainBox #apps,
#mainBox #facebook,
#mainBox #smartphone,
#mainBox #wp {
	zoom: 1;
}
#newsBox:before, #newsBox:after,
#newsBox ul:before,
#newsBox ul:after,
#mainBox:before,
#mainBox:after,
#mainBox #topicsNav #tab:before,
#mainBox #topicsNav #tab:after,
#mainBox #topicsBox *.top:before,
#mainBox #topicsBox *.top:after,
#mainBox #topicsBox *.sub:before,
#mainBox #topicsBox *.sub:after,
#mainBox #video:before,
#mainBox #video:after,
#mainBox #tv dl.hl:before,
#mainBox #tv dl.hl:after,
#mainBox #rp dl.hl:before,
#mainBox #rp dl.hl:after,
#mainBox #update:before,
#mainBox #update:after,
#mainBox #recent ul.tab:before,
#mainBox #recent ul.tab:after,
#mainBox #lang ul:before,
#mainBox #lang ul:after,
#mainBox #mobile:before,
#mainBox #mobile:after,
#mainBox #apps:before,
#mainBox #apps:after,
#mainBox #facebook:before,
#mainBox #facebook:after,
#mainBox #smartphone:before,
#mainBox #smartphone:after,
#mainBox #wp:before,
#mainBox #wp:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
#newsBox:after,
#newsBox ul:after,
#mainBox:after,
#mainBox #topicsNav #tab:after,
#mainBox #topicsBox *.top:after,
#mainBox #topicsBox *.sub:after,
#mainBox #video:after,
#mainBox #tv dl.hl:after,
#mainBox #rp dl.hl:after,
#mainBox #update:after,
#mainBox #recent ul.tab:after,
#mainBox #lang ul:after,
#mainBox #mobile:after,
#mainBox #apps:after,
#mainBox #facebook:after,
#mainBox #smartphone:after,
#mainBox #wp:after {
	clear: both;
}

#mainBox #topicsBox ul.sub,
#mainBox #lang ul {
  /* for IE6 */
	zoom: 100%;
}

/* headings
--------------------------------------------------------- */
h1 {
	width: 890px;
	margin: 0 auto;
	padding: 3px 0 10px;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	line-height: 1;
	color: #666;
}
@media only screen and (max-width: 600px) {
  h1 {
	display: none;
	width: auto;
	margin: 0 2%;
	font-size: 10px;
  }
}

#mainBox h2 {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 2px solid #000;
	color: #000;
}
@media only screen and (max-width: 600px) {
  #mainBox h2 {
	border-top: 4px solid #000;
  }
}

/* =========================================================
	3: parts
========================================================= */
/* mainBox */
#mainBox {
	background: url("/nhkworld/english/news/fixed/images/main_bg.png") 50% 0 repeat-y;
	width: 890px;
}
#mainBox #mainBoxL {
	float: left;
	width: 583px;
}
#mainBox #mainBoxR {
	float: right;
	width: 276px;
}
@media only screen and (max-width: 600px) {
  #mainBox {
	width: auto;
	margin: 0 2%;
	background: none;
  }
  #mainBox #mainBoxL,
  #mainBox #mainBoxR {
	float: none;
	width: auto;
  }
}

/* =========================================================
	3-1: NEWS FLASH
========================================================= */
#newsBox {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	background: url("/nhkworld/common/images/news_bg.gif") -7px 0 no-repeat;
}
@media only screen and (max-width: 600px) {
  #newsBox {
	display: none;
  }
}

#newsBox_inner {
	height: 17px;
	margin: 0 auto;
	padding: 4px 20px;
	line-height: 17px;
}
#newsBox_inner h2 {
	float: left;
	padding-right: 6px;
	margin-right: 6px;
	border-top: none;
	border-right: 1px solid #dedede;
	color: #666;
}

#tickerContainer {
	height: 17px;
	margin: 0;
	background: url("/nhkworld/common/images/ticker_lane_l.gif") left no-repeat;
	overflow: hidden;
}

#tickerLane {
	position: relative;
	height: 17px;
	background: url("/nhkworld/common/images/ticker_lane_r.gif") right no-repeat;
	line-height: 17px;
	overflow: hidden;
}

#ticker {
	display: inline;
	position: absolute;
	top: 0;
	left: 100%;
	white-space: nowrap;
}
#ticker li {
	display: inline;
	margin-right: 110px;
}

/* =========================================================
	3-2: Latest News
========================================================= */
#mainBox #latest h1 {
	width: auto;
	text-align: left;
	padding: 0;
	border: none;
}
#mainBox #latest h2 {
	padding: 2px 0 5px;
	border-color: #F00;
	font-size: 22px;
}
#mainBox #latest h2 span.update {
	font-size: 10px;
	color: #666;
	padding-left: 6px;
}
@media only screen and (max-width: 360px) {
    #mainBox #latest h2 span.update {
        font-size: 9px;
    }
}

#contentNews .sub-items .sub-1 {
	width: 31.5%;
	margin-right: 2.5%;
	min-height: 0;
	border: none;
}

#contentNews .sub-feat h2 {
	font-family: "Helvetica Neue", Helvetica, Roboto, "Droid Sans", Arial, Verdana, sans-serif;
	font-weight: bold;
}

div.carousel_fSab .movieArea p.prev {
	position: absolute;
	top: 12px;
}

div.carousel_fSab .movieArea p.next {
	position: absolute;
	top: 12px;
}

div.carousel_fSab {
	max-width: 583px;
	width: 583px;
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: none;
}

div.carousel_fSab .movieArea .movieWrap ul li p.title {
	font-size: 14px;
}

div.carousel_fSab .movieArea .movieWrap ul li p.date {
	display: none;
}

div.carousel_fSab ul.nav {
	top: -20px;
}

#movie-info h1#news-title {
	text-align: left;
	width: auto;
}

@media only screen and (max-width: 600px) {
	#mainBox {
		width: auto;
	}
	#mainBox #latest {
		display: block;
	}
	#mainBox #latest h1 {
		display: block;
		width: auto;
		text-align: left;
	}
	#contentNews {
		padding: 0;
	}
	#contentNews .sub-items .sub-1 {
		width: 48.75%;
		margin-right: 2.5%;
		padding-bottom: 10px;
		min-height: 0;
		border: none;
	}
	#contentNews .sub-items .sub-hide {
		margin-right: 0;
	}
	#contentNews .sub-items .last-mr0 {
		display: none;
	}
}

/* topicsNav
--------------------------------------------------------- */
#mainBox #topicsNav #tab {
	width: 538px;
	border-left: 1px solid #CCC;
}
#mainBox #topicsNav #tab li {
	float: left;
	height: 2.0em;
	line-height: 155%;
	overflow: hidden;
	background: #eae8e5 url("/nhkworld/english/news/fixed/images/tab_bg.gif") repeat-y;
	border-width: 1px;
	border-style: solid solid none none;
	border-color: #CCC;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
#mainBox #topicsNav #tab li.first {
	width: 98px;
	background-image: none;
}
#mainBox #topicsNav #tab li a {
	display: block;
	width: 78px;
	height: 100%;
	padding-top: 2px;
}
#mainBox #topicsNav #tab li.tabTop a {
	width: 98px;
}
#mainBox #topicsNav #tab li.tabAsia a {
	width: 66px;
}
#mainBox #topicsNav #tab li.tabNuclear a {
	width: 118px;
}
#mainBox #topicsNav #tab li.tabBT a {
	width: 93px;
}

/* topicsBox
--------------------------------------------------------- */
#mainBox #topicsBox {
	background: #EAE8E5;
	padding: 18px 14px 8px;
	border: 1px solid #CCC;
}
#mainBox #topicsBox p.more {
	margin-top: 10px;
	font-size: 116.75%;
	font-weight: bold;
	text-align: right;
}
#mainBox #topicsBox p.more a {
	padding-left: 9px;
	background: url("/nhkworld/english/news/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
}

/* top
--------------------------------------------------------- */
#mainBox #topicsBox *.top {
	width: 553px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #C6C5C3;
}
#mainBox #topicsBox *.top p.h {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
}
#mainBox #topicsBox *.top p.summary {
	margin-top: 6px;
	font-size: 11px;
	line-height: 1.4;
}
#mainBox #topicsBox *.top p.view {
	margin-top: 18px;
	line-height: 1.1;
}
#mainBox #topicsBox *.topL {
	float: left;
}
#mainBox #topicsBox *.topR {
	float: right;
	width: 236px;
}

/* sub
--------------------------------------------------------- */
#mainBox #topicsBox .sub {
	width: 570px;
	margin-left: -17px;
	overflow: hidden;
}
#mainBox #topicsBox .sub p.view {
	margin-top: 36px;
	font-size: 11px;
	line-height: 1.1;
}
#mainBox #topicsBox *.sub li {
	position: relative;
	float: left;
	width: 173px;
	padding: 10px 0 0 17px;
}
#mainBox #topicsBox *.sub a.panel {
	display: block;
	color: #FFF;
}
#mainBox #topicsBox *.sub a.panel:hover span.belt,
#mainBox #topicsBox *.sub a.panel:focus span.belt {
	text-decoration: underline;
	cursor: pointer;
}
#mainBox #topicsBox *.sub span.belt {
	position: absolute;
	top: 107px;
	left: 17px;
	width: 157px;
	height: 30px;
	padding: 5px 8px 0;
	background: #000;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2;
	color: #FFF;
	overflow: hidden;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
#mainBox #topicsBox *.sub span.belt a {
	color: #FFF;
	text-decoration: none;
}
#mainBox #topicsBox *.sub span.belt.ext {
	top: 77px;
	height: 45px;
}

/* top & sub
--------------------------------------------------------- */
#mainBox #topicsBox .top img.video-l,
#mainBox #topicsBox .top img.video-s,
#mainBox #topicsBox .sub img.video-l,
#mainBox #topicsBox .sub img.video-s {
	float: none;
}

#mainBox #topicsBox .top p.view,
#mainBox #topicsBox .sub p.view {
	font-weight: bold;
	color: #CCC;
}

#mainBox #topicsBox .top p.view a,
#mainBox #topicsBox .sub p.view a {
	white-space: nowrap;
}

/* =========================================================
	3-3: NEWSLINE
========================================================= */
#mainBox #newsline {
	width: 583px;
	margin: 14px 0 0;
}
#mainBox #newsline div.title {
	height: 39px;
	background: #204973;
	border-bottom: 3px solid #EE0A0A;
}
#mainBox #newsline div.title h2 {
	display: inline;
	float: left;
	padding: 0 0 0 10px;
	border: none;
	font-size: 183.5%;
	line-height: 39px;
	color: #FFF;
}
#mainBox #newsline div.title div.btnNewsline {
	float: right;
	margin: 5px 8px 0 0;
}
@media only screen and (max-width: 600px) {
  #mainBox #newsline {
	display: none;
  }
}

#mainBox #newsline div.title a:link {
	color: #FFF;
}

#mainBox #newsline div.title a:visited {
	color: #FFF;
}

#mainBox #newsline div.title a:hover {
	color: #FFF;
}

#mainBox #newsline div.title a:active {
	color: #FFF;
}

/* =========================================================
	3-4: TV & Radio and Podcast
========================================================= */
#mainBox #tv {
	float: left;
	padding-right: 16px;
	background: url("/nhkworld/english/news/common/images/main_cnt_bg.gif") repeat-y 100% 0%;
}
@media only screen and (max-width: 600px) {
  #mainBox #tv {
	float: none;
	padding: 15px 0 0;
	background: none;
  }
}

#mainBox #rp {
	float: right;
	margin-left: -1px;
	padding-left: 16px;
	background: url("/nhkworld/english/news/common/images/main_cnt_bg.gif") repeat-y;
}
@media only screen and (max-width: 600px) {
  #mainBox #rp {
	float: none;
	padding: 0 0 25px;
	background: none;
	border-bottom: 4px solid #b6afaa;
  }
}
#mainBox #tv,
#mainBox #rp {
	width: 276px;
	margin-bottom: 25px;
}
#mainBox #tv h2,
#mainBox #rp h2 {
	padding-top: 2px;
	font-size: 22px;
}
#mainBox #tv ul.menu li,
#mainBox #rp ul.menu li {
	width: 100%;
}
#mainBox #tv ul.menu li.btn,
#mainBox #rp ul.menu li.btn {
	display: block;
	font-size: 14px;
}
#mainBox #tv ul.menu li.btn span,
#mainBox #rp ul.menu li.btn span {
	display: block;
	padding: 12px 10% 12px 3%;
	text-shadow: #ddd 1px 1px 1px;
	cursor: pointer;
}
#mainBox #tv ul.menu li.btn a,
#mainBox #rp ul.menu li.btn a {
	display: block !important;
	width: auto;
	margin: 6px 0;
	background: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c5c5c5;
	font-weight: bold;
}
#mainBox #tv ul.menu li.btn a:hover,
#mainBox #rp ul.menu li.btn a:hover {
	text-decoration: none;
	background: #fbfbfb;
	border-width: 1px;
	border-color: #141365;
}
#mainBox #tv ul.menu li.subttl span,
#mainBox #rp ul.menu li.subttl span {
	padding: 5px 10% 5px 3%;
}
#mainBox #tv ul.menu li.subttl span em,
#mainBox #rp ul.menu li.subttl span em {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	white-space: nowrap;
}
#mainBox #tv h3,
#mainBox #rp h3 {
	margin-top: 15px;
	font-size: 15px;
	color: #000;
}
#mainBox #tv dl.hl,
#mainBox #rp dl.hl {
	width: 100%;
	margin-top: 4px;
}
#mainBox #tv dl.hl dt,
#mainBox #rp dl.hl dt {
	float: left;
	width: 130px;
	margin-bottom: 15px;
}
#mainBox #tv dl.hl dd,
#mainBox #rp dl.hl dd {
	float: right;
	width: 136px;
	margin-bottom: 15px;
}
#mainBox #tv dl.hl dd p,
#mainBox #rp dl.hl dd p {
	margin-top: 1px;
	font-size: 11px;
	line-height: 1.4;
}
#mainBox #tv dl.hl dd p.title,
#mainBox #rp dl.hl dd p.title {
	margin: 0;
	font-size: 14px;
	line-height: 1.2;
}
#mainBox #tv p.banner,
#mainBox #rp p.banner {
  /* for DW */
	clear: both;
}
@media only screen and (max-width: 600px) {
  #mainBox #tv,
  #mainBox #rp {
	width: auto;
  }
  #mainBox #tv h3,
  #mainBox #rp h3 {
	margin: 20px auto 0;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ccc;
	font-size: 18px;
  }
  #mainBox #tv dl.hl,
  #mainBox #rp dl.hl {
	position: relative;
	min-height: 78px;
	margin: 0 auto -1px;
	border-bottom: 1px dotted #ccc;
  }
  #mainBox #tv dl.hl dt,
  #mainBox #rp dl.hl dt {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
  }
  #mainBox #tv dl.hl dd,
  #mainBox #rp dl.hl dd {
	float: none;
	width: auto;
	margin: 5px 0 5px 140px;
  }
  #mainBox #tv dl.hl dd p,
  #mainBox #rp dl.hl dd p {
	font-size: 13px;
	line-height: 1.2;
  }
  #mainBox #tv dl.hl dd p.title,
  #mainBox #rp dl.hl dd p.title {
	font-size: 16px;
  }
}

#mainBox #tv h2 {
	border-color: #D67842;
}

#mainBox #rp h2 {
	border-color: #8D8CC9;
}

#mainBox #rp h2 span.podcast {
	font-size: 18px;
}

/* =========================================================
	3-5: Information
========================================================= */
#mainBox #update,
#mainBox #spUpdate {
	clear: both;
	width: 565px;
	padding: 9px;
	background: #F3F3F3;
	border: 1px solid #999;
}
#mainBox #update h4,
#mainBox #spUpdate h4 {
	margin: 0;
	color: #F00;
}
#mainBox #update ul.serviceUpdate li,
#mainBox #spUpdate ul.serviceUpdate li {
	margin-top: 6px;
	padding-left: 7px;
	background: url("/nhkworld/common/images/li_square_s.gif") no-repeat 0% 0.5em;
	font-size: 11px;
	line-height: 1.2;
}
#mainBox #update p.more,
#mainBox #spUpdate p.more {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
#mainBox #update p.more a,
#mainBox #spUpdate p.more a {
	padding-left: 9px;
	background: url("/nhkworld/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
}

@media only screen and (max-width: 600px) {
  #mainBox #spUpdate {
	width: auto;
	margin-top: 30px;
	padding: 2%;
  }
  #mainBox #spUpdate h4 {
	width: auto;
	padding: 0 0 10px;
	background: url("/nhkworld/english/common/images/icon_plus-minus_hr.png") 100% 0 no-repeat;
	background-size: 30px auto;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
  }
  #mainBox #spUpdate h4.active {
	background-position: 100% 100%;
  }
  #mainBox #spUpdate ul.serviceUpdate {
	margin-top: 15px;
  }
  #mainBox #spUpdate ul.serviceUpdate li {
	padding-bottom: 15px;
	background: url("/nhkworld/common/images/li_square_l.gif") 0 0.4em no-repeat;
	font-size: 14px;
  }
  #mainBox #spUpdate ul.serviceUpdate p.more {
	font-size: 14px;
  }
}

/* =========================================================
	3-6: NOW ON AIR
========================================================= */
#mainBox #nowOnAir {
	display: block;
	width: 276px;
}

#mainBox #nowOnAir h2 {
	padding: 3px 0 4px 0;
	font-size: 150%;
	color: #E10000;
	border-top: 2px solid #E10000;
	text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
	#mainBox #nowOnAir {
		display: none;
	}

	#mainBox #nowOnAir h2 {
		display: none;
	}
}

#mainBox #OnAirTV #noa_pict {
	position: relative;
	width: 276px;
	background: #444444;
}

#mainBox #OnAirTV #noa_pict img {
	width: 276px;
	height: 155px;
}

#mainBox #OnAirTV #noa_play {
	position: absolute;
	top: 45px;
	left: 106px;
}

#mainBox #OnAirTV #noa_play img {
	width: 64px;
	height: 64px;
}

/* OnAir List */
#mainBox #OnAirTV #noa_now_list {
	background-color: #444;
	color: #FFF;
	border-bottom: 3px solid #e10000;
	padding: 7px 10px;
}

#mainBox #OnAirTV #noa_now_list h3 {
	margin: 0;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 100%;
}

#mainBox #OnAirTV #noa_now_list h3 span {
	display: block;
	width: 3.8em;
	float: left;
	color: #FFF;
}

#mainBox #OnAirTV #noa_now_list h3 span.spDisplay {
	display: none;
}

#mainBox #OnAirTV #noa_now_list h3 a {
	display: block;
	color: #FFF;
	margin-left: 3.8em;
}

#mainBox #OnAirTV #noa_next_list {
	width: 274px;
	padding: 0 0 0 0;
	border: 1px solid #444;
	border-top: none;
	background-color: #fff;
	margin-left: 0px;
}

#mainBox #OnAirTV #noa_next_list h4 {
	width: 254px;
	margin: 0 auto;
	padding: 4px 0 1px 0;
	border-bottom: 1px solid #555;
	font-weight: bold;
	font-size: 100%;
}

#mainBox #OnAirTV #noa_next_list dl {
	width: 254px;
	min-height: 38px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	line-height: 1.1em;
}

#mainBox #OnAirTV #noa_next_list dl dt {
	width: 3.8em;
	float: left;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 100%;
}

#mainBox #OnAirTV #noa_next_list dl dd {
	padding-left: 3.8em;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 100%;
}

#mainBox #OnAirTV #noa_next_list dl dd a {
	display: block;
}

#mainBox #OnAirTV #noa_next_list p {
	text-align: right;
	padding: 0 10px 0 0;
	font-size: 120%;
	font-weight: bold;
}

#mainBox #OnAirTV #noa_next_list p a {
	background: url("/nhkworld/english/common/images/li_arrow_next.gif") no-repeat scroll 0 0.4em transparent;
	padding: 0 0 0 6px;
}

/* Smart Phone */
#mainBox #OnAirTV_sp {
	overflow: hidden;
	background-color: #444;
}

/* OnAir Picture */
#mainBox #OnAirTV_sp #noa_pict {
	width: 160px;
	position: relative;
	background: #444444;
	border-right: 3px solid #e10000;
	float: left;
}

#mainBox #OnAirTV_sp #noa_pict img {
	width: 160px;
	height: 90px;
}

#mainBox #OnAirTV_sp #noa_play {
	position: absolute;
	top: 30%;
	left: 40%;
}

#mainBox #OnAirTV_sp #noa_play img {
	width: 32px;
	height: 32px;
	border-right: none;
}

/* OnAir List */
#mainBox #OnAirTV_sp #noa_now {
	overflow: hidden;
}

#mainBox #OnAirTV_sp #noa_now_list {
	background-color: #444;
	color: #FFF;
	padding: 5px 5px 5px 8px;
	height: 80px;
	margin-left: 160px;
}

#mainBox #OnAirTV_sp #noa_now_list:before {
	display: block;
	width: 100%;
	background-color: #FFF;
	color: #E10000;
	text-align: center;
	font-weight: bold;
	content: 'NOW ON AIR';
}

#mainBox #OnAirTV_sp #noa_now_list h3 {
	margin: 3px 0 0 0;
	padding: 0;
	border: none;
	display: block;
	font-weight: bold;
	font-size: 100%;
}

#mainBox #OnAirTV_sp #noa_now_list h3 span {
	display: inline;
	color: #FFF;
}

#mainBox #OnAirTV_sp #noa_now_list h3 span.spDisplay {
	display: inline;
}

#mainBox #OnAirTV_sp #noa_now_list h3 a {
	display: block;
	color: #FFF;
}

#mainBox #OnAirTV_sp #noa_next_list {
	display: none;
}

/* =========================================================
	3-7: Tsumani Bnr
========================================================= */
#mainBox #tsunami {
	margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  #mainBox #tsunami {
	display: none !important;
	margin: 10px auto;
	text-align: center;
  }
}

@media only screen and (max-width: 600px) {
  #tsunami_sp {
	margin: 10px auto;
	text-align: center;
  }
}

/* =========================================================
	3-8: Apps
========================================================= */
#mainBox #apps {
	width: 276px;
	margin-top: 2px;
	padding-top: 5px;
}
#mainBox #apps img {
	float: left;
	margin-right: 8px;
}
#mainBox #apps h2 {
	float: right;
	width: 156px;
	margin-top: 8px;
	border: none;
	font-size: 17px;
	line-height: 1;
}
#mainBox #apps h3 {
	float: right;
	width: 156px;
	margin-top: 3px;
	font-size: 12px;
}
@media only screen and (max-width: 600px) {
  #mainBox #apps {
	position: relative;
	width: auto;
	min-height: 52px;
	padding: 6px;
	border: 1px solid #ccc;
  }
  #mainBox #apps img {
	float: none;
  }
  #mainBox #apps a img {
	position: absolute;
	top: 6px;
	left: 6px;
  }
  #mainBox #apps a:nth-child(2n) img {
	left: 66px;
  }
  #mainBox #apps h2 {
	float: none;
	width: auto;
	margin-left: 120px;
	font-size: 18px;
	text-align: right;
  }
  #mainBox #apps h3 {
	float: none;
	width: auto;
	margin-left: 120px;
	font-size: 14px;
	text-align: right;
  }
}

/* =========================================================
	3-9: Facebook
========================================================= */
#mainBox #facebook {
	width: 276px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
#mainBox #facebook img {
	float: left;
	margin-right: 8px;
}
#mainBox #facebook h2 {
	float: right;
	width: 216px;
	border: none;
	font-size: 17px;
	line-height: 1;
}
#mainBox #facebook p.howto {
	float: right;
	width: 216px;
	margin-top: 1px;
	font-weight: bold;
}
#mainBox #facebook p.howto a {
	padding-left: 9px;
	background: url("/nhkworld/english/news/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
}
@media only screen and (max-width: 600px) {
  #mainBox #facebook {
	position: relative;
	width: auto;
	min-height: 52px;
	padding: 6px;
	border: 1px solid #ccc;
  }
  #mainBox #facebook img {
	float: none;
	position: absolute;
	top: 6px;
	left: 6px;
  }
  #mainBox #facebook h2 {
	float: none;
	width: auto;
	margin-left: 66px;
	font-size: 18px;
	text-align: right;
  }
  #mainBox #facebook p.howto {
	float: none;
	width: auto;
	margin-left: 66px;
	text-align: right;
  }
  #mainBox #facebook p.howto a {
	background: url("/nhkworld/common/images/sp_arrow.png") 0 0.16em no-repeat;
  }
}

/* =========================================================
	3-10: Banners
========================================================= */
/* bannerArea */
@media only screen and (max-width: 600px) {
  #mainBox #bannerArea {
	zoom: 1;
  }
  #mainBox #bannerArea:before, #mainBox #bannerArea:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
  }
  #mainBox #bannerArea:after {
	clear: both;
  }
}
@media only screen and (max-width: 600px) {
  #mainBox #bannerArea {
	padding-top: 5px;
  }
  #mainBox #bannerArea div {
	float: left;
  }
  #mainBox #bannerArea div:nth-child(2n) {
	float: right;
  }
}
@media only screen and (max-width: 580px) {
  #mainBox #bannerArea div {
	float: none;
  }
  #mainBox #bannerArea div:nth-child(2n) {
	float: none;
  }
  #mainBox #bannerArea div img {
	display: block;
	margin: 0 auto;
  }
}

/* flashBnr -OLD? */
#mainBox #flashBnr {
  /*margin-top: 20px;*/
}

/* =========================================================
	3-11: MARKETS
========================================================= */
#mainBox #market {
	display: none;
	position: relative;
	width: 276px;
	margin: 10px 0 0;
	padding: 0;
	background: #FFF;
	border-Top: 2px solid #3691B5;
	font-size: 12px;
	color: #000;
}
#mainBox #market h2 {
	padding: 3px 0 4px 0;
	border: none;
	font-size: 17px;
}
#mainBox #market ul {
	margin-top: 0;
}
#mainBox #market ul li {
	float: left;
	width: 95px;
	margin-right: 5px;
	padding: 5px;
	background: #EDEDED;
	border-top: 2px solid #FFAE00;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
#mainBox #market a.bizLink {
	background: none repeat scroll 0 0 #fff;
	border: solid 1px #f00;
	border-radius: 2px;
	color: #333;
	display: block !important;
	font-size: 12px;
	padding: 1px 5px;
	text-align: center;
	white-space: nowrap;
	width: 70px;
	position: absolute;
	top: 4px;
	right: 0;
	font-weight: bold;
}
#mainBox #market a.bizLink:hover {
	background-color: #aaaaaa;
	color: #ffffff;
	text-decoration: none;
}
#mainBox #market .glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}
#mainBox #market .glyphicon-arrow-right:before {
	content: "\e092";
}

#mainBox #market div {
	clear: both;
	padding: 10px 10px 5px 10px;
	background: #ededed;
}
#mainBox #market table {
	width: 100%;
	margin: 0;
	background: none;
	border-collapse: collapse;
}
#mainBox #market table tr.label {
	background: #82898F;
	font-weight: bold;
	color: #FFF;
}
#mainBox #market table tr.value {
	font-size: 15px;
	font-weight: bold;
}
#mainBox #market table tr td {
	padding: 3px 5px;
	font-size: inherit;
	line-height: inherit;
}
#mainBox #market table tr td.time {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}
#mainBox #market table tr td.netchange {
	font-size: 13px;
	text-align: right;
}
#mainBox #market p {
	font-size: 11px;
	text-align: right;
}

/* =========================================================
	3-12: WEATHER
========================================================= */
#mainBox #weather {
	float: right;
	width: 125px;
	margin-top: 10px;
	margin-left: 15px;
	padding: 12px 11px;
	background: #EAF7F7;
}
#mainBox #weather h3 {
	margin-bottom: 10px;
}
#mainBox #weather p.update {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	color: #666;
}
#mainBox #weather p.summary {
	padding-top: 5px;
	text-align: right;
}
#mainBox #weather a {
	font-weight: bold;
}

/* =========================================================
	3-13: 17 other languages
========================================================= */
#mainBox #lang h2 {
	margin-top: 20px;
	padding: 4px 0;
	border-width: 2px 0 1px;
	border-style: solid none;
	border-color: #B6AFAA #FFF #CCC;
	font-size: 17px;
}
#mainBox #lang ul {
	width: 292px;
	margin: 0 0 -1px -16px;
	overflow: hidden;
}
#mainBox #lang ul li {
	float: left;
	padding-left: 16px;
}
#mainBox #lang ul li img {
	border-bottom: 1px dotted #CCC;
}
#mainBox #lang p.more {
	margin: 0;
	padding-top: 4px;
	border-top: 1px solid #CCC;
	font-weight: bold;
	font-size: 116.75%;
	text-align: right;
}
#mainBox #lang p.more a {
	padding-left: 9px;
	background: url("/nhkworld/english/news/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
}
@media only screen and (max-width: 600px) {
  #mainBox #lang {
	display: none;
  }
}

/* =========================================================
	3-14: Mobile News Service
========================================================= */
#mainBox #mobile {
	width: 246px;
	margin-top: 20px;
	padding-right: 30px;
	background: url("/nhkworld/english/news/fixed/images/mobile_bg.gif") no-repeat 100% 0%;
}
#mainBox #mobile img.code {
	float: left;
}
#mainBox #mobile h2 {
	float: right;
	width: 192px;
	border: none;
	font-size: 141.75%;
	line-height: 100%;
}
#mainBox #mobile p.howto {
	float: right;
	width: 192px;
	margin-top: 1px;
	font-weight: bold;
}
#mainBox #mobile p.howto a {
	padding-left: 9px;
	background: url("/nhkworld/english/news/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
}
@media only screen and (max-width: 600px) {
  #mainBox #mobile {
	display: none;
  }
}

/* =========================================================
	3-15: Japanese Lessons
========================================================= */
#mainBox #lesson {
  /*border-bottom: 1px solid #CCC;*/
}
#mainBox #lesson h2 {
	margin-top: 10px;
	padding: 2px 0 5px;
	border-color: #8C8C2C;
	font-size: 22px;
}
#mainBox #lesson h2 span.free {
	font-size: 14px;
	color: #F00;
}

#mainBox #lesson h2 span.new {
	background-color:red;
	color:white;
	font-weight:bold;
	font-size:14px;
	padding:2px 6px 2px 6px;
	vertical-align:3px;
}

#mainBox #lesson ul.menu li {
	width: 100%;
	font-size: 16px;
}
#mainBox #lesson ul.menu li span {
	display: block;
	padding: 10px 0 10px 0px;
	text-shadow: #ddd 1px 1px 1px;
	cursor: pointer;
	line-height: 20px;
	color: #27b53a;

}
#mainBox #lesson ul.menu li span img {
	display: inline-block;
	margin-right: 14px;
	border-right: 2px solid #a1e0a9;
	
 }
#mainBox #lesson ul.menu li a {
	display: block !important;
	width: auto;
	background: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c5c5c5;
	font-weight: bold;
}
#mainBox #lesson ul.menu li a:hover {
	text-decoration: none;
	background: #fbfbfb;
	border-width: 1px;
	border-color: #141365;
}
@media only screen and (max-width: 600px) {
  #mainBox #lesson {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
  }
  #mainBox #lesson h2 {
	display: none;
  }
  #mainBox #lesson ul.menu li span {
	font-size: 16px;
	color: #27b53a;
 }
}

/* =========================================================
	3-16: Wallpaper
========================================================= */
#mainBox #wp {
	width: 276px;
	margin-top: 10px;
	padding-top: 10px;
	border:none;
}
#mainBox #wp img {
	float: left;
	position:relative; 
	width:238px; 
	top:0px; 
	left:0px;
}
#mainBox #wp h2 {
	border: none;
	line-height: 1;

	float:none; 
	text-align:left; 
	margin:0px; 
	padding-bottom:6px; 
	width:auto; 
	font-size:22px;


}
#mainBox #wp p.howto {
	float: right;
	width: 222px;
	margin-top: 1px;
	font-weight: bold;
}
#mainBox #wp p.howto a {
	padding-left: 9px;
	background: url("/nhkworld/english/news/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
}
@media only screen and (max-width: 600px) {
  #mainBox #wp {
	position: relative;
	width: auto;
	min-height: 36px;
	padding: 6px;
	border:none;
  }
  #mainBox #wp img {
	float: none;
	position:relative; 
	width:238px; 
	top:0px; 
	left:0px;
  }
  #mainBox #wp h2 {
	float:none; 
	text-align:left; 
	margin:0px; 
	padding-bottom:6px; 
	width:auto; 
	font-size:22px;
  }
  #mainBox #wp h2 br {
	display: none;
  }
  #mainBox #wp p.howto {
	float: none;
	width: auto;
	margin-top: 2px;
	margin-left: 60px;
	font-size: 12px;
	text-align: right;
  }
  #mainBox #wp p.howto a {
	background: url("/nhkworld/common/images/sp_arrow.png") 0 0.16em no-repeat;
  }
}

/* =========================================================
	3-17: small parts
========================================================= */
/* media */
#mainBox #media {
	margin-top: 20px;
	border-top: 1px dotted #CCC;
}

/* note */
#mainBox #note {
	margin-top: 20px;
	border-top: 1px dotted #CCC;
}
#mainBox #note p {
	padding-top: 10px;
}

/* iframe-movie */
#iframe-movie {
	background: #444444;
}

/* =========================================================
	3-x: smartphone -old
========================================================= */
#mainBox #smartphone {
	width: 276px;
	margin-top: 10px;
	padding-top: 13px;
	background: url("/nhkworld/english/top/fixed/images/smartphone_bg.jpg") no-repeat 62px 6px;
	border-top: 1px dotted #CCC;
}
#mainBox #smartphone img {
	float: left;
	margin-right: 5px;
}
#mainBox #smartphone h2 {
	float: right;
	width: 216px;
	border: none;
	font-size: 141.75%;
	line-height: 100%;
}
#mainBox #smartphone p.howto {
	float: right;
	width: 216px;
	margin-top: 1px;
	font-weight: bold;
}
#mainBox #smartphone p.howto a {
	padding-left: 9px;
	background: url("/nhkworld/english/news/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
}

/* =========================================================
	3-x: info		-old ?
========================================================= */
#mainBox #info {
	margin: 25px 0 10px;
	padding: 3px 15px;
	background: #F5F3F0;
	border: 2px solid #CCC;
}
#mainBox #info p {
	margin: 8px 0;
	line-height: 140%;
}
#mainBox #info p.h {
	font-size: 116.75%;
	font-weight: bold;
	color: #FF0000;
}

/* =========================================================
	3-x: recent		-old ?
========================================================= */
#mainBox #recent ul.tab {
	width: 279px;
	margin: 0 0 6px -3px;
	overflow: hidden;
}
#mainBox #recent ul.tab li {
	float: left;
	padding-left: 3px;
}
#mainBox #recent iframe {
	display: block;
}
#mainBox #recent p.summary {
	margin-top: 5px;
	font-size: 91.75%;
	line-height: 120%;
}

/* =========================================================
	3-x: about		-old ?
========================================================= */
#mainBox #about {
	margin-top: 20px;
	padding: 7px 9px 9px;
	background: #F3F3F3;
	border: 1px solid #999;
}
#mainBox #about h2 {
	padding-bottom: 4px;
	border-width: 1px;
	border-style: none none dotted;
	border-color: #CCC;
	font-size: 141.75%;
}
#mainBox #about ul.menu li {
	margin-top: 5px;
	padding-left: 18px;
	background: url("/nhkworld/english/news/common/images/li_arrow_next.gif") no-repeat 10px 0.5em;
	font-size: 116.75%;
	font-weight: bold;
	line-height: 120%;
}
#mainBox #about ul.menu li.about {
	margin: 0;
	background-position: 10px 18px;
}
#mainBox #about ul.menu li.about img.logo {
	position: relative;
	top: 7px;
	vertical-align: baseline;
}
#mainBox #about div.update {
	width: 236px;
	margin-top: 9px;
	padding: 7px 10px 9px;
	background: #FFF;
}
#mainBox #about div.update h3 {
	color: #F00;
}
#mainBox #about div.update ul li {
	margin-top: 3px;
	padding-left: 7px;
	background: url("/nhkworld/english/news/common/images/li_square_s.gif") no-repeat 0% 0.5em;
	font-size: 91.75%;
	line-height: 120%;
}

/* =========================================================
	4: SmartPhone
========================================================= */
@media only screen and (max-width: 600px) {
  .dummy {
	width: 100%;
	margin: 0 0 20px;
	padding: 100px 0;
	background: #eee;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
  }
}