@charset "UTF-8";

/*** 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:#b92323;}
a:hover {color:white;}

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

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

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

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

/************************ 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,"メイリオ", sans-serif;
	font-size: 13px;
	background-color:#0d0d0d;
	color:#efefef;
	margin:0 0 1px; height:100%;
	line-height: 1.5;

	background-position:right 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: 36px;
	color:#eee;
	text-align:left;
}

#title{
    padding: 22px 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:#0d0d0d;
	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));
	opacity:0.95;
	*/
	background:#0d0d0d;
	color: #eee;
	width: 100%;
	margin:0 auto;

}


#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: #1b1b1b;
}

#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 #1b1b1b;
	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;

}

/* PC版「続きを読む」(2026-08-16)
   本文の切れ目にグラデーションをかぶせて自然に消す。
   数値の意味と、触る時の注意:

   top:-60px      本文にかぶせる量。ここが「フェードの長さ」になる
   ボックス高     padding-top + 行21px + padding-bottom = 35+21+6 = 62px。
                  これが top のかぶり量(60px)を下回ると、ボックスの下端が
                  本文の切れ目より上に来てボタンの下に本文が露出する。
                  今は 62px なので余裕は2px。padding-top を減らす時は
                  必ず同じだけ padding-bottom を足すこと。
   margin-bottom  カバー量とは無関係で、後ろに続く要素を引き上げるだけの値。
                  潜り込む深さ = -60(top) - margin-bottom で、ボックス高には
                  依存しない。-69px なら9px潜る。次の要素は自分の margin-top
                  ぶんが空きなので、実測では下の3つとも隠れない。
                    .imgBox(margin-top 9px)        0px
                    .jpUpFilesBox(margin-top 10px) 0px
                    .aReverse(padding-top 12px)    0px
                  これより深くすると .imgBox のサムネ上端から隠れ始める。

   .jpUpFilesBox の中にも li.more があるので、セレクタは必ず div.more にすること。
   SPは sp.css(html.isSp)側で別に組んであるのでPC専用に限定する */
html:not(.isSp) .mainSection dd div.more{
	position:relative;
	top:-60px;
	margin-bottom:-69px;
	padding-top:35px;
	padding-bottom:6px;
	font-size:14px;
	letter-spacing:.6em;
	text-indent:0;
	background:linear-gradient(to top, #1b1b1b 42%, rgba(27,27,27,0));
}

.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 #1b1b1b;
	font-size:14px;
	padding:15px;
	text-decoration:none;
}

	
.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 #1b1b1b;
	font-size:10px;
	color:#999;
}

.detailSearch{
position:relative;
z-index:999;
	background:#0d0d0d;
	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 #1b1b1b;
	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 #1b1b1b;
	background:#000;
	
}

.toNexus{
	display:inline-block;
	width:22px;
	height:22px;
	overflow:hidden;
	text-indent:-100px;
	background:url(/images/steam_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:#1b1b1b;
	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 #1b1b1b;
border-radius: 7px 7px 7px 7px;
margin: 7px 5px 0 0;
background:#000;

position: relative;
}

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

position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

.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.2;
	font-size: 14px;
    	border-top: 1px solid #1b1b1b;
}

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

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

ul.tagCloud li a {
	text-decoration: none;
}


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 #1b1b1b;
}

#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 #1b1b1b;
    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:inline-block;
	padding-left:19px;
	min-height:16px;
	line-height:16px;
	margin-bottom:7px;
	color:#fff;
	background:url(/images/x_icon.svg) no-repeat 0 50%;
	background-size:14px 14px;
}

a.botLink:hover{
	color:#b92323;
	background-image:url(/images/x_icon_hover.svg);
}


.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:#0d0d0d;
/*	text-align:center;*/
/*	display:inline-block;*/
	padding:0 10px 0 10px;
	color:#666;
}


.nEn{
	display:none;
}


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

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

/* no description: .character is empty so the top padding has nothing to separate */
.aReverse.noDesc{
	padding-top:0;
}

.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;
}

/* keep the first line unwrapped */
#page_detail .heedBox p{
	font-size:12px;
	line-height:1.65;
	letter-spacing:-0.02em;
}

/* 編集フォーム(detail_edit.php)はAJAXで #page_detail の中へ差し込まれる断片なので、
   上の #page_detail .heedBox p (1-1-1) が .mainSection dd .heedBox p (0-2-2) に勝ち、
   注意書きが 11px → 12px に太っていた。編集フォーム側だけ元の大きさに戻す(2026-08-16) */
#page_detail .aiHeedBox p{
	font-size:11px;
	line-height:14px;
	letter-spacing:normal;
}

/* .mainSection dd の中の注意書き(日本語化UPルール等)は元の11pxのまま。
   上の #page_detail .heedBox p (1-1-1) が .mainSection dd .heedBox p (0-2-2) に
   勝って12pxへ太らせていた。dd内を1-3-2で一括して戻す(2026-08-16)。
   今朝縮めた対象(dd外の注意文とSNSボックス)は従来どおり12pxのまま */
#page_detail .mainSection dd .heedBox p{
	font-size:11px;
	line-height:14px;
	letter-spacing:normal;
}

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


/* 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 */
/* SNS buttons - sprite 7 x 20px */
#snsButtons{
	height:20px;
	line-height:20px;
}

#snsButtons a.sb{
	float:left;
	width:20px;
	height:20px;
	display:block;
	margin:0 10px 0 0px;
	background:url(/images/sns_icons.svg) no-repeat 0 0;
	background-size:140px 20px;
	opacity:.85;
	-webkit-transition:opacity .12s ease, -webkit-transform .12s ease;
	transition:opacity .12s ease, transform .12s ease;
}

#snsButtons a.sb:hover{
	opacity:1;
	-webkit-transform:translateY(-1px);
	transform:translateY(-1px);
}

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

/* X / hatena / line / fb / threads / bsky / copy */
#snsButtons a.sbX{background-position:0 0;}
#snsButtons a.sbHatena{background-position:-20px 0;}
#snsButtons a.sbLine{background-position:-40px 0;}
#snsButtons a.sbFb{background-position:-60px 0;}
#snsButtons a.sbThreads{background-position:-80px 0;}
#snsButtons a.sbBsky{background-position:-100px 0;}
#snsButtons a.sbCopy{background-position:-120px 0;}

#snsButtons a.sbCopy{
	margin-left:19px;
	position:relative;
}

#snsButtons a.sbCopy:before{
	content:"";
	position:absolute;
	left:-14px;
	top:2px;
	width:1px;
	height:16px;
	background:#3a3a3a;
}

#snsButtons .copyDone{
	float:left;
	margin:0 0 0 4px;
	font-size:11px;
	line-height:20px;
	color:#9acd32;
	display:none;
}

#snsButtons .copyDone.ng{
	color:#e07070;
}

.pcNone{
	display:none !important;
}


.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;
}

/*ad microad*/
/*ad loop*/
html .pb-row{
	width: 600px;
    white-space: nowrap;
	border-top: 1px solid #1b1b1b;
	padding:15px 15px 30px 15px;
}

html .pb-row div{
	width:300px;
	height:250px;
	float:left;
}

html .random-ad320x250sp{
	text-align: center;
}

/*ad sidebar*/
.pb-col{
	margin: 15px 0px 15px 15px;
	background: #171717;
	text-align: center;
	border: 1px solid #1b1b1b;
}

.pb-col strong{
	display: block;
	padding: 7px 10px;
	background: #0d0d0d;
	border-bottom: 1px solid #1b1b1b;
    text-align: left;
    font-weight: normal;
}

.pb-col .pb-in{
	padding: 30px;
}

/*ad deteail*/
html .sponsored-detail300x250{
	width: 600px;
    white-space: nowrap;
    margin: 5px 0px 20px -3px;
}
html .sponsored-detail300x250 div{
	width:300px;
	height:250px;
	float:left;
}
p.pb-cap{
    text-align: center;
    font-size: 11px;
}

.pb-c{
	text-align: center;
}
/* ===== auto heading + body color (2026-08) ===== */
.mainDesc, .mainDesc .character, .desc, .desc .character{color:#d4d4d4;}
#modDesc .desc, #modDesc .desc .character{color:#d4d4d4;}
.autoHead{display:inline;font-weight:bold;color:#fff;border-bottom:1px solid #fff;padding-bottom:4px;line-height:2.2;}
/* AI summary display (2026-08) */
.aiHead{margin:0 0 9px;padding-bottom:7px;border-bottom:1px dashed #4e2323;}
.aiBadge{display:inline-block;background:#6b1a1a;color:#f8dcdc;font-size:11px;padding:2px 9px;border-radius:9px;margin-right:7px;letter-spacing:1px;}
.aiHead small{display:inline;color:#888;font-size:10px;}
.aiHead small a{color:#b92323;}
.aiHead small a:hover{color:#fff;}
.aiEditRow{margin-top:12px;padding-top:9px;border-top:1px solid #333;font-size:11px;color:#aaa;}
.aiEditRow a{color:#b92323;}
.aiEditRow a:hover{color:#fff;}

/* AI about link (2026-08) */
.aiEditRow a.aiAbout{font-size:10px;margin-left:9px;}

/* installed mod mark (from installId in localStorage) */
span.inst{ color:#5fd67f; }

/* ==== c03 header band for list (2026-08-14, ui_sample6) ==== */
.mainSection dd .band{overflow:hidden;margin:-12px -15px 12px;padding:12px 15px;border-radius:1em 1em 0 0;border-bottom:1px solid #2c2c2c;}
.band.c03{background:#151515;}
/* detail: .desc has 15px top padding while .mainDesc has 12px.
   without this the band sits 3px inside and the lighter parent shows as a rim */
#page_detail .desc > .band{margin-top:-15px;}

/* search box: adult filter is revealed by js/adult.js only when verified */
.adultSearch{display:none;}
.band .bandSq{float:left;width:134px;height:134px;border:1px solid #333;border-radius:7px;background:#000;margin-right:14px;}
.band .bandInfo{overflow:hidden;}
.bandInfo .chipRow{line-height:2;margin-bottom:2px;}
.cChip{display:inline-block;background:#252525;border:1px solid #3a3a3a;color:#ccc;font-size:11px;padding:1px 7px;border-radius:9px;margin:0 3px 3px 0;}
.cChip:hover{border-color:#b92323;color:#fff;}
a.cChip.more{border-style:dashed;color:#888;}
.cChip.cHidden{display:none;}
.bandInfo .metaLine{font-size:11px;color:#888;margin:5px 0 0;}
.bandInfo .metaLine b{color:#ddd;font-weight:bold;}
.bandInfo .reqLine{font-size:11px;color:#888;margin:5px 0 0;}
.mGap{display:inline-block;width:14px;}

/* AI notice row inside band, no background (2026-08-14) */
.bandInfo .bandAiRow{font-size:10px;color:#888;}
.bandAiRow small{display:inline;color:#888;font-size:10px;}

/* AI notice pinned to band bottom (2026-08-14) */
.mainSection dd .band{display:flex;align-items:stretch;}
.band .bandSq{flex:0 0 auto;}
.band .bandInfo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;}
/* margin-top:auto is 0 when there is no free space, so keep the gap as padding */
.bandInfo .bandAiRow:last-child{margin-top:auto;padding-top:12px;}

/* ==== adult mask (B-1) 2026-08-14 ==== */
.maskTitle{color:#8a8a8a;font-style:italic;}
.band .maskSq{flex:0 0 auto;width:134px;height:134px;border:1px dashed #4a3a3a;border-radius:7px;
  background:#161010;margin-right:14px;display:flex;align-items:center;justify-content:center;
  color:#6b4a4a;font-size:26px;font-weight:bold;letter-spacing:2px;}
.bandInfo .maskNote{color:#9a7a7a;}
.bandInfo .maskNote a.ageBtn{color:#b92323;text-decoration:underline;cursor:pointer;}
.vioBadge{display:inline-block;background:#2a2320;border:1px solid #4a3a2a;color:#b9925f;
  font-size:10px;padding:1px 7px;border-radius:4px;vertical-align:2px;margin-left:4px;}
/* menu item is hidden until the visitor confirms their age */
.adultMenu{display:none;}

/* ==== adult gate page 2026-08-15 ==== */
.adultGate{border:1px solid #3a2a2a;background:#161010;border-radius:7px;padding:28px 26px;margin:8px 0 18px;}
.adultGate p{margin:0 0 12px;color:#c8bcbc;line-height:1.8;}
.adultGate p:last-child{margin-bottom:0;}
.adultGate small{color:#8a7a7a;}
.adultGate a.btnLike{display:inline-block;background:#b92323;color:#fff;text-decoration:none;
  padding:9px 26px;border-radius:5px;font-weight:bold;}
.adultGate a.btnLike:hover{background:#d02a2a;}

/* ==== adult age check modal 2026-08-15 ==== */
/* same dialog for PC and smartphone. native confirm() is not used because  */
/* it truncates on mobile and can be permanently suppressed by the browser  */
body.amOpen{overflow:hidden;}
#adultModal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;
  display:flex;align-items:center;justify-content:center;padding:20px;}
#adultModal .amBack{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.78);}
#adultModal .amBox{position:relative;width:100%;max-width:420px;background:#191919;
  border:1px solid #3a2a2a;border-radius:9px;padding:26px 24px;box-shadow:0 10px 40px rgba(0,0,0,.6);}
#adultModal h4{margin:0 0 12px;font-size:17px;color:#eee;font-weight:bold;}
#adultModal p{margin:0 0 20px;color:#c8bcbc;line-height:1.85;font-size:14px;}
#adultModal small{color:#8a7a7a;font-size:12px;}
#adultModal .amBtns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
#adultModal button{font:inherit;font-size:14px;cursor:pointer;border:1px solid #3a3a3a;
  background:#222;color:#ccc;padding:11px 20px;border-radius:5px;min-height:44px;}
#adultModal button:hover{border-color:#666;color:#fff;}
#adultModal button.amYes{background:#b92323;border-color:#b92323;color:#fff;font-weight:bold;}
#adultModal button.amYes:hover{background:#d02a2a;border-color:#d02a2a;}
#adultModal button:focus-visible{outline:2px solid #e06060;outline-offset:2px;}
@media screen and (max-width:480px){
  #adultModal .amBox{padding:22px 18px;}
  #adultModal .amBtns{flex-direction:column-reverse;}
  #adultModal button{width:100%;}
}

/* age label and report link moved into the card meta line 2026-08-15 */
.metaLine .pink{font-size:11px;vertical-align:1px;}
.metaLine .fixLink a{font-size:11px;}


/* bookmark empty-state + acf import guide (2026-08-17) */
.bmEmptyHero{
	text-align:center;
	padding:70px 0 100px;
}
.bmEmptyStar{
	font-size:34px;
	color:#eee;
	line-height:1.2;
}
.bmEmptyTitle{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin:8px 0 4px;
}
.bmEmptySub{
	color:#999;
	font-size:13px;
}
.bmImportBox{
	background:#161616;
	border:1px solid #333;
	border-radius:4px;
	padding:16px 22px;
	margin:18px 0 10px;
	max-width:620px;
}
.bmImportBox p{
	margin:6px 0;
	font-size:13px;
	color:#ccc;
}
.bmPath{
	display:flex;
	align-items:center;
	gap:8px;
	margin:8px 0;
	background:#0a0a0a;
	border:1px solid #2c2c2c;
	border-radius:3px;
	padding:7px 10px;
	font-family:Consolas,monospace;
	font-size:12px;
	color:#8fbf6f;
	overflow-x:auto;
}
.bmPath span{white-space:nowrap;}
.bmPathCopy{
	flex-shrink:0;
	background:#262626;
	border:1px solid #444;
	color:#ccc;
	font-size:11px;
	padding:3px 10px;
	cursor:pointer;
	border-radius:3px;
}
.bmPathCopy:hover{background:#333;}
.bmPathNote{color:#aaa !important;margin-top:10px !important;}
.bmPathSub{font-size:12px !important;color:#888 !important;}
.bmPathSub code{font-family:Consolas,monospace;color:#aaa;}
.bmImportBtn{
	background:#b92323;
	border:0;
	color:#fff;
	padding:7px 24px;
	border-radius:3px;
	font-size:13px;
	cursor:pointer;
	margin-top:6px;
}
.bmImportBtn:hover{background:#d13030;}