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

	style.css
	
	標準スタイルシート
	
	Copyright(C) 2001-2005 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:		dashed;
	border-color:		#333344;
	border-width:		1px 0px;
}
hr.footer {
	border-style:		dashed;
	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;
}
hr.l {
	border-style:		dashed;
	border-color:		#ddd9dc;
	border-width:		1px 0px;
}

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

/*----------------------------------------------------------------------------
	テキスト修飾
----------------------------------------------------------------------------*/
.AA {
	font-family:		"ＭＳ Ｐゴシック";
	font-size:			12pt;
}

h1.title {
	font-size:			30px;
	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:			12pt;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		normal;
	margin-top:			45px;
	padding:			2px 2px 2px 16px;
	border-bottom:		#333344 1px solid;
	border-left:		#333344 16px solid;
}

h5 {
	font-size:			10pt;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	padding:			2px 10px;
	border-bottom:		#CEA6A4 2px dashed;
	background:			#EED6D4;
}

.dl        { font-size: 14px; font-weight: bold; }
.topic     { font-size: 14px; font-weight: bold; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.off       { font-size:  7pt; color: #887777; }
.highlight { font-weight: bold; color: #444433; background-color: #ffff66; }

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"; }


.bd        { border-style: ridge; border-color: #999999; border-width: 1px; padding-left: 16px;}
.cyl       { background-color: #ffffee;}
.cgl       { background-color: #ffeeff;}
.cpl       { background-color: #eeffff;}

.ff        { color: #ee4444;}
.pp        { color: #888888;}

.photocomment {
	font-size:			9px;
	line-height:		130%;
	text-align:			center;
	color:				#ddd9dc;
	background-color:	#221818;
	padding:			8px 8px; /* 上下 左右 */
}

.pcspec {
	font-size:			9px;
	line-height:		130%;
	text-align:			center;
	color:				#ddd9dc;
	background-color:	#221818;
	padding:			4px 4px; /* 上下 左右 */
}
.pcstr {
	font-size:			9px;
	line-height:		130%;
	text-align:			center;
	color:				#221818;
	background-color:	#ddd9dc;
	padding:			4px 4px; /* 上下 左右 */
}

.version   { font-size: 11px; font-weight: bold; font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}
/*----------------------------------------------------------------------------
	DIV・PRE
----------------------------------------------------------------------------*/
blockquote {
	border-left:		#E6E1D3 10px solid;
	padding-left:		20px;
	margin-top:			30px;
	margin-bottom:		30px;
}
div.i {
	margin-left:		30px;
}
div.c {
	margin-left:		30px;
	margin-right:		30px;
}
div.contents {
	margin:				15px;
}
div.note {
	line-height:		150%;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	padding-top:		4px;
	padding-bottom:		4px;
	margin-left:		15px;
	margin-right:		15px;
}
div.subnote {
	font-size:			9px;
	line-height:		130%;
	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.fig {
	line-height:		110%;
	border:				2px solid #776677;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	padding:			8px;
	margin:				15px;
}
div.block {
	color:				#665566;
	border:				2px solid #776677;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	padding:			8px;
	margin:				15px;
}
pre.block {
	color:				#665566;
	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";
}
td.footer, div.footer {
	font-size:			10px;
	line-height:		130%;
	color:				#222222;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	margin:				0px 15px;
}
div.copyright {
	font-size:			10px;
	line-height:		130%;
	color:				white;
	font-family:		"Verdana", "Arial", "Helvetica", "sans-serif";
	margin:				6px 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;	/* 線の外観 */
}
table.table1  {
	padding:			6px;
	background-image:	url(pic/tile_orange_2.gif);
}


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


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

input {
	font-size:					10pt;				/* 文字サイズ */
	color:						#222222;			/* 文字色 */
}
input.button, textarea, select {
    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.picky:link, A.picky:visited {
	text-decoration:	none;
	color:				#4444AA;
	background:			transparent;
}
A.picky:hover, A.picky:active {
	text-decoration:	underline;
	color:				#4444AA;
	background:			#E8EEF6;
}
/* コメント((hoge)) */
a.comment:link, a.comment:visited {
	text-decoration:	none;
	color:				#444444;
	background:			transparent;
    border:				1 solid #aa4444;	/* 線の外観 */
}
a.comment:hover, a.comment:active {
	text-decoration:	none;
	color:				#444444;
	background:			#F6E8E8;
    border:				1 solid #aa4444;	/* 線の外観 */
/*	position:			relative;
	top:				1px;
	left:				1px;
*/
}

/* 画像用 */
A.image:link, A.image:visited {
	text-decoration:	none;
	color:				#4444AA;
	background:			transparent;
	border:				1 solid #9999EE;	/* 線の外観 */
}
A.image:hover, A.image:active {
	text-decoration:	underline;
	color:				#4444AA;
	background:			#E8EEF6;
	border:				1 solid #4444AA;	/* 線の外観 */
}
/* 写真用 */
A.photo:link, A.photo:visited {
	border:				1 solid #221818;	/* 線の外観 */
	margin:				8px 16px;			/* 上下 左右 */
	padding:			2px;
	background:			black;
}
A.photo:hover, A.photo:active {
	border:				1 solid #9999ee;	/* 線の外観 */
	margin:				8px 16px;			/* 上下 左右 */
	padding:			2px;
	background:			black;
}

A.menu:link, A.menu:visited, A.menu:active {
	text-decoration:	none;
	background:			transparent;
}
A.menu:hover {
	position:			relative;
	top:				1px;
	left:				1px;
	text-decoration:	none;
	background:			transparent;
}

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.internal:link, A.internal:visited {
	text-decoration:	none;
	color:				#4444AA;
	background:			transparent;
}
A.internal:hover, A.internal:active {
	text-decoration:	underline;
	color:				#4444AA;
	background:			#E8EEF6;
}

/* 外部リンク（青） */
A.external:link, A.external:visited {
	text-decoration:	none;
	color:				#4444AA;
	background:			transparent;
}
A.external:hover, A.external:active {
	text-decoration:	underline;
	color:				#4444AA;
	background:			#E8EEF6;
}






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


A.header:link, A.header:visited
	{ text-decoration:none; color:white; font-size:10pt; }
A.header:hover, A.header:active
	{ text-decoration:underline; color:white; background:#776677; font-size:10pt; }


A.brown:link, A.brown:visited
	{ text-decoration:underline; color:#443333; }
A.brown:hover, A.brown:Active
	{ text-decoration:underline; color:#443333; background: #EED6D4; }


A.link:link, A.link:visited
	{ text-decoration:none; font-size:10pt; }
A.link:hover
	{ text-decoration:underline; font-size:10pt; }


A.linkindex:link, A.linkindex:visited
	{ text-decoration:underline; color:#443333;	font-size:10pt; }
A.linkindex:hover, A.linkindex:active
	{ text-decoration:underline; color:#443333; background:#D4CCCC; font-size:10pt; }


A.copyright:link, A.copyright:visited
	{ text-decoration:underline; color:#443333;	font-size:10pt; }
A.copyright:hover, A.copyright:active
	{ text-decoration:underline; color:#443333; background:#D4CCCC; font-size:10pt; }
}