﻿@charset "utf-8";
/*test1*/
/* ヘッダ用共通メニュー */
#page_header{
	position:relative;
	z-index:10;
	/zoom:1;
}
#sitemenu{
	height:35px;
	margin:-35px 0 0 600px;
	/zoom:1;
}
#sitemenu ul{
	border-top:#ccc solid 1px;
	display:block;
	/zoom:1;
}
#sitemenu a{
	position:relative;
	border:#ccc solid 1px;
	border-top:none;
	display:block;
	text-decoration:none;
	padding:4px 8px;
	line-height:1.3;
	font-size:10px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align:left;
	color:#1c1f2b;
	/zoom:1;
}
#sitemenu a:after{
	content:'▼';
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:19px;
	height:19px;
	line-height:19px;
	text-align:center;
	overflow:hidden;
	border:#fff solid 1px;
	background:#eee;
	color:#888;
	text-shadow:0 1px 0 #fff;
	/zoom:1;
}
#sitemenu li:hover a:after{
	background:#fff;
	color:#aaa;
}
#sitemenu ul ul a:after{
	display:none;
}
#sitemenu .column1,
#sitemenu li:hover{
	background:#f5f5f5;
}
#sitemenu ul li{
	background:#fff;
}
#sitemenu ul ul{
	border:none;
	display:none;
	position:absolute;
	top:22px;
	left:0;
	width:100%;
	/zoom:1;
}
#sitemenu ul ul a{
	background:url(../images/pmang/template/login.png) no-repeat -237px -925px;
	padding:4px 8px 4px 15px;
}
#sitemenu ul ul a:hover{
	background-color:#fff;
	background-position:-237px -825px;
	color:#5c6b79;
}
#sitemenu li:hover {
	position:relative;
	/zoom:1;
}
#sitemenu li:hover > ul {
	display: block;
	/zoom:1;
}
* html #sitemenu li {
	behavior: expression(
	this.onmouseover=new Function("this.className='column1'"),
	this.onmouseout=new Function("this.className=''"),
	this.style.behavior = 'none'
	);
}
#sitemenu .column1 {position:relative;}
#sitemenu .column1 ul {display:block;}
#sitemenu .column1 * ul {display:none;}

/* --------- GAME GUIDE --------- */

/* template */
#all{
	background-position:0 -51px;
}
#content_area{
	min-height:550px;
	padding:10px 0 0;
}
#page_header h1{
	border-bottom: #dbe5e7 double 3px;
}
#footer{
	padding:20px 0;
}
#footer .copyright{
	padding:0;
}
.data_area{
	padding:0 0 15px;
	margin:0 15px;
}
.list{
	margin:0;
}
input,textarea,select,option{
	border:#ccc solid 1px;
}

/* navi */

#side_area .nav ol li a{
  background:#fff url(../images/pmang/template/side_area.png) no-repeat 0 -560px;
  display:block;
  height:30px;
  line-height:30px;
  padding:0 10px 0 18px;
  color:#5c6b79;
  font-weight:bold;
  text-decoration:none;
	text-align:left;
  overflow:hidden;
 	/zoom:1;
}
#side_area .nav ol li a:hover,
#side_area .nav ol li.open a:hover{
  color:#8cb9c3;
}
#side_area .nav ol li.open a{
  background-position:-220px -560px;
}
#side_area .nav ol ul{
  display:none;
  background:#f5f5f5;
  border:#ebebeb solid 1px;
	padding:0 10px;
  margin:0 2px;
}
#side_area .nav ol ul ul{	
	border:none;
	padding:0 0 0 10px;
	margin:0;
}
#side_area .nav ol li.open ul{
  display:block;
}
#side_area .nav ol li ul li{
  padding:0;
}
#side_area .nav ol li ul ul li{
  padding:1px 0 0;
  background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 0;
 	/zoom:1;
}
#side_area .nav ol li ul li a,
#side_area .nav ol li.open ul li a{
  background-color:#f5f5f5;
  background-position:-465px -749px;
  height:auto;
  padding:5px 0 5px 9px;
  color:#5c6b79;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  overflow:visible;
 	/zoom:1;
}

#side_area #tool_btn{
  margin:10px 10px 0;
  padding:4px;
  background:#eeeeee;
}
#side_area #tool_btn ul{
	border-top:#1c1f2b solid 2px;
  background:#fff;
  padding:10px 10px 6px;
  text-align:center;
}
#side_area #tool_btn li{
  padding:0 0 4px;
}
#side_area #tool_btn li a{
	display:block;
  background:url(../images/pmang/template/deco.png) no-repeat -190px -63px;
  color:#fff;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  overflow:hidden;
  vertical-align:middle;
  height:30px;
  line-height:30px;
 	/zoom:1;
}
#side_area #tool_btn li a:hover{background-position:-190px -93px;}
.win_def_2{
	overflow:hidden;
 	/zoom:1;
}


/* ゲームガイド */
.guide_main{
	width:510px;
	float:left;
	/zoom:1;
}
.guide_main .top_banner{
	text-align:left;
}
.guide_main .top_banner ul{
	overflow:hidden;
	margin:0 -10px 0 0;
	/zoom:1;
}
.guide_main .top_banner li{
	float:left;
	/display:inline;
	/zoom:1;
}
.guide_main .top_banner li a{
	display:block;
	/display:inline;
	margin:0 10px 10px 0;
	/zoom:1;
}
.guide_cate ol{
	margin:0 -10px 10px 0;
	overflow:hidden;
	/zoom:1;
}
.guide_cate ol li{
	float:left;
	/display:inline;
	/zoom:1;
	width:250px;
	text-align:left;
	font-weight:bold;
	line-height:1.7;
	margin:0 10px 0 0;
	padding:5px 0 0;
  background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 0;
	overflow:hidden;
}
.guide_cate ol ul{
  background:url(../images/pmang/template/line_dot_cccccc.png) no-repeat 0 0;
	padding:5px 0 0;
	margin:4px 0 0;
 	/zoom:1;
}
.guide_cate ol ul ul{
	background:none;
	margin:0 0 0 10px;
	padding:0 0 2px;
}
.guide_cate ol ul li{
	display:block;
	width:100%;
	background:none;
	font-weight:normal;
	text-indent:0;
	padding:2px 0 0;
	margin:0;
 	/zoom:1;
}
.guide_cate ol ul li a, .guide_cate ol ul li a:visited{
	text-decoration:none;
	color:#5C6B79;
	background: url(../images/pmang/template/login.png) no-repeat -243px -931px;
	padding:0 0 0 10px;
}
.guide_cate ol ul li a:hover{
	text-decoration:underline;
}

/* 右ツールエリア */
.guide_tool{
	width:170px;
	float:right;
	/zoom:1;
}
.search{
	background:#eee;
	padding:10px;
	margin:0 0 10px;
}
.search h5{
	text-align:left;
	padding:10px 0 10px 10px;
	font-size:10px;
	color:#0062b5;
}
.search dl{
	text-align:left;
}
.search dt, .search dd{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
}
.search dt input{
	width:90px;
	height:20px;
	line-height:20px;
	border:#ccc solid 1px;
	vertical-align:middle;
}
.search dt{
	/padding:0 3px 0 0;
}
.search dd .btn_search{
	display:block;
	width:50px;
	height:20px;
	line-height:1;
  color:#fff !important;
  text-decoration:none !important;
  text-align:center;
  vertical-align:middle;
	font-size:10px !important;
  letter-spacing:1px;
  background:#1e212e url(../images/pmang/template/deco.png) no-repeat center -586px;
	border:#1e212e solid 3px;
	padding:0;
	cursor:pointer;
 	/zoom:1;
}
.search dd .btn_search{
	/width:50px;
	/height:20px;
	/line-height:20px;
	/border:none;
	/background:#000;
}
.search dd .btn_search:hover{
	background-position:center -616px;
}
.ranking, .latest{
	margin:0 0 10px;
	background:#eee;
	padding:4px;
}
.ranking h5, .latest h5{
	border-top:#1c1f2b solid 2px;
	background:#fff;
	padding:10px 6px 4px 6px;
	text-align:center;
	overflow:hidden;
	/zoom:1;
}
.ranking ol, .latest ul{
	background:#fff;
	padding:6px;
	text-align:left;
}
.ranking li, .latest li{
	line-height:1.4;
	padding:1px 0;
}
.latest li{
	background:url(../images/pmang/template/login.png) no-repeat -243px -927px;
	padding:0 0 0 9px;
}
.ranking li .no{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	background:#9ca9b4;
	color:#fff;
	padding:2px 3px;
	vertical-align:middle;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.ranking li a, .latest li a, .ranking li a:visited, .latest li a:visited{
	text-decoration:none;
	vertical-align:middle;
	color:#5c6b79;
}
.ranking li a:hover, .latest li a:hover{
	text-decoration:underline;
}

/* 検索結果 */
.search_win{
	padding:0 0 15px;
}
.result_win{
	padding:0;
	margin:15px 0;
	text-align:left;
	line-height:1.5;
}
.result_win .ttl{
	background:url(../images/pmang/template/login.png) no-repeat -243px -927px;
	padding:0 0 5px 10px;
	margin:0
}
.result_win .ttl a{
}
.result_win .txt{
	padding:0;
	margin:0 0 10px;
}

/* 通常ページ */
.data_win{
	line-height:1.7;
	text-align:left;
}
.footer_cate{
	text-align:left;
  border:#ebebeb solid 3px;
	background:#ddd;
	margin:15px 0;
	padding:0 1px 1px;
}
.footer_cate .cate_win{
  border-top:#ebebeb solid 1px;
	background:#fff;
	padding:0;
}
.footer_cate .cate_win a, .footer_cate .cate_win a.visited{
	text-decoration:none;
}
.footer_cate .cate_win a:hover{
	text-decoration:underline;
}
.footer_cate .cate_win .ttl{
	background:url(../images/pmang/template/login.png) no-repeat 439px -923px;
	height:25px;
	padding:0;
	margin:0
}
.footer_cate .cate_win .ttl a{
	background:#fff;
	display:block;
	height:25px;
	line-height:26px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	color:#5c6b79;
}
.footer_cate .cate_win .ttl a:hover{
	text-decoration:none;
  color:#8cb9c3;
}
.footer_cate .cate_win .open{
  border-bottom:#ebebeb solid 1px;
}
.footer_cate .cate_win .open a{
	margin:0;
	background-position:665px -239px;
	color:#5c6b79;
}
.footer_cate .cate_win .open a:hover{
	background-position:665px 2px;
}
.footer_cate .cate_win ul{
  border-top:#fff solid 1px;
  border-bottom:#fff solid 1px;
  background:#f5f5f5;
	padding:7px 10px;
	line-height:1.5;
}
.footer_cate .cate_win li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	white-space:nowrap;
	/margin:0 3px 0 0;
	padding:0 5px 0 0;
}
.footer_cate .cate_win li a, label{
	white-space:nowrap;
	border-right:#ccc solid 1px;
	padding:0 8px 0 0;
  color:#5c6b79;
}
.btn_footer{
	clear:both;
}

/* デコ */
table.tbl{
	width: 100%;
	margin:0 auto 15px;
}
table.skill{
	width: 696px;
	border-top:#171717 solid 1px;
	border-left:#171717 solid 1px;
	font-size: 12px;
	line-height: 1.5;
	color: #333333;
	margin:0 auto 15px;
}
table.skill th{
	border-right:#171717 solid 1px;
	border-bottom:#171717 solid 1px;
	padding: 5px;
	text-align: center;
	font-size: 10px;
	background-color: #171717;
}
table.skill td.icon{
	padding: 3px;
	width: 48px;
	vertical-align: top;
}
table.skill td{
	padding: 5px;
	border-right:#171717 solid 1px;
	border-bottom:#171717 solid 1px;
}
.alcenter{
	text-align: center;
}


/* tab */
.guide_tab{
	text-align:center;
	margin:0 15px;
	position:relative;
}
.guide_tab .at{
	position:absolute;
	top:0;
	right:12px;
	_right:27px;
	padding:12px 0;
}
.guide_tab .at a{
	background:url(../images/pmang/template/login.png) no-repeat -243px -1229px;
	padding:0 0 0 8px;
	font-size:10px;
	color:#1c1f2b;
}
.guide_tab ul{
	background:#eee;
	/zoom:1;
	vertical-align:middle;
	margin:0 auto;
	font-size:0px;
	padding:3px;
	text-align:left;
}
.guide_tab li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	text-align:center;
}
.guide_tab li a{
	border-top:transparent solid 2px;
	border-top:#eee solid 2px;
	border-left:#ddd solid 1px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:3px 10px;
	letter-spacing:1px;
	text-decoration:none;
	font-size:12px;
	min-width:40px;
	_width:40px;
	overflow:visible;
	white-space:nowrap;
	color:#666 !important;
}
.guide_tab li:first-child a{
	border-left:none;
}
.guide_tab li a:hover,
.guide_tab li a.active{
	background:#fff;
	border-top:#1c1f2b solid 2px;
	border-left:#ddd solid 1px;
	border-right:#ddd solid 1px;
	margin:0 -1px -3px 0;
	padding:7px 10px 10px;
	color:#1c1f2b !important;
	position:relative;
}
.guide_tab ul.sub {
	background:none;
	padding:0 0 0 4px;
}
.guide_tab .sub li{
	text-align:left;
}
.guide_tab .sub li a{
	border:none;
	min-width:0;
	width:auto;
	overflow:auto;
}
.guide_tab .sub li a:link,
.guide_tab .sub li a:visited{
	padding:4px 8px 0 16px;
	background: url(../images/pmang/template/deco.png) -688px -116px no-repeat;
}
.guide_tab .sub li a:hover,
.guide_tab .sub li a:active{
	padding:4px 8px 0 16px;
	background: url(../images/pmang/template/deco.png) -688px -116px no-repeat;
	border:none;
	margin:0;
}




