@charset "utf-8";
@import url("../../css/backward.css"); /* tempoary measure */

/* Global Initialization */
body,h1,h2,h3,h4,h5,p,ul,dl,ol,li,table,th,tr,td,form,dl,dt,dd {
 margin: 0px; padding: 0px; font-family: "Arial Unicode", "MS UI Gothic", SimSun, Sans-serif;} /* default font */

img {border:0;}
hr{display:none;}
ul{list-style-type:none;}
/* end of global initialization */

/* global functional styling */
.textBrowse {display:none}

body {BEHAVIOR: url("../../cmn/htc/csshover.htc"); /* only this file relative to the caller pages */ }
/* end of global functional styling */


/* could be skinning customization: */

/* current set: white background default set */
body{background: #ffffff; font-size: x-small;/*WIN IE5.5*/ font-size:/**/small;/*上記以外*/ color:#000;}

a:link,a:visited{color:#06c; text-decoration:none;}
a:hover,a:active{color:#06c; text-decoration:underline;}


/* wrapper */
#wrapper{width: 980px; margin: 0 auto;}
#wrapper img.header{display: block;  margin: 0 auto;}/* for old big header putting in the center of the screen */

#contents760{width: 760px; margin: 0 auto;}/* for old content in width 760px */

/* clearing up and integrate into consistent style later */
#contents{
	/*display:inline-table;*/
	display:block;
}

/* clearing up and integrate into consistent style later */
#contents:after{
content:"";
display:block;
clear:both;
visibility:hidden;
}

/* contents760, contents -> integrate to contentArea */
#contentArea {margin:0 Auto;}

#desc { /* for description point form */
	position:relative;
}

#desc .descItem { /* base on "style1" in catalog_style */
	font-size: 12px
}

/* base on "t14" in catalog_style for product title / background color for product title x width 760px*/
.titleArea760{ 
  	line-height:2;
	font-size:14px;
	font-weight:bolder;
	text-indent:10px;
	color:#666666;
	background-color: #F5E4E6;
	text-align:center;
}

.titleArea760 h1{ 
	font-size:21px;
  	line-height:130%;	
}

/*【Common/share: header】*/
#header {position:relative; width: 980px; /* border:3px solid #6666CC; */}

/*【Konami Logo area】*/
/* エリア */
#header .konami {float: left;}
#header .konami a {margin: 5px 0px 0px 0px; width: 110px; height: 23px; display:block;}/* Logo link */
#header .konami a {background: url("../../images/logo/klogo110.gif") no-repeat;} /*【コナミロゴ】画像 */ /* can be part of a skin CSS */

/*【language menu set】 */
#header #langMenu{width: 980px; height: 32px} /* if no character inside langMenu, height have to be defined explicitly */
#header .thinMenu{width: 980px;}
#header .thinMenu img {display:inline;}

/*#header .langMenu img{display:inline;}*/
ul.menu li{display:inline} /* for all menu in ul list form with float property*/

/* position&size control */
/*#header #topDump, #header #en, #header #cnt, #header #cns, #header #en_selected, #header #cnt_selected, #header #cns_selected {float:left;}*/
#topDump, #en, #cnt, #cns, #en_selected, #cnt_selected, #cns_selected {float:left;}

/*#header #en, #header #cnt, #header #cns, #header #en_selected, #header #cnt_selected, #header #cns_selected {width:59px; height:32px;}*/
#en, #cnt, #cns, #en_selected, #cnt_selected, #cns_selected {width:59px; height:32px;}

/* btn image */
/*#header #en {background: url("../images/top/topMenu_en.jpg") no-repeat;}
#header #cnt {background: url("../images/top/topMenu_cnt.jpg") no-repeat;}
#header #cns {background: url("../images/top/topMenu_cns.jpg") no-repeat;}*/
#en {background: url("../../images/top/topMenu_en.jpg") no-repeat;}
#cnt {background: url("../../images/top/topMenu_cnt.jpg") no-repeat;}
#cns {background: url("../../images/top/topMenu_cns.jpg") no-repeat;}

/* btn hover image*/
/*#header #en:hover, #header #en_selected{background: url("../images/top/topMenu_en_o.jpg") no-repeat;}
#header #cnt:hover, #header #cnt_selected{background: url("../images/top/topMenu_cnt_o.jpg") no-repeat;}
#header #cns:hover, #header #cns_selected{background: url("../images/top/topMenu_cns_o.jpg") no-repeat;}*/
#en:hover, #en_selected {background: url("../../images/top/topMenu_en_o.jpg") no-repeat;}
#cnt:hover, #cnt_selected {background: url("../../images/top/topMenu_cnt_o.jpg") no-repeat;}
#cns:hover, #cns_selected {background: url("../../images/top/topMenu_cns_o.jpg") no-repeat;}

/* dump area without btn */
/*#header #topDump{background: url("../images/top/topMenu_bar.jpg") no-repeat; width:803px; height:16px; margin-top:16px;}*/
#topDump{background: url("../../images/top/topMenu_bar.jpg") no-repeat; width:803px; height:16px; margin-top:16px;}
/* end of language menu set */

#companyName {position:absolute; top:27px; left:513px;}

/* flash */
#flash{}

#main_area{position: relative; margin:5px auto;}
/* for product information and so on */
#main_area780{position:relative;margin:16px auto; width:780px; /* border:#FF0000 3px solid; */}

/* non-absolute area for footer have a relative reference point */
#left_area{}

#right_area{position:absolute;/*margin: 3px auto;*/width: 220px; top: 0px; left: 760px;}
#right_area img{margin: 0px 0px 0px 8px; /* without slideshow script: 2px 0px 0px 8px; because using flashAlternativeImgA, the 1st image margin is set to 0 explicitly to avoid inconsistency */display:block;}
#right_area .flashAlternativeImgA{margin-top: 0; margin-left: 0px;}
#right_area .separator{margin: 0px auto; display:block;}


#flashAlternativeA{margin-top: 0px;	margin-left: 8px;}

#menu_area{
	position:relative;
	width: 760px;
}

#menu_main{float:left; width:500px; /*current length is 457px, set it 500px for spare space */}
#menu_main img{margin: 0;}


/* localized general menu position&size control*/
#menu_general {float:right;	text-align:right;}
#menu_general img {margin:0; padding:0;}
/* end of general menu*/

#detail_area{
	clear:both;
	display:block;
	height:185px;
	margin: 0;
}

#detail_area iframe{
	display:block;
	width:760px;	
	height:63px;
    border: none; /* IE6 cannot read it */
	/*frameborder: 0;*/ /* IE6 cannot read it */
	/*marginheight: 0; 
	marginwidth: 0;*/
}

.update_details_table, .notice_table{
	margin: 3px;
	width:757px;
	height:67px;
	overflow:auto;
	/* scrollbar style is IE only */
	/*scrollbar-arrow-color:#ecccfc;
	scrollbar-base-color:#2a4d60;
	scrollbar-darkshadow-color:#2a4d60;
	scrollbar-highlight-color:#ecccfc;
	scrollbar-shadow-color:#ecccfc;
	scrollbar-track-color:#2a4d60;*/
}

#update_area{
}

#news_area{
}

/* footer */
#footer {width:980px; position:relative;}

/*tempoarily*/
#footer .copyBg { /* tile for 980, for copyright words + tite background only*/
	position:absolute;
	width: 980px;
	height: 26px; /* same as image background height */
	background-image: url(../../images/copy_bg_tile.jpg); /* this tile is based on footer.gif */
	background-repeat: repeat-x;
}
/* usage_chk: otome, jubeat*/

#footer .copy_r {float:right; margin: 1px 0;}
/* usage_chk: byonbyon, dracula_arcade... */

/* for a whole copyright image */
#footer .copyImg_L {background: url("../../images/copy980_l.gif") no-repeat; width:980px; height: 24px; position:relative;} /* seems not necessary but reserve control of margin... and so on 080522 */
/* usage_chk: pawa_14_wii, pawa_14_ps2 */

/* backward compatibility */
#footer .copyImg {background: url("../../images/copy980_l.gif") no-repeat; width:980px; height:24px; position:relative;} /* seems not necessary but reserve control of margin... and so on 080522 */
/* usage_chk: index_ps2, index_wii... */

/* sub copyright for product introduction sections */
#footer .subCopy760 {width:760px; text-align:left;}
/* usage_chk: timehollow_ds, pes2008_pc */

#footer .subCopy_r {text-align:right;}
/* usage_chk:  pawa_14_ps2 */

#footer .subCopy {text-align:left;}
/* usage_chk:  jubeat, byonbyon*/

#footer h6 {font: 12px/16px Arial; margin:0 8px 0 8px;}

/* hideout any span that is for text only browser/browsing behaviour */

#footer .about a{position:absolute; text-align: left; top:5px; left:883px; width:110px; height:10px;}
#footer .about a {color:#666666; font: bold 10px/14px SimHei; letter-spacing: 0px; text-decoration:none;}
#footer .about a:hover {text-decoration:underline;}

/* clear all float area for these IDs, thinMenu is deprecated */
#header #langMenu, #main_area, #main_area780, #catmenu, #gsmenu {clear:both;}

/* could become category.css later if more */
#currentLocation {position:absolute; width:250px; top:68px; left:29px; font-weight:bold; font-size:16px;}
#currentLocation a {text-decoration:none; font-size:16px;}
#currentLocation a:hover {color:#66cc33;} /* bright green 66cc33*/
#currentLocation img{} /* vertical-align:bottom for FF is best */
#currentLocation, #currentLocation a {color:#666666}
#submStatusGRP {position:absolute; width:19px; display:inline; left: 6px; top: 67px;}