/* 基本 */

*{
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style: none outside;}

/* リンクスタイル */
a{
	text-decoration: none;}
a:link{
	color: #ccccff;}
a:visited{
	color: #ffcccc;}
a:active{
	color: #ccffcc;}
a:hover{
	text-decoration: underline;}

/* 基本デザイン */

body{
	color: #999999;					/*文字色*/
	font-size: 80%;					/*文字サイズ*/
	font-family: "ＭＳ 明朝","平成明朝",serif;	/*書体*/
	line-height: 160%;				/*行間*/
	background: black;				/*背景色*/
	
	margin: 20px 20px 0px 20px;
	padding: 0px;

	text-align: center;
	
	scrollbar-3dlight-color: #999999;		/*以下スクロールバーの色*/
	scrollbar-face-color: black;
	scrollbar-arrow-color: #999999;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: black;
	scrollbar-darkshadow-color: black;
	scrollbar-track-color:	#333333;}
	
img{
	border: none 0px white;}
div#body{
	width: 650px;					/*画面の幅*/
	margin-left: auto;				/*左寄せするなら0に*/
	margin-right: auto;}				/*右寄せするなら0に*/

/* フォームタグ系スタイル */
input,textarea,select {
	color: #999999;					/*フォーム内の文字色*/
	font-family: "ＭＳ 明朝","平成明朝",serif;	/*フォーム内の書体*/
	background-color: #333333;}			/*フォームの背景色*/
input,textarea {
	border: 1px solid black;}			/*フォームの枠線*/

/* HEADER */
div#header{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: left;}
h1{
	font-family: "ＭＳ Ｐ明朝","平成明朝",serif;	/*タイトルの書体*/
	font-size: 150%;}				/*タイトルの文字サイズ*/

/* MENUS */
div#menus{
	text-align: right;				/*上部メニューの位置*/
	border-top: 1px solid #999999;}			/*上部メニュー上の枠線*/
#menus li{
	display: inline;}

/* APPLET */
.applet{
	text-align: center;}				/*アプレット選択フォームの位置*/

/* SEARCH */
#search{
	padding: 0px 10px;
	text-align: left;}				/*検索フォームの位置*/
#search h2{
	margin-bottom: 5px;
	font-size: 120%;
	text-align: left;				/*検索タイトルの位置*/
	border-bottom: 1px solid #999999;}		/*検索タイトル下の枠線*/
font.search{
	font-size: 120%;				/*検索でヒットした単語*/
	font-weight: bold;
	color: #ffcc00;}

/* NEXTBACK */
.nextback{
	text-align: right;}				/*アンカーの位置*/
.nextback li{
	display: inline;}

/* THREAD */
.thread{
	margin-bottom: 5px;
	padding: 10px;
	background: black;				/*記事部分の背景色*/
	border: #999999 solid 1px;}			/*記事部分の枠線*/
ul.date{
	text-align: right;}
.date li{
	display: inline;}
ul.ad{
	text-align: right;}
.ad li{
	display: inline;}
ul.edit{
	text-align: right;
	border-top: #999999 solid 1px;}
.edit li{
	display: inline;}

/* PARENT */
.parent{
	text-align: left;}
.parent h2{
	margin-bottom: 5px;
	font-size: 120%;				/*親記事タイトルの文字サイズ*/
	text-align: left;				/*親記事タイトルの位置*/
	border-bottom: 1px solid #999999;}		/*親記事タイトル下の枠線*/
.imgleft{
	margin-right: 5px;
	float: left;}
.imgtop{
	float: none;
	text-align: center;
	margin-bottom: 5px;}
.imgright{
	margin-left: 5px;
	float: right;}
.imgtext{
	text-align: left;}

/* PIECE */
.piece{
	text-align: left;}
.piece h3{
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 120%;				/*子記事タイトルの文字サイズ*/
	text-align: left;				/*子記事タイトルの位置*/
	border-top: 1px solid #999999;			/*子記事タイトル上の枠線*/
	border-bottom: 1px solid #999999;}		/*子記事タイトル下の枠線*/

/* KAKIKAKE */
.kakikake{
	text-align: left;}
.kakikake h2{
	margin-bottom: 5px;
	font-size: 120%;				/*カキカケタイトルの文字サイズ*/
	text-align: left;				/*カキカケタイトルの位置*/
	border-bottom: 1px solid #999999;}		/*カキカケタイトル下の枠線*/
/* RES */
div.res{
	clear: both;
	text-align: right;}

/* CATALOG */
#catalog{
	margin: 0px 0px 5px 0px;
	padding: 10px;
	background: black;				/*カタログ部分の背景色*/
	border: #999999 solid 1px;}			/*カタログ部分の枠線*/
#catalog table{
	width: 600px;					/*カタログ1列分の横幅*/
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;}
#catalog tbody{}
#catalog tr{}
#catalog td{
	width: 150px;}					/*カタログ1つ分の横幅(サムネイルより大きく)*/
#catalog dl{
	text-align: left;}				/*カタログ内文字の位置*/
#catalog dt{}
#catalog dd{}
#catalog dd.img{
	text-align: right;}				/*カタログ内サムネイルの位置*/
/* LIST */
#list{
	margin: 1em 0px 5px 0px;
	padding: 10px;
	background: black;				/*リスト部分の背景色*/
	border: #999999 solid 1px;}			/*リスト部分の枠線*/
#list ul{
	width: 400px;					/*カタログ1列分の横幅*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;}

/* BMENUS */
#bmenus{
	text-align: right;				/*下部メニューの位置*/
	border-bottom: 1px solid #999999;}		/*下部メニュー下の枠線*/
#bmenus li{
	display: inline;}

/* COUNT */
div.count{
	text-align: right;}				/*カウンターの位置*/

/* FOOTER */
#footer{
	text-align: right;}				/*著作権部分の位置*/

/* FORM */
.form{
	text-align: right;}
.tform{
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #999999;			/*スレッドレスフォーム上部の枠線*/
	text-align: center;}
.form h2{
	margin-bottom: 5px;
	font-size: 120%;				/*通常書き込みタイトルの文字サイズ*/
	text-align: left;				/*通常書き込みタイトルの位置*/
	border-bottom: 1px solid #999999;}		/*通常書き込みタイトル下の枠線*/

/* PAINT */
div#paint{
	margin: 0 auto;}
#paint table{
	margin: 5px auto;}

/* ペイント画面の拡張ツール */
.ptable{
	background: #333333;				/*(左,右)TABLE*/
	border: 1px solid #000000;}
.ptd{}							/*以下(左,右)TD*/
.qtable{
	width: 500px;					/*以下(中,下)TABLE*/
	background: #333333;
	border: 1px solid #000000;}
.qtd{}							/*以下(中,下)TD*/

/* CGI でも使うクラス */
.button{}						/*form-input,textarea*/
.submit{
	border: 3px double black;}			/*submit-type*/
.ra{
	border-width:1px;}				/* ラジオボックスのスタイル */
.mtable{
	width: 500px;					/*TABLE*/
	background: black;
	border-collapse: collapse;
	margin-left: 75px;
	margin-right: 75px;}
.mtd{
	border: 1px solid #999999;}			/*TD*/

/* レイヤーレスフォーム */
.ltable{
	background-color: #333333;			/*TABLE*/
	border: 1px solid black;}
.ltd{
	color: #999999;					/*バー*/
	background-color: black;}
