@charset "shift_jis";

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

   NAME   : NF03_w
   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: #CCC;
	scrollbar-darkshadow-color: #CCC;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #CCC;
}

body {
	background: #CCC;
	color: #777;
	font: normal normal normal 10px/180% Georgia,serif;
	width: 100%;
}




/* ==================================================
   段落
   ================================================== */

p {
	margin: 0 10px 25px 10px;
}





/* ==================================================
   見出し
   ================================================== */

h1 {
	font: normal bold normal 200px/80% Georgia,serif;
	color: #DDD;
	float: left;
	margin: -0.05em 0 0 -0.05em;
	width: 1em;
}

h1:first-letter {
	color: #FFF;
}

h2 {
	font: normal bold normal 75px/100% Georgia,serif;
	color: #DDD;
	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: #DDD;
	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: #DDD;
}
big {
	font-size: 14px;
}
small {
	font-size: 10px;
}





/* ==================================================
   ボックス
   ================================================== */

div.BOX01 {
	background: #DDD;
	border: 1px #DDD 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 #DDD solid;
	border-left: 1px #FFF solid;
	border-right: 1px #DDD 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 #DDD solid;
	border-bottom: 1px #FFF solid;
	border-left: 1px #DDD solid;
	border-right: 1px #FFF solid;
}
input:focus,
select:focus,
textarea:focus {
	background: #FFF;
	border: 1px #FFF solid;
}
/* -------------------------
   フォーム > 送信・リセット
   ------------------------- */
.BUTTON {
	background: #DDD;
	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 #DDD solid;
	color: #FFF;
	padding: 0.5em;
}
td {
	background: #DDD;
	border: 1px #DDD 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; }