/*\*//*/
@import "ie5mac.css";
/**/

@import "search.css";
@import "game.css";
@import "pageNav.css";
@import "gameTabs.css";
@import "community.css";
@import "typography.css";
@import "user.css";
@import "column.css";
@import "video.css";
@import "myWazap.css";
@import "ads.css";


/* =HTML Elements
 ----------------------------------------------------- */
/*
img {behavior: url(//img.jp.wazap.com/phoenix/css/assets/iepngfix.htc);}
*/

body {
	margin: 0;
	padding: 0; /* Opera */
	position: absolute;
	left: 5px;
}

/*  :REMINDER: this is the site slogan, which appears on top of the page */
h1 {
	position: absolute;
	z-index: 1000;
	top: 4px;
	right: 375px;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

img.noImage {
	border: 1px solid #999;
}

a:link, a:visited {
	border-bottom: 1px dashed;
}
a:active, a:hover {
	border-bottom: 1px solid;
}


/* =General Markup
----------------------------------------------------- */
.clear {
	clear: both;
	line-height: 0;
}

.none,
.invisible {
	display: none;
}

a#gamePurchaseLink,
a.no-deco,
a.no-deco:hover,
a.noDeco,
a.noDeco:hover,
a.noBorder,
a.noBorder:hover,
table a.noBorder,
table a.noBorder:hover {
	border-bottom: none;
}

.noWrap{
	white-space: nowrap;
}

#progressOn,
#progress-on {
	background-color: #FFFACD;
	padding: 0.2em 0.4em;
}

/* =Basic Layout
------------------------------------------------------------------------------- */
#pageHeader {
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	width: 993px;
	background: url(//img.jp.wazap.com/phoenix/img/1.0/headerBG.gif) no-repeat;
	min-height: 74px;
}

#wrapper {
	width: 998px;
	height: auto;
}

#mainContent {
	width: 610px;
	float: left;
	margin-left: 5px;
	padding: 0;
	display: inline; /* :KLUDGE: double-margin float bug hack for IE, otherwise BG image doesn't appear */
	/*position: relative;*/
}

#mainContent p,
#mainContent dl {
	margin-left: 20px;
}

#subContent {
	width: 360px;
	float: right;
	padding: 0 0 10px 0;
	margin: 0 10px 0 0;
	display: inline; /* KLUDGE:  double-margin float bug hack for IE */
	/*position: relative;*/
}

#footer {
	margin-top: 20px;
	height: 1%;
}

#footer .surveyLink {
	background: url(//img.jp.wazap.com/phoenix/img/1.0/footer/survey_bottom.png) no-repeat center;
	/*padding: 10px 0.2em;*/
	color: White;
	margin: 10px 0; /* :TODO: IE5 hack */
	padding: 0;
	line-height: 34px;
	text-align: center;
}

#footer .surveyLink a:visited {
	color: Blue;
}

#mainContent div#outside {
	position: relative;
	width: 610px;
}

#mainContent div#outside div.absoluteSub {
	position: absolute;
	left: 625px;
	top: 0;
	width: 360px;
}

/* =Header: Logo
------------------------------------------------------------------------------- */
#pageHeader form {
	float: left;
	width: 400px;
}

#pageHeader form,
#pageHeader form fieldset {
	margin: 0;
	padding: 0;
}

/*  :REMINDER: site logo; replacing the text link with the site logo */
#pageHeader h2 {
	/* :REMINDER: make sure width and height are the same as the background image */
	margin: 10px 10px 0 6px;
	padding: 0;
	float: left;
	display: inline;
	background: transparent url(//img.jp.wazap.com/phoenix/img/wazapSearchSmall.gif) no-repeat;
}

	 #pageHeader h2 a {
	 	width: 171px;
		height: 42px;
		display: block;
		text-indent: -9999px;
		border: none;
	}

#pageHeader p#headerLinks {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: normal;
	display: inline;
	float: right;
	position: relative;
	width: 200px;
	height: 74px;
	/*border: 1px solid red;*/
}

#pageHeader p#headerLinks span.helloUser {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#pageHeader p#headerLinks a.login,
#pageHeader p#headerLinks a.loginFull {
	position: relative;
}

/* =Header: Wazap! Suggestion
------------------------------------------------------------------------------- */

#wsuggest {
	padding: 0;
	margin: 0 8px 10px 5px;
}

	#wsuggest p {
		border-bottom: 1px solid #DCDCDC;
		padding-bottom: 0.6em;
		margin: 0;
	}

		#wsuggest p span.block {
			display: block;
			margin-bottom: 0.2em;
		}

		#wsuggest p span.allResults,
		#wsuggest p span.all-results {
			margin-left: 0.4em;
		}

			
			
/* =Search Form: Generic
----------------------------------------------------- */
form fieldset {
	padding: 2px 8px;
	border: none;
}

fieldset legend {
	display: none;
}

fieldset input.queryBox {
	width: 310px;
}

/* =Search Form: Main top
----------------------------------------------------- */

/*#pageHeader form,*/
form#mainSearch {
	margin-left: 171px; /* width of the h2 image */
}

	#pageHeader form fieldset {
		height: 55px;
	}

	#pageHeader form fieldset,
	form#mainSearch fieldset {
		padding-top: 19px;
	}

	#pageHeader form .searchCats,
	form#mainSearch .searchCats {
		position: absolute;
		top: 26px;
	}

#pageHeader form .searchCats span.web,
form#mainSearch .searchCats span.web {
	display: block;
	position: relative;
	background: url(//img.jp.wazap.com/phoenix/img/webCatBG.gif) no-repeat top center;
	width: 44px;
	height: 26px;
	padding-top: 3px;
}

#pageHeader form .searchBox,
form#mainSearch .searchBox {
	border: 1px solid #00529c;
	background: #72a3d0 url(//img.jp.wazap.com/phoenix/img/searchInputBG.gif) repeat-x;
	width: 420px;
	padding: 4px 6px;
	margin: 0;
}


/* =Search Form: Sub bottom
----------------------------------------------------- */
#footer form,
form#subSearch {
	border: 1px solid #808080;
	background: #FEFEFE url(//img.jp.wazap.com/phoenix/img/1.0/main/bottomSearchBG.gif) repeat-x;
}

#footer form fieldset,
form#subSearch fieldset {
	padding: 1em 0;
}


/* =Sub Column: Generic
----------------------------------------------------- */
#subContent p,
#subContent h5 {
	margin-left: 10px;
	margin-right: 10px;
}

#subContent .rb {
	margin-bottom: 14px;
}

		#subContent .rb .body {
			border-left: 1px solid #808080;
			border-right: 1px solid #808080;
			border-bottom: 1px solid #808080;
			margin-bottom: 0;
			padding-bottom: 0;
		}

#subContent .plain h3 {
		background: transparent url(//img.jp.wazap.com/phoenix/img/1.0/sub/h3Plain.gif) no-repeat top left;
		font-size: 9pt;
		line-height: 32px;
		text-indent: 10px;
}
			
#subContent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

	#subContent ul li {
		padding-left: 31px;
		padding-top: 6px;
		padding-bottom: 6px;
		position: relative; /* :REMINDER: otherwise bullet disappears in IE */
		height: 1%; /* :REMINDER: otherwise bullet disappears in IE */
	}
	
			#gameThreads ul li,
			#subContent ul li {
				background: url(//img.jp.wazap.com/phoenix/img/1.0/sub/bullet01.gif) no-repeat 10px 50%;
			}
			#poll ul li {
				background: url(//img.jp.wazap.com/phoenix/img/1.0/sub/bullet02.gif) no-repeat 10px 50%;
			}
			
			#subContent ul li.even,
			#subContent dl.even,
			#subContent div.even {
					background-color: #ebf6fd;
					position: relative; /* :REMINDER: otherwise background image disappears in IE */
					height: 1%; /* :REMINDER: otherwise background image disappears in IE */
			}
		
			#subContent dl.odd,
			#subContent ul li.odd {
				 	border-top: 1px dotted Gray;
					border-bottom: 1px dotted Gray;
					position: relative; /* :REMINDER: otherwise background image disappears in IE */
					height: 1%; /* :REMINDER: otherwise background image disappears in IE */
 			}
			
		/* :REMINDER: otherwise background image disappears in IE */
		 html>body #subContent ul li.odd,
		 html>body #subContent ul li.even,
		 html>body #subContent dl.odd,
		 html>body #subContent dl.even {
		 	height: auto;
		 }


/* =Main Column: Generic
----------------------------------------------------- */
#mainContent h2,
#mainContent h3 {
	margin-top: 0;
}

#mainContent h3 {
	background: url(//img.jp.wazap.com/phoenix/img/1.0/main/header/plain.gif) no-repeat top left;
	line-height: 32px;
	text-indent: 5px;
	font-size: 9pt;
}

#mainContent #gameDetails h3 {
	background: none;
	font-size: 12pt;
}

#mainContent div.even {
	background: #ebf4ff url(//img.jp.wazap.com/phoenix/img/1.0/main/cheat/overviewBG.gif) repeat-x top left;
}

#mainContent div.odd {
	background: #fff url(//img.jp.wazap.com/phoenix/img/1.0/main/cheat/oddBG.gif) left bottom repeat-x;
}

div#tabContent {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#mainContent .moreDetails {
	margin:0;
	padding: 0;
	position: absolute;
	top: 7px;
	right: 4px;
	padding-left: 8px;
}


/* =Main Column: Wazap! Category
----------------------------------------------------- */

#wazapCategories {
	margin-bottom: 2em;
}

	#wazapCategories h4 {
		margin-bottom: 0.4em;
	}

	 #wazapCategories dl {
	 	margin-top: 0;
	 }

		#wazapCategories dl dd {
			margin-left: 15px;
			padding-left: 15px;
			background: url(//img.jp.wazap.com/phoenix/img/ddArrow.gif) no-repeat;
		}

		
/* =Main Column: Game Info
----------------------------------------------------- */
#mainContent #gameInfo {
	position: relative;
	height: 1%;
}

#mainContent #gameInfo h2 {
		background: transparent url(//img.jp.wazap.com/phoenix/img/1.0/main/header/gameDetails.gif) no-repeat top left;
		height: 32px;
}

#mainContent #gameInfo h2 span {
		display: none;
}

#mainContent #gameInfo h3 {
	margin-bottom: 0.3em;
}

#mainContent #gameInfo img {
	width:auto;
	margin:0 10px 0 0;
	padding:0;
}

	#gameInfo img.noImage {
		width: 100px;
		height: 130px;
		border: 0;
	}

#gameInfo table a.noBorder {
	border: 0;
}


#mainContent p.back {
	 margin:1em 0 0 0;
	 padding:0;
}


#mainContent #gameInfo td.gameDetailBox {
	width: 100%;
	padding: 0 0 20px 20px;
	background: #ffffff  url(//img.jp.wazap.com/phoenix/img/1.0/main/gameTopDetailsBGFull.gif) left bottom no-repeat;
}
/*
#mainContent #gameInfo ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

	#mainContent #gameInfo ul li {
		margin: 0 8px;
		padding: 0;
		float: right;
	}
	
		#mainContent #gameInfo ul li a {
			width: 22px;
			height: 20px;
			display: block;
			text-indent: -9999px;
			border-bottom: none;
		}

		#mainContent #gameInfo ul li.gameWatch a {
			background: transparent url(//img.jp.wazap.com/phoenix/img/1.0/icons/gameWatch.gif) no-repeat left top;
		}
		
		#mainContent #gameInfo ul li.motteruList a {
			background: transparent url(//img.jp.wazap.com/phoenix/img/1.0/icons/motteruList.gif) no-repeat left top;
		}
		
		#mainContent #gameInfo ul li.bookmark a {
			background: transparent url(//img.jp.wazap.com/phoenix/img/1.0/icons/addBookmark.gif) no-repeat left top;
		}
		
		#mainContent #gameInfo ul li.rakurakuLink a {
			background: transparent url(//img.jp.wazap.com/phoenix/img/1.0/icons/rakurakuLink.gif) no-repeat left top;
		}
		
		#mainContent #gameInfo ul li.buyGame a {
			background: transparent url(//img.jp.wazap.com/phoenix/img/1.0/icons/buyGame.gif) no-repeat left top;
		}
		
		#mainContent #gameInfo ul li a:hover{
				background-position:left center;
			}
		*/
		#mainContent #gameInfo dl {
			float: left;
			width: auto;
			margin: 0;
			padding: 0;
			line-height: 1.5;
		}

		#mainContent #gameInfo dl dt {
			float: left;
			font-weight: bold;
		}
		
		#mainContent  p.gameInfoBottomText {
			text-align: right;
		}
		
		

/* =Main Column: Help
----------------------------------------------------- */
#helpMain ul li {
	line-height: 1.8em;
	list-style: none;
	background: url(//img.jp.wazap.com/phoenix/img/1.0/main/bullets/helpBullet.gif) no-repeat left;
	padding-left: 24px;
}

.help #mainContent dl dt,
#helpMain  dl dt {
	border-bottom: 1px solid #E4E4E4;
	padding-left: 24px;
	padding-bottom: 5px;
	background: url(//img.jp.wazap.com/phoenix/img/1.0/main/bullets/helpBullet.gif) no-repeat left top ;
}

.help #mainContent dl dd,
#helpMain dl dd {
	margin-top: 0.4em;
	margin-bottom: 1.4em;
}


.help #mainContent dl dl{
	margin: 1.5em 0 0 0;
}

.help #mainContent dl dl dt{
	border: 0;
	padding: 0.2em;
	color: #666666;
	background: #f4f4f4 none;
}

.help #mainContent dl dl dd{
	margin-left: 1em;
}

/* =Footer
----------------------------------------------------- */
#footer p.footerLinks a {
	padding: 4px;
}

#footer #wazapWorldwide a {
	border: 0;
}

#footer #wazapWorldwide img {
	margin: 0 2px;
	border: 1px solid #fff;
}

	#footer #wazapWorldwide a:hover img {
		border: 1px solid #FFDAB9;
	}

/* =Buttons
----------------------------------------------------- */
#searchButton {
	background: url(//img.jp.wazap.com/phoenix/img/searchtButton.gif) no-repeat;
	width: 97px;
	height: 23px;
	border: none;
}

#subSearchButton {
	border: 1px solid #DFDFDF;
	background-color: #F5F5F5;
	width: 80px;
	padding: 0.1em;
}

.goBuy a {
	background: url(//img.jp.wazap.com/phoenix/img/1.0/buttons/goBuy.gif) no-repeat top left;
	display: block;
	width: 87px;
	height: 28px;
	text-indent: -9999px;
}
	.goBuy a,
	.goBuy a:hover {
			border-bottom: none;
	}
	
/* =Errors
----------------------------------------------------- */
#errorMessage img {
	float: left;
	margin-right: 20px;
}

#errorMessage dl {
	margin-top: 1em;
}

#errorMessage dl dt {
	font-weight: bold;
}

/* =Feedback [28.11.2006 nishina]
----------------------------------------------------- */
#feedbackForm p {
	margin-top: 0;
	padding-top: 0.5em;
}

#feedbackForm form {
	background: url(//img.jp.wazap.com/phoenix/img/1.0/errorFeedbackFormBg.gif) repeat-x top left;
	padding: 10px;
	margin-left: 12px;
	margin-right: 12px;
	width: 310px;
	height: 219px;
}

#feedbackForm label {
	display: none;
}
#feedbackForm textarea { 
	border: 1px solid #f1f1f1;
	margin-bottom: 15px;
	width: 294px;
	height: 146px;
	overflow: hidden;
}

#feedbackForm button {
	background: url(//img.jp.wazap.com/phoenix/img/1.0/errorFeedbackFormSubmitBg.gif) repeat-x center center;
	color: #868686;
	font-weight: bold;
	border: 1px solid #cccccc;
	width: 95px;
	height: 25px;
}

/* =Survey.html [04.12.2006 nishina]
----------------------------------------------------- */
.surveyFeedback {
	background-color: #FEFEFE;
}

.surveyFeedback fieldset {
	border: 1px solid #808080;
	margin: 1em 0.4em 2em 0.4em;
}

.surveyFeedback p{
	margin: 1.5em 1em;
}

.surveyFeedback legend {
	display: inline;
	font-weight: bold;
	color: #000000;
}

.surveyFeedback label {
	background-color: #fee692;
	padding: 0.3em;
	
}

.surveyFeedback textarea {
	width: 60%;
	height: 5em;
	border: 1px solid #000000;
}

.surveyFeedback #submitButton{
	width: 70px;
	padding: 1px;
	margin: 1em 0.4em 1em 0.4em;
}
div.formError{
	color: red;
	font-weight: bold;
	background-color: #fccde5;
	padding: 1em;
}

/* =Review.html [gameTotalRanking]
--------------------------------------------------------------*/
#gameTotalRanking {
	margin-top: 5px;
}

#gameTotalRanking table {
	width: 610px;
	margin-bottom: 25px;
}

#gameTotalRanking table thead {
	display: none;
}

#gameTotalRanking .even {
	background: #ebf4ff url(//img.jp.wazap.com/phoenix/img/1.0/main/cheat/overviewBG.gif) repeat-x top left;
}

#gameTotalRanking table tr.odd td {
	border-top: 1px dotted #bed2ea;
	border-bottom: 1px dotted #bed2ea;
}

#gameTotalRanking table td {
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}

#gameTotalRanking table td.rankingNo {
	font-family: "Courier New", Courier, monospace;
	font-size: 22pt;
	font-weight: bold;
}

#gameTotalRanking table td.totalPoint {
	font-family: ms p Gothic;
	font-size: 18pt;
}

#gameTotalRanking table td#gameTitle {
	text-align: left;
	width: 99%;
}



.tip {
	padding: 0.2em;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	color: #fff;
	top: 20px;
	left: 90px;
	background-color: #7ab7ff;
	white-space: nowrap;
}



/* =maintenanceNews.html
-------------------------------------------------------------------*/

/*
#maintenanceInfo {
	margin-top: 5px;
}*/

#maintenanceInfo p {
	margin-left: 0;
}

#maintenanceInfo h3{
	margin: 0;
}


#maintenanceInfo table {
	width: 610px;
}

#maintenanceInfo table thead,
#maintenanceInfo table caption {
	display: none;
}

#maintenanceInfo table tr.even {
	background: #ebf4ff url(//img.jp.wazap.com/phoenix/img/1.0/main/cheat/overviewBG.gif) repeat-x top left;
}


#maintenanceInfo table td {
	vertical-align: top;
	padding: 10px;
}

#maintenanceInfo table tr.odd td {
	border-top: 1px dotted #bed2ea;
	border-bottom: 1px dotted #bed2ea;
}

#maintenanceInfo table td.timeStamp {
	width: 1%;
}

#maintenanceInfo table td.betaInfoTitle{
	width: 99%;
}

#maintenanceInfo table td.deleteOrFix{
	width: 1%;
}

#maintenanceInfo table td.timeStamp p {
	margin: 0;
}

#maintenanceInfo dl{
	margin-top: 0;
	margin-bottom: 0;
}

#maintenanceInfo dl dd {
	margin-left: 0;
	margin-top: 1em;
}