/*
 | 左sp | タイトル |  右sp   |________________| ←高さ40px
 | 20px |   300px  |  100px  |  メニュー領域  | ←高さ43px
			              全体の幅は910px
*/

/***************************************************************************************/
/* 全体                                                                                */
/***************************************************************************************/
BODY {
	padding:				0px;
	margin:					0px;
	BACKGROUND:			url("background.png");
	font-size:			13px;
	line-height:		170%;
	font-family:		Arial;
	COLOR:					#000000;
}
/***************************************************************************************/
/* ヘッダ                                                                              */
/***************************************************************************************/
#head {
	WIDTH:						910px;
	height:						83px;
	margin-top:				0px;
	margin-bottom:		10px;
	padding:					0px;
	TEXT-ALIGN:				left;
	MARGIN-LEFT:			auto;
	MARGIN-RIGHT:			auto;
	background-color:	#5A5A5A;
}
#head UL {
	padding:	0px;
	margin:		0px;
}
#head LI {
	LIST-STYLE-TYPE:	none;
	DISPLAY:					inline;
	FLOAT:						left;
	padding:					0px;
	MARGIN-LEFT:			3px;
	MARGIN-RIGHT:			3px;
}
/***************************************************************************************/
/* フッタ                                                                              */
/***************************************************************************************/
#foot {
	CLEAR:					both;
	PADDING-TOP:		10px;
	PADDING-LEFT:		0px;
	PADDING-RIGHT:	0px;
	PADDING-BOTTOM:	10px;
	TEXT-ALIGN:			center;
}
#foot .copyright {
	FONT-FAMILY:	Arial, Helvetica, sans-serif;
	FONT-SIZE:		11px;
	COLOR:				#eeeeee;
}
/***************************************************************************************/
/* メイン                                                                              */
/***************************************************************************************/
#main {
	WIDTH:						854px;
	margin-left:			auto;
	margin-right:			auto;
	padding-top:			20px;
	padding-left:			25px;
	padding-right:		25px;
	padding-bottom:		0px;
	BORDER-RIGHT:			#5A5A5A 3px solid;
	BORDER-LEFT:			#5A5A5A 3px solid;
	BORDER-BOTTOM:		#5A5A5A 3px solid;
	BACKGROUND-COLOR:	#952838;
}
/*--------------------------------*/
/* イントロ用ボックス（青い領域） */
/*--------------------------------*/
#main .introbox {
	TEXT-ALIGN:				left;
	border-width:			1px 1px 1px 1px;
	border-style:			solid;
	padding-top:			15px;
	padding-left:			25px;
	padding-right:		25px;
	padding-bottom:		15px;
	margin-bottom:		30px;
	border-color:			#000000;
	background-color: #c66c75;
}
/*--------------------------------*/
/* 本文用ボックス（黒い領域）     */
/*--------------------------------*/
#main .textbox {
	TEXT-ALIGN:				left;
	padding-right:		20px;
	padding-left:			20px;
	padding-top:			20px;
	padding-bottom:		20px;
	margin-bottom:		30px;
	background-color:	#c66c75;
}
/*--------------------------------*/
/* コラム用ボックス（紫色の領域） */
/*--------------------------------*/
div.frame {
	text-align:				left;
	background-color:	#554649;
	border-color:			#eeeeee;
	border-width:			1px;
	border-style:			solid;
	padding-top:			15px;
	padding-left:			20px;
	padding-right:		20px;
	padding-bottom:		15px;
	margin-left:			30px;
	margin-right:			30px;
	margin-top:				15px;
	margin-bottom:		15px;
}
/*--------------------------------*/
/* 章見出し（青・introbox用）     */
/*--------------------------------*/
H1 {
	MARGIN:				0px;
	TEXT-ALIGN:		left;
	border-width:	1px 1px 0px 1px;
	border-style:	solid;
	border-color:	#000000;
	padding-left:	7px;
	font-weight:	900;
	font-size: 		23px;
	font-family:	Arial;
	line-height:	130%;
	background-color:#00699b;
}
/*--------------------------------*/
/* 章見出し（黒・textbox用）      */
/*--------------------------------*/
H2 {
	MARGIN:				0px;
	TEXT-ALIGN:		left;
	border-width:	0px;
	border-style:	solid;
	border-color:	#000000;
	padding-left:	7px;
	font-weight:	900;
	font-size: 		23px;
	font-family:	Arial;
	line-height:	130%;
	background-color:#000000;
}
/*--------------------------------*/
/* 章見出し（オレンジ・textbox用）*/
/*--------------------------------*/
H3 {
	MARGIN:				0px;
	TEXT-ALIGN:		left;
	border-width:	0px 0px 3px 25px;
	border-style:	solid;
	border-color:	#ffdfdf;
	padding-left:	7px;
	font-weight:	900;
	font-size: 		23px;
	font-family:	Arial;
	line-height:	130%;
	COLOR:				#ffffff;
}
/*--------------------------------*/
/* 節見出し                       */
/*--------------------------------*/
H4 {
	TEXT-ALIGN:			left;
	border-top:			0px  solid #aaaaaa;
	border-left:		20px solid #7c0c0f;
	border-right:		0px  solid #aaaaaa;
	border-bottom:	0px  solid #aaaaaa;
/*	background:			#7a130e;*/
	padding-left:		8px;
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-bottom:	7px;
	font-weight:		900;
	font-size: 			17px;
	font-family:		Arial;
	line-height:		150%;
}
/*--------------------------------*/
/* !の見出し                      */
/*--------------------------------*/
H5 {
	TEXT-ALIGN:			left;
	padding-top:		0px;
	padding-left:		21px;
	padding-right:	0px;
	padding-bottom:	0px;
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-bottom:	7px;
	font-weight:		bold;
	font-family:		Arial;
	line-height:		150%;
	font-size:			14px;
	BACKGROUND:			url(exclamation_r.png) no-repeat 1px 50%;
}
/*--------------------------------*/
/* 段落                           */
/*--------------------------------*/
P {
	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 	0px;
	margin-bottom: 10px;
	TEXT-INDENT:		1em;
}
/*--------------------------------*/
/* 画像                           */
/*--------------------------------*/
img {
	border-color:	#000000;
}
img.icon {
	BORDER-RIGHT:		0px;
	BORDER-TOP:			0px;
	BORDER-LEFT:		0px;
	BORDER-BOTTOM:	0px;
	RIGHT:					3px;
	TOP:						2px;
	POSITION:				relative;
}
/*--------------------------------*/
/* リンク                         */
/*--------------------------------*/
A {
	COLOR:						#3434f3;/*#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
}
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;
}
/*--------------------------------*/
/* 矢印付きリスト                 */
/*--------------------------------*/
UL.arrow {
	padding:					0px;
	MARGIN:						0px;
	LIST-STYLE-TYPE:	none;
	LINE-HEIGHT:			150%;
}
UL.arrow LI {
	PADDING-LEFT:			30px;
	BACKGROUND: 			url(arrow_b_01.gif) no-repeat 10px 0.2em;
	LIST-STYLE-TYPE:	none;
}
UL.arrow LI A {
	color:		#eeeeee;
}
/*--------------------------------*/
/* コードを表示するpre用の枠      */
/*--------------------------------*/
div.code {
	margin-left:	auto;
	margin-right:	auto;
	width:				700px;
}
/*--------------------------------*/
/* 引用                           */
/*--------------------------------*/
Blockquote {
	TEXT-ALIGN:	    left;
	LINE-HEIGHT:	  150%;
	padding:	      20px;
	border-top:	    0px;
	border-left:  	3px solid #e1e1e1;
	border-right:	  0px solid #e1e1e1;
	border-bottom:	0px;
	COLOR:		      #eeeeee;
	background:	    #404050;
}
/*--------------------------------*/
/* フォント属性                   */
/*--------------------------------*/
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;
}




/***************************************************************************************/
/* いらない                                                                            */
/***************************************************************************************/


/*
TD {
	FONT-SIZE:	95%;
	LINE-HEIGHT:	150%;
	COLOR:		#eeeeee;
}

FORM {
	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
}


.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
}
*/