@charset "euc-jp";

@media all
{
	/**-------------------------------------------------------------------
	 | Global Styles
	 -------------------------------------------------------------------**/
	 
	* { margin: 0; /*padding: 0;*/ }

	body { margin: 0; padding: 0; font-size: 14px; }

	h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, fieldset, address { margin: 1em 0; }
	h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, fieldset, address, dl , td, th { line-height: 1.2; }
	
	a:link { color: #339; text-decoration: none;}
	a:visited { color: #666; text-decoration: none; }
	a:hover { color: #339; text-decoration: underline; }

	a img, img { border:none; }
	td, th { font-size: 12px; }
	h1 { font-size: 20px; }
	h2 { font-size: 17px; }
	ol,ul { margin: 1em 0 1em 2em; padding: 0; }
	ol li,ul li{ margin: .5em 0 .5em 1em; }
	strong,b { font-weight:bold; }
	em,i { font-style: italic; }
	
	/**-------------------------------------------------------------------
	 | Main Layout
	 -------------------------------------------------------------------**/
	
	#wrapper {
	    width: 940px;
	    min-width: 740px;
	    max-width: 1024px;
	    background-color: #fff;
	    border-right: 1px solid #808080;
	}
	
	#masthead, #top_nav, #navbar, #container, #footer, #userinfopanel {
	    width: 940px;
	    min-width: 740px;
	    max-width: 1024px;
	    background-color: #fff;
	}

	#masthead { height: 28px; }
	#masthead .url{ margin: 3px; float: left; }
	#masthead ul{ float: right; margin-top: 7px; margin-right: 6px; }
	#masthead ul li { display: inline; }
	
	#top_nav {  height: 106px; background-image: url('/images/0706/header_back.png'); border-top: 1px solid rgb(206, 206, 206); border-bottom: 1px solid rgb(206, 206, 206); }
	#top_nav #ad, #top_nav #ad_rap { position: absolute; z-index: 1; }
	#top_nav #ad { width: 728px; height: 89px; left: 206px; top: 40px; }
	#top_nav #ad_rap { width: 150px; height: 800px; left: 921px; top: 35px; }

	#navbar { height: 15px; font-size: 10px; color: #fff; padding: 2px 0px; text-align: center; }
	#navbar a { color: #ccf; }
	#navbar a:visited { color: #ccf; }

	#container { position: relative; height: auto; background-color: #fff; }
	/*--- 3 column ---*/
	#left_col { float: left; width: 200px; margin: 0; padding: 0;}
	#right_col { float: right; width: 180px; margin: 0; padding: 0;}
	#page_content { width: auto; margin: 0 180px 0 200px; padding: 0; }

	/*--- 2 column - article -  ---*/
	#right_col_naka { float: right; width: 310px; margin: 0; padding: 0; padding-top: 10px; }
	#page_content_noleftcol { position: relative; margin: 0 305px 0 0; padding: 0;  width: 615px; }
	
	/*--- 1 column - article -  ---*/
	#page_content_all { position: relative; margin: 0; padding:0 10px;  width: 900px; _width: 900px; /* IE6 */}
	
	/*--- top page left/right column table ---*/
	#left_table { border-right: 1px solid #999; width: 195px; }
	#right_table { border-left: 1px solid #999; }

	/*--- overture ---*/
	#right_col iframe{ margin: 0 auto; }

	/*--- contents ---*/
	#page_content, #page_content_all , #page_content_noleftcol, #page_content_nocol { background-color: #fff; padding: 10px 5px; }
	
	.push { height: 45px; }
	.spaces { height: 500px; }

	/*--- footer ---*/
	#footer { clear: both; border-top: 1px solid #808080; }
	#footer img { margin-left: 10px; margin-bottom: 5px; }
	#footer p { position: relative; top: 5px; font-size: 10px; }

	/**-------------------------------------------------------------------
	 | Message from iNSIDE
	 -------------------------------------------------------------------**/
	#message_from_inside { width: 530px; /* 540px - (1px x 2) - (4px x 2) */  border: 1px solid #999; margin: 0 auto; }
	#message_from_inside td{ padding: 0; font-size: 12px; vertical-align: middle; }
	#message_from_inside td.info{ width: 130px; }
	#message_from_inside td.info img{ margin: 4px; }
	#message_from_inside dt.message{ text-align: left; }

	/**-------------------------------------------------------------------
	 | TOP
	 -------------------------------------------------------------------**/
	#board_list, #ranking_list, #sales_list, #review_list, #blog_list{
		margin: 3px 3px 4px 3px; padding: 0px; list-style-type: none;
	}

	#board_list li, #ranking_list li, #sales_list li, #review_list li, #blog_list li {
		margin: 3px; padding: 3px 0 3px 0; border-bottom: 1px dotted gray;
	}

	.list_desc { text-align: right; display: block; font-size: 10px; margin: 5px 5px 5px 5px; }
	#ranking_desc { display: block; font-size: 8px; margin: 3px 5px 10px 5px; }

	/**-------------------------------------------------------------------
	 | TOP left column
	 -------------------------------------------------------------------**/
	#board_menu { margin: 3px 3px 10px 3px; padding: 0px; list-style-type: none; }
	#board_menu li{ margin: 3px 1px 3px 1px; padding: 0px; background-color: #e0e0e0; }

	#release_list { margin: 3px 3px 10px 3px; }
	#release_list dt{ padding-top: 3px; padding-bottom: 3px; }
	#release_list dd{ margin: 0px; padding: 0px; }
	#release_list ul{ list-style-type: none; margin: 3px 3px 3px 0px; padding: 0px; border-top: 1px dotted gray; border-bottom: 1px dotted gray; }
	#release_list ul.last{ border-bottom-style: none; }
	#release_list li{ margin: 3px; }

	/*-------------------------------------------------------*/
	table.lists { width: 580px; margin: 1em auto 1em auto; }
	table.lists th, table.lists td { padding: 3px; vertical-align: middle; }
	table.lists th{ font-weight: bold !important; color: #ffffff !important; background-color: #999999 !important; text-align: center; }

	/**-------------------------------------------------------------------
	 | /preview/index.php
	 -------------------------------------------------------------------**/
	table.charactors { width: auto; margin: 0.5em 0; }

	/*-------------------------------------------------------*/

	table.ranking {
		font: bold 12px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
		border-top: 1px solid #dcdadc; 
		border-right: 1px solid #dcdadc; 
		margin: 1em auto; 
		border-collapse: collapse; 
		empty-cells: show;
	}
	table.ranking thead th, table.ranking tbody th, table.ranking td {
		border-bottom: 1px solid #dcdadc; 
		border-left: 1px solid #dcdadc; 
		padding: .3em 1em; 
	}
	table.ranking thead th {
		text-align: center; 
		color: #fff;
		background-color: #000044;
	}
	table.ranking tbody th {
		text-align: center; 
		color: #66a3d3;
	}
	table.ranking tbody td {
		color: #678197; 
	}
	table.ranking tbody tr:hover td, table.ranking tbody tr:hover th {
		color: #fff; 
		background-color: #3c82dc; 
	}
	table.ranking tbody tr:hover td a, table.ranking tbody tr:hover th a {
		color: #fff; 
	}

	/*-------------------------------------------------------*/
	table.form { border-collapse: separate; background-color: #cccccc; }
	table.form thead th{ font-weight: bold !important; color: #000 !important; background-color: #999 !important; text-align: center; }
	table.form th, table.form td { padding: 3px; }
	table.form th { font-weight: normal; text-align: left; vertical-align: middle; background-color: #eee; }
	table.form td { background-color: #fff; }

	/*-------------------------------------------------------*/
	span.host { font-style: italic; font-size: 80%; color: #616161; }
	a.url:link { color: #339; font-weight: bold; text-decoration: none; }
	a.url:visited { color: #666; font-weight: bold; text-decoration: none; }
	a.url:hover { color: #339; text-decoration: underline; }
	.ttext { font-size: 15px; font-weight: bold; }
	.utext { color: #575757; font-size: 11px; font-weight: normal; margin: 2px; }
	.mtext { font-weight: normal; font-size: 10px; margin-top: 4px; }
	.md1 { padding: 6px; line-height: 15px; }
	.list { margin-bottom: 2px; padding: 2px; border-bottom: 1px dotted gray; }
	li.listing { margin-top: 4px; padding-bottom: 3px; border-bottom: 1px dotted gray; list-style: decimal inside; }
	.pimg { margin-right: 8px; margin-left: 8px; }
	.p2img { margin-top: 6px; margin-right: 4px; margin-bottom: 4px; }
	ul.basic { list-style-type: none; margin: 3px 3px 3px 0px; padding: 0px; }
	ul.basic li{ margin: 3px; }
	
	/**-------------------------------------------------------------------
	 | /user/regist.html
	 -------------------------------------------------------------------**/
	body #regist { margin: 1em; }
	body #regist #page_content_noleftcol { margin: 1em 0 1em 1em; width: 480px; }
	body #regist #page_content_noleftcol th, body #regist #page_content_noleftcol td{ text-align: left; }

	/**-------------------------------------------------------------------
	 | /news/
	 -------------------------------------------------------------------**/
	.ha_line, .ha_line_w { width: 100%; height: 2px; background-image: url("./images/ha_line.png"); background-repeat: repeat-x; }
	.justfit { width: 580px; }
	img.newsimg { width: 560px; }
	#readersvoice,#trackback { margin: 1em 0; }
	#readersvoice h3,#trackback h3 { color:#fff; font-size:13px; padding:2px; margin-bottom:2px; }
	#readersvoice td.user { width:177px;padding:4px;background-color:#efefef;vertical-align:top; }
	#readersvoice td.comment { font-size:14px;border-left:5px solid #ccc;padding:4px 4px 4px .5em ;vertical-align:top; }

	/**-------------------------------------------------------------------
	 | /impression/,/preview/
	 -------------------------------------------------------------------**/
	.pagetitle { padding: 6px 6px 8px 6px; border-left: 1px solid #808080; border-bottom: 1px solid #808080; }
	.pagetitle img{ vertical-align: middle; }
	
	/* gameshelf2 */
	td.shelf { position: relative; }
	td.shelf a .preview { display: none; }
	td.shelf a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 999; }

}