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

	0: WIDTH CONTROL
	1: general classes
	2: general layouts
	3: modal parts
	4: for SMART PHONE

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

	body	size: 930px
	page	size: 890px
	tablet	size: 798px
	smart	size: 600px
	(iphone	size: 320px)

==========================================================
*/
/* =========================================================
	0: WIDTH CONTROL
========================================================= */
@media only screen and (max-width: 930px) {
  body {
	background: #fff;
  }
}
@media only screen and (max-width: 600px) {
  body {
	font-size: 14px;
  }
}

/* headBox */
#headBox {
	width: 930px;
}
@media only screen and (max-width: 600px) {
  #headBox {
	width: 100%;
	max-width: 100%;
  }
}

@media only screen and (max-width: 930px) {
  #headBoxUpper {
	width: 670px;
  }
}
@media only screen and (max-width: 798px) {
  #headBoxUpper {
	width: 670px;
  }
}
@media only screen and (max-width: 600px) {
  #headBoxUpper {
	float: none;
	width: 100%;
	margin: 0;
  }
}

@media only screen and (max-width: 930px) {
  #headNavUpper {
	width: 530px;
  }
}
@media only screen and (max-width: 600px) {
  #headNavUpper {
	width: 100%;
  }
}

@media only screen and (max-width: 930px) {
  #headNavUpper li {
	height: 30px;
	font-size: 14px;
  }
  #headNavUpper li#toHome {
	width: 62px;
  }
  #headNavUpper li#toNews {
	width: 60px;
  }
  #headNavUpper li#toTV {
	width: 108px;
  }
  #headNavUpper li#toRP {
	width: 134px;
  }
  #headNavUpper li#toLesson {
	width: 142px;
  }
}
@media only screen and (max-width: 798px) {
  #headNavUpper li {
	height: auto;
  }
  #headNavUpper li a {
	padding: 7px 0 5px;
  }
  #headNavUpper li#toTV {
	width: 108px;
  }
  #headNavUpper li#toRP {
	width: 134px;
  }
  #headNavUpper li#toLesson {
	width: 142px;
  }
  #headNavUpper li#toHome a {
	padding: 7px 0 5px;
  }
  #headNavUpper li#toNews a {
	padding: 7px 0 5px;
  }
}

@media only screen and (max-width: 930px) {
  #headBoxUpper select.ML {
	top: 10px;
	right: 2.5%;
	width: 125px;
  }
}

@media only screen and (max-width: 930px) {
  #headBoxLower {
	width: 670px;
	margin: 10px 0 0 12px;
  }
}
@media only screen and (max-width: 798px) {
  #headBoxLower {
	width: 670px;
  }
}
@media only screen and (max-width: 600px) {
  #headBoxLower {
	margin: 0;
	width: 100%;
  }
}

@media only screen and (max-width: 930px) {
  #headBox form.search {
	width: 280px;
  }
  #headBox form.search input.keywords {
	width: 196px;
  }
}
@media only screen and (max-width: 798px) {
  #headBox form.search input.keywords {
	width: 196px;
  }
}
@media only screen and (max-width: 600px) {
  #headBox form.search {
	width: 100%;
  }
  #headBox form.search input.keywords {
	width: 92%;
  }
}

@media only screen and (max-width: 930px) {
  #headNavLower {
	right: 3.9%;
	width: 336px;
  }
}
@media only screen and (max-width: 798px) {
  #headNavLower {
	width: 336px;
	margin-left: 0;
  }
  #headNavLower li {
	height: 24px;
  }
  #headNavLower a {
	padding: 5px 0 4px;
  }
}

@media only screen and (max-width: 930px) {
  #headNavLower li#toCI {
	width: 132px;
  }
  #headNavLower li#toSm {
	width: 68px;
  }
  #headNavLower li#toContact {
	width: 80px;
  }
  #headNavLower li#toFAQ {
	width: 44px;
  }
}
@media only screen and (max-width: 798px) {
  #headNavLower li#toCI {
	width: 132px;
  }
  #headNavLower li#toSm {
	width: 68px;
  }
  #headNavLower li#toContact {
	width: 80px;
  }
  #headNavLower li#toFAQ {
	width: 44px;
  }
  #headNavLower li#toCI a, #headNavLower li#toContact a {
	padding: 5px 0 4px;
  }
}

/* #mainBox */
@media only screen and (max-width: 930px) {
  #mainBox {
	width: 890px;
	max-width: 890px;
	margin: 0 20px;
	background: #fff;
  }
}
@media only screen and (max-width: 600px) {
  #mainBox {
	width: 100%;
	max-width: 100%;
	margin: 0;
  }
}

/* #footBox */
@media only screen and (max-width: 930px) {
  #footBox {
	width: 890px;
	margin: 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  #footBox {
	width: 100%;
	margin: 0;
  }
}

@media only screen and (max-width: 930px) {
  #footLogo {
	top: 35px;
  }
}
@media only screen and (max-width: 600px) {
  #footLogo {
	position: inherit;
	left: inherit;
	top: inherit;
  }
}

@media only screen and (max-width: 930px) {
  #copyright {
	padding: 5px 0 0;
  }
}

/* =========================================================
	1: general classes
========================================================= */
/* clearfix */
#mainBox,
#mainCnt,
#mainCnt div.article div.section,
#mainCnt ul.tabCnt {
	zoom: 1;
}
#mainBox:before, #mainBox:after,
#mainCnt:before,
#mainCnt:after,
#mainCnt div.article div.section:before,
#mainCnt div.article div.section:after,
#mainCnt ul.tabCnt:before,
#mainCnt ul.tabCnt:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
#mainBox:after,
#mainCnt:after,
#mainCnt div.article div.section:after,
#mainCnt ul.tabCnt:after {
	clear: both;
}

/* headings
--------------------------------------------------------- */
#mainBox h1 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	color: #1c1c1c;
	font-size: 22px;
	line-height: 1.1;
}
#mainBox h2 {
	margin-top: 25px;
	margin-bottom: 10px;
	color: #1c1c1c;
	font-size: 18px;
	line-height: 1.2;
}
#mainBox h3 {
	margin-top: 8px;
	color: #1c1c1c;
	font-size: 14px;
	line-height: 1.2;
}
#mainBox h4 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
}
#mainBox h4 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
}
#mainBox h1.first,
#mainBox h2.first,
#mainBox h3.first,
#mainBox h4.first {
	margin-top: 0 !important;
}

/* text
--------------------------------------------------------- */
*.comment {
	color: #999;
}

p.view {
	color: #ccc;
	font-weight: bold;
}

p.more {
	margin-top: 7px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2;
}
@media only screen and (max-width: 600px) {
  p.more {
	font-size: 14px;
  }
}

em.more {
	margin-left: 10px;
}

*.more a {
	padding-left: 9px;
	background: url("/nhkworld/english/common/images/li_arrow_next.gif") 0% 0.4em no-repeat;
}
@media only screen and (max-width: 600px) {
  *.more a {
	background: url("/nhkworld/common/images/sp_arrow.png") 0 0.12em no-repeat;
  }
}

p.prev {
	margin-top: 7px;
	line-height: 1.2;
}

*.prev a {
	padding-left: 9px;
	background: url("/nhkworld/english/common/images/li_arrow_prev.gif") 0% 0.4em no-repeat;
}
@media only screen and (max-width: 600px) {
  *.prev a {
	padding-left: 14px;
	background: url("/nhkworld/common/images/sp_arrow_pre.png") 0 0.18em no-repeat;
  }
}

/* image
--------------------------------------------------------- */
div.article img.cut {
	display: block;
	margin: 9px auto;
	vertical-align: baseline;
}

div.article img.cut-l {
	float: left;
	margin: 0.2em 15px 5px 0;
}

div.article img.cut-r {
	float: right;
	margin: 0.2em 0 5px 15px;
}

/* lists
--------------------------------------------------------- */
ul.item,
ul.items {
	margin: 3px 0;
}
ul.item li,
ul.items li {
	margin-top: 3px;
	line-height: 1.25;
}
ul.item li.iconPdf,
ul.items li.iconPdf {
	padding: 3px 0 0 20px;
	text-indent: -20px;
}
@media only screen and (max-width: 600px) {
  ul.item li,
  ul.items li {
	padding-left: 20px;
	background: url("/nhkworld/common/images/sp_arrow.png") 0 0.2em no-repeat;
  }
  ul.item li.iconPdf,
  ul.items li.iconPdf {
	background: none;
  }
}

ul.btnList {
	zoom: 1;
}
ul.btnList:before, ul.btnList:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
ul.btnList:after {
	clear: both;
}

ul.btnList {
	width: 100%;
	margin: 5px auto;
	text-align: center;
}
ul.btnList li {
	display: block;
	float: left;
	width: 31.3333%;
	margin-right: 1%;
	margin-left: 1%;
	font-size: 14px;
}
ul.btnList li a {
	display: block !important;
	width: 98%;
	padding: 10px 1%;
	margin: 2px;
	background: #fbfbfb;
	background: linear-gradient(#f0f0f3, #eaeaeb);
  /* IE10, Firefox 16.0+, Opera 12.50+ */
	background: linear-gradient(top, white 0%, #eaeaeb);
  /* IE10, Firefox 16.0+, Opera 12.50+ */
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eaeaeb));
	background: -webkit-linear-gradient(top, white 0%, #eaeaeb);
  /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
	background: -moz-linear-gradient(top, white 0%, #eaeaeb);
  /* Firefox 3.6-15.0 */
  /* IE 8+ */
  /* "-ms-filter" should be included first before "filter" in order for the filter to work properly in Compatibility View */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaeb', GradientType=0)";
  /* IE 5.5-7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaeb', GradientType=0);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c5c5c5;
	text-align: center;
	font-weight: bold;
}
ul.btnList li a:hover {
	margin: 1px;
	text-decoration: none;
	background: #fbfbfb;
	border-width: 2px;
	border-color: #141365;
}

/* table
--------------------------------------------------------- */
table {
	width: 100%;
	background: #fff;
	margin: 0 0 20px;
}
table th,
table td {
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
}
table th.h,
table td.h {
	background: #e7ecf6;
	font-weight: bold;
}
table th {
	font-weight: bold;
}
table tr.even,
table tr.alt {
  /*background: #f9f9f9;*/
}

/* table [basic]
--------------------------------------------------------- */
table.basic {
	border-width: 2px 2px 2px;
	border-style: solid;
	border-color: #ccc;
}
table.basic th,
table.basic td {
	border-width: 1px;
	border-style: solid none none;
	border-color: #ccc;
	font-weight: normal;
}
table.basic th.h,
table.basic td.h {
	background: #e7ecf6;
	font-weight: bold;
}
table.basic th {
	text-align: center;
}
table.basic.alignC th, table.basic.alignC td,
table.basic tr.alignC th,
table.basic tr.alignC td,
table.basic th.alignC,
table.basic td.alignC {
	text-align: center;
}
@media only screen and (max-width: 600px) {
  table.basic {
	border-width: 0 0 2px;
  }
  table.basic th,
  table.basic td {
	display: block;
	width: auto;
	font-size: 14px;
	line-height: 1.2;
  }
  table.basic th.listen,
  table.basic td.listen {
	display: none;
  }
  table.basic th {
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 0;
	border-width: 2px;
	text-align: left;
  }
  table.basic td {
	padding: 6px 8px 0;
	border: none;
  }
  table.basic td img {
	display: inline-block;
	padding-bottom: 5px;
  }
}

/* table [frame]
--------------------------------------------------------- */
table.basic.frame {
	border-width: 1px 1px 2px 2px;
	border-style: solid;
	border-color: #ccc;
}
table.basic.frame th,
table.basic.frame td {
	border-style: solid solid none none;
}

/* dl [basic]
--------------------------------------------------------- */
.col2 dl {
	zoom: 1;
}
.col2 dl:before, .col2 dl:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
.col2 dl:after {
	clear: both;
}

dl.basic {
	margin-bottom: 10px;
	border-width: 1px 0 2px;
	border-style: solid;
	border-color: #ccc;
}
dl.basic dt {
	margin-bottom: 8px;
	padding: 6px 8px;
	border-top: 1px solid #cccccc;
	background: #e7ecf6;
	color: #1c1c1c;
	font-weight: bold;
}
dl.basic dt .low {
	display: inline-block;
	padding-left: 10px;
	color: #999;
}
dl.basic dd {
	padding: 0 8px 8px;
}
dl.basic dd.h {
	font-weight: bold;
}
dl.basic dd.h span {
	font-weight: normal;
}
dl.basic dd.col2 {
	padding: 0;
}
dl.basic dd.col2 dl {
	width: 100%;
	border-top: 1px dotted #ccc;
}
dl.basic dd.col2 dl:first-child {
	border: none;
}
dl.basic dd.col2 dl dt,
dl.basic dd.col2 dl dd {
	padding: 6px 0;
}
dl.basic dd.col2 dl dt {
	clear: both;
	float: left;
	width: 15%;
	padding: 6px 0 6px 8px;
	border: none;
	background: #fff;
}
dl.basic dd.col2 dl dd {
	float: left;
	width: 80%;
	padding: 6px 8px 6px 0;
}
@media only screen and (max-width: 600px) {
  dl.basic dd.col2 dl dt {
	width: 32%;
  }
  dl.basic dd.col2 dl dd {
	width: 62%;
  }
}

/* tabList
--------------------------------------------------------- */
.tabList {
	display: block;
	margin: 25px 0 0;
	text-align: right;
}
.tabList li {
	display: inline-block;
	margin-bottom: 26px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
.tabList li a {
	margin-left: 2px;
	padding: 10px 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #eae8e5;
	color: #141365;
}
.tabList li a:hover {
	background: #141365;
	color: #fff;
	text-decoration: none;
}
.tabList li a.on {
	color: #999;
}
.tabList li a.on:hover {
	background: #eae8e5;
	cursor: default;
}

.tabList li {
	*display: inline;
}
.tabList li a {
	*display: inline-block;
}

/* ------------------------------------------------------ */
/* others */
div.article div.box {
	margin: 10px 0;
	padding: 2px 18px 10px;
	border: 2px solid #ccc;
}

div.article div.alertbox {
	margin: 4px 0;
	padding: 6px 8px;
	border: 2px solid #ccc;
}

/* =========================================================
	2: general layouts
========================================================= */
/* topic path
--------------------------------------------------------- */
#topicPath {
	padding: 5px 0;
	border-bottom: 2px solid #000;
	line-height: 1.2;
}
@media only screen and (max-width: 600px) {
  #topicPath {
	display: none;
  }
}

/* mainCnt
--------------------------------------------------------- */
#mainCnt {
	float: right;
	width: 666px;
	margin-top: 21px;
	padding: 15px 20px;
	border: 1px solid #ccc;
}
@media only screen and (max-width: 600px) {
  #mainCnt {
	float: none;
	width: 96%;
	margin: 0;
	padding: 15px 2% 0;
	border: none;
  }
}

/* article
--------------------------------------------------------- */
div.article {
	float: left;
	padding-right: 16px;
	width: 504px;
	background: url("/nhkworld/english/common/images/main_cnt_bg.gif") repeat-y 100% 0;
}
div.article div.section {
	width: 100%;
}
div.article div.section h3.stateBoxTilte {
	margin-top: 15px;
	font-weight: bold;
}
div.article div.section p {
	margin-top: 9px;
}
div.article div.section p.note {
	font-size: 10px;
}
div.article div.section p.more {
	line-height: 1.2;
}
div.article div.section p.lead {
	margin-top: 0;
	font-weight: bold;
}
div.article div.section p.lead02 {
	margin-top: 5px;
	font-weight: bold;
}
div.article div.section ul,
div.article div.section ol {
	margin-top: 9px;
}
div.article div.section ul.note,
div.article div.section ol.note {
	font-size: 10px;
}
@media only screen and (max-width: 600px) {
  div.article {
	float: none;
	padding: 0;
	width: 100%;
	background: none;
  }
}

#mainCnt.std div.article {
	margin-top: 20px;
}

#mainCnt.prg div.article {
	margin-top: 0;
}

/* tabCnt
--------------------------------------------------------- */
#mainCnt ul.tabCnt {
	width: 100%;
	margin-top: 14px;
	border-bottom: 1px solid #000;
}
#mainCnt ul.tabCnt li {
	float: left;
	width: 148px;
	height: 2.05em;
	border-right: 1px solid #ccc;
	background: #eae8e5 url("/nhkworld/english/common/images/main_tab_bg.gif") 0 0 no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
#mainCnt ul.tabCnt li a {
	display: block;
	height: 100%;
}
#mainCnt ul.tabCnt li.first {
	background-image: url("/nhkworld/english/common/images/main_tab_bg_first.gif");
}
#mainCnt ul.tabCnt li.on {
	background: black url("/nhkworld/english/common/images/main_tab_bg_on.gif") 0 0 no-repeat;
	border-color: #000;
	color: #fff;
}
@media only screen and (max-width: 600px) {
  #mainCnt ul.tabCnt {
	border: none;
	text-align: right;
  }
  #mainCnt ul.tabCnt li {
	float: none;
	display: inline-block;
	width: auto;
	height: inherit;
	margin-bottom: 4px;
	background: none;
	border: none;
	font-size: 14px;
	line-height: 1.2;
  }
  #mainCnt ul.tabCnt li a {
	margin-left: 2px;
	padding: 10px 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #eae8e5;
	color: #1c1c1c;
  }
  #mainCnt ul.tabCnt li a:hover {
	text-decoration: none;
  }
  #mainCnt ul.tabCnt li.first {
	background: none;
  }
  #mainCnt ul.tabCnt li.on {
	margin-left: 2px;
	padding: 10px 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #eae8e5;
	border-color: none;
	color: #bbb;
  }
}

div.article ul.tabCnt {
	margin-top: 14px;
}
div.article ul.tabCnt li {
	font-size: 12px;
	line-height: 2.2;
}

/* related
--------------------------------------------------------- */
div.related {
	float: left;
	width: 131px;
	margin-left: -1px;
	padding-left: 16px;
	background: url("/nhkworld/english/common/images/main_cnt_bg.gif") 0 0 repeat-y;
}
div.related h4 {
	padding-bottom: 4px;
	border-bottom: 1px dotted #ccc;
	color: #000;
}
@media only screen and (max-width: 600px) {
  div.related {
	float: none;
	width: 95%;
	margin: 0;
	padding: 2.5%;
	background: #f6f8f9;
	border: 1px solid #ccc;
  }
  div.related h4 {
	margin-top: 0 !important;
	border-bottom: 1px solid #ccc;
  }
}

#mainCnt.std div.related {
	margin-top: 20px;
}

#mainCnt.prg div.related {
	margin-top: 0;
}

/* prgInfo
--------------------------------------------------------- */
div.related dl.prgInfo dt {
	margin-top: 10px;
}
div.related dl.prgInfo dd {
	margin-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
div.related dl.prgInfo dd p.h {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
}
div.related dl.prgInfo dd p.hour {
	margin-top: 2px;
	font-weight: bold;
	line-height: 1.4;
}
div.related dl.prgInfo dd p.summary {
	margin-top: 2px;
	font-size: 10px;
	line-height: 1.4;
}
div.related dl.prgInfo dd.rear {
	border-bottom: none;
}

/* mainNav
--------------------------------------------------------- */
#mainNav {
	position: relative;
	width: 183px;
	margin: 21px -1px 0 0;
	padding-bottom: 20px;
	z-index: 0;
}
#mainNav * {
	margin-right: 20px;
}
#mainNav * * {
	margin-right: 0;
}
#mainNav ul.tab {
	margin: 0 0 20px;
}
#mainNav ul.tab li {
	margin-bottom: 3px;
	padding-bottom: 3px;
	background: url("/nhkworld/english/common/images/main_nav_bg_lower.gif") 0 100% no-repeat;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
}
#mainNav ul.tab li a {
	display: block;
	padding: 8px 10px 7px 20px;
	background: url("/nhkworld/english/common/images/main_nav_bg_upper.gif") 0 0 no-repeat;
}
#mainNav ul.tab li span.note {
	font-size: 10px;
	line-height: 1.1;
}
#mainNav p.more {
	font-size: 14px;
}
@media only screen and (max-width: 600px) {
  #mainNav {
	position: inherit;
	width: 96%;
	margin: 0;
	padding: 0 2%;
	z-index: inherit;
  }
  #mainNav * {
	margin: 0;
  }
  #mainNav ul.tab {
	display: none;
  }
  #mainNav h4 {
	padding: 0 0 4px;
	border-bottom: 1px solid #d6d6d6;
	font-size: 16px;
  }
  #mainNav .basic-s {
	margin-top: 15px;
  }
}

* html #mainBox #mainNav {
	float: left;
}

*:first-child + html #mainBox #mainNav {
	float: left;
}

/* tabTxt
--------------------------------------------------------- */
ul.tabTxt {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
ul.tabTxt li {
	display: inline;
	padding: 0 4px;
	border-left: 1px solid #ccc;
	font-weight: bold;
	line-height: 1;
}
ul.tabTxt li.first {
	border: none;
}
@media only screen and (max-width: 600px) {
  ul.tabTxt {
	display: none;
  }
}

/* =========================================================
	3: modal parts
========================================================= */
#nhkworld-english-live {
	background: #fff;
	font: 12px "Helvetica Neue", Helvetica, Roboto, "Droid Sans", Arial, Verdana, sans-serif;
}
#nhkworld-english-live #modal {
	width: 100%;
}
#nhkworld-english-live #modal h3 {
	margin: 30px 0 15px;
	font-size: 14px;
	text-align: center;
}

ul.selectPlayer {
	width: 100%;
	margin: auto;
	padding-top: 10px;
	text-align: center;
}
ul.selectPlayer li {
	display: inline;
	width: 102px;
	padding: 0 15px;
}

div.info {
	padding: 2px 10px 7px;
	background: #fff2f2;
}
div.info p {
	margin-top: 5px;
	line-height: 1.2;
}

ul.selectSpeed {
	width: 380px;
	margin: 10px auto 0;
}
ul.selectSpeed li {
	display: inline;
	width: 147px;
	padding: 0 15px;
}

/* =========================================================
	4: for SMART PHONE
========================================================= */
.spDisplay,
td.spDisplay {
	display: none;
}
@media only screen and (max-width: 600px) {
  .spDisplay,
  td.spDisplay {
	display: block;
  }
}

/* BREAK POINT size: 600px
--------------------------------------------------------- */
#contentHead {
	display: none;
}

@media only screen and (max-width: 600px) {
  .appBnr {
	margin: 15px 0 20px;
	text-align: center;
  }

  /* contentHead */
  #contentHead {
	zoom: 1;
  }
  #contentHead:before, #contentHead:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
  }
  #contentHead:after {
	clear: both;
  }

  #contentHead {
	display: block;
	width: 96%;
	margin: 0 2%;
	padding: 0 0 7px;
	border-bottom: 4px solid #b6afaa;
  }
  #contentHead h1 {
	float: left;
	width: 88%;
	margin: 0 !important;
	padding: 8px 2% 0 0 !important;
	border: none !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
	color: #1c1c1c;
  }
  #contentHead a {
	float: left;
	margin: -1px 0 0 -2.2%;
	padding-right: 2%;
  }
  #contentHead a.nw_sp_sidenav_o_trigger {
	display: block;
	width: 30px;
	height: 36px;
	background-image: url("/nhkworld/common/images/icon/menu_btn_hr.png");
	background-size: 100px auto;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
  }

  /* appIntroduce */
  .appIntroduce {
	width: 100%;
	margin-bottom: 10px;
  }
  .appIntroduce a {
	display: block;
	background: #fff;
  }
  .appIntroduce a img {
	float: left;
	width: 48px;
	margin-right: 10px;
  }
  .appIntroduce a div {
	float: left;
	width: 78%;
	padding-top: .5em;
  }
  .appIntroduce a div h2 {
	margin: 2px 0 !important;
	padding: 0 !important;
	border: none !important;
	font-size: 13px !important;
	line-height: 1.2;
	color: #141365 !important;
  }
  .appIntroduce a div p {
	font-size: 14px;
	line-height: 1.2;
  }
  .appIntroduce a:hover {
	border-color: #141365;
  }
  .appIntroduce a.inner {
	border: none;
  }

  /* hide parts */
  .spNoDisplay {
	display: none;
  }

  /* fold parts */
  .sp_func {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
  }
  .sp_func h3 {
	padding: 10px !important;
	background: #eae8e5 url("/nhkworld/common/images/icon/plus_hr.png") 98% 50% no-repeat;
	background-size: 24px auto;
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	cursor: pointer;
  }
  .sp_func h3.active {
	background-image: url("/nhkworld/common/images/icon/minus_hr.png");
  }
  .sp_func div {
	padding: 0 10px 10px;
	background: #eae8e5;
	border-radius: 0 0 6px 6px / 0 0 6px 6px;
  }
}