/* Updated 2016/11/10,D */
/* Updated 2012/03/26,D */

@import "/common_css_e/default_wide.css";
@import "/common_css_e/component_wide.css";


/*--------------------------------------
  clearfix
---------------------------------------*/

*:after {	display:block;	clear:both;	height:0;	visibility:hidden; }
.clearfix { zoom:1;}
.clearfix:after {	content:".";} 


/*--------------------------------------
  Contents_Top
---------------------------------------*/

#leftClum,
#rightClum {
	padding-top:20px;
}

#contents_top {
	width:740px;
}

/* vi*/
#contents_top div.indexVi {
	height:208px;
	margin-bottom:12px;
	width:740px;
}

#contents_top div.topReadSpeaker {
	height:16px;
	margin:0 0 20px 380px;
	width:360px;
}
#contents_top div.topReadSpeaker:after {	content:".";}

#contents_top div.readSpeaker {
	float:left;
	width:137px;
}

#contents_top p.readSpeaker_notice {
	float:right;
	padding-top:2px;
	width:218px;
}

/* categorybox */
#contents_top div.categorybox {
	border:solid 1px #C6DA95;
	width:738px;
	margin-bottom:30px;
}

#contents_top div.categorybox div.title {
	background:url(/english/image_uniq/bg_title_01.gif) repeat-x left bottom;
	margin:0 1px;
	min-height:35px;
	_height:35px;
	width:239px;
}

#contents_top div.categorybox div.title h2,
#contents_top div.categorybox div.title h3 {
	background:url(/common_images/icon_arwright_box.gif) no-repeat 11px 11px;
	padding:8px 0 0 30px;
	line-height:1.6;
}

#contents_top div.categorybox div.detail {
	padding:13px 15px 5px;
}

#contents_top div.categorybox div.detail ul.link {
	width:221px;
}

#contents_top div.categorybox div.detail ul.link li {
	margin-bottom:5px;
	background:url(/common_images/arrow_small3.gif) no-repeat 1px .2em;
	padding-left:13px;
}

#contents_top .imgtitle01 {
	background:url(/english/image_uniq/bg_title_03.gif) left top repeat-x;
	margin-bottom:15px;
	position:relative;
	width:740px;
}
#contents_top .imgtitle01:after {	content:".";}

#contents_top .imgtitle01 h2 {
	height:40px;
	line-height:1;
	width:400px;
}

#contents_top .imgtitle01 ul {
	left:417px;
	height:40px;
	position:absolute;
	top:0;
	width:323px;
	z-index:2;
}

#contents_top .imgtitle01 ul li {
	float:right;
}

/* categoryclm2 */
#contents_top div.categoryclm2 {
	width:740px;
	background:url(/english/image_uniq/bg_categorybox.gif) no-repeat left bottom;
	margin-bottom:25px;
}

#contents_top div.categoryclm2:after {
	content:".";
}

#contents_top div.categoryclm2 div.categorybox {
	width:241px;
	padding:0 0 1px;
	border:none;
	border-top:solid 1px #C6DA95;
	float:left;
	display:inline;
	margin:0 8px 0 0;
}

#contents_top div.categoryImg {
	height:64px;
	width:241px;
}

#contents_top div.categoryclm2 div.categorybox div.detail {
	padding:13px 5px 5px 15px;
}

#contents_top div.categoryclm2 div.categorybox.r {
	margin:0;
}

/* news */
#contents_top div.news,
#contents_top div.whats {
	clear:both;
	margin-bottom:20px;
	width:740px;
}

#contents_top div.news dl,
#contents_top div.whats dl {
	clear:both;
	display:block;
	margin:0 12px;
	width:716px;
}

#contents_top div.news dt {
	float:left;
	clear:both;
	width:11em;
}

#contents_top div.news dd {
	padding-left:11em;
	line-height:140%;
	margin-bottom:5px;
}

/* whats news */
#contents_top div.whats dt {
	float:left;
	clear:both;
	width:8em;
}

#contents_top div.whats dd {
	padding-left:8em;
	line-height:140%;
	margin-bottom:5px;
}


/* otherNews */
#contents_top div.otherNews {
	margin-bottom:25px;
	width:740px;
}

#contents_top div.otherNews div.title {
	border-bottom:solid 1px #4A8500;
	zoom:1;
	margin-bottom:10px;
}

#contents_top div.otherNews div.title h2 {
	background:url(/english/image_uniq/bg_title_02.gif) no-repeat 0 1px;
	clear:both;
	line-height:1.6;
	padding:0 0 3px 12px;
	color:#318330;
}

#contents_top div.otherNews ul li {
	background:url(/common_images/arrow_small3.gif) no-repeat 1px .2em;
	line-height:140%;
	padding:0 0 5px 13px;
}


/*--------------------------------------
  ReadSpeaker
---------------------------------------*/

.rsbtn{
	display:block;
	position: static !important;
	height: auto !important;
	float: right !important;
}
.rsbtn:after{
	content:"" !important;
	display:table !important;
	clear: both !important;
}

.rsbtn .rsbtn_play ,
p.readSpeaker_notice{
	display: inline-block !important;
}

