@charset "shift_jis";

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

   NAME   : IF02_m
   DATE   : 2009.07.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: #FFF;
	scrollbar-arrow-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: #000;
	scrollbar-shadow-color: #000;
	scrollbar-track-color: #FFF;
}
/* -------------------------
   基本構造 > 全体
   ------------------------- */
body {
	background: url(image/wallpaper_dot.gif) center center fixed;
	color: #999;
	font: normal bold normal 12px/180% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
/* -------------------------
   基本構造 > 段落
   ------------------------- */
p {
	margin: 25px;
}
/* ==================================================
   見出し
   ================================================== */
h1 {
	color: #666;
	font: normal bold normal 18px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.5em;
	text-align: center;
}
h1:first-letter {
	color: #000;
	font-size: 27px;
}
h2 {
	color: #666;
	font: normal bold normal 18px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.5em;
	padding: 25px;
}
h2:first-letter {
	color: #000;
	font-size: 27px;
}
h3 {
	background: url(image/h3.gif) repeat-x center center; 
	color: #FFF;
	font: normal bold normal 12px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.5em;
	text-align: center;
	margin: 25px 0;
	padding: 10px 0;
}
h4 {
	color: #666;
	font: normal bold normal 12px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.5em;
	margin: 0 25px;
	padding: 10px 0;
}
h4:first-letter {
	color: #000;
	font-size: 18px;
}
h5 {
	color: #000;
	font: normal bold normal 12px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin: 25px;
}
h6 {
	color: #666;
	font: normal bold normal 12px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin: 25px;
}
/* ==================================================
   リンク
   ================================================== */
a {
	text-decoration: none;
}
a:link {
	border-bottom: 1px #000 dashed;
	color: #999;
} 
a:visited {
	border-bottom: 1px #000 dashed;
	color: #CCC;
} 
a:hover {
	border: none;
	color: #000;
	position: relative; top: 3px;
}
a:active {
	color: #000;
}
/* ==================================================
   テキスト
   ================================================== */
em {
	color: #666;
	font-style: normal;
}
strong {
	color: #666;
	font-weight: bold;
}
ins {
	color: #666;
}
del {
	color : #CCC;
}
big {
	font-size: 14px;
}
small {
	font-size: 10px;
}
/* ==================================================
   ボックス
   ================================================== */
.BOX01 {
	border: 1px #999 dashed;
	margin: 25px;
	padding: 0.5em;
}
.BOX02 {
	background: url(image/wallpaper_check.gif);
	border: 1px #999 solid;
	color: #666;
	margin: 25px;
	padding: 0.5em;
}
/* -------------------------
   ボックス > 更新履歴
   ------------------------- */
.UPDATE {
	overflow: auto;
	margin: 25px;
	height: 9em;
}
/* ==================================================
   フォーム
   ================================================== */
input,
select,
textarea {
	background: transparent;
	border: 1px #999 solid;
	color: #999;
	font: normal normal normal 10px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin: 5px 0;
	padding: 0.5em;
}
input:hover,
select:hover,
textarea:hover {
	border: 1px #666 dashed;
	color: #666;
}
input:focus,
select:focus,
textarea:focus {
	border: 1px #666 dashed;
	color: #666;
}
/* -------------------------
   フォーム > 送信・リセット
   ------------------------- */
.BUTTON {
	background: #999;
	border: 1px #999 solid;
	color: #FFF;
	width: 75px;
}
input:hover.BUTTON {
	background: #666;
	border: 1px #666 solid;
	color: #FFF;
}
/* -------------------------
   フォーム > リスト
   ------------------------- */
.MAILFORM dt {
	background: none; 
	padding: 0;
}
.MAILFORM dd {
	margin: -2em 0 2px 8em;
}
/* ==================================================
   リスト
   ================================================== */
/* -------------------------
   リスト > マーク付き
   ------------------------- */
ul,
ol {
	list-style-position: inside;
	margin: 25px;
}
/* -------------------------
   リスト > 定義型
   ------------------------- */
dl {
	margin: 25px;
}
dt {
	background: url(image/h4.gif) no-repeat center left; 
	color: #666;
	font-weight: bold;
	letter-spacing: 0.25em;
	padding: 5px 0 5px 25px;
}
dd {
	border-left: 5px #EEE solid;
	margin: 0 0.5em;
	padding: 0 0 0 1em;
}
/* -------------------------
   リスト > バナーリンク
   ------------------------- */
dl.BANNERLINK {
	margin: 25px;
}
dl.BANNERLINK dt {
	background: none; 
	float: left;
	margin: 1px 0.5em 0 0;
	padding: 0;
}
dl.BANNERLINK dd {
	border: 0;
}
/* ==================================================
   テーブル
   ================================================== */
table {
	border-spacing: 0.5em;
	margin: 25px;
}
th {
	background: url(image/wallpaper_check.gif);
	border: 1px #999 solid;
	color: #666;
	text-align: center;
	padding: 0.5em;
}
td {
	border: 1px #999 dashed;
	padding: 0.5em;
}
/* ==================================================
   インデックス
   ================================================== */
/* -------------------------
   インデックス > レイアウト
   ------------------------- */
#INDEX {
	background: url(image/wallpaper_check.gif) fixed;
	color: #666;
	text-align: center;
}
/* -------------------------
   インデックス > 段落
   ------------------------- */
#INDEX p {
	margin: 0;
}
/* -------------------------
   インデックス > 見出し
   ------------------------- */
#INDEX h2 {
	color: #000;
	font: normal bold normal 12px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
#INDEX h2:first-letter {
	color: #000;
	font-size: 12px;
}
/* ==================================================
   メニュー
   ================================================== */
/* -------------------------
   メニュー > レイアウト
   ------------------------- */
#MENU {
	text-align: center;
}
/* -------------------------
   メニュー > リスト
   ------------------------- */
#MENU ul {
	list-style: none;
	margin: 0 auto;
	width: 450px; /* メニューの数 × 75 */
}
#MENU li {
	float: left;
	width: 75px;
}
#MENU ul a,
#MENU ul a:visited {
	border: none;
	color: #000;
	display: block;
	font-weight: bold;
	padding: 10px 10px 14px 10px;
}
#MENU li a:hover {
    	background: url(image/menu.gif) no-repeat center center;
	color: #FFF;
	position: relative; top: 0;
}
/* ==================================================
   ヘッダー
   ================================================== */
/* -------------------------
   ヘッダー > レイアウト
   ------------------------- */
#HEADER {
	border: 5px #FFF solid;
	margin: 10px 0 10px 0;
	height: 400px;
	width: 600px;
}
/* -------------------------
   ヘッダー > インラインフレーム
   ------------------------- */
#HEADER iframe {
	border: 1px #000 dashed;
	height: 398px;
	width: 598px;
}
/* ==================================================
   コンテナ
   ================================================== */
/* -------------------------
   コンテナ > レイアウト
   ------------------------- */
#CONTAINER {
	margin-top: -250px;
	margin-left: -300px;
	height: 500px;
	width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
}
/* -------------------------
   コンテナ > 見出し
   ------------------------- */
#CONTAINER h1 a,
#CONTAINER h1 a:visited,
#CONTAINER h1 a:active,
#CONTAINER h1 a:hover {
	border: 0;
	color: #666;
	font-weight: bold;
	line-height: 100%;
}
#CONTAINER h1 a:hover {
	color: #FFF;
	position: relative; top: 0;
}
/* ==================================================
   ハート
   ================================================== */
/* -------------------------
   ハート > レイアウト
   ------------------------- */
#HEART {
	background: url(image/heart.gif) no-repeat center center; 
	margin: -315px 0px 0px 160px;
	height: 160px;
	width: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
}
/* ==================================================
   フッター
   ================================================== */
/* -------------------------
   フッター > レイアウト
   ------------------------- */
#FOOTER {
	background: url(image/h3.gif) repeat-x center center; 
	color: #FFF;
	font: normal bold normal 10px/100% 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 10px 0;
}
/* ==================================================
   ページトップ
   ================================================== */
/* -------------------------
   ページトップ > レイアウト
   ------------------------- */
.PAGETOP {
	text-align: center;
	margin: 25px 0;
}
/* -------------------------
   ページトップ > リスト
   ------------------------- */
.PAGETOP li {
	display: inline;
	list-style: none;
}
.PAGETOP li a,
.PAGETOP li a:visited,
.PAGETOP li a:hover {
	background: url(image/pagetop.gif) no-repeat center center;
	border: none;
	color: transparent;
	padding: 15px 20px;
}
/* ==================================================
   著作権表示
   ================================================== */
#COPYRIGHT { font-size: 9px; clear: both; }
#COPYRIGHT a,
#COPYRIGHT a:visited,
#COPYRIGHT a:active,
#COPYRIGHT a:hover { border: 0; color: #666; position: relative; top: 0; }