/*----------------------------------------------------------------------------

	style.css
	
	標準スタイルシート
	
	Copyright(C) 2007 Ohishi Mikage all rights reserved.
	
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
	基本設定
----------------------------------------------------------------------------*/
body {
	font-size:			10pt;
	color:				#443333;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
}
td {
	font-size:			10pt;
}


/*----------------------------------------------------------------------------
	水平線
----------------------------------------------------------------------------*/
hr {
}
hr.header {
	border-style:		ridge;
	border-color:		#333344;
	border-width:		1px 0px;
}
hr.footer {
	border-style:		ridge;
	border-color:		#333344;
	border-width:		1px 0px;
}
hr.comment {
	width:				90%;
	border-style:		ridge;
	border-color:		#333344;
	border-width:		1px 0px;
}
hr.b {
	border-style:		ridge;
	border-color:		#999999;
	border-width:		1px 0px;
}

/*----------------------------------------------------------------------------
	箇条書き
----------------------------------------------------------------------------*/
li.list {
	line-height:		130%;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
}

/*----------------------------------------------------------------------------
	テキスト修飾
----------------------------------------------------------------------------*/
h1 {
	font-size:			12pt;
	font-weight:		bold;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
}
h2 {
	font-size:			12pt;
	font-weight:		bold;
}
h3 {
	font-size:			12pt;
	font-weight:		bold;
	padding-bottom:		2px;
	border-bottom:		#333344 1px dashed;
}
h4 {
	font-size:			10pt;
	font-weight:		normal;
	padding-bottom:		2px;
	border-bottom:		#333344 1px dashed;
}
h5 {
	background-color:	#F0F0F0;
	font-size:			11pt;
	font-weight:		bold;
	padding:			2px;
	padding-left:		10px;
	border-left:		#999999 10px solid;
	border-bottom:		#999999 1px solid;
	font-family: 		verdana, arial, helvetica, Sans-Serif;
	width:				90%;
}


.topic     { font-size: 14px; font-weight: bold; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.daytopic  { font-size: 11pt; font-weight: bold; background-color:#FFF5EE; }
.btopic    { font-size: 12pt; font-weight: bold; background-color:#FFF5EE; }
.linktopic { font-size: 12pt; font-weight: bold; background-color:#FFF5EE; }

/*.comment   { color:669966; }
.exp       { color:6666cc; }
.caution   { color:cc6666; }
*/
.spec      { line-height:16px; }

font.l     { font-size: 12pt; line-height:12pt; }
font.m     { font-size: 10pt; line-height:10pt; }
font.s     { font-size:  8pt; line-height: 9pt; }

.eng       { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.eng1      { font-size: 11px; line-height:130%; color: #333333; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.eng1b     { font-size: 11px; font-weight: bold; line-height:130%; color: #333333; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.menutitle { font-size: 10pt; font-weight: bold; margin-left: 10px; font-family: "Verdana"; }

.version   { font-size: 11px; font-weight: bold; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
/*----------------------------------------------------------------------------
	DIV・PRE
----------------------------------------------------------------------------*/
div.i {
	margin-left:		30px;
}
div.c {
	margin-left:		30px;
	margin-right:		30px;
}
div.contents {
	margin:				15px;
}
div.note {
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	padding-top:		4px;
	padding-bottom:		4px;
	margin-left:		15px;
	margin-right:		15px;
}
div.linktitle {
	margin-top:			18px;
}
div.linenavi {
	text-align:			right;
	margin-right:		10px;
	margin-bottom:		8px;
}
span.linenavi {
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	margin-left:		4px;
	margin-right:		4px;
}
span.linkpage {
	margin-left:		15px;
}
span.option {
	margin-left:		5px;
	color:				#BB3333;
}
span.face {
	font-family:		"ＭＳ ゴシック", "Osaka−等幅";
}


div.h {
	margin:				30px;
}

div.block {
	color:				#776677;
	border:				2px solid #776677;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	padding:			8px;
	margin:				15px;
}
pre.block {
	color:				#776677;
	border:				2px solid #776677;
	padding:			8px;
	margin:				15px;
	white-space:		pre;
}
div.code {
	color:				#CCCCCC;
	background-color:	#111111;
	border:				1px solid #999999;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	padding:			8px;
	margin:				15px;
}
pre.code {
	color:				#CCCCCC;
	background-color:	#111111;
	border:				1px solid #999999;
	padding:			8px;
	margin:				15px;
}
pre.c {
	border:				1px solid #666666;
	padding:			5px;
	white-space:		pre;				/* NN4 */
	width:				100%;
}



div.common_menu {
	text-align:			right;
	font-size:			14px;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
}
div.category_menu {
	text-align:			right;
	font-size:			14px;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
}
div.footer {
	font-size:			10px;
	line-height:		130%;
	color:				#222222;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	margin-right:		10px;
}

div.submenu {
	border-top:			#E6E1D3 1px solid;
	border-bottom:		#E6E1D3 1px solid;
	/*padding:			10px;*/
	background-color:	#FFF9EA;
}

/*----------------------------------------------------------------------------
	テーブル関係
----------------------------------------------------------------------------*/
td.menu {
	border-bottom:		#333344 1px dashed;
	font-size:			11px;
	font-weight:		bold;
	font-family:		"Verdana";
}
td.mainmenu {
	font-size:			11px;
	font-weight:		bold;
	font-family:		"Verdana";
}
td.submenu {
	border-bottom:		#333344 1px dashed;
	font-family:		"Verdana";
}
/*
td.contents {
	background-image:	url();
}
*/


td.b   {
	color:				#333344;			/* 文字色 */
	background-color:	#F4F4FF;			/* 背景色 */
	border:				1 solid #777788;	/* 線の外観 */
}
td.bb  {
	color:				#333344;			/* 文字色 */
	background-color:	#F4F4FF;			/* 背景色 */
	border:				1 solid #777788;	/* 線の外観 */
}
td.br  {
	color:				#443333;			/* 文字色 */
	background-color:	#FFEEEE;			/* 背景色 */
	border:				1 solid #886666;	/* 線の外観 */
}
td.bh  {
	color:				#443333;			/* 文字色 */
	background-color:	#FFF4EE;			/* 背景色 */
	border:				1 solid #887777;	/* 線の外観 */
}
td.th  { font-size: 10pt; font-weight: bold; }


tr.nbb, th.nbb, td.nbb   {
	color:				#333344;			/* 文字色 */
	background-color:	#F4F4FF;			/* 背景色 */
	border:				1 solid #AAAABB;	/* 線の外観 */
}


table.picky  {
	margin:				16px;
}
table.bg  {
	color:				#443333;			/* 文字色 */
	background-color:	#FFFFFF;			/* 背景色 */
	border:				1 solid #668866;	/* 線の外観 */
}
table.bh  {
	color:				#443333;			/* 文字色 */
	background-color:	#FFF4EE;			/* 背景色 */
	border:				1 solid #887777;	/* 線の外観 */
}


/*----------------------------------------------------------------------------
	イメージ関係
----------------------------------------------------------------------------*/
img.nb  { border: 0px; }					/* No Border */


/*----------------------------------------------------------------------------
	フォーム関係
----------------------------------------------------------------------------*/
form.picky {
	margin:						0;			/* マージン */
}

input {
	font-size:					10pt;				/* 文字サイズ */
	color:						#222222;			/* 文字色 */
}
input.button{
    font-size:					10pt;				/* 文字サイズ */
    color:						#222222;			/* 文字色 */
    background-color:			#EEEEF4;			/* 背景色 */
    border:						1 solid #777788;	/* 線の外観 */

    scrollbar-base-color:       #FFFFFF;
    scrollbar-arrow-color:      #333344;
    scrollbar-face-color :      #FFFFFF;
    scrollbar-track-color:      #777788;
    scrollbar-highlight-color:  #FFFFFF;
    scrollbar-shadow-color:     #FFFFFF;
    scrollbar-3dlight-color:    #333344;
    scrollbar-darkshadow-color: #333344;
}
input.text {
	font-size:					10pt;				/* 文字サイズ */
	color:						#222222;			/* 文字色 */
	background-color:			#EEEEF4;			/* 背景色 */
	border-top:					0 solid #777788;	/* 線の外観 */
	border-bottom:				2 solid #777788;	/* 線の外観 */
	border-left:				0 solid #777788;	/* 線の外観 */
	border-right:				0 solid #777788;	/* 線の外観 */
}
input.common_menu {
	font-size:					7pt;				/* 文字サイズ */
	color:						#222222;			/* 文字色 */
	background-color:			#EEEEF4;			/* 背景色 */
	border-top:					0 solid #777788;	/* 線の外観 */
	border-bottom:				1 solid #777788;	/* 線の外観 */
	border-left:				0 solid #777788;	/* 線の外観 */
	border-right:				0 solid #777788;	/* 線の外観 */
}
textarea.textarea {
    font-size:					10pt;				/* 文字サイズ */
    color:						#222222;			/* 文字色 */
    background-color:			#FFFAF4;			/* 背景色 */
    border:						1 solid #777788;	/* 線の外観 */

    scrollbar-base-color:       #FFFFFF;
    scrollbar-arrow-color:      #333344;
    scrollbar-face-color :      #FFFFFF;
    scrollbar-track-color:      #777788;
    scrollbar-highlight-color:  #FFFFFF;
    scrollbar-shadow-color:     #FFFFFF;
    scrollbar-3dlight-color:    #333344;
    scrollbar-darkshadow-color: #333344;
}

/*----------------------------------------------------------------------------
	リンク関係
----------------------------------------------------------------------------*/
A:link, A:visited {
	text-decoration:	underline;
	color:				#4444AA;
	background:			transparent;
}
A:hover, A:Active {
	text-decoration:	underline;
	color:				#4444AA;
	background:			#E8EEF6;
}

A.none:link, A.none:visited {
	color:				inherit;
	text-decoration:	none;
	background:			transparent;
}
A.none:hover, A.none:active {
	color:				inherit;
	text-decoration:	none;
	background:			transparent;
}

A.white:link, A.white:visited {
	text-decoration:	none;
	color:				#FFFFFF;
	font-size:			10pt;
	font-weight:		bold;
	background:			transparent;
}
A.white:hover, A.white:active {
	text-decoration:	underline;
	color:				#EBE6FF;
	font-size:			10pt;
	font-weight:		bold;
	background:			transparent;
}