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

	1: selected (current) & path
	2: common parts
	3: page parts
		3-1: /genre/index.html
		3-2: /schedule/index.html
		3-3: /howto/index.html & reception.html
		3-4: /anchors/index.html
		3-5: /anchors/NAME.html
		3-6: /english/info/tvchannel.html
	4: nw_sp_sidenav_addinfo

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

	smart	size: 600px
	iphone	size: 320px

==========================================================
*/
/* =========================================================
	1: selected (current) & path
========================================================= */
/* selected header */
#headNavUpper #toTV a {
	background-color: #666;
	text-shadow: #444 2px 2px 1px;
}

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

/* topic path */
#topicPath {
	border-color: #D67842;
}

/* selected mainNav */
#nhkworld-english-schedule-index #mainNav #tabSTVS,
#nhkworld-english-genre-index #mainNav #tabSTVP,
#nhkworld-english-genre-programlist #mainNav #tabSTVP,
#nhkworld-english-program_a-z-index #mainNav #tabSTVP,
#nhkworld-english-archive-index #mainNav #tabSTVP,
#nhkworld-english-archive-genre #mainNav #tabSTVP,
#nhkworld-english-tvprogram1-index #mainNav #tabSTVP,
#nhkworld-english-tvprogram1-archives #mainNav #tabSTVP,
#nhkworld-english-tvprogram1-YYMMDD #mainNav #tabSTVP,
#nhkworld-english-tvprogram2-index #mainNav #tabSTVP,
#nhkworld-english-tvprogram2-archives #mainNav #tabSTVP,
#nhkworld-english-tvprogram2-YYMMDD #mainNav #tabSTVP,
#nhkworld-english-tvprogram2-index #mainNav.specialArchives #tabSpecial,
#nhkworld-english-howto-index #mainNav #tabHtoW,
#nhkworld-english-howto-setup #mainNav #tabHtoW,
#nhkworld-english-howto-hotel #mainNav #tabHtoW,
#nhkworld-english-anchors-index #mainNav #tabCast {
	background-image: url("/nhkworld/english/common/images/main_nav_bg_lower_on.gif");
}

#nhkworld-english-schedule-index #mainNav #tabSTVS a,
#nhkworld-english-genre-index #mainNav #tabSTVP a,
#nhkworld-english-genre-programlist #mainNav #tabSTVP a,
#nhkworld-english-program_a-z-index #mainNav #tabSTVP a,
#nhkworld-english-archive-index #mainNav #tabSTVP a,
#nhkworld-english-archive-genre #mainNav #tabSTVP a,
#nhkworld-english-tvprogram1-index #mainNav #tabSTVP a,
#nhkworld-english-tvprogram1-archives #mainNav #tabSTVP a,
#nhkworld-english-tvprogram1-YYMMDD #mainNav #tabSTVP a,
#nhkworld-english-tvprogram2-index #mainNav #tabSTVP a,
#nhkworld-english-tvprogram2-archives #mainNav #tabSTVP a,
#nhkworld-english-tvprogram2-YYMMDD #mainNav #tabSTVP a,
#nhkworld-english-tvprogram2-index #mainNav.specialArchives #tabSpecial a,
#nhkworld-english-howto-index #mainNav #tabHtoW a,
#nhkworld-english-howto-setup #mainNav #tabHtoW a,
#nhkworld-english-howto-hotel #mainNav #tabHtoW a,
#nhkworld-english-anchors-index #mainNav #tabCast a {
	color: #333;
	background-image: url("/nhkworld/english/common/images/main_nav_bg_upper_on.gif");
	text-decoration: none;
}

/* Special Programs Archives (/nhkworld/english/tv/special/archives.html) */
#nhkworld-english-tvprogram2-index #mainNav.specialArchives ul.tab #tabSTVP {
	background: url("/nhkworld/english/common/images/main_nav_bg_lower.gif") 0 100% no-repeat;
}
#nhkworld-english-tvprogram2-index #mainNav.specialArchives ul.tab #tabSTVP a {
	background: url("/nhkworld/english/common/images/main_nav_bg_upper.gif") 0 0 no-repeat;
}
#nhkworld-english-tvprogram2-index #mainNav.specialArchives ul.tab #tabSTVP a:hover,
#nhkworld-english-tvprogram2-index #mainNav.specialArchives ul.tab #tabSTVP a:focus {
	color: #141365;
	text-decoration: underline;
}
#nhkworld-english-tvprogram2-index #mainNav.specialArchives ul.tab #tabSTVP a:visited {
	color: #49006c;
}

/* SMART PHONE TITLE */
@media only screen and (max-width: 600px) {
  /* contentHead [RADIO] */
  #contentHead {
	border-color: #d67842;
  }
  #contentHead h1 {
	color: #d67842;
  }
  #contentHead a.nw_sp_sidenav_o_trigger {
	background-position: 0 -70px;
  }
}
/* =========================================================
	2: common parts
========================================================= */
/* clearfix */
ul.prgList li.item,
ul.ancList,
ul.ancList li.item,
ul.ijList li.item,
li.arcGenre,
dl.prgList,
ul.arcPrg,
ul.items {
	zoom: 1;
}
ul.prgList li.item:before, ul.prgList li.item:after,
ul.ancList:before,
ul.ancList:after,
ul.ancList li.item:before,
ul.ancList li.item:after,
ul.ijList li.item:before,
ul.ijList li.item:after,
li.arcGenre:before,
li.arcGenre:after,
dl.prgList:before,
dl.prgList:after,
ul.arcPrg:before,
ul.arcPrg:after,
ul.items:before,
ul.items:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
ul.prgList li.item:after,
ul.ancList:after,
ul.ancList li.item:after,
ul.ijList li.item:after,
li.arcGenre:after,
dl.prgList:after,
ul.arcPrg:after,
ul.items:after {
	clear: both;
}

/* headings
--------------------------------------------------------- */
#mainBox h1 span.archives {
	font-size: 16px;
	font-weight: normal;
}
#mainBox h1 span.new img {
	vertical-align: middle;
}

#mainBox h3 {
	clear: both;
}
#mainBox h3.setup, #mainBox h3.network {
	margin: 15px 0 5px;
}

/* text
--------------------------------------------------------- */
p.prev {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

*.next {
	padding-right: 9px;
	background: url("/nhkworld/english/common/images/li_arrow_next.gif") no-repeat 100% 0.4em;
}

p.next {
	float: right;
	margin-top: 7px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}

p.pastProgram {
	margin-top: 4px;
}

/* #mainNav
--------------------------------------------------------- */
/* =========================================================
	3: page parts
========================================================= */
/* no vertical rule
--------------------------------------------------------- */
#nhkworld-english-archive-index div.article,
#nhkworld-english-archive-index div.related,
#nhkworld-english-archive-genre div.article,
#nhkworld-english-archive-genre div.related {
	background: none;
}

/* tabCnt
--------------------------------------------------------- */
#nhkworld-english-genre-index ul.tabCnt li,
#nhkworld-english-genre-programlist ul.tabCnt li,
#nhkworld-english-program_a-z-index ul.tabCnt li,
#nhkworld-english-archive-index ul.tabCnt li,
#nhkworld-english-archive-genre ul.tabCnt li {
	width: 195px;
}

/* creative */
*.creative {
	margin-bottom: 15px;
}

/* prgImage */
div.prgImage {
	float: left;
	width: 240px;
	margin: 8px 15px 0px 0px;
}

/* >Encore broadcast< */
div.prgMovie {
	float: left;
	width: 384px;
	margin: 18px 0 10px;
}

/* prgSummary */
div.prgSummary {
	float: right;
	width: 248px;
	margin-top: 8px;
}

/* prgSummary */
div.prgSummary #bannerArea {
	width: 248px;
	margin-top: 15px;
	text-align: right;
}

/* prglogo */
div.prglogo {
	text-align: right;
}

/* bannerBox */
div.bannerBox {
	margin-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}
div.bannerBox a {
	outline: none;
}

/* prghour */
p.prghour {
	font-weight: bold;
}

/* onairInfo */
#mainCnt div.onairInfo {
	margin-top: 20px;
	padding: 10px;
	background: #fff2f2;
}
#mainCnt div.onairInfo ul.basic-l {
	margin-bottom: 0;
}

/* section
--------------------------------------------------------- */
div.section.prgAbout,
div.section.prgSched,
div.section.prgArchs,
div.section.prgLatest {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

div.section.prgSched.rear,
div.section.prgArchs.rear {
	border-bottom: none;
}

/* prgAbout */
div.prgAbout {
	color: #1c1c1c;
}
div.prgAbout span.h {
	font-size: 12px;
}
div.prgAbout div.col-l {
	float: left;
	width: 320px;
	margin: 0 15px 5px 0;
}

* html div.prgAbout div.col-l {
  /* for IE6 */
	margin-top: 9px;
}

/* prgArchs */
div.prgArchs p.h {
	margin-top: 1px;
}
div.prgArchs img.cut-l,
div.prgArchs img.cut-r {
	margin-top: 10px;
}
div.prgArchs ol.basic.col-r {
	width: 273px;
}

/* Archives */
div.section.upperResults {
	padding-bottom: 20px;
}

div.section.lowerResults {
	padding-top: 20px;
}

p.pgResults {
	text-align: right;
}

div.section ul.pgSelect {
	width: 504px;
	text-align: center;
}
div.section ul.pgSelect li {
	display: inline;
	line-height: 100%;
}
div.section ul.pgSelect li em {
	display: inline-block;
	padding: 3px;
	background: #EAE8E5;
	border: 1px solid #ccc;
}
div.section ul.pgSelect li a {
	display: inline-block;
	padding: 3px;
	border: 1px solid #ccc;
}
div.section ul.pgSelect li a.prev {
	display: inline-block;
	background: url("/nhkworld/common/images/li_arrow_prev.gif") no-repeat 0% 50%;
	padding: 3px 5px 3px 9px;
	border: none;
	font-weight: bold;
}
div.section ul.pgSelect li a.next {
	display: inline-block;
	background: url("/nhkworld/common/images/li_arrow_next.gif") no-repeat 100% 50%;
	padding: 3px 9px 3px 5px;
	border: none;
	font-weight: bold;
}

/* Genre
--------------------------------------------------------- */
div.genreHeading_l {
	float: left;
	width: 206px;
	padding: 0px 10px 20px 0px;
}

div.genreHeading_c {
	float: left;
	width: 206px;
	padding: 0px 10px 20px 0px;
}

div.genreHeading_r {
	float: left;
	width: 222px;
	padding: 0px 10px 20px 0px;
}

.genreHeading_l ul,
.genreHeading_c ul,
.genreHeading_r ul {
	position: relative;
	top: -7px;
	padding: 0 0 0 10px;
}

/* Genre Color */
.news_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #e10000;
	border-bottom: 1px solid #e10000;
}

.affairs_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #a87bc2;
	border-bottom: 1px solid #a87bc2;
}

.business_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #7082c4;
	border-bottom: 1px solid #7082c4;
}

.documentary_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #a79572;
	border-bottom: 1px solid #a79572;
}

.culture_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #5b96d3;
	border-bottom: 1px solid #5b96d3;
}

.nature_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #559a5d;
	border-bottom: 1px solid #559a5d;
}

.art_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #a6bf32;
	border-bottom: 1px solid #a6bf32;
}

.travel_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #83bcc8;
	border-bottom: 1px solid #83bcc8;
}

.lifestyle_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #f3af1d;
	border-bottom: 1px solid #f3af1d;
}

.beyond_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #C00000;
	border-bottom: 1px solid #C00000;
}

.featured_color {
	padding: 0 0 0 5px;
	border-left: 7px solid #333333;
	border-bottom: 1px solid #333333;
	font-size: 10px;
}

div.genreArt,
div.genreCooking,
div.genreFashion,
div.genreJapaneseCulture,
div.genreNews,
div.genreScience,
div.genreSubculture,
div.genreVariety {
	float: left;
	width: 220px;
	padding: 0px 0px 15px 8px;
}

div.genreBusiness,
div.genreDocumentary,
div.genreInterview,
div.genreMusic,
div.genreNIHONGO,
div.genreSociety,
div.genreTravel {
	float: right;
	width: 220px;
	padding: 0px 0px 15px 8px;
}

div.genreBilingual {
	clear: both;
	float: left;
	padding: 0 0 15px;
}

div.genrePast {
	clear: both;
	float: left;
	padding: 0 0 15px;
}

div.genreFright {
	float: right;
	padding: 0 0 15px;
}

div.bannerRight {
	float: right;
	padding: 0 0 15px;
}

div.section.genreOther {
	clear: both;
	padding: 15px 0 0;
}

div.lfp {
	margin-top: 10px;
	padding: 0 10px 10px;
	border: 1px solid #ccc;
}
div.lfp p.h {
	font-size: 14px;
	font-weight: bold;
}

/* Genre News
--------------------------------------------------------- */
p.reselect {
	background: url("/nhkworld/common/images/li_arrow_next.gif") no-repeat 0% 0.4em;
	margin: 7px 0 20px;
	padding-left: 9px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}

#bannerArea {
	display: inline;
	float: right;
	width: 247px;
	text-align: right;
}

/* prgList
--------------------------------------------------------- */
ul.prgList li.item {
	position: relative;
	width: 504px;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
ul.prgList li.item.first {
	border: none;
}
ul.prgList li.item img.pic {
	float: left;
	margin-top: 3px;
	border: 1px solid #ccc;
}
ul.prgList li.item dl {
	float: right;
	width: 364px;
}
ul.prgList li.item dl dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
ul.prgList li.item dl dt span.new img {
	vertical-align: middle;
}
ul.prgList li.item dl dt span.bilingal {
	font-size: 10px;
	font-weight: normal;
}
ul.prgList li.item dl dd p {
	margin-top: 4px;
	line-height: 1.2;
}
ul.prgList li.item dl dd p.onair {
	font-weight: bold;
}
ul.prgList li.item dl dd p.summary {
	margin-top: 6px;
	line-height: 1.2;
}
ul.prgList li.item p.more {
	position: absolute;
	top: 6px;
	left: 412px;
	font-size: 10px;
}

/* List of other archive programs
--------------------------------------------------------- */
div.arcGenre {
	width: 236px;
	margin-top: 20px;
}
div.arcGenre.first {
	margin-top: 0;
}
div.arcGenre img.pic {
	float: left;
}

div.section div.arcGenre h2,
div.section div.arcGenre ul.basic-l,
div.section div.arcGenre ul.more {
	float: right;
	width: 171px;
	margin-top: 0;
}

div.section div.arcGenre h2 {
	margin-bottom: 0;
}

/* arcPrg */
div.section.arcPrg img.pic {
	float: left;
}
div.section.arcPrg h2 {
	margin-bottom: 0;
}

div.arcPrg h2,
div.arcPrg p {
	float: right;
	width: 444px;
	margin-top: 0;
}

ul.listArcPrg {
	width: 236px;
}

/* otherGenre */
ul.otherGenre {
	width: 147px;
}
ul.otherGenre.col-l {
	margin-right: 31px;
}

div.section ul.otherGenre {
	margin-top: 0;
}

/* Archives Pulldown Year
--------------------------------------------------------- */
div.year-box {
	clear: both;
	width: 504px;
	padding: 12px 0 5px 0;
}
div.year-box .year {
	float: left;
	width: 250px;
	font-size: 22px;
	font-weight: bold;
}
div.year-box .pulldown {
	float: right;
	width: 254px;
	margin-top: 2px;
	text-align: right;
}
div.year-box .clearfix {
	display: inline-block;
}
div.year-box .clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* Where is this ?
--------------------------------------------------------- */
dl.prgList {
	width: 100%;
	margin-top: 10px;
}
dl.prgList dt {
	float: left;
	width: 131px;
}
dl.prgList dd {
	float: right;
	width: 358px;
	line-height: 1.2;
}
dl.prgList dd ul.arrow {
	margin-top: 0;
}

/* VOTE Banner (2009 ?)
--------------------------------------------------------- 
div.brn-box {
	padding-left: 380px;
	.brn-vote {
		width: 284px;
		min-height: 42px;
		height: auto !important;
		height: 42px;
		border: 1px solid;
		background: url("/nhkworld/english/tv/fixed/images/bnr_vote_bg.gif") no-repeat top;
		span {
			display: block;
			cursor: pointer;
			width: 284px;
			text-align: center;
			padding: 29px 0 1px 0;
			font-size: 90%;
			text-decoration: inherit;
		}
	}
}
span.rebroadcast_list {
	font-weight: normal;
}
span.rebroadcast_body {
	font-size: 0.8em;
	font-weight: normal;
}
*/
/* =========================================================
	3-1: /genre/index.html
========================================================= */
#nhkworld-english-genre-index #mainBox h3 {
	margin-top: 20px;
}
#nhkworld-english-genre-index ul.prgList,
#nhkworld-english-genre-index ul.prgList#sp {
	margin-bottom: 20px;
}
#nhkworld-english-genre-index ul.prgList#sp {
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
}
#nhkworld-english-genre-index ul.prgList#sp li.item {
	padding: 10px 0 0;
	border: none;
}

/* =========================================================
	3-2: /schedule/index.html
========================================================= */
#nhkworld-english-schedule-index div.article {
	position: relative;
	float: none;
	width: 100%;
	padding: 0;
	background: none;
}
#nhkworld-english-schedule-index div.article ul.items {
	float: right;
	margin-bottom: 15px;
}
#nhkworld-english-schedule-index div.article div.section.prgSched {
	border: none;
}
#nhkworld-english-schedule-index .prgSched {
	clear: both;
	margin-top: 0;
}
#nhkworld-english-schedule-index .prgSched table.basic {
	margin-top: 5px;
}
#nhkworld-english-schedule-index .prgSched th {
	padding: 6px 7px;
	background-color: #E7ECF6;
	text-align: left;
	font-weight: bold;
}
#nhkworld-english-schedule-index .prgSched th#timezoneName {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	color: #333333;
}
#nhkworld-english-schedule-index .prgSched th.h {
	vertical-align: middle;
}
#nhkworld-english-schedule-index .prgSched tr.bgF3 {
	background-color: #F3F3F3;
}
#nhkworld-english-schedule-index .prgSched tr.bgNOW {
	background-color: #FFCCCC;
}
#nhkworld-english-schedule-index .prgSched td,
#nhkworld-english-schedule-index .prgSched td.time,
#nhkworld-english-schedule-index .prgSched td.pgm {
	padding: 3px 7px;
	vertical-align: top;
}
#nhkworld-english-schedule-index .prgSched td.time {
	width: 25px;
	font-weight: bold;
}
#nhkworld-english-schedule-index .prgSched td.time .disp_pc {
	display: block;
	margin-top: 30px;
	font-weight: normal;
}
#nhkworld-english-schedule-index .prgSched td.time .disp_sp {
	display: none;
}
#nhkworld-english-schedule-index .prgSched td.pgm {
	width: 140px;
}
#nhkworld-english-schedule-index .prgSched td.thumb {
	padding-left: 0;
	padding-right: 0;
}
#nhkworld-english-schedule-index .prgSched td.thumb img {
	padding-left: 3px;
}
#nhkworld-english-schedule-index .prgSched span.repeat {
	font-size: 10px;
	font-weight: normal;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-schedule-index div.article ul.items li {
	padding: 0;
	background: none;
  }
  #nhkworld-english-schedule-index .prgSched th {
	padding: 6px 7px;
	background-color: #E7ECF6;
	text-align: left;
	font-weight: bold;
  }
  #nhkworld-english-schedule-index .prgSched th#timezoneName {
	margin-top: 0;
	padding-top: 0;
	border: none;
	text-align: left;
  }
  #nhkworld-english-schedule-index .prgSched td {
	padding-bottom: 10px;
	font-size: 13px;
  }
  #nhkworld-english-schedule-index .prgSched td.time {
	width: auto;
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 14px;
	text-align: left;
  }
  #nhkworld-english-schedule-index .prgSched td.time .disp_pc {
	display: none;
  }
  #nhkworld-english-schedule-index .prgSched td.time .disp_sp {
	display: inline;
  }
  #nhkworld-english-schedule-index .prgSched td.pgm {
	width: auto;
	padding-bottom: 0;
	font-size: 14px;
  }
  #nhkworld-english-schedule-index .prgSched td.thumb {
	display: none;
  }
}

#printSched {
	position: absolute;
	top: -50px;
	right: 0;
}

div.timeSelect {
	clear: both;
	width: 35em;
	margin-bottom: 15px;
	float: right;
}

form#selectArea {
	float: left;
}

select.timezone {
	width: 180px;
	margin-right: 20px;
}

select.date {
	width: 120px;
	margin-right: 0;
}

/* add new schedule */
#NOA_Select {
	float: left;
	clear: none;
}

/* old 
#iconPDF {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	text-align: right;
}
*/
@media only screen and (max-width: 600px) {
  #printSched {
	display: none;
  }

  div.timeSelect {
	float: none;
	width: auto;
  }

  form#selectArea {
	float: none;
  }
  form#selectArea span {
	display: inline-block;
	width: 5em;
  }

  #seldate {
	display: block !important;
	width: auto !important;
	margin-top: 10px;
  }
  #seldate span {
	display: inline-block;
	width: 5em;
  }

  #selzone {
	display: block !important;
	width: auto !important;
	margin-top: 10px;
  }
  #selzone span {
	display: inline-block;
	width: 5em;
  }

  select.timezone,
  select.date {
	width: 100%;
	max-width: 310px;
	margin-right: 0;
	padding: 6px 10px;
	background: white url("/nhkworld/common/images/sp_select_arrow.png") 97.5% 6px no-repeat;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border-radius: 6px;
	border: 1px solid #ccc;
	font-size: 18px;
	cursor: pointer;
  }
}
/* =========================================================
	3-3: /howto/index.html & reception.html
========================================================= */
/* common */
#nhkworld-english-howto-index ul.tabCnt li,
#nhkworld-english-howto-setup ul.tabCnt li {
	width: 210px;
}
#nhkworld-english-howto-index div.related dl.prgInfo dt em,
#nhkworld-english-howto-setup div.related dl.prgInfo dt em {
	display: block;
	margin-bottom: -10px;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-howto-index ul.tabCnt li,
  #nhkworld-english-howto-setup ul.tabCnt li {
	width: auto;
  }
}

/* index.html */
#nhkworld-english-howto-index div.article div.box {
	margin: 30px 0 0;
	padding: 10px 18px;
}
#nhkworld-english-howto-index img.cut.frame {
	border: 1px solid #ccc;
}
#nhkworld-english-howto-index div.section select {
	margin-top: 9px;
}
#nhkworld-english-howto-index form#selectDivAndContry {
	margin: 10px 0;
	padding: 10px 15px;
	background: #E7ECF6;
}
#nhkworld-english-howto-index div#divisionSelect select,
#nhkworld-english-howto-index div#countrySelect select {
	width: 300px;
	margin: 6px 0;
}
#nhkworld-english-howto-index div.noscript {
	font-size: 14px;
	font-weight: bold;
}
#nhkworld-english-howto-index table.basic {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
	margin: 0;
  /* for IE10 */
	border-collapse: separate !important;
	border-spacing: 0 !important;
  /* for IE7 */
	*border-collapse: collapse !important;
	*border-spacing: inherit !important;
	*border-top: 2px solid #ccc;
	*border-right: 2px solid #ccc;
}
#nhkworld-english-howto-index table.basic th,
#nhkworld-english-howto-index table.basic td {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: normal;
}
#nhkworld-english-howto-index table.basic th.h,
#nhkworld-english-howto-index table.basic td.h {
	background: #e7ecf6;
	font-weight: bold;
}
#nhkworld-english-howto-index table.basic th {
	text-align: center;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-howto-index div#divisionSelect select,
  #nhkworld-english-howto-index div#countrySelect select {
	width: 100%;
	max-width: 266px;
	padding: 6px 10px;
	background: white url("/nhkworld/common/images/sp_select_arrow.png") 98% 6px no-repeat;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border-radius: 6px;
	border: 1px solid #ccc;
	font-size: 18px;
	cursor: pointer;
  }
  #nhkworld-english-howto-index table.basic.frame {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
  }
  #nhkworld-english-howto-index table.basic.frame th,
  #nhkworld-english-howto-index table.basic.frame td {
	display: table-cell;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 12px;
  }
  #nhkworld-english-howto-index table.basic.frame th {
	padding: 3px 6px;
	margin-top: 0;
	text-align: center;
  }
  #nhkworld-english-howto-index table.basic.frame td {
	padding: 3px 6px;
  }
}

/* reception.html */
#nhkworld-english-howto-setup #mainBox h3 {
	margin: 15px 0 5px;
}
#nhkworld-english-howto-setup p.lead {
	margin-bottom: 25px;
}
#nhkworld-english-howto-setup div.article div.box {
	margin: 0;
	padding: 0;
	border: 0;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-howto-setup #mainBox h3 {
	font-size: 16px;
  }
}
#nhkworld-english-howto-setup .equip {
	border: 2px solid #ccc;
	padding: 0 10px;
}
#nhkworld-english-howto-setup .equip h3 {
	margin: 0 !important;
	padding: 10px 0;
}
#nhkworld-english-howto-setup .equip p {
	padding: 10px 0;
}
#nhkworld-english-howto-setup .equip .box {
	background: #f2f2f2;
}
#nhkworld-english-howto-setup .equip img {
	float: left;
	width: 220px;
}
#nhkworld-english-howto-setup .equip ol.basic {
	float: left;
	width: 235px;
	margin-top: 10px;
	font-weight: bold;
}
#nhkworld-english-howto-setup .equip ol.basic li span {
	font-weight: normal;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-howto-setup .equip img {
	float: none;
	display: block;
	margin: 0 auto;
  }
  #nhkworld-english-howto-setup .equip ol.basic {
	float: none;
	width: auto;
	margin: 10px;
	padding-bottom: 10px;
  }
  #nhkworld-english-howto-setup .equip ol.basic li span {
	font-size: 12px;
  }
  #nhkworld-english-howto-setup .equip ol.basic br {
	display: none;
  }
}
#nhkworld-english-howto-setup .setup {
	border: 2px solid #ccc;
	padding: 0 10px 10px;
}
#nhkworld-english-howto-setup .setup h3 {
	margin: 0 !important;
	padding: 10px 0;
}
#nhkworld-english-howto-setup .setup p {
	padding: 10px 0;
}
#nhkworld-english-howto-setup .setup .box {
	background: #f2f2f2;
}
#nhkworld-english-howto-setup .setup img {
	float: left;
	width: 280px;
}
#nhkworld-english-howto-setup .setup ul {
	float: left;
	width: 190px;
	margin-left: 10px;
	padding-bottom: 10px;
}
#nhkworld-english-howto-setup .setup ul li {
	margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-howto-setup .setup img {
	float: none;
	display: block;
	max-width: 280px;
	width: 100%;
	margin: 0 auto;
  }
  #nhkworld-english-howto-setup .setup ul {
	float: none;
	width: auto;
	margin: 10px;
  }
}
#nhkworld-english-howto-setup table.basic.frame {
	width: 270px;
	border-width: 2px;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-howto-setup table.basic.frame {
	width: 100%;
	border-width: 2px;
  }
  #nhkworld-english-howto-setup table.basic.frame th,
  #nhkworld-english-howto-setup table.basic.frame td {
	display: table-cell;
	padding: 3px 10px !important;
  }
  #nhkworld-english-howto-setup table.basic.frame th {
	margin: inherit;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
  }
  #nhkworld-english-howto-setup table.basic.frame td {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
  }
}
#nhkworld-english-howto-setup .setting p {
	padding: 0 0 5px;
}
#nhkworld-english-howto-setup .area p {
	margin-top: -10px;
	padding: 0 0 5px;
}
#nhkworld-english-howto-setup .area p.date {
	font-size: 10px;
	text-align: right;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-howto-setup .area img {
	display: block;
	max-width: 504px;
	width: 100%;
	height: auto;
	margin: 0 auto;
  }
  #nhkworld-english-howto-setup .area p.date {
	font-size: 12px;
  }
}

dl.basic.frame dd {
	border-top: 1px solid #cccccc;
	padding: 8px;
}
dl.basic.frame dd.first {
	border: none;
	padding-top: 0;
}

/* =========================================================
	3-4: /anchors/index.html
========================================================= */
#nhkworld-english-anchors-index #mainBox h2 {
	clear: both;
}
#nhkworld-english-anchors-index ul.ancList {
	border-top: 1px dotted #ccc;
}
#nhkworld-english-anchors-index ul.ancList li.item {
	float: left;
	width: 125px;
	height: 8em;
	padding: 10px 0;
	text-align: center;
}
#nhkworld-english-anchors-index ul.ancList li.item.first {
	border: none;
}
#nhkworld-english-anchors-index ul.ancList li.item img.pic {
	margin-top: 3px;
	border: 1px solid #ccc;
}
#nhkworld-english-anchors-index ul.ancList li.item p {
	margin-top: 8px;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-anchors-index #mainBox h2 {
	margin-bottom: 8px;
	font-size: 22px;
  }
  #nhkworld-english-anchors-index div.article {
	margin-bottom: 20px;
  }
  #nhkworld-english-anchors-index ul.ancList li.item {
	width: 33.3333%;
	height: 7.6em;
  }
}

/* =========================================================
	3-5: /anchors/NAME.html
========================================================= */
#nhkworld-english-anchors {
	background: #fff;
}
#nhkworld-english-anchors #nw_page {
	min-width: inherit;
	max-width: 740px;
	margin: 10px auto 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#nhkworld-english-anchors #mainBox {
	width: 100%;
	max-width: 740px;
	margin: 0;
	padding-top:5px;
	padding-bottom:0;

}
#nhkworld-english-anchors #headBox,
#nhkworld-english-anchors #footBox,
#nhkworld-english-anchors #nw-global-header,
#nhkworld-english-anchors #nw-global-footer {
	display: none;
}
#nhkworld-english-anchors div.article {
	float: none;
	padding-right: 0;
	width: 100%;
	background: none;
}
#nhkworld-english-anchors #mainBox h1 {
	display: none;
	margin: 0 0 15px;
	padding-bottom: 10px;
	font-size: 22px;
}
#nhkworld-english-anchors #mainBox h2 {
	margin: 0;
	padding-bottom: 5px;
	font-size: 22px;
	text-align: left;
	float:left;
	padding-left:10px;

}
#nhkworld-english-anchors #mainBox h2.sp {
	display:none;
}

#nhkworld-english-anchors .back {
	display: none;
}
#nhkworld-english-anchors ul.pages {
	margin-top: 10px;
}
#nhkworld-english-anchors ul.pages li {
	width: 50%;
	font-weight: bold;
	line-height: 1.25;
	white-space: nowrap;
}
#nhkworld-english-anchors ul.pages li.prev {
	float: left;
}
#nhkworld-english-anchors ul.pages li.more {
	float: right;
	text-align: right;
}
#nhkworld-english-anchors p.section {
	float:left;
	padding-left:15px;
	width:400px;
}
#nhkworld-english-anchors p.profile {
	width:280px;
	float:left;
	font-size:14px;
	line-height:24px;
	padding-left:10px;

}


@media only screen and (max-width: 600px) {
  #nhkworld-english-anchors #nw_page {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
  }
  #nhkworld-english-anchors #mainBox {
	width: 96%;
	margin: 15px auto 0;
	padding: 0 2%;
  }
  #nhkworld-english-anchors #mainBox h1 {
	display: block;
  }
  #nhkworld-english-anchors .back {
	display: block;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
  }
  #nhkworld-english-anchors div.article img {
	display: inlineblock;
	max-width: 400px;
	width: 100%;
	height: auto;
	margin: 0 auto;
  }
  #nhkworld-english-anchors #headBox,
  #nhkworld-english-anchors #footBox {
	display: block;
  }
  #nhkworld-english-anchors p.profile {
	float:none;
	max-width: 400px;
	width: 100%;
	margin:20px auto 0;
	padding-left:0;
  }
#nhkworld-english-anchors p.section {
	float:none;
	margin:0 auto ;
	padding-left:0;
	width:100%;
	max-width: 400px;
	
}
#nhkworld-english-anchors #mainBox h2 {
	display:none;
}

#nhkworld-english-anchors #mainBox h2.sp {
	display:block;
	width:100%;
	padding-bottom: 5px;
	font-size: 22px;
	text-align: center;
}


}

/* =========================================================
	3-6: /english/info/tvchannel.html
========================================================= */
#nhkworld-english-info-programlist {
  /* SMART PHONE TITLE */
}
@media only screen and (max-width: 600px) {
  #nhkworld-english-info-programlist {
    /* contentHead [RADIO] */
  }
  #nhkworld-english-info-programlist #contentHead {
	border-color: #b6afaa;
  }
  #nhkworld-english-info-programlist #contentHead h1 {
	color: #b6afaa;
  }
  #nhkworld-english-info-programlist #contentHead a.nw_sp_sidenav_o_trigger {
	background-position: 0 -280px;
  }
}

/* prgList for aired in japan
--------------------------------------------------------- */
ul.ijList {
	margin: 15px 0;
}
ul.ijList li.item {
	width: 504px;
	padding: 10px 0;
	border-top: 1px dotted #ccc;
}
ul.ijList li.item.first {
	border: none;
}
ul.ijList li.item a img.pic {
	display: block;
	float: left;
	margin-top: 3px;
	border: 1px solid #ccc;
}
ul.ijList li.item dl {
	float: right;
	width: 332px;
}
ul.ijList li.item dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
ul.ijList li.item dt span.bilingal {
	font-size: 10px;
	font-weight: normal;
}
ul.ijList li.item dd p {
	margin-top: 4px;
	line-height: 1.2;
}
ul.ijList li.item dd p.onair {
	font-weight: bold;
}
ul.ijList li.item dd p.onair span.bilingal {
	font-size: 10px;
	font-weight: normal;
}
ul.ijList li.item dd p.summary {
	margin-top: 6px;
	line-height: 1.2;
}
@media only screen and (max-width: 600px) {
  ul.ijList li.item {
	width: 100%;
  }
  ul.ijList li.item a img.pic {
	width: 26%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 10px;
  }
  ul.ijList li.item dl {
	float: left;
	width: 70%;
  }
  ul.ijList li.item dt span.bilingal {
	font-size: 12px;
  }
  ul.ijList li.item dd p.onair span.bilingal {
	font-size: 12px;
  }
}

/* =========================================================
	4: nw_sp_sidenav_addinfo
========================================================= */
#nw_sp_sidenav_addinfo {
	color: #fff;
}
#nw_sp_sidenav_addinfo a {
	color: #fff;
}
#nw_sp_sidenav_addinfo p {
	padding: 10px 15px;
}
#nw_sp_sidenav_addinfo div {
	display: none;
}
#nw_sp_sidenav_addinfo div div {
	width: 250px;
	margin: 10px !important;
	color: #fff;
}
#nw_sp_sidenav_addinfo div div a {
	color: #fff !important;
}
