
/*** The All So Important RESET! ***/

/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, 
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	zoom:1;
}




body{
	line-height:1;
}
ol, ul{
	list-style:none;
}
li {
	margin: 0;
	padding: 0;
	}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
	content:'';
	content:none;
}

:focus{
	outline:0;
}

ins{
	text-decoration:none;
}
del{
	text-decoration:line-through;
}
/*
table{
	border-collapse:collapse;
	border-spacing:0;
}
*/
img{
vertical-align: bottom;
}

table{
    font-size:12px;
}

table td{
    font-size:12px;
}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

var {
display:none;}

a img {border:none}


aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/************************ COLORS ************************/	
a {color:#218ff3;}
a:hover {color:white;}

.trigger{
	color:#218ff3;
	cursor:pointer;
}
.trigger:hover{	color:#fff;}

#toggleBigTb,#toggleRealTime,#toggleMore,#adultCheckOff,#chatBox #chatToggle,.heedEng,.editBox div.tagList span,ul.tagCloud li a,.mainSection dd div.more{
	color:#218ff3;
	cursor:pointer;
}

#chatLoad, #chatToggle,.imgBox a.delImg{
    border: 1px solid #218ff3;
}

body{
	background-image:url(/images/dragonborn_1920x1200.jpg);	
}
#menuSpButton,.pager a.next:hover,.pager a.prev:hover,#nav-dock a:hover ,.morePageLink a:hover{
	background:#218ff3;
}

/************************ Basics ************************/

html {
	width:100%;
	height:100%;

	}


body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: "Hiragino Kaku Gothic ProN", "Trebuchet MS", Arial, Helvetica,"CI", sans-serif;
	font-size: 13px;
	background-color:#000000;
	color:#efefef;
	margin:0 0 1px; height:100%;
	line-height: 1.5;

	background-position:left center;
	background-repeat:no-repeat;
    background-attachment: fixed; 
}


small{
	font-size:10px;
	display:block;
}

p {
	margin-bottom:7px;

	}





h1, h2, h3, h4, h5, h6 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
	position:relative;

	

}

label{
cursor:pointer;
}
	
h1{
	font-size: 40px;
	color:#eee;
	text-align:left;
}

#title{
    padding: 17px 0 0 15px;
    width: 600px;
}

#title a{
	text-decoration:none;
	color:#eee;
}
	
	
h2{
	font-size: 20px;
	line-height:1.2;
	color:#eee;
	text-align:left;
	margin-bottom:5px;
	padding-bottom:10px;
}
	

h3{
	font-size: 20px;
	line-height:1.2;
	color:#eee;
	text-align:left;
	margin-bottom:5px;
	padding-bottom:10px;
	}
	
h3 span{
	
	font-size: 12px;
	line-height: 1.4;
	color:white;
	display:block;
	margin-top:10px;
	text-transform:none;


}

h4{
	font-size: 23px;
	line-height:0.9;
	color:white;
	text-align:left;
	margin-bottom:12px;
	padding-bottom:10px;
	}


	
h4 span{
	
	font-size: 12px;
	line-height: 1.4;
	color:white;
	display:block;
	margin-top:10px;
	text-transform:none;


}

header{
	position: relative;
	
	width: 100%;
	height:100px;
	background-position: center;	
	/*border-bottom: 3px solid #1d54c7;*/
	border-bottom: 3px solid #eee;
	display:block;



	}

footer{
	
	height:100px;
	clear:both;
	width:100%;
	margin:0 auto;
	background-color:#000;
	border-top: 3px solid #eee;
}







/************************ Containers ************************/
.wrapper{
	background:#000;
	background: -moz-linear-gradient(0%,#000 100%,#aaa);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#010101));
	color: #eee;
	width: 100%;
	margin:0 auto;
	opacity:0.96;
}


#container, #container_left, #container_right{
	position: relative;
	width:100%;
	
	}
	
#container{
			position:relative;
			width:960px;
			margin:0 auto;
			background-color:transparent;
			min-height:100%;

			
}

.container{
	position:relative;
	width:960px;
	margin: 0 auto;
	background-color:transparent;
}

.containerHeader{
	height:100px;
}

#searchBox{
	position:absolute;
	right:0px;
	width:240px;
	top:42px;
}


#searchBox #q{
    background: none repeat scroll 0 0 #eee;
    border-color: #CCCCCC #999999 #999999 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font: 14px arial,sans-serif bold;
    height: 18px;
    margin: 0;
    padding: 2px 6px 0 2px;
    vertical-align: top;
	width:125px;
}

#searchBox input[type="submit"] {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #333;
    cursor: default;
    font-family: arial,sans-serif;
    font-size: 12px;
    height: 22px;

    margin: 0px 3px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
	cursor:pointer;
}

#searchBox input[type="submit"]:hover {
    background-color: #F8F8F8;
    border: 1px solid #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #111;
}

#searchBox input[name="tag"]{
width:60px;
}

.mainSection{
	float:right;
	padding:15px;
	width:625px;
	position:relative;	
}

.mainSection dl{
	padding-bottom:25px;
}

.mainSection dt{
	border-top:1px solid #111;
	padding-top:15px;
	padding-left:15px;
	font-size:23px;
	position:relative;
}


.catLink{
	text-decoration:none;
}


span.update{
	color:#ffff66;
}

span.new{
	color:#ff1a1f;
	font-size:10px;
}


.mainSection dt small{
	display:block;
	font-size:10px;
}


.mainSection dd{
	position:relative;
	padding:15px 15px 30px 15px;

}

.mainSection dd div.more{
    text-align: left;

}

.mainSection dd div.more:hover{
	color:#fff;

}

.mainSection dd p{
	padding:0 15px;
	line-height:22px;
}


.mainSection dd p.en2jp{
color:#888
}
.mainSection dd blockquote.en2jp{
    line-height: 22px;
    padding: 0 15px;
	color:#888;
}

/*
.mainSection dd p{
	height:80px;
	overflow:hidden;
}
*/


.content1 {
	position: relative;
	width: 100%;
	margin-top:15px;
	margin-bottom:16px;

	background:transparent;
}
	
.content2 {
	position: relative;
	float: left;
	width: 100%;
	margin-top:-12px;
	margin-bottom:20px;



	}
	


.catmenu {
	float: left;
	width: 270px;
	background:transparent;
	padding:15px;
	margin-bottom:10px;
}
	

.catmenu ul.menuList li a{
	display:block;
	border-top:1px solid #111;
	font-size:14px;
	padding:15px;
	text-decoration:none;
}
.catmenu ul.menuList li a:hover{
	background-color:#020202;
}
	
.catmenu ul.menuList li a small{
	display:block;
}

.group2 {
	float: left;
	width: 200px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;


	}
	
.group3 {
	float: left;
	width: 200px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;


	}

.group4 {
	float: left;
	width: 200px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;


	}

	

	
.group6 {
	float: left;
	width: 945px;
	position: relative;
	padding:15px;
	background:transparent;
	margin-top:16px;
	

	}
	

	
			

	

	
#intro{
	width: 960px;
	position: relative;
	float: left;
	height:auto;
	padding:10px;
	background:transparent;
	margin-top:52px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

* {
  margin: 0;
  padding: 0;
}




/************************ Slider ************************/

#slider-one p, #slider-two p, #slider-three p, #slider-four p, #slider-five p {
font-size: 11px;
	color: #ccc; 
	text-transform:uppercase; 
	position:relative; 
	top:-2.8em; 
	text-align:center; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	text-shadow: 0px 0px 2px #000
}
	
.mb-inside a, .mb-inside a:visited {color:#0CF; text-decoration:none; font-size:13px; }
.mb-inside a:hover {color:#eee; text-decoration:none; font-size:13px; cursor:pointer}


	



	
/************************ Navigation Menu ************************/









.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}

/************************ Specifics ************************/
 
.quote {	position: relative;
	float: left;
	width: 100%;
	margin-top:6px;
	margin-bottom:30px;
	background:none;


	}

.welcome {
	
	width: 945px;
	position: relative;
	padding:15px 15px 25px 15px;
	background:transparent;

	}

span#error{
display:none;
background:#fff;
color:red;
}

span.rate{
	color:#444;
}

span.rate1{
	color:#eaeaea;
}
span.rate2{
	color:#fef3c9;
}
span.rate3{
	color:#fde380;
}
span.rate4{
	color:#fbd337;
}
span.rate5{
	color:#dcb205;
}

.n1 span.rate1,.n1 span.rate2,.n1 span.rate3,.n1 span.rate4,.n1 span.rate5{
	color:#666;
}
.n1{
	opacity:0.6;
}

.red {
	color:#FF0000;
}

.white {
	color:#eee;
}

.pink {
	color:#ff3366;}
.green {
	color:#9acd32;}
.blue {
	color:#1d54c7;}
.button {
	width: 80px;
	height:16px;
	position:relative;
	margin-top:12px;
	padding:9px;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: #9acd32; /* W3C */
	display: inline-block;
	color:#191919;
	font-weight:bold;
	cursor: pointer;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	text-decoration:none;
	-moz-box-shadow: 2px 2px #151515;
	-webkit-box-shadow: 2px 2px #151515;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	


	
	
	}
	
.button:hover {

	color:#fff;
}

.star{
	color:#fff;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
}

.star:hover{
	color:#FC0;
}

.active{
	color:#FC0;
}


.bookmarkDescription div span{
	color:#FC0;	
}

.bookmarkDescription div ul{
	padding:11px 15px 15px 26px;
	list-style:disc;
	line-height:22px;
}


.highlight{
	background-color:Navy;
}

.buttonBox{
    bottom: -5px;
    position: absolute;
    right: 20px;
    width: 83px;
	
}

.buttonBox .hatena-bookmark-button img{
	width:15px;
	height:15px;
}


div.information ul{
	list-style:none;
	padding:15px 15px;
	border-top: 1px solid #111111;
	font-size:10px;
	color:#999;
}

.detailSearch{
position:relative;
z-index:999;
	background:#000;
	border:1px solid #eee;
	padding:10px;
	border-top:none;
	display:none;
	font-size:10px;
}

.detailToggle{
	cursor:pointer;
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Arial Black", Gadget, sans-serif;
	font-family:"Times New Roman", Times, serif;
	font-family:Verdana, Geneva, sans-serif;
	font-family:"Courier New", Courier, monospace;
	line-height:8px;
}

.detailSearch label{
	cursor:pointer;
}


.lankMark{
	position:absolute;
	top:7px;
	right:15px;
	font-size:8px;
}

.lankMark.up{
	color:#9F0;
}

p.description{
	padding-top:7px;
    border-top: 1px solid #111111;
	color:#efefef;
	text-indent:15px;
}

p.description small{
	display:inline;
}


div#title-tip {
	margin: 0 1em 0 0;
	border: solid #ccc 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: .3em .5em;
	background: #fff;
	opacity: .8;
	color:#000;
	filter: alpha(opacity=80);
	font-size: 86%;
}
.imgClass
{
	margin:7px 5px 0 0;
	border-radius:7px;
	border:1px solid #111;
	background:#000;
	
}

.toNexus{
	display:inline-block;
	width:22px;
	height:22px;
	overflow:hidden;
	text-indent:-100px;
	background:url(/images/nexus_icon.png) no-repeat 0 0;
	position:relative;
	top:4px;
}

.toSteam{
	background:url(/images/steam_icon.png) no-repeat 0 0;
}


.mainDesc{
    background: none repeat scroll 0 0 #1b1b1b;
    border-radius: 1em 1em 1em 1em;
    color: #eee;
    display: block;
    /*margin: 0 15px;*/
    padding: 12px 15px 15px 15px;
	overflow:hidden;
}

.ratetag{
padding:0 0 0 25px;
}

.mainDesc .imgBox{
	margin-top:9px;
}



.sortMenu{
position:absolute;
right: 16px;
top: 38px;
display:block;
font-size:10px;
color:#888;
}
.sortMenu li{
  float:left;
  padding:0 3px 0 0;
}

.sortMenu li a.selected{
  color:#eee;
}


#realTimeNews{
display:none;
position:fixed;
bottom:40px;
right:0px;
line-height:16px;
text-align:left;
width:440px;
z-index:9999;
font-size:12px;
overflow:hidden;
}

#realTimeNews div{
background:#000;
padding:1;
height:40px;
line-height:40px;
padding:0 0 0 15px;
opacity:0.9;
position:relative;
}

#realTimeNews div span{
	position:absolute;
	right:15px;
	cursor:pointer;
	font-size:10px;
}

#realTimeNews ul{
margin:0 440px 0 0;
opacity:0.1;
position:relative;
right:-440px;
width:440px;
}

#realTimeNews ul li{
	background:#111;
	padding:7px 0px 7px 15px;
}

#realTimeNews ul li span{
font-size:10px;
}


.menuList li{
	position:relative;
}

.menuList li > span.lT{
    bottom: 17px;
    color: #666666;
    font-size: 11px;
    position: absolute;
    right: 9px;
}



.spoiler{
	background:#000;
	color:#000;
}



.morePageLink a,a.js{
	font-size:18px;
	text-align:center;
    border-radius: 0.8em;
	display:block;
	padding:15px;
	margin:0 15px;
}



.imgBox a{
height:100px;
width:134px;
overflow:hidden;
float: left;
border: 1px solid #111111;
border-radius: 7px 7px 7px 7px;
margin: 7px 5px 0 0;
background:#000;
}

.imgBox a img{
padding:0px 0 0 0;
width:134px;
-ms-interpolation-mode: bicubic;
}

.imgBox a.delImg{
    display: block;
    font-size: 12px;
    height: 22px !important;
    line-height: 21px;
    text-align: center;
    width: 32px !important;
}






div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#333;font-weight:bold;font-size:13px;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:0;line-height:14px;margin:11px 50px 0px 10px; color:#666}
div.pp_default .pp_bottom .pp_left{background:url(/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#050404;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:block !important;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}

.pp_gallery li.default a{background:url(/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}

.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#0066FF}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

.ppt{
display:none !important;
}



/*--------------------------------------
	Tag Cloud
---------------------------------------*/

ul.tagCloud,#setting ul {
	margin: 0;
	padding: 10px 15px;
	line-height: 1;
	font-size: 12px;
    border-top: 1px solid #111111;
}

#setting ul li{
	line-height:18px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 110%;
}

ul.tagCloud li a {
	text-decoration: none;
	color:#1867ad;
}


ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
}


ul.tagCloud li a:hover {
	color: #fff;
}

/* comment box*/

.commentBox{
    padding-left: 15px;
    width: 100%;


}

.commentBox ul li{
float:left;
padding:0 5px 0 0;
}

.commentBox ul li input[name="name"]{
	width:60px;
	height:20px;
}

.commentBox ul li input[name="comment"]{
	width:370px;
	height:20px;
}

.cBox{
	display:none;
}

.commentBox ul li select{
	height:21px;
}


.commentBox ul li input[type="submit"]{
	width:38px;
	background-color: #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px 2px 2px 2px;
	color: #000;
	cursor: pointer;
	font-family: arial,sans-serif;
	font-size: 10px;
	height: 20px;
	text-align: center;

}

.commentBox ul li .counter{
	text-align:right;
}
.commentTable{
	
}
.commentTable tbody tr{


}
.commentTable .name{
	vertical-align:top;
	text-align:right;
	
	padding:15px 0px 15px 0px;
}

.commentTable .noName{
	color:#666;
}

.commentTable .comment{
   background: none repeat scroll 0 0 #1b1b1b;
    border-radius: 1em 1em 1em 1em;
    padding: 10px 15px 13px;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.commentTable .comment small{
	display:inline;
}

.commentTable .comment .comWrap{
	position:relative;
	width:100%;
	word-break:break-all;
}
.commentTable .comment .ca{
    background: url("/images/ca.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    left: -22px;
    position: absolute;
    top: 22px;
    width: 12px;
    z-index: 10;
}
/* status */
.commentTable .cmId{
    bottom: -10px;
    color: #666666;
    display: block;
    font-size: 8px;
    position: absolute;
    right: -6px;
}

.status{
	display:none;
	background: none repeat scroll 0 0 #101010;
    border-radius: 1em;
    height: 20px;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: -1px;
    width: 40px;
}

.status > li{
	float:left;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-999px;
	cursor:pointer;
	opacity:0.6;
}

.noView{
	display:none;
}
.yesView{
	color:#218ff3;
	cursor:pointer;
}
.yesView span{
	color:#CCCCCC;
}

.cmId{
font-family:verdana;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .cmId{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
}

.cmId > .Good{
color:#29b511;
}
.cmId > .Bad{
color:#c60005;
}

.cmId > .c0{
	display:none;
}

.status > li:hover{
	opacity:1;
}

.status > .Good{
	background:url(/images/thumbsUp.png) no-repeat 0 0;

}
.status > .Bad{
	background:url(/images/thumbsDown.png) no-repeat 0 0;

}



#chatBox{
    bottom: 0px;
    display: block;
    left: 30px;
    overflow: hidden;
    position: fixed;
    text-align: left;
    z-index: 999;
	width:172px;
	border-bottom:none;
    height: 30px;
}

#chatLoad{
	background:#000;
	border-bottom:none;
}

#chatLoad dl dt{
	padding:15px;
	color:#666;
	border-bottom:1px solid #111;
}

#chatLoad dl dt strong{
	color:#fff;
}

#chatLoad dl dd table tr td{
	color:#cfcfcf;
}

#chatBox #chatToggle{
	cursor:pointer;
	width:170px;

	border-bottom:none;
    background:#000000;
	text-align:left;
	text-indent:8px;
	display:block;
    font-size: 12px;
    height: 30px;
	line-height:14px;
	position:relative;
	top:1px;
	line-height:30px;
	z-index:999;
}
div.comNum{
	font-size:10px;
	color:#666;
}

#chatBox #chatToggle span.lT{
font-size:10px;
position:absolute;
right:7px;
color:#666;
}

.bigTb{
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #111111;
    border-radius: 7px 7px 7px 7px;
	text-align:center;
    height: 250px;
    margin: 7px 5px 10px 0;
    overflow: hidden;
    width: 100%;
	position:relative;
}

.bigTbDesc{
position:absolute;
bottom:0px;
left:0px;
text-align:right;
display:block;
height:30px;
line-height:30px;
font-size:20px;
background:#000;
opacity:0.7;
width:100%;
border-radius:none;

}
.mainSection dd .bigTbDesc p{
   padding: 0 37px;
   line-height:30px;
}



#nav-dock {
	position: fixed;
	right: 0;
	top:276px;
}
#nav-dock a {
	display: block;
	padding: 5px 10px;
	margin: 5px 0;
	background: #1B1B1B;
	color:#aaa;
	border-radius: 10px 0px 0px 10px;
}
#nav-dock a:hover {
	color:#fff;
}
#nav-dock #scnext {
	margin-bottom: 15px;
}


.ddBottom{
padding:0 15px;
text-align:right;
	font-size:12px;
}





.qq-upload-button {
    background: none repeat scroll 0 0 #0066FF;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin: 11px 0 0;
    padding: 9px 0;
    text-align: center;
    width: 304px;
}
.qq-upload-button-hover {background:#09F;}
.qq-upload-button-focus {outline:1px dotted black;}
.qq-upload-list{
	display:none;
}







a.botLink{
	display:block;
	width:116px;
	height:25px;
	overflow:hidden;
	text-indent:-999px;
	background:url(/images/twitter_icon.png) no-repeat 0 0;
}

a.botLink:hover{
	background:url(/images/mono_twitter_icon.png) no-repeat 0 0;
}


.verLine{
	position:relative;
}

.verLine img{
	width:100%;
	height:1px;
	top:0px;
	left:0px;
	position:absolute;
	background:#1B1C1C;
}

.verLine .cVer{
	position:absolute;
	right:0;

	top:-9px;
	text-align:right;
	background:#000;
/*	text-align:center;*/
/*	display:inline-block;*/
	padding:0 10px 0 10px;
	color:#666;
}


.nEn{
	display:none;
}


.gRate{
	color:#39ee1a;
}
.bCount{
	color:#f2cc36;
}

.aReverse{
	padding:8px 0 0 0;
	font-size:10px;
	color:#aaa;
}

.heedBox{
	background:#1b1b1b;
	padding:10px;
	margin:15px 15px 0 15px;
	border:1px solid #333;

}
.mainSection dd .heedBox p{
	padding:0px;
	margin:0px;
	font-size:11px;
	line-height:14px;
	color:#bbb;
}

.heedEng{
	margin:0px 15px 0 15px;
	padding-top:15px; 
	cursor:pointer;
	text-align:center;
	font-size:12px;
}


/* pager */
.pager a.next,.pager a.prev{
	float:left;
    border-radius: 0.8em;
    display: block;
    font-size: 18px;
    margin: 0 0 0 15px;
    padding: 15px;
    text-align: center;
	width:41%;

}

.pager a.next{
    margin: 0 15px 0 0px;	
	float:right;
}




/* sns */
#snsButtons{
	background:url(/images/sns_buttons.png) no-repeat 0 0;
	height:20px;
}

#snsButtons code{
	height:20px;
	float:left;
	width:200px;
	white-space:nowrap;
	font-size:10px;
	border:1px solid #ccc;
	overflow:hidden;
	line-height:20px;
}


#snsButtons a.sButton{
	float:left;
	width:20px;
	height:20px;
	display:block;
	margin:0 10px 0 0px;
}

/*
#snsButtons a.sButton:hover{
	background-image:url(/images/sns_buttons.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
*/


#snsButtons a.evernote_clip{
	width:58px;
}

#snsButtons a.sButton span{
	display:none;
}

.pcNone{
	display:none;
}


.resViewResult .commentTable .comment{
	border:1px solid #ccc;
}

.resViewResult .commentTable .name,.resViewResult .commentTable .ca{
	display:none;
}

.gameSelect li a{
  border-width:1px;
  border-style:solid;
  padding:0px;
  display:block;
  font-size:14px;
  text-align:center;
  width:110px;
  float:left;
  margin:0 8px 8px 0px;
}
.gameSelect li a:hover{
  color:white !important;
  border-color:white !important;
}


.jpUpFilesBox{
	margin:10px 0 0 0;
}

.jpUpFilesBox small{
	color:#aaa;
	text-align:right;
}

.jpUpFilesBox ul{
	border-top:1px solid #333;
	padding:3px 0 0 0;
	margin:2px 0 0 0;
	position:relative;
	
}
.jpUpFilesBox ul li {
	display:block;
}
.jpUpFilesBox ul li small{
	display:inline;
}
.jpUpFilesBox ul li .left{
	float:left;
}
.jpUpFilesBox ul li .right{
	float:right;
}
.jpUpFilesBox ul li.more {
	position:absolute;
	bottom:-15px;
	right:1px;
}

