/***************************************************************************************/
/* 親設定                                                                              */
/***************************************************************************************/

/*
各要素，必要に応じてこれで効果を無効にすること
	MARGIN:		0px;
	PADDING:	0px;
	BORDER-WIDTH:	0px;
*/



/* 章見出し */
/*
H3.main {
	MARGIN:		0px;
	TEXT-ALIGN:	left;
	border-width:	0px 0px 2px 20px;
	border-style:	solid;
	border-color:	#f9a4ec;
	padding-left:	10px;
	color:		#eeeeee;
}
*/
H3.main {
	MARGIN:		0px;
	TEXT-ALIGN:	left;
	border-top:	1px  dashed #aaaaaa;
	border-left:	20px solid  #a6f71e/*#84f27d*/;
	border-right:	1px  dashed #aaaaaa;
	border-bottom:	1px  dashed #aaaaaa;
	padding-left:	10px;
	color:		#eeeeee;
	background:	#0F0F0F;
	margin-bottom:	15px;
}


/* 節見出し*/

/*
H4.main {
	MARGIN:		0px;
	TEXT-ALIGN:	left;
	border-top:	1px  dashed #aaaaaa;
	border-left:	20px solid  #a6f71e;
	border-right:	1px  dashed #aaaaaa;
	border-bottom:	1px  dashed #aaaaaa;
	padding-left:	10px;
	color:		#eeeeee;
	background:	#0F0F0F;
	margin-bottom:	15px;
}
*/

H4.main {
	MARGIN:		0px;
	TEXT-ALIGN:	left;
/*	border-top:	1px  dashed #aaaaaa;*/
	border-left:	20px solid  #e80fc7;
/*	border-right:	1px  dashed #aaaaaa;*/
/*	border-bottom:	1px  dashed #aaaaaa;*/
	padding-left:	10px;
	color:		#eeeeee;
	background:	#0F0F0F;
	margin-bottom:	15px;
}



Blockquote {
	FONT-SIZE:	95%;
	LINE-HEIGHT:	150%;
	COLOR:		#eeeeee;
	padding:	20px;
	TEXT-ALIGN:	left;
	border-top:	0px;
	border-left:	4px solid #e1e1e1;
	border-right:	0px solid #e1e1e1;
	border-bottom:	0px;
	color:		#eeeeee;
	background:	#404050;
}


TD {
	FONT-SIZE:	95%;
	LINE-HEIGHT:	150%;
	COLOR:		#eeeeee;
}

P {
	TEXT-INDENT:	0.7em;
	margin-bottom:	0.3em;

	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN:		0px;
	PADDING-TOP:	0px
}

H1 {
	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN:		0px;
	PADDING-TOP:	0px
}

H2 {
	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN:		0px;
	PADDING-TOP:	0px
}

H5 {
	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN:		0px;
	PADDING-TOP:	0px
}

H6 {
	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN:		0px;
	PADDING-TOP:	0px
}

FORM {
	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN:		0px;
	PADDING-TOP:	0px
}

IMG {
	border-color:	#000000;
}

BODY {
	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	BACKGROUND:	url("background.png");
	PADDING-BOTTOM:	0px;
	MARGIN:		0px 10px;
	COLOR:		#333333;
	LINE-HEIGHT:	150%;
	PADDING-TOP:	0px;
	TEXT-ALIGN:	center;
	font-size:	95%;
}

A {
	COLOR:			#ecd713;
	TEXT-DECORATION:	none;
}

A:visited {
	COLOR:			#38dce0;
	TEXT-DECORATION:	none
}

A:active {
	COLOR:			#E79F1B;
	TEXT-DECORATION:	none;
}

A:hover {
	COLOR:			#ffff80;
	TEXT-DECORATION:	underline
}



/***************************************************************************************/
/* クラス，ID定義                                                                      */
/***************************************************************************************/

/* 全体の表示領域 */
#view_area {
	MARGIN-LEFT:	auto;
	MARGIN-RIGHT:	auto;
	WIDTH:		910px;
}

/* メニュー */
#menu {
	TEXT-ALIGN:	left;
}

/* メニューのリスト */
#menu LI {
	LIST-STYLE-TYPE:	none;
	DISPLAY:		inline;
	FLOAT:			left;
	PADDING-TOP:		0px;
	PADDING-LEFT:		0px;
	PADDING-RIGHT:		0px;
	PADDING-BOTTOM:		0px;
	MARGIN-LEFT:		3px;
	MARGIN-RIGHT:		3px;
}

#menu UL {
	PADDING-RIGHT:	0px;
	PADDING-LEFT:	0px;
	PADDING-BOTTOM:	0px;
	MARGIN:		0px;
	PADDING-TOP:	0px
}

/* フッタ */
#foot {
	CLEAR:		both;
	PADDING-TOP:	20px;
	PADDING-LEFT:	0px;
	PADDING-RIGHT:	0px;
	PADDING-BOTTOM:	10px;
}

/* コピーライト */
.copyright {
	FONT-FAMILY:	Arial, Helvetica, sans-serif;
	FONT-SIZE:	11px;
	COLOR:		#eeeeee;
}


/* メイン */
#main {
	margin-left:		0px;
	margin-right:		0px;
	margin-top:		0px;
	margin-bottom:		0px;
	padding-right:		25px;
	padding-left:		25px;
	padding-top:		25px;
	padding-bottom:		25px;
	BORDER-TOP:		#5A5A5A 3px solid;
	BORDER-RIGHT:		#5A5A5A 3px solid;
	BORDER-LEFT:		#5A5A5A 3px solid;
	BORDER-BOTTOM:		#5A5A5A 3px solid;
	FLOAT:			left;
	BACKGROUND-COLOR:	#2e2e2e;/*#464646;*/
	COLOR:			#eeeeee;
}

/*
|-------------------------width 910--------------------------------------|
|border 3 | margin 25|          width 854          | margin 25 |border 3 |
                     |          main_area          |
*/


/* メインエリア */
#main_area {
	TEXT-ALIGN:	left;
	width:		854px;
}

/* 本文用テキストボックス（黒い領域） */
#main_area .textbox {
	background-color : 	#2e2e2e;
	padding-right:		20px;
	padding-left:		20px;
	padding-top:		20px;
	padding-bottom:		20px;
	TEXT-ALIGN:		left;
}

/* イントロ用のボックス（青い領域） */
#main_area .introbox {
	border-width:		1px 1px 1px 1px;
	border-style:		solid;
	border-color:		#000000;
	background-color : 	#284364/*#554649*/;
	padding-right:		20px;
	padding-left:		20px;
	padding-top:		20px;
	padding-bottom:		20px;
	TEXT-ALIGN:		left;
	font-size:		95%;
}

div.frame {
	background-color:	#554649;
	border-width:		1px;
	border-style:		solid;
	border-color:		#eeeeee;
	padding:		20px;
	margin-left:		30px;
	margin-right:		30px;
	margin-top:		15px;
	margin-bottom:		15px;
	text-align:		left;
	font-size:		95%;
}

img.icon {
	BORDER-RIGHT:	0px;
	BORDER-TOP:	0px;
	BORDER-LEFT:	0px;
	BORDER-BOTTOM:	0px;
	POSITION:	relative;
	RIGHT:		3px;
	TOP:		2px;
}


/* 強調 */
font.strong {
	color:	#ffff00;
}

/* パス文字列 */
font.path {
	color: #66ff00;
}

/* ソース用コメント*/
font.comment {
	color: #0c6913;
}

/* ソース用強調 */
font.marking {
	color: #ff0000;
}


div.source {
	margin-left:		40px;
	display: 		table;
	width:	70%;
}

pre.source {
	BORDER-RIGHT:		#000000 1px solid;
	BORDER-TOP:		#000000 1px solid;
	FONT-SIZE:		95%;
	margin-top:		20px;
	margin-bottom:		20px;
	PADDING-TOP:		10px;
	PADDING-LEFT:		10px;
	PADDING-RIGHT:		10px;
	PADDING-BOTTOM:		10px;
	BORDER-LEFT:		#000000 1px solid;
	COLOR:			#000000;
	LINE-HEIGHT:		140%;
	BORDER-BOTTOM:		#000000 1px solid;
	BACKGROUND-COLOR:	#d8d8d8;
}


UL.arrow_right {
	PADDING-RIGHT:		0px;
	PADDING-LEFT:		0px;
	PADDING-BOTTOM:		0px;
	MARGIN:			0px;
	PADDING-TOP:		0px;
	LIST-STYLE-TYPE:	none;
	font-size:		95%;
	LINE-HEIGHT:		150%;
}

UL.arrow_right LI {
	PADDING-LEFT:		30px;
	BACKGROUND: 		url(arrow_b_01.gif) no-repeat 10px 0.2em;
	LIST-STYLE-TYPE:	none;
}

UL.arrow_right LI A {
	color:		#eeeeee;
}

/* ！の表記 */
div.exc {
	font-weight:		bold; 
	PADDING-LEFT:		25px;
	BACKGROUND:		url(exclamation_r.png) no-repeat 1px 50%;
	PADDING-TOP:		0.09em;
}

A.arrow_right {
	PADDING-LEFT:		20px;
	BACKGROUND:		url(arrow_b_01.gif) no-repeat 1px 50%;
	PADDING-TOP:		0.09em;
	LIST-STYLE-TYPE:	none;
}

A.arrow_left {
	PADDING-LEFT:		20px;
	BACKGROUND:		url(arrow_b_02.gif) no-repeat 1px 50%;
	PADDING-TOP:		0.09em;
	LIST-STYLE-TYPE:	none;
}

A.arrow_up {
	PADDING-LEFT:		20px;
	BACKGROUND:		url(arrow_b_03.gif) no-repeat 1px 50%;
	PADDING-TOP:		0.09em;
	LIST-STYLE-TYPE:	none;
}

A.arrow_down {
	PADDING-LEFT:		20px;
	BACKGROUND:		url(arrow_b_04.gif) no-repeat 1px 50%;
	PADDING-TOP:		0.09em;
	LIST-STYLE-TYPE:	none;
}

.spacer-t00 {
	MARGIN-TOP:	0px
}

.spacer-t10 {
	MARGIN-TOP:	10px
}

.spacer-t20 {
	MARGIN-TOP:	20px
}

.spacer-t30 {
	MARGIN-TOP:	30px
}

.spacer-t40 {
	MARGIN-TOP:	40px
}

.spacer-b00 {
	MARGIN-BOTTOM:	0px
}

.spacer-b10 {
	MARGIN-BOTTOM:	10px
}

.spacer-b20 {
	MARGIN-BOTTOM:	20px
}

.spacer-b30 {
	MARGIN-BOTTOM:	30px
}

.spacer-b40 {
	MARGIN-BOTTOM:	40px
}

.spacer-h10 {
	FLOAT:	left;
	WIDTH:	10px
}

.spacer-h25 {
	FLOAT:	left;
	WIDTH:	25px
}

.spacer-h30 {
	FLOAT:	left;
	WIDTH:	30px
}


