@charset "shift_jis";

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

   NAME   : FR01_m
   DATE   : 2009.02.28
   AUTHOR : MONOCHROUMICON / NONL
   URL    : http://monochroumicon.web.fc2.com/

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

/* ==================================================
   基本構造
   ================================================== */
/* -------------------------
   基本構造 > 全称セレクタ
   ------------------------- */
* {
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 180%;
	margin: 0;
	padding: 0;
}
/* -------------------------
   基本構造 > スクロールバー
   ------------------------- */
html {
	scrollbar-3dlight-color: #FFF;
	scrollbar-arrow-color: #000;
	scrollbar-darkshadow-color: #777;
	scrollbar-face-color: #EEE;
	scrollbar-highlight-color: #EEE;
	scrollbar-shadow-color: #EEE;
	scrollbar-track-color: #FFF;
}
/* -------------------------
   基本構造 > 全体
   ------------------------- */
body {
	color: #777;
	font: normal normal normal 12px/180% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
/* -------------------------
   基本構造 > 段落
   ------------------------- */
p {
	margin: 25px 75px;
}
/* ==================================================
   見出し
   ================================================== */
h1 {
	background: url(image/jashin.gif) no-repeat right center;
	color: #fff;
	font: normal bold normal 24px/180% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.25em;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 75px 50px 75px 0;
}
h2 {
	background: url(image/wallpaper.gif);
	color: #fff;
	font: normal bold normal 12px/180% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.25em;
	padding: 5px 50px;
}
h3 {
	background: url(image/jashin3.gif) no-repeat left top;
	border-bottom: 1px #000 dashed;
	color: #fff;
	margin: 25px 75px;
	padding: 0 0 5px 30px;
}
h4 {
	background: url(image/h3.gif) no-repeat left top;
	color: #fff;
	margin: 25px 75px;
	padding: 0 0 5px 30px;
}
/* ==================================================
   リンク
   ================================================== */
a {
	text-decoration: none;
}
a:link {
	border-bottom: 1px #FFF dashed;
	color: #777;
} 
a:visited {
	color: #CCC;
} 
a:hover {
	border-bottom: 1px #000 dashed;
	color: #000;
}
a:active {
	color: #FFF;
}
/* ==================================================
   テキスト
   ================================================== */
em {
	color: #000;
	font-style: normal;
}
strong {
	color: #000;
	font-weight: bold;
}
ins {
	color: #000;
}
del {
	color: #CCC;
}
big {
	font-size: 14px;
}
small {
	font-size: 10px;
}
/* ==================================================
   ボックス
   ================================================== */
.BOX01 {
	border: 1px #CCC dashed;
	margin: 25px 75px;
	padding: 0.5em;
}
.BOX02 {
	background: url(image/wallpaper.gif);
	border: 1px #EEE solid;
	margin: 25px 75px;
	padding: 0.5em;
}
/* -------------------------
   ボックス > 更新履歴
   ------------------------- */
.UPDATE {
	overflow: auto;
	margin: 25px 75px;
	height: 9em;
}
/* ==================================================
   フォーム
   ================================================== */
input,
select,
textarea {
	background: url(image/wallpaper.gif);
	border: 1px #EEE solid;
	color: #777;
	font: normal normal normal 10px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin: 5px 0;
	padding: 5px;
	width: 350px;
}
input:hover,
select:hover,
textarea:hover {
	color: #000;
}
input:focus,
select:focus,
textarea:focus {
	border: 1px #000 dashed;
	color: #000;
}
/* -------------------------
   フォーム > 送信・リセット
   ------------------------- */
.BUTTON {
	background: #CCC;
	border: 1px #CCC solid;
	color: #FFF;
	width: 173px;
}
input:hover.BUTTON {
	background: #777;
	border: 1px #777 solid;
	color: #FFF;
}
/* -------------------------
   フォーム > 一言メールフォーム
   ------------------------- */
#SINGLE input,
#SINGLE select,
#SINGLE textarea {
	width: auto;
}
/* ==================================================
   リスト
   ================================================== */
/* -------------------------
   リスト > マーク付き
   ------------------------- */
ul,
ol {
	list-style: inside;
	margin: 0 75px 1em 75px;
}
/* -------------------------
   リスト > 定義型
   ------------------------- */
dl {
	margin: 25px 75px;
}
dt {
	color: #000;
	margin: 0.5em 0;
}
dd {
	border-left: 5px #EEE solid;
	margin: 0 0.5em;
	padding: 0 0 0 1em;
}
/* -------------------------
   リスト > バナーリンク
   ------------------------- */
.BANNERLINK {
	margin: 0 75px 1em 75px;
}
.BANNERLINK dt {
	float: left;
	margin: 2px 0.5em 0 0;
}
.BANNERLINK dd {
	border: 0;
}
/* ==================================================
   テーブル
   ================================================== */
table {
	border-spacing: 0.5em;
	margin: 25px 75px;
}
th {
	background: url(image/wallpaper.gif);
	border: 1px #EEE solid;
	color: #000;
	text-align: center;
	padding: 0.5em;
}
td {
	border: 1px #CCC dashed;
	padding: 0.5em;
}
/* ==================================================
   インデックス
   ================================================== */
/* -------------------------
   インデックス > レイアウト
   ------------------------- */
   #INDEX {
background: url(image/wallpaper.gif);
	text-align: right;
	padding: 10px;
	background-color:#ffffff;
}
/* -------------------------
   インデックス > 見出し
   ------------------------- */
#INDEX h1 a,
#INDEX h1 a:visited,
#INDEX h1 a:active,
#INDEX h1 a:hover {
	border: 0;
	color: #000;
	font-weight: bold;
}
#INDEX h1 a:hover {
	border: 0;
	position: relative; top: 3px;
}
/* ==================================================
   メニュー
   ================================================== */
/* -------------------------
   メニュー > レイアウト
   ------------------------- */
#MENU01 {
	background: url(image/wallpaper.gif);
	border-right: 1px #000 dashed;
	height: 100%;
}
#MENU02 {
	margin: 5px 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}
/* -------------------------
   メニュー > 見出し
   ------------------------- */
#MENU02 h1 {
	background: transparent url(image/h3.gif) no-repeat right center;
	color: #000;
	font: normal bold normal 15px/100% 'Century Gothic',sans-serif;
	text-align: right;
	margin: 0;
	padding: 5px 30px 5px 0;
}
/* -------------------------
   メニュー > リスト
   ------------------------- */
#MENU02 ul {
	list-style: none;
	margin: 5px 0;
}
#MENU02 li {
	display: list-item;
	text-align: right;
}
#MENU02 ul a,
#MENU02 ul a:visited {
	border: 0;
	color: #000;
}
#MENU02 ul a:hover {
	border: 0;
	color: #FFF;
}
/* ==================================================
   フッター
   ================================================== */
/* -------------------------
   フッター > レイアウト
   ------------------------- */
#FOOTER {
	background: url(image/wallpaper.gif);
	color: #777;
	text-align: right;
	padding: 5px;
}
/* ==================================================
   ページトップ
   ================================================== */
/* -------------------------
   ページトップ > レイアウト
   ------------------------- */
.PAGETOP {
	background: url(image/jashin2.gif) no-repeat right center;
	font: normal normal normal 10px/180% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	text-align: right;
	margin: 15px;
	padding: 2px 18px 0 0;
}
/* -------------------------
   ページトップ > リスト
   ------------------------- */
.PAGETOP li {
	display: inline;
	list-style: none;
}
.PAGETOP li a,
.PAGETOP li a:visited {
	color: #777;
}
.PAGETOP li a:hover {
	color: #000;
}
/* ==================================================
   著作権表示
   ================================================== */
#COPYRIGHT { font: normal normal normal 9px/180% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; text-align: center; }
#COPYRIGHT a,
#COPYRIGHT a:visited,
#COPYRIGHT a:active,
#COPYRIGHT a:hover { border: 0; color: #777; }
