@charset "Shift_JIS";
/* default.css for all CSS browser */

body	{
	color: #333;
	background-color: #fff;
	margin: 0;
	padding: 0;
	scrollbar-arrow-color: #399;
	scrollbar-base-color:#cee;
	scrollbar-face-color:#cee;
	scrollbar-highlight-color:#cee;
	scrollbar-shadow-color:#399;
}
body, td, th{
	font-family: Verdana,Arial,helvetica,Osaka,
		"MS UI GOTHIC",
		\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF,
		"ＭＳ Ｐゴシック",
		\FF2D\FF33\20\30B4\30B7\30C3\30AF,
		"ＭＳ ゴシック",
		Gothic,
		sans-serif;
}

/* BLOCK LEVEL ELEMENTS */

h1{
	text-align: left;
	font-size: 200%;
	font-weight: bold;
	background: #7bb;
	color: #efe;
	clear: both;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #000;
	margin: 0 0 1em 0;
	padding: 3px 1em;
}
h2{
	font-size: 150%;
	clear: both;
	font-weight: bold;
	background: #eff;
	border-style: solid;
	border-width: 2px 0 1px 0;
	border-color: #000;
	margin: 2em 0 1em 0;
	padding: 3px 1em;
}
h3{
	font-size: 120%;
	clear: both;
	font-weight: bold;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #000;
	margin: 1.5em 0 1em 0;
	padding: 3px 1em;
}
h4, h5, h6{
	font-size: 100%;
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #999;
	padding: 3px 1em;
}
hr{
	visibility: hidden;
	clear: both;
}
dl{
	margin: 0.5em;
}
p, li, dt, dd{
	line-height: 1.5;
}
p{
	text-indent: 1em;
	margin: 0.5em;
}
pre{
	padding: 5px;
}
dt{
	font-weight: bold;
	margin: 0.6em 0 0 0;
}
dd span{
	color: #666;
	font-size: 75%;
}
li ol{
	list-style-type: lower-roman;
}

address{
	font-style: normal;
	color: #666;
	margin: 1em 0 0 0;
	padding: 0 0.5em;
	background: #cee url("http://k2works.com/nerve/image/png/addr.png") no-repeat left top;
}
form{
	margin: 0;
}
blockquote{
	border-style: solid;
	border-width: 0 1px;
	margin: 1em;
	padding: 0 1em;
}
thead, tfoot{
	color: #efe;
	background: #7bb;
}
/* INLINE ELEMENTS */
samp, code, kbd, pre, cite, dfn, select{
	font-family: 
		\FF2D\FF33\20\30B4\30B7\30C3\30AF,
		"ＭＳ ゴシック",
		Osaka\FF0D\7B49\5E45,
		"Osaka−等幅",
		"courier new",courier,
		monospace;
	font-size: 110%;
}
samp{
	margin: 2em 5%;
	line-height: 1em;
}
cite{
	font-style: normal;
}
dfn{
	font-style: normal;
	cursor: pointer;
}
ins{
	color: #333;
	text-decoration: none;
	background-color: transparent;
}

a:link,
a:visited{
	text-decoration: none;
}
a:active,
a:focus,
a:hover{
	text-decoration: underline;
}
a:link{
	color: #36c;
	background-color: transparent;
}
a:visited{
	color: #099;
	background-color: transparent;
}
a:active,
a:focus,
a:hover{
	background-color: #eff;
}

q{
	font-family: 
		\5E73\6210\660E\671D,
		"平成明朝",
		\FF2D\FF33\20\FF30\660E\671D,
		"ＭＳ 明朝",
		"Times New Roman", Times, serif;
	quotes: "" "";
}

em{
	font-style: italic;
	color: #f33;
}
strong{
	color: #030;
	background-color: transparent;
}

del:after{
  display:           block;
  color:             #009999;
  background:        transparent;
  content:           "閉鎖されたようです";
  border:            1px double #ccddff;
  padding:           0.2em;
  font-size:         80%;
  font-weight:       bold;
  text-decoration:   none;
}



/* CLASSES FOR BBS */
.bbs{
	width: 91%;
}
.bbscolumn{
	line-height: 1.0em;
	margin: 1em 3em;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #396;
}
.bbsd{
	/*text-align: center;*/
	padding: 0;
	border: 1px #3cc solid;
	margin: 1em 4%;
}
.bbsr{
	width: 70%;
}
.bbsrd{
	text-align: left;
	font-size: 80%;
	color: #666;
	padding: 0;
	border: 0;
	margin: 0.5em 0.5% 0.5em 20%;
}
.postinfo{
	font-size: 80%;
	text-align: right;
}
.postinfo2{
	width: 60px;
}

/* COMMON CLASSES */
.bottomad{
	margin: 0.5em;
	text-align: center;
}
.bottomnavi{
	text-align: right;
	margin: 0.5em 3em;
}
.column{
	margin: 1em 3em;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #396;
}
.counter{
	font-size: 75%;
}
.diary{
	border-style: solid;
	border-width: 1 3px;
	border-color: #999;
	margin: 1em;
	padding: 0;
}
.diatop{
	text-align: center;
	margin: 1em 0 0 0;
	padding: 2px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #999;
	background: #eee;
}
.dir{
	text-align: right;
	background-color: #eef;
	margin: 0;
	padding: 3px 1em 3px 0;
	border: #99f 2px outset;
}
.hide{
	font-size: 0pt;
	color: #fff;
}
.rank{
	text-align: center;
}
.ruletitle{
	color: #000;
	font-weight: bold;
}
.ruletitlesub{
	color: #000;
}
.pagetop{
	margin: 0.5em;
	padding: 2px;
	border: solid 1px #ccc;
	background: #eee;
}
.sample{
	margin: 1em 3em;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #369;
}
.sound{
	text-align: center;
	margin: 1em 3em;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #369;
}
.search{
	margin: 0.5em 4%;
}
.searchheader{
	color: #060;
	padding: 1px;
	width: 40%;
}
.searchtable{
	width: 91%;
}
span.subtitle{
	font-size: 90%;
}
.songtitle{
	background: #efe;
}
.images{
	background: #efe;
}
.length{
	text-align: center;
}
.separator{
	text-align: center;
	color: #eee;
	margin: 0.5em 5%;
}
.source{
	margin: 1em 2em;
	padding: 10px;
	background: #eef;
	border: solid 1px #ccf;
}
.script{
	background: #eef;
	border: solid 1px #ccf;
}
div.submenu{
	font-size: 90%;
	line-height: 1.2em;
	background: #efe;
	margin: 0.3em 0 0.7em 0;
	padding: 1px 1em;
	border: #999 1px solid;
}

@media screen, printer{

	/* OTHERS */

	address{
		font-size: 75%;
		clear: both;
	}
	address p{
		text-align: right;
		margin: 0;
	}
	address div{
		float: right;
	}
	address form{
		float: left;
	}
	a img{
		border-width: 0;
	}
	form input{
		background-color: #cee;
		color: #333;
	}
	form textarea{
		background-color: #cee;
		color: #333;
	}
	select{
		background-color: #cee;
		color: #333;
	}

	div.submenu{
		font-size: 90%;
		line-height: 1.2em;
		margin: 0.3em 0 0.7em 0;
		padding: 1px 1em;
		border: #999 1px solid;
		background: #efe;
	}
	.m4{
		line-height: 1em;
		margin: 0.5em 5%;
		padding: 1px 1em;
		border: #999 1px solid;
		background: #efe;
	}
	.minititle{
		background: #cee;
		border: 1px solid;
		padding: 1px 1em 1px 1em;
		margin: 1.5em 0.5em 0.5em 0.5em;
		letter-spacing: 0.2em;
	}
	.pldmn{
		font-size: 80%;
	}
	.remark{
		margin: 1em 5%;
		padding: 2px;
		border: #3c9 2px solid;
		font-size: 80%;
		color: #393;
	}

	.expr{
		margin: 0.5em;
	}
	.thumb{
		float: left;
		clear: both;
		margin: 0.5em;
	}
	.thumb2{
		float: right;
		margin: 0;
	}
	.thumb3{
		float: right;
		margin: 0;
	}
	div.ranking{
		margin: 0.5em 0.5em;
	}
}