@charset "shift_jis";

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

   NAME   : NF02_m
   DATE   : 2009.03.31
   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: #000;
	scrollbar-arrow-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #000;
}
body {
	background: url(image/wallpaper.gif) no-repeat left top fixed;
	color: #000;
	font: normal normal normal 12px/180% 'Century Gothic',sans-serif;
	text-align: right;
}
/* ==================================================
   段落
   ================================================== */
p {
	margin: 0 25px 25px 25px;
}
/* ==================================================
   見出し
   ================================================== */
h1{
	background: url(image/back01.gif);
	color: #FFF;
	font: normal normal normal 12px/100% 'Century Gothic',sans-serif;
	margin: 10px 0;
	padding: 3px 25px;
}
h2{
	background: url(image/back02.gif);
	color: #000;
	font: normal normal normal 12px/300% 'Century Gothic',sans-serif;
	display: inline;
	margin: 10px 0;
	padding: 1px 25px;
}
h3{
	border-bottom: 1px #000 dotted;
	border-right: 5px #000 solid;
	font: normal normal normal 12px/100% 'Century Gothic',sans-serif;
	margin: 10px 0;
	padding: 3px 20px 3px 25px;
}
/* ==================================================
   リンク
   ================================================== */
a {
	text-decoration: none;
}
a:link {
	border-bottom: 1px #000 dotted;
	color: #000;
} 
a:visited {
	border-bottom: 1px #000 dotted;
	color: #CCC;
} 
a:hover {
	border-bottom: 1px #FFF dotted;
	color: #FFF;
}
a:active {
	color: #000;
}
/* ==================================================
   テキスト
   ================================================== */
em {
	color: #000;
	font-weight: bold;
}
strong {
	background: url(image/back02.gif);
	color: #000;
	font-weight: bold;
}
ins {
	color: #000;
}
del {
	color : #CCC;
}
big {
	font-size: 14px;
}
small {
	font-size: 10px;
}
/* ==================================================
   ボックス
   ================================================== */
.BOX01 {
	background: url(image/back01.gif);
	color: #FFF;
	margin: 0 25px 25px 25px;
	padding: 0.5em;
}
.BOX02 {
	background: url(image/back02.gif);
	margin: 0 25px 25px 25px;
	padding: 0.5em;
}
/* -------------------------
   ボックス > 更新履歴
   ------------------------- */
.UPDATE {
	overflow: auto;
	margin: 0 25px 25px 25px;
	padding: 0.5em;
	height: 8.5em;
}
/* ==================================================
   フォーム
   ================================================== */
input,
select,
textarea {
	background: url(image/back02.gif);
	border: 1px #FFF solid;
	color: #000;
	font: normal normal normal 10px/180% 'Century Gothic',sans-serif;
	margin: 5px 0;
	padding: 2px;
	width: 350px;
}
input:hover,
select:hover,
textarea:hover {
	border: 1px #000 dotted;
}
input:focus,
select:focus,
textarea:focus {
	background: url(image/back01.gif);
	border: 1px #FFF solid;
	color: #FFF;
}
/* -------------------------
   フォーム > 送信・リセット
   ------------------------- */
.BUTTON {
	background: url(image/back01.gif);
	border: 1px #FFF solid;
	color: #FFF;
	font: normal normal normal 10px/180% 'Century Gothic',sans-serif;
	margin: 5px 0 5px 5px;
	padding: 2px;
	width: 171px;
}
input:hover.BUTTON {
	border: 1px #FFF solid;
	color: #000;
}
/* -------------------------
   フォーム > 一言メールフォーム
   ------------------------- */
#SINGLE input,
#SINGLE select,
#SINGLE textarea {
	width: auto;
}
/* ==================================================
   リスト
   ================================================== */
/* -------------------------
   リスト > マーク付き
   ------------------------- */
ul {
	list-style: inside;
	margin: 0 25px 25px 25px;
}
ol {
	list-style-position: inside;
	margin: 0 25px 25px 25px;
}
/* -------------------------
   リスト > 定義型
   ------------------------- */
dl {
	margin: 0 25px 25px 25px;
}
dt {
	border-bottom: 1px #000 dotted;
	font-weight: bold;
	margin: 0.5em 0;
}
/* -------------------------
   リスト > バナーリンク
   ------------------------- */
.BANNERLINK {
	text-align: right;
	margin: 5px 25px 5px 25px;
}
.BANNERLINK dt {
	border: 0;
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
}
.BANNERLINK dd {
	margin: 0;
}
/* ==================================================
   テーブル
   ================================================== */
table {
	border: 0;
	border-spacing: 3px;
	font: normal normal normal 12px/180% 'Century Gothic',sans-serif;
	text-align: right;
	margin: 0 0 25px 0;
	margin-left : auto;
	margin-right : 25px;
}
th {
	background: url(image/back01.gif);
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	padding: 0.5em;
}
td {
	background: url(image/back02.gif);
	border: 1px solid #FFF;
	padding: 0.5em;
}
/* ==================================================
   メニュー
   ================================================== */
/* -------------------------
   メニュー > レイアウト
   ------------------------- */
#MENU {
	text-align: right;
	padding: 200px 20px 50px 20px;
}
/* -------------------------
   メニュー > リンク
   ------------------------- */
#MENU ul {
	margin: 0 0 20px 0;
}
#MENU li {
	display: inline;
	list-style: none;
}
#MENU ul a,
#MENU ul a:visited {
	background-color: transparent;
	border: 0;
	color: #000;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 5px 10px;
}
#MENU ul a:hover,
#MENU li.ON a {
	background: url(image/back01.gif);
	color: #FFF;
}
/* ==================================================
   レイアウト
   ================================================== */
/* -------------------------
   レイアウト > コンテナ
   ------------------------- */
#CONTAINER {
	margin: 0 0 25px 200px;
}
/* -------------------------
   レイアウト > ページトップ
   ------------------------- */
.PAGETOP {
	font: normal normal normal 10px/180% 'Century Gothic',sans-serif;
	list-style: none;
	text-align: right;
	margin: 0 25px 25px 25px;
}
.PAGETOP li {
	display: inline;
	list-style: none;
}
.PAGETOP a,
.PAGETOP a:visited {
	background: url(image/pagetop.gif) no-repeat right center;
	border: 0;
	padding: 15px 35px;
}
.PAGETOP a:hover {
	background: none;
}
/* ==================================================
   著作権表示
   ================================================== */
#COPYRIGHT { color: #000; font: normal normal normal 9px/180% 'Century Gothic',sans-serif; }
#COPYRIGHT a,
#COPYRIGHT a:visited,
#COPYRIGHT a:active,
#COPYRIGHT a:hover { border: 0; color: #000; }