@charset "shift_jis";

/* //////////////////////////////////////////////////

   NAME   : NF03_b
   DATE   : 2009.04.30
   AUTHOR : MONOCHROUMICON / NONL
   URL    : http://monochroumicon.web.fc2.com/

   ////////////////////////////////////////////////// */

/* ==================================================
   基本構造
   ================================================== */
* {
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
html {
	scrollbar-3dlight-color: #FFF;
	scrollbar-arrow-color: #333;
	scrollbar-darkshadow-color: #333;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #333;
}
body {
	background: #333;
	color: #777;
	font: normal normal normal 12px/180% Georgia,serif;
	width: 100%;
}
/* ==================================================
   段落
   ================================================== */
p {
	margin: 0 10px 25px 10px;
}
/* ==================================================
   見出し
   ================================================== */
h1 {
	font: normal bold normal 200px/80% Georgia,serif;
	color: #222;
	float: left;
	margin: -0.05em 0 0 -0.05em;
	width: 1em;
}
h1:first-letter {
	color: #FFF !important;
	font-size: 200px !important;
}
h2 {
	font: normal bold normal 75px/100% Georgia,serif;
	color: #222;
	text-align: right;
	margin: 0 0 -25px 0;
}
h2:first-letter {
	font: normal bold normal 100px/100% Georgia,serif;
	color: #FFF;
}
h3 {
	font: normal bold normal 48px/100% Georgia,serif;
	color: #222;
	margin: 0 0 -15px 0;
}
h4 {
	font: normal bold normal 12px/180% Georgia,serif;
	color: #FFF;
	margin: 0 10px;
}
/* ==================================================
   リンク
   ================================================== */
a:link {
	color: #777;
} 
a:visited {
	color: #777;
} 
a:hover {
	color: #FFF;
}
a:active {
	color: #FFF;
}
/* ==================================================
   テキスト
   ================================================== */
em {
	color: #FFF;
	font-style: normal;
}
strong {
	color: #FFF;
	font-weight: bold;
}
del {
	color: #222;
}
big {
	font-size: 14px;
}
small {
	font-size: 10px;
}
/* ==================================================
   ボックス
   ================================================== */
div.BOX01 {
	background: #222;
	border: 1px #222 solid;
	margin: 0 10px 25px 10px;
	padding: 1em;
}
div.BOX02 {
	background: #FFF;
	border: 1px #FFF solid;
	margin: 0 10px 25px 10px;
	padding: 1em;
}
/* -------------------------
   ボックス > 更新履歴
   ------------------------- */
div.UPDATE {
	margin: 0 10px 25px 10px;
	overflow: auto;
	height: 9em;
}
/* ==================================================
   フォーム
   ================================================== */
input,
select,
textarea {
	background: transparent;
	border-top: 1px #FFF solid;
	border-bottom: 1px #222 solid;
	border-left: 1px #FFF solid;
	border-right: 1px #222 solid;
	color: #777;
	font: normal normal normal 10px/180% Georgia,serif;
	margin: 5px 5px 5px 0;
	padding: 5px;
	width: 55%;
}
input:hover,
select:hover,
textarea:hover {
	border-top: 1px #222 solid;
	border-bottom: 1px #FFF solid;
	border-left: 1px #222 solid;
	border-right: 1px #FFF solid;
}
input:focus,
select:focus,
textarea:focus {
	background: #FFF;
	border: 1px #FFF solid;
}
/* -------------------------
   フォーム > 送信・リセット
   ------------------------- */
.BUTTON {
	background: #222;
	color: #FFF;
}
input:hover.BUTTON {
	color: #FFF;
}
/* -------------------------
   フォーム > 一言メールフォーム
   ------------------------- */
#SINGLE input,
#SINGLE select,
#SINGLE textarea {
	width: auto;
}
/* ==================================================
   リスト
   ================================================== */
/* -------------------------
   リスト > マーク付き
   ------------------------- */
ul,
ol {
	list-style-position: inside;
	margin: 0 10px 25px 10px;
}
/* -------------------------
   リスト > 定義型
   ------------------------- */
dl {
	margin: 0 10px 25px 10px;
}
dt {
	color: #FFF;
	font-weight: bold;
}
/* -------------------------
   リスト > バナーリンク
   ------------------------- */
dl.BANNERLINK {
	margin: 0 10px 0.5em 10px;
}
dl.BANNERLINK dt {
	border: 0;
	float: left;
	margin: 0 0.5em 0 0;
}
/* ==================================================
   テーブル
   ================================================== */
table {
	border: 0;
	border-spacing: 0.5em;
	font: normal bold normal 12px/180% Georgia,serif;
	text-align: center;
	margin: 0 10px 25px 10px;
}
th {
	background: transparent;
	border: 1px #222 solid;
	color: #FFF;
	padding: 0.5em;
}
td {
	background: #222;
	border: 1px #222 solid;
	padding: 0.5em;
}
/* ==================================================
   レイアウト
   ================================================== */
/* -------------------------
   レイアウト > コンテナ
   ------------------------- */
#CONTAINER {
	margin: 10px;
	position: absolute;
	top: 0;
	right: 0;
	width: 75%;
}
/* -------------------------
   レイアウト > フッター
   ------------------------- */
#FOOTER {
	text-align: right;
	margin: 0 0 10px 0;
}
/* -------------------------
   レイアウト > ページトップ
   ------------------------- */
.PAGETOP {
	font: normal normal normal 10px/180% Georgia,serif;
	text-align: right;
	margin: 0 10px 25px 10px;
}
.PAGETOP a:visited {
}
/* ==================================================
   著作権表示
   ================================================== */
#COPYRIGHT { font: normal normal normal 9px/180% Georgia,serif; }
#COPYRIGHT a,
#COPYRIGHT a:visited,
#COPYRIGHT a:active,
#COPYRIGHT a:hover { text-decoration: none; color: #777; }