/*
########################################################
  main visuals
########################################################
*/

#face {
	width: 100%;
	clear: both;
	display:none;
}

#visuals {
	position: relative;
	width: 100%;
	height: 400px;
	margin:0 auto;
	background: url(../../img/visbg.jpg) no-repeat 50% 0;
  min-width: 948px;
}

#slides {
	position: relative;
	left: 0px;
	top:-1px;
	max-width: 1026px;
	*max-width: 1024px;
	min-width: 948px;
	height: 400px;
	overflow: hidden;
	margin:0 auto;
}

#slides a{
	display:block;
	width:1024px;
	height:360px;
	position:absolute;
	left:1px;
	top:1px;
}

#slides a{
	*width: auto;
	*height:auto;
	*left:0;
	*top:0;
}

#slides a:hover{
	/*-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);*/
}

.noside {
	background-repeat: no-repeat;
	height: 400px;
	position: absolute;
	display: none !important;
}

.forside {
	width: 100%;
	height: 400px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	display: block;
}

.backside {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: absolute;
	display: block;
}


/*
########################################################

########################################################
*/

#slideLogo{
	display:none;
	margin:93px 0 0 398px;
}

#logoslide {
	position: absolute;
	width: 100%;
	height: 400px;
	background: url(../../img/visbg.jpg) no-repeat 50% 0;
}

/*
########################################################
  slide - popup
########################################################
*/

#unitBlockslide {
	position: relative;
	top: -470px;
	width: 948px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/*
########################################################
  slide navigation
########################################################
*/

#slidenavi{
	position: relative;
	height: 20px;
	width: 252px;
	margin-left: auto;
	margin-right: 0px;
	top: 267px;

	left: 18px;
	padding: 15px;
	background-image: url(../../img/trap.gif);
	background-repeat: repeat;
	font-size: 11px;
}


#slidedesc {
	position: relative;
	background-image: url(../../img/ifback.png);
	width: 168px;
	height: 20px;
	float: left;
	top: -50px;
	color: white;
	padding-left: 3px;
	line-height: 21px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: 0px;
}

.slidebtn {
	margin-right: 0px;
	margin-left: 2px;
	position: relative;
	width: 18px;
	height: 20px;
	background-image: url(../../img/ifbtn.png);
	float: left;
	cursor: pointer;
}

.slideb{
}

#sll {
	background-image: url(../../img/left.png);
	width: 3px;
	height: 20px;
	margin-left: 2px;
	float: left;
}

#slc {
	background-image: url(../../img/center.png);
	background-repeat:repeat-x;
	width: 12px;
	height: 20px;
	float: left;
	color: white;
	overflow: hidden;
	white-space: nowrap;
	line-height: 2em; 
}

#slr {
	background-image: url(../../img/right.png);
	width: 3px;
	height: 20px;
	float: left;
}


/*
########################################################
  businessmenu popup
########################################################
*/


#businessmenu {
	position:absolute;
	top: 331px;

	margin:0 auto;
	width:956px;
}

#businessmenu li{
	float:left;
	vertical-align:bottom;
}

#businessmenu li img{
	vertical-align:bottom;
}

#businessmenuup {
	position:absolute;
	height: 91px;
	top: 240px;
	overflow: hidden;
}

.bmbtn {
	width: 136px;
	height: 51px;
	float:left;
}

.bmbtn{
	position:relative;
	cursor:pointer !important
}

.bmbtn a{
	position:absolute;
	cursor:pointer !important;
	overflow:hidden;
	/*text-indent:-9999em;*/
	width: 136px;
	height: 51px;
	display:block;
}

.bmbtn img{
	/*display:none;*/
}

#electronics{
	width: 135px;
}

#b2b {
	width: 133px;
}

#electronics ,
#electronics a{
	background-image: url(../../img/btn/btn_01_off.png);
	width: 135px;
}

#electronics{
	*background-image: none;
}

#game ,
#game a{
	background-image: url(../../img/btn/btn_02_off.png);
}

#movie ,
#movie a{
	background-image: url(../../img/btn/btn_03_off.png);
}

#music ,
#music a{
	background-image: url(../../img/btn/btn_04_off.png);
}

#internet ,
#internet a{
	background-image: url(../../img/btn/btn_05_off.png);
}

#finance ,
#finance a{
	background-image: url(../../img/btn/btn_06_off.png);
}

#b2b ,
#b2b a{
	background-image: url(../../img/btn/btn_07_off.png);
	width: 133px;
}

#b2b {
	*background-image: none;
}

#electronics a{
	width: 135px;
}

#b2b a {
	width: 133px;
}

#electronics a.bmbtnOver{
	background-image: url(../../img/btn/btn_01_on.png);
}

#game a.bmbtnOver {
	background-image: url(../../img/btn/btn_02_on.png);
}

#movie a.bmbtnOver {
	background-image: url(../../img/btn/btn_03_on.png);
}

#music a.bmbtnOver {
	background-image: url(../../img/btn/btn_04_on.png);
}

#internet a.bmbtnOver {
	background-image: url(../../img/btn/btn_05_on.png);
}

#finance a.bmbtnOver {
	background-image: url(../../img/btn/btn_06_on.png);
}

#b2b a.bmbtnOver {
	background-image: url(../../img/btn/btn_07_on.png);
}



#electronics a.bmbtnOut{
	background-image: url(../../img/btn/btn_01_off.png);
}

#game a.bmbtnOut {
	background-image: url(../../img/btn/btn_02_off.png);
}

#movie a.bmbtnOut {
	background-image: url(../../img/btn/btn_03_off.png);
}

#music a.bmbtnOut {
	background-image: url(../../img/btn/btn_04_off.png);
}

#internet a.bmbtnOut {
	background-image: url(../../img/btn/btn_05_off.png);
}

#finance a.bmbtnOut {
	background-image: url(../../img/btn/btn_06_off.png);
}

#b2b a.bmbtnOut {
	background-image: url(../../img/btn/btn_07_off.png);
}



.upthumb {
	width: 136px;
	height: 133px;
	float:left;
	background-repeat: no-repeat;
	position: relative;

	top: 133px;
	overflow: hidden;
	-moz-opacity: 0.83;
	opacity:.83;
	filter: alpha(opacity=83);
}

.upthumb img {
	position: absolute;
	top: 1px;
}

#electronics2 {

	width: 135px;












}























#b2b2 {

	width: 133px;
}

/* ie6 png fix */

/** html .bmbtn ,
* html .bmbtn a,
* html .bmbtn a.bmbtnOver,
* html #electronics,
* html .bmbtn,*/
* html .upthumb img,
* html #slidedesc ,
* html .slidebtn ,
* html #sll ,
* html #slc ,
* html #slr {
  behavior: expression(IEPNGFIX.fix(this));
}


/*
########################################################
  font-size style
########################################################
*/

.mainFontSize{
	font-size:95% !important;
}

.mainFontSizeLinkNone{
	font-size:95% !important;
}

span.mainFontSizeLinkNone a,
span.mainFontSizeLinkNone a:hover
span.mainFontSizeLinkNone a:visited,
span.mainFontSizeLinkNone a:active{
	cursor:text !important;
	text-decoration:none !important;
	color:#01498e !important;
}

.categoryFontSize{
	font-size:80% !important;
	font-weight: normal; !important
}

.pubDataFontSize{
	font-size:80% !important;
	font-weight:bold !important;
}

.sideContentsFontSize{
	font-size:85% !important;
}

p.movieRecoTxt .sideContentsFontSize,
p.movieRecoTxt .sideContentsFontSizeLinkNone,
p.rankSearchTxt .sideContentsFontSize,
p.rankSearchTxt .sideContentsFontSizeLinkNone{
	font-size:95% !important;
}

.sideContentsFontSizeLinkNone{
	font-size:85% !important;
}

span.sideContentsFontSizeLinkNone a,
span.sideContentsFontSizeLinkNone a:hover
span.sideContentsFontSizeLinkNone a:visited,
span.sideContentsFontSizeLinkNone a:active{
	cursor:text !important;
	text-decoration:none !important;
	color:#01498e !important;
}


/*
########################################################
  preload image
########################################################
*/

#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(../images/tab_corporate_out.gif);
	background-image: url(../images/tab_corporate_over.gif);
	background-image: url(../images/tab_csr_out.gif);
	background-image: url(../images/tab_csr_over.gif);
	background-image: url(../images/tab_invest_out.gif);
	background-image: url(../images/tab_invest_over.gif);
	background-image: url(../images/tab_mora_out.gif);
	background-image: url(../images/tab_mora_over.gif);
	background-image: url(../images/tab_movie_out.gif);
	background-image: url(../images/tab_movie_over.gif);
	background-image: url(../images/tab_new_out.gif);
	background-image: url(../images/tab_new_over.gif);
	background-image: url(../images/tab_osusume_out.gif);
	background-image: url(../images/tab_osusume_over.gif);
	background-image: url(../images/tab_play_out.gif);
	background-image: url(../images/tab_play_over.gif);
	background-image: url(../images/tab_recruit_out.gif);
	background-image: url(../images/tab_recruit_over.gif);
	background-image: url(../images/tab_search_out.gif);
	background-image: url(../images/tab_search_over.gif);
	background-image: url(../images/tab_technology_out.gif);
	background-image: url(../images/tab_technology_over.gif);
}


/*
########################################################
  loarding image
########################################################
*/

.loarderIMG{
	padding:0;
	text-align:center;
	display:none;
}

div#rankSearch div.unitBlockData .loarderIMG,
div#rankSearch div.unitBlockDataNone .loarderIMG{
	margin:0px 0 0 0 !important;
}

div.unitBlockData .loarderIMG,
div.unitBlockDataNone .loarderIMG{
	margin:20px 0 0 0;
}

div#viewImportantNews div.unitBlockData .loarderIMG,
div#viewImportantNews div.unitBlockDataNone .loarderIMG{
	margin:15px 0 0 0;
}

div#rankMora div.unitBlockData .loarderIMG,
div#rankMora div.unitBlockDataNone .loarderIMG{
	margin:13px 0 0 0;
}

div#rankSearch div.unitBlockData .loarderIMG,
div#rankSearch div.unitBlockDataNone .loarderIMG{
	margin:0px 0 0 0;
}

/*
########################################################
  .noscript
########################################################
*/

#mainNoscript{
	width:1032px;
	text-align:center !important;
	background:url(../../img/visbg.jpg) no-repeat 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#mainNoscript p{
	text-align:center !important;
}

.infoNoscript{
	font-size:95% !important;
	padding:10px 9px 15px 9px;
}

/*
########################################################
  failure style
########################################################
*/

div.txtFailure{
	padding:10px 9px 10px 9px;
	*line-height:1.3;
}

/*
########################################################
  ranking style
########################################################
*/


div#rankSearch div.unitBlockData,
div#rankSearch div.unitBlockDataNone{
	padding:4px 16px 7px 8px;
}

div#rankSearch p.rankSearchTxt{
	width:170px;
	margin:2px 0 0 0 !important;
}


/*
########################################################
  unitBlock height
########################################################
*/

div.unitBlockData,
div.unitBlockDataNone{
	*height:56px;
	min-height:56px;
}

div#viewImportantNews div.unitBlockData,
div#viewImportantNews div.unitBlockDataNone{
	*height:56px;
	min-height:56px;
}

div#rankMora div.unitBlockData,
div#rankMora div.unitBlockDataNone{
	*height:48px;
	min-height:48px;
}

div#rankSearch div.unitBlockData,
div#rankSearch div.unitBlockDataNone{
	*height:16px;
	min-height:16px;
}

*:first-child+html div.unitBlockData,
*:first-child+html div.unitBlockDataNone{
	height: auto !important;
}

/*
########################################################
  z-index control
########################################################
*/

#slidenavi{
	z-index: 30;
	*z-index: 30;
}

#businessmenu {
	z-index: 30;
	*z-index: 30;
}

#businessmenuup {
	*z-index: 29;
}

.upthumb {
	z-index:30;
}

/*
########################################################
  alpha control
########################################################
*/

.alpha60{
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}

.alpha75{
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
}

.alpha80{
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.alpha83{
	-moz-opacity: 0.83;
	opacity:.83;
	filter: alpha(opacity=83);
}

.alpha90{
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}

.alpha100{
	-moz-opacity: 1.0;
	opacity:1.00;
	filter: alpha(opacity=100);
}

/*
########################################################
  random banner
########################################################
*/

.randomClass{
	display:none;
}