/* CSS file data
-----------------------------------------------
Site : http://www.a.game-book.net/
Media type : all
Ver :  2006.01.10
----------------------------------------------- */
/* --携帯CSSは下記を参照-- */
@import url("mobile.css") handheld;
/* --
※【広告の表示・非表示の切り替え】ns.cssも変えることに注意！
これは各ページのCSSに設置してあるが、一気に非表示したい時に使う
使用時にコメントアウトをはずす。
.cmarea{ display: none;}
.cmarea1{ display: none;}
.cmarea2{ display: none;}
.cmarea3{ display: none;}
.cmarea4{ display: none;}
.prlist{ display: none;}
-- */

/* TOC
-----------------------------------------------
body
font : h1, h2, h4, h5, h6, p, td, li, dt, dd, div, caption, strong, em, blockquote, address
link : a,h1 a
logo : h3#logo
list :
layout : #top (=container)
Layout : #header
Layout : #content
Layout : #mainCol
Layout : #subCol
Layout : #footer
----------------------------------------------- */

/*--body
----------------------------------------------- */
body	{
	margin:0px 0px 0px 0px;
	padding: 0;
	color: #000;
	background-color: #f7fbf6;
	background-image: url("../images/body_back.gif");
	background-position: center center;
	background-repeat: repeat-y;
	font-family:	"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-sefif;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
/*--font
----------------------------------------------- */
/*--h1は個別ファイル内（h1.css）で指定部分も有-- */
h1{
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	font-family:	"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-sefif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	display: block;
	text-align: center;
	color: #999;
	line-height: 80px;
}	

h2{
	width: 598px;
	height: 22px;
	margin: 0;
	padding: 0;
	font-family:	"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-sefif;
	font-size: 12px;
	font-weight: lighter;
	color: #f5f5f5;
	display: block;
	text-align: left;
	text-indent: 22px;
	background: url("../images/h2_img.gif") no-repeat;
	background-color: #fff;
	border: 1px solid #fff;
	line-height: 20px;
	clear: both;
	}
h3, h4, h5, h6		{
	width: 598px;
	height: 22px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family:	"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-sefif;
	font-size: 12px;
	font-weight: lighter;
	color: #ccc;
	display: block;
	text-align: left;
	text-indent: 22px;
	background: url("../images/h_3456_img.gif") no-repeat;
	background-color: #fff;
	border: 1px solid #fff;
	line-height: 20px;
	clear: both;
	}
		
p, td, li, dt, dd, div, caption		{
	font-family:	"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-sefif;
	font-size: 12px;
	color: #333;
	background: transparent;
	}
	
strong, em, blockquote, address, {
	font-weight: lighter;
	font-stretch: wider;
	text-decoration: none;
	font-style: normal;
}

/*--link
----------------------------------------------- */
a:link {
	color: #6666ff;
	text-decoration: none;
}
a:visited {
	color: #6666ff;
	text-decoration: none;
}
a:hover {
	color: #ff6666;
	text-decoration: none;
}
a:active {
	color: #6666ff;
	text-decoration: none;
}
/*--h1(LINK)
----------------------------------------------- */	
h1 a:hover	{
	color: #999;
	}
h1 a:link	{
	color: #999;
	}
h1 a:visited	{
	color: #999;
	}
h1 a:active	{
	color: #999;
	}
/*--h3(LINK)
----------------------------------------------- */	
h3 a:link	{
	color: #ff6666;
	}
h3 a:visited	{
	color: #ff6666;
	}
h3 a:hover	{
	color: #6666ff;
	}
h3 a:active	{
	color: #ff6666;
	}

/*--list
----------------------------------------------- */
div#mainmenu li { list-style-image: none;}/*--メインメニューのリスト画像なし-- */
ul li { list-style-image:url("../images/list01.gif") ;}/*--メインリスト画像-- */
.li02 { list-style-image: url("../images/list02.gif");}/*--現在指定なし-- */
.li03 { list-style-image: url("../images/list03.gif");}/*--現在指定なし-- */
.li04 { list-style-image: url("../images/list04.gif");}/*--現在指定なし-- */
.listp{ margin: 5px 0px 0px 0px; padding: 0px;}
.nolist { list-style: none; list-style-image: none;}/*--画像なし-- */
.prlist { margin-top: 10px; list-style-image: url("../images/listpr.gif"); line-height: 12px;}/*--リスト広告の画像[PR]-- */
.prlist_sub { margin-top: 10px; list-style-image: url("../images/listpr.gif"); line-height: 12px;}/*--サブページのリスト広告の画像[PR]-- */
.prlist_sub_table { list-style-image: url("../images/listpr.gif");}/*--サブページのリスト広告の画像[PR]-- */


/*--contents
----------------------------------------------- */
div#contents { 
	width: 802px;
	hight: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-top: 4px solid #67b745;
	background: transparent;
	z-index:1;
}

/*--rightarea
----------------------------------------------- */
div#rightarea {
	float: right;
	width: 600px;
	height: 100%;
	color: black;
	background-color: #fff;
	z-index: 3;
	margin: 0px;
	padding: 0px;
}
#main_area{ 
	margin: 0px;
	text-align: left;
	border: 2px solid #fff;
	background-color: #fff;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #67b745;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	}
#main_area dd{ 
	margin-left: 10px;
	}
#top_main_area{ 
	height: 240px;
	margin: 0px;
	text-align: left;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #f5f5f5;
	overflow: auto;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #67b745;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	}
#topleft{ 
	width: 288px;
	float: left;
	text-align: left;
	border-right: 1px dotted #fff;
}
#topright{ 
	width: 288px;
	float: right;
	text-align: left;
}
p.toptitle{
	margin: 2;
	padding: 2;
	text-indent: 14px;
	font-weight: bold;
	color: #67b745;
	background: url("../images/bbs_img.gif") no-repeat;
}
/*--rssparser
----------------------------------------------- */
div#rssparser{margin-top: 10px;}
div#rssparser li a:link	{
	color: #333;
	}
div#rssparser li a:visited	{
	color: #333;
	}
div#rssparser li a:hover	{
	color: #ff6666;
	}
div#rssparser li a:active	{
	color: #333;
	}

/*--cmarea
----------------------------------------------- */
div.cmarea {
	clear: both;
	width: 99%;
	height: 70px;
	/*--height: 70px;-- */
	text-align: center;
	padding-top: 5px;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
div.cmarea1 {
	clear: both;
	width: 100%;
	height: 60px;
	text-align: center;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
div.cmarea2 {
	clear: both;
	width: 100%;
	color: #ccc;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: transparent;

}
div.cmarea3 {
	clear: both;
	width: 100%;
	text-align: left;
	margin-left: 10px;
	background: transparent;
}
div.cmarea4 {
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
}

/*--mainmenu
----------------------------------------------- */
div#mainmenu {
	float: left;
	width: 200px;
	height: 100%;
	text-align: left;
	color: black;
	background: transparent;
	margin: 0px;
	padding: 0px;
	z-index:3;
}
/*--mainmenuarea
----------------------------------------------- */
div#mainmenuarea {
	float: left;
	width: 180px;
	margin: 0px 5px 5px 5px;
	padding: 0px;
	text-align: left;
	color: black;
	background: transparent;
}

div#mainmenuarea ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

div#mainmenuarea ul li {
	 margin: 0;
	 padding: 0;
	 font-size: 10px;
	 background: url("../images/left_back.gif") no-repeat;
	 }

div#mainmenuarea ul li a:link,
div#mainmenuarea ul li a:visited  {
	display: block;
	width: 100%;
	height: 20px;
	/*上記はWin IEでリンク全体をクリックするために widthを設定。Mac Firefox でバグがでたので現在はコメントアウト中*/
	margin: 2px 0px 0px 0px;
	padding: 0;
	border: 0px solid transparent;
	background: url("../images/left_back.gif") no-repeat;
	color: #666;
	text-indent: 20px;
	text-decoration: none;
	line-height: 20px;
	 }
html>body div#mainmenuarea ul li a {  /*上記でwidthを設定した際のMac IE5 と Netscape6意向においてのバグ回避 */
	margin: 0;
	width: auto;
	border: 0px solid transparent;
	}

div#mainmenuarea ul li a:hover {
	margin: 2px 0px 0px 0px;
	padding: 0px;
	border: 0px dotted #67b745;
	background-color: transparent;
	color: #67b745;
	}
	
/*--mainmenuarea dt,dd
----------------------------------------------- */
div#mainmenuarea dt {
	width: 100%;
	height: 18px;
	color: #67b745;
	font-size: 10px;
	font-weight: lighter;
	text-indent: 2px;
	background: url("../images/menu_dt_img.gif") no-repeat;
}
div#mainmenuarea dd {
	margin: 2px;
	font-size: 10px;
	font-weight: lighter;
	font-stretch: wider;
}
	
/*--mainmenuarea table,td
----------------------------------------------- */
div#mainmenuarea table {
	width: 174px;
	margin: 0;
	padding: 3;
	background: transparent;
	border: 1px solid #ccc;
	border-collapse: collapse; 	
}
div#mainmenuarea table td {
	margin: 0;
	padding: 3;
	background: transparent;
	border: 1px solid #ccc;	
}

/*--mobile_pr
----------------------------------------------- */
div#mobile_pr {
	width: 100%;
}
div#mobile_pr dt {
	width: 100%;
	color: #67b745;
	font-weight: bold;
}
div#mobile_pr dl {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
div#mobile_pr dd {
	margin: 2px;
	padding: 0px;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
}
div#mobile_pr dd img {
	float: left;
}
p#mobile_pr_bottom {
	clear: both;
	width: 100%;
	color: #fff;
	background-color: #ccc;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
/*--foot
----------------------------------------------- */
div#foot { 
	clear: both;
	width: 802px;
	margin-top: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	border-top: 1px solid #67b745;
	border-bottom: 40px solid #67b745;
	color: 666;
	background: url("../images/footerimg.gif");
	z-index:4;
	bottom: 0px;
}
div#foot p { 
	width: 100%;
	margin: 0px;
	font-size: 10px;
	color: #999;
}	
div#foot p a:link	{
	color: #999;
	}
div#foot p a:visited	{
	color: #999;
	}
div#foot p a:hover	{
	color: #6666ff;
	}
div#foot p a:active	{
	color: #999;
	}

/*--contents_sub
----------------------------------------------- */
div#contents_sub {
	float: left;
	width: 790px;
	height: 100%;
	color: black;
	background-color: #fff;
	z-index: 3;
	margin-top: 2px;
	padding-top: 5px;
	padding-left: 20px;
	paddingright: 0px;
	padding-bottom: 1em;
	z-index:2;
}

/*--globalnavi
----------------------------------------------- */
#globalnavi {
	clear: both;
}
#globalnavi p {
	margin: 10px 0px 0px 0px;
	color: #666;
}
#globalnavi ul{
	margin: 0;
	padding: 0;
}

#globalnavi ul li{
	width: 50px;
	float: left;
	height: 18px;
	text-indent: 18px;
	border: 0px;
	list-style-type: none;
	background: url(../images/li.gif) no-repeat;
}
#globalnavi dt {
	clear: both;
}
/*--hr
----------------------------------------------- */
hr {
	color: #ccc;
	border: 1px dotted #999;
	height: 1px;
	}
hr.space {
	color: #fff;
	border: 0px solid #fff;
	line-height: 16px;
	}
/*--ul,ol
----------------------------------------------- */
ul,ol {
	margin: 10px 0px 0px 20px;
	padding: 0;
}
.sale {
	width: 80px;
	color: #6666ff;
	text-align: left;
	}
/*--li
----------------------------------------------- */
li {margin: 0; padding: 0;}
/*--dt dd
----------------------------------------------- */
dt {
	margin-top: 12px;
	color: #6666ff;
	font-weight: bold;
	text-indent: 18px;
	line-height: 16px;
	background: url("../images/sub_dt_img.gif") no-repeat;
	background-color: #f5f5f5;
}
dt.color01 {
	margin-top: 12px;
	color: #67b745;
	font-weight: bold;
	background-color: #fff;
}
dd {
	margin: 2;
	padding: 0;
	font-size: 12px;
	font-weight: lighter;
	font-stretch: wider;
}
/*--img
----------------------------------------------- */	
img 	{ border: 0; display: inline;}
li img { display: inline; border: 0;}
#main_text{ height: 186px;
	margin: 0px;
	text-align: left;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 1px dotted #ccc;
	background-color: #fff;
	overflow: auto;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #67b745;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	}
#main_text dt {
	width: 100%;
	height: 16px;
	margin-top: 0px;
	color: #fff;
	font-weight: lighter;
	text-indent: 18px;
	line-height: 16px;
	background: url("../images/main_text_dt_img.gif") no-repeat;
	background-color: #f5f5f5;
}
#main_text dd {
	margin: 6px;
	padding: 0px;
	font-size: 12px;
	font-weight: lighter;
	font-stretch: wider;
}
#main_text img 	{
	display: inline;
	border: 0px;
	float: left;
	}
#left_main_text	{
	float: left;
	width: 300px;
	margin: 3px;
	padding: 0px;
	border: 0px;
	background-color: #fff;
	}

#right_main_text	{
	float: right;
	width: 256px;
	margin: 3px;
	padding: 0px;
	border: 0px;
	background-color: #fff;
	}
	
#right_main_text dd#gamedata	{
	margin: 6px 0px 0px 0px;
	padding: 0px;
	}
#right_main_text dd#gamedata ul	{
	margin: 0px;
	padding: 0px;
	}
#right_main_text dd li.gamedata1	{
	width: 60px;
	height: 20px;
	border: 1px solid #ccc;
	background: url("../images/back.gif");
	line-height: 20px;
	text-align: center;
	float: left;
	list-style-type: none;
	list-style-image: none;
	list-item-position: inside;
	}
#right_main_text dd li.gamedata2	{
	width: 192px;
	height: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
	line-height: 20px;
	text-align: left;
	text-indent: 5px;
	float: left;
	list-style-type: none;
	list-style-image: none;
	list-item-position: inside;
	}

#homestart{ 
	margin:0;
	padding: 0;
	text-align: left;
	}
#homestart img{ 
	display:  inline;
	border: 0;
	float: left;
	}
#titleimg{ 
	width: 100%;
	margin-top: 3px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	border: 0;
	}
#titleimg p{ 
	width: 100%;
	margin-top: 3px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #999;
	background: transparent;
	}
#titleimg p a:link {
	color: #999;
	text-decoration: none;
}
#titleimg p a:visited {
	color: #999;
	text-decoration: none;
}
#titleimg p a:hover {
	color: #67b745;
	text-decoration: underline;
}
#titleimg p a:active {
	color: #999;
	text-decoration: none;
}
/*--stpage
----------------------------------------------- */
#stpage{ 
	width: 100%;
	margin-top: 3px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	}
#stpage p{ 
	width: 100%;
	margin-top: 3px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #999;
	background-color: #fff;
	}
#stpage p a:link {
	color: #999;
	text-decoration: none;
}
#stpage p a:visited {
	color: #999;
	text-decoration: none;
}
#stpage p a:hover {
	color: #67b745;
	text-decoration: underline;
}
#stpage p a:active {
	color: #999;
	text-decoration: none;
}
/*--update
----------------------------------------------- */
#update {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 5;
	color: #ccc;
	background: transparent;
	border: 1px solid #ccc;
	overflow: auto;	
}
#update li { 
	list-style-image: url(../images/li03.gif);
	margin-left: 20px;	
}
#saleclear{
	clear: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:	"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-sefif;
	font-size: 12px;
	color: #333;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ccc;
	line-height: 140%;
	background: url("../images/back.gif");
}
#listclear{ clear: left;}
.clear{ clear: both;}
.center{ text-align: center; clear: both; position: inherit;}
.right{ text-align: right; margin-right: 10px; margin-bottom: 10px;}
p#newmark{ margin: 0px; padding: 0px;}
div#merumaga{ background-color: #ff6666; text-align: center; width: 99%;}
span#redtext{ color: #fff;}
/*--↓以下メインリストの詳細
----------------------------------------------- */
/*--左部メインリスト-- */
div#leftlist 	{
	width: 190px;
	margin: 0;
	padding: 0;
	border: 5px solid #fff;
	float: left;
	background-color: #fff;
	}
div#leftlist dt 	{
	width: 100%;
	margin: 0px;
	paddimg: 0px;
	font-size: 12px;
	text-indent: 22px;
	line-height: 16px;
	color: #333;
	background-color: #fff;
	background: url("../images/list_dt_img.gif") no-repeat;
	}
div#leftlist dd { margin-top: 0px; margin-bottom: 4px; margin-left: 2px;}
div#leftlist dd ul { margin-top: 0px;}
/*--中央部メインリスト-- */
div#centerlist 	{
	width: 190px;
	margin: 0;
	padding: 0;
	border: 5px solid #fff;
	float: left;
	background-color: #fff;
	}
div#centerlist dt 	{
	width: 100%;
	margin: 0px;
	paddimg: 0px;
	font-size: 12px;
	text-indent: 22px;
	line-height: 16px;
	color: #333;
	background-color: #fff;
	background: url("../images/list_dt_img.gif") no-repeat;
	}
div#centerlist dd { margin-top: 0px; margin-bottom: 4px; margin-left: 2px;}
div#centerlist dd ul { margin-top: 0px;}
/*--右部メインリスト-- */
div#rightlist 	{
	width: 190px;
	margin: 0;
	padding: 0;
	border: 5px solid #fff;
	float: left;
	background-color: #fff;
	}
div#rightlist dt 	{
	width: 100%;
	margin: 0px;
	paddimg: 0px;
	font-size: 12px;
	text-indent: 22px;
	line-height: 16px;
	color: #333;
	background-color: #fff;
	background: url("../images/list_dt_img.gif") no-repeat;
	}
div#rightlist dd { margin-top: 0px; margin-bottom: 4px; margin-left: 2px;}
div#rightlist dd ul { margin-top: 0px;}
/*--2左部メインリスト2-- */
div#leftlist2 	{
	width: 190px;
	margin: 0;
	padding: 0;
	border: 5px solid #fff;
	float: left;
	background-color: #fff;
	}
div#leftlist2 dt 	{
	width: 100%;
	margin: 0px;
	paddimg: 0px;
	font-size: 12px;
	text-indent: 22px;
	line-height: 16px;
	color: #333;
	background-color: #fff;
	background: url("../images/list_dt_img.gif") no-repeat;
	}
div#leftlist2 dd { margin-top: 0px; margin-bottom: 4px; margin-left: 2px;}
div#leftlist2 dd ul { margin-top: 0px;}
/*--2中央部メインリスト2-- */
div#centerlist2 	{
	width: 190px;
	margin: 0;
	padding: 0;
	border: 5px solid #fff;
	float: left;
	background-color: #fff;
	}
div#centerlist2 dt 	{
	width: 100%;
	margin: 0px;
	paddimg: 0px;
	font-size: 12px;
	text-indent: 22px;
	line-height: 16px;
	color: #333;
	background-color: #fff;
	background: url("../images/list_dt_img.gif") no-repeat;
	}
div#centerlist2 dd { margin-top: 0px; margin-bottom: 4px; margin-left: 2px;}
div#centerlist2 dd ul { margin-top: 0px;}
/*--2右部メインリスト2-- */
div#rightlist2 	{
	width: 190px;
	margin: 0;
	padding: 0;
	border: 5px solid #fff;
	float: left;
	background-color: #fff;
	}
div#rightlist2 dt 	{
	width: 100%;
	margin: 0px;
	paddimg: 0px;
	font-size: 12px;
	text-indent: 22px;
	line-height: 16px;
	color: #333;
	background-color: #fff;
	background: url("../images/list_dt_img.gif") no-repeat;
	}
div#rightlist2 dd { margin-top: 0px; margin-bottom: 4px; margin-left: 2px;}
div#rightlist2 dd ul { margin-top: 0px;}
/*--↓パーツ
----------------------------------------------- */
table {
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 5;
	background: transparent;
	border: 1px solid #ccc;
	border-collapse: collapse; 	
}
td {
	width: 100%;
	margin: 0;
	padding: 5;
	background: transparent;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 10px;	
}
.td_1 { background-color: #999; color: #fff; text-align: center;}/*--灰色背景-- */
.td_2 { background-color: #f5f5f5; color: #333; text-align: center;}/*--白色背景-赤文字-- */
.td_3 { background-color: #f5f5f5; color: #333; text-align: center;}/*--赤色背景-- */
.td_4 { background-color: #fff; color: #333; text-align: center;}/*--青色背景-- */

p#a_ads{ font-size: 10px; color: #ccc; text-align: center;}
.gads01{ margin-top: 10px;}
.gads02{ margin-top: 0px;}
.cmtd{ margin-top: 0px; background-color: #f5f5f5;}
#side_cm{
	position:absolute;
	width:100%;
	top: 10px;
	right: 800px;
	right:0px;
	z-index:2;
	}