@charset "utf-8";
@import url("initialize.css"); /* global initialization */
@import url("table.css"); /* global initialization */

/* structure:
【Common/share: Konami Logo area】
【Common/share: wrapper】
【Common/share: header】
【Common/share: main_area/main_area780】
【Common/share: footer】
 [[Common/share: global functional styles]]
*/

/* 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;}

/*【Common/share: wrapper size: 980px】*/
#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 */

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

/*【Common/share: Konami Logo area】*/
#header .konami {float: left;}
#header .konami a {margin: 5px 0px 0px 5px; width: 110px; height: 23px; display:block;}/* Logo link */
#header .konami a {background:url(images/logo/klogo110.gif) no-repeat;} /* Logo image */ 

/*【Common/share: Main Content Area】*/
#main_area{position: relative; margin:5px auto;}

/* for product information and so on main_area780 is going to replace contents760 */
#main_area780{position:relative;margin:16px auto; width:780px; /* border:#FF0000 3px solid; */}

/* clearing up and integrate into consistent style later */
#contents{/*display:inline-table;*/	display:block;}
#contents p.special{text-indent:16px;font-size:22px;line-height:150%;margin:8px 0;}

#contents:after{content:""; display:block;clear:both; visibility:hidden;}/* copy from old page eg ddr_sn2 */
#contents760{width: 760px; margin: 0 auto;}/* for old content in width 760px, only mgs4_ps3 and 2dx14_ps2 */

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

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

ul.menu li{display:inline} /* for all menu in ul list form with float property */

/* position&size control */

#topDump, #en, #cnt, #cns, #en_selected, #cnt_selected, #cns_selected,#en_disabled, #cnt_disabled, #cns_disabled {float:left;}

#en, #cnt, #cns, #en_selected, #cnt_selected, #cns_selected, 
#en_disabled, #cnt_disabled, #cns_disabled {width:59px; height:32px;}

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

/* btn hover image*/
/*#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;}*/

#en:hover, #en_selected {background-position: 0 -32px;}
#cnt:hover, #cnt_selected {background-position: 0 -32px;}
#cns:hover, #cns_selected {background-position: 0 -32px;}

#en_disabled {background: url("images/top/topMenu_en_disabled.jpg") no-repeat;}
#cnt_disabled {background: url("images/top/topMenu_cnt_disabled.jpg") no-repeat;}
#cns_disabled {background: url("images/top/topMenu_cns_disabled.jpg") no-repeat;}



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


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


/*【Common/share: footer】 */
#footer {width:980px; position:relative; margin: 8px 0;}

/*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;} /* deprecated */
/* usage_chk:  pawa_14_ps2 */
#footer .subCopy {} /* deprecated */
/* usage_chk:  jubeat, byonbyon*/

#subCopy {/* default is left already */}

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

/* terms, privacy(with user input only), about => basic foot links, 
   use <ul> to group because css-disabled browsers can still view in a systematic way
   add privacy later 
   extended foot links => terms, sitemap, recruit
   for pages other than root/lang/index.html 
   developing: a.faq may put into category menu? 
   4 chinese characters=>45px wide, 9 characters=>101px wide
*/

/* position */
#footer a {position:absolute; text-align: left; top:5px; height:10px;}
#footer a.about, #footer a.terms, #footer a.sitemap, #footer a.contact, #footer a.recruit, #footer a.faq, #footer a.globalSite, #footer a.customer
{color:#666666; font: bold 11px/14px SimHei; letter-spacing: 0px; text-decoration:none;}

/* hover style for all links */
#footer a:hover {text-decoration:underline;} 
/*【/footer】 */

/* could become category.css later if more */
#currentLocation {font-size:16px;}
#currentLocation a {text-decoration:none; font-size:16px;}
#currentLocation a:hover {color:#66cc33;} 
/* bright green 66cc33(default: game), bright purple cc99cc(mo), bright blue 00b1fd(am), bright orange ffcc00(card)*/
#currentLocation img{} /* vertical-align:bottom for FF is best */
#currentLocation, #currentLocation a {color:#333;}

/* inside currentLocation */
.withSubmenu {left:29px;} 
.noSubmenu {left:19px;}
.withSubmenu, .noSubmenu {position:absolute; width:250px; top:66px; font-weight:bold;}

#submStatusGRP {position:absolute; width:19px; display:inline; left: 6px; top: 65px;}

#currentLocation, #submStatusGRP{z-index:120;}


#prodTitleArea h1.noticeTitle, #prodTitleArea h1.generalTitle{font-size:26px; padding-top:24px;}
#prodTitleArea h1.noticeTitle {color:#FF0000;} /* red notice */
#prodTitleArea h1.generalTitle {} /* general usage, default color */

#textArea {font-size:16px; letter-spacing: 2px; line-height:150%}


/* [[Common/share: global functional styles]] --------------------------------- */
.textBrowse {display:none} /* hideout any span that is for text only browser/browsing behaviour */

/* for special overridding, don't abuse */
.center {margin: 0 auto; display: block;}
.centerText {text-align:center;}
.centerTbl{margin: 0 auto;}
.rightText {text-align:right;}
.leftText {text-align:left;}
.indent {text-indent: 25px;}
.noIndent {text-indent: 0px;}

.cancel {text-decoration:line-through;}
.campaign, .cancel, .warn {color:#FF0000;}
.campaign {font-size:16px;font-weight:bold;}

.spaceClear{clear:both;}
.newIcon {background:url(images/new_icon.gif) no-repeat center center;width:30px; height:16px;border:0;display:inline-block;}

.super {vertical-align:super;}

/* 1st time for gs game info use */
.generalList{
	list-style-position:outside;
	list-style-type:square;
	padding-left:37px;
	} 
	
.generalList li{padding-right:12px;}

.genMsg{font-size:18px;line-height:150%;}

#footer a.copyright{position:relative;top:0;}
/* [[/Common/share: global functional styles]] --------------------------------- */