@charset 'utf-8';
/* 
 Cascading Style Sheets: style.css 4.8

 last updated on 2008.03.12
 (c) 2007 YOSUKE INUI Design Office (www.inuiyosuke.jp)
 */ 

/*
[ REFERENCE ]
font-family:
	[en]	Verdana,Geneva,Helvetica,Arial,"Arial Black",Chicago,sans-serif,serif,monospace
	[ja]	"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ ゴシック",monospace
cursor:
	crosshair,default,pointer,move,e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize,text,wait,help;
*/

body		{ margin:0px; padding:0px; color:#000; background:#fff; font: normal normal normal 86%/208% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
a		{ outline:0px none #fff; }
br		{ letter-spacing:0px; }
div		{ position:relative; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; visibility:visible; display:block; border:0px solid #000; opacity:1; KhtmlOpacity:1; MozOpacity:1; }
hr		{ clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; border:0px solid #000; font-size: 10px; }
form		{ margin:0px; padding:0px; }
input		{ width:100%; color:#000; border:1px solid #666; }
textarea		{ width:100%; color:#000; border:1px solid #666; }
select		{ width:100%; color:#000; border:1px solid #666; cursor:hand; cursor:pointer; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:2px 0px 0px 0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
li		{ list-style:none outside none; }
ul,ol		{ margin:0px; padding:0px; }
dl		{ margin:0px;padding:0px; }
dt		{ float:left; clear:left; margin:0px; padding:0px; }
dd		{ float:left; margin:0px;padding:0px; display:block; }
table		{ border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; }
td,th		{ margin:0px; padding:2px; font: normal normal normal 71%/178% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

.submit		{ width:100%; color:#000; background:#fff; border:1px solid #666; cursor:hand; cursor:pointer; }
.j10		{ font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
.j12		{ font: normal normal normal 12px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
.j14		{ font: normal normal normal 14px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
.e9		{ font: normal normal normal 9px/15px Verdana,Geneva,Arial,sans-serif; }
.e10		{ font: normal normal normal 10px/15px Verdana,Geneva,Arial,sans-serif; }
.e12		{ font: normal normal normal 12px/20px Verdana,Geneva,Arial,sans-serif; }
.e14		{ font: normal normal normal 14px/20px Verdana,Geneva,Arial,sans-serif; }

.B		{ font-weight:bold; }

.M5		{ clear:both; height:5px; }
.M10		{ clear:both; height:10px; }
.M20		{ clear:both; height:20px; }
.M25		{ clear:both; height:25px; }
.M30		{ clear:both; height:30px; }
.M40		{ clear:both; height:40px; }
.M50		{ clear:both; height:50px; }
.M75		{ clear:both; height:75px; }
.M100		{ clear:both; height:100px; }

/* -------------------------------------------------- ADDITION ITEM -------------------------------------------------- */

body		{ color:#000; background:#e9eeee url(/com/img/bg.png); text-align:center; }
a		{ padding:0px; }
a:link		{ color:#f30; text-decoration:underline; }
a:visited		{ color:#f30; text-decoration:underline; }
a:hover		{ color:#c20; text-decoration:underline; }
a:active		{ color:#c20; text-decoration:underline; }
hr		{ color:#000; background:#000; border-color:#000; }
table		{ border-bottom:0px solid #ccc; }
td		{ padding:2px; }
img		{ background:transparent; }

.M200		{ clear:both; height:200px; }
.M300		{ clear:both; height:300px; }

/* -------------------------------------------------- ADDITION CLASS -------------------------------------------------- */

a.black:link	{ color:#000; text-decoration:underline;	padding:2px; }
a.black:visited	{ color:#000; text-decoration:underline;	padding:2px; }
a.black:hover	{ color:#fff; text-decoration:none;		padding:2px; background:#000; }
a.black:active	{ color:#fff; text-decoration:none;		padding:2px; background:#000; }

a.white:link	{ color:#fff; text-decoration:underline;	padding:2px; }
a.white:visited	{ color:#fff; text-decoration:underline;	padding:2px; }
a.white:hover	{ color:#000; text-decoration:none;		padding:2px; background:#fff; }
a.white:active	{ color:#000; text-decoration:none;		padding:2px; background:#fff; }

a.red:link	{ color:#f30; text-decoration:underline;	padding:2px; }
a.red:visited	{ color:#f30; text-decoration:underline;	padding:2px; }
a.red:hover	{ color:#fff; text-decoration:none;		padding:2px; background:#f30; }
a.red:active	{ color:#fff; text-decoration:none;		padding:2px; background:#f30; }

a.edit:link	{ color:#fff; text-decoration:none;		padding:2px; background:#0cf; font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif; }
a.edit:visited	{ color:#fff; text-decoration:none;		padding:2px; background:#0cf; font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif; }
a.edit:hover	{ color:#000; text-decoration:none;		padding:2px; background:#0cf; font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif; }
a.edit:active	{ color:#000; text-decoration:none;		padding:2px; background:#0cf; font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif; }

hr.black		{ color:#000; background:#000; border-color:#000; }
hr.white		{ color:#fff; background:#fff; border-color:#fff; }
hr.red		{ color:#f30; background:#f30; border-color:#f30; }

.PAGE		{ clear:both; width:880px; height:auto; overflow:hidden; margin-right:auto; margin-left:auto; text-align:left; }
.HEADER		{ clear:both; left:20px; top:3px; width:822px; height:20px; z-index:10; color:#000; font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif; }
.SHEET		{ clear:both; left:0px; top:0px; width:842px; height:auto; background:#fff; z-index:2;  }
.TITLE		{ clear:both; left:122px; top:0px; width:740px; height:auto; }
.SUBJECT		{ float:left; left:20px; top:0px; width:82px; height:auto; margin-right:20px; font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif; }
.BLOCK		{ float:left; left:20px; top:0px; width:720px; height:auto; }
.C1		{ float:left; left:0px; top:0px; width:700px; height:auto; margin-right:20px; }
.C2		{ float:left; left:0px; top:0px; width:340px; height:auto; margin-right:20px; }
.C3		{ float:left; left:0px; top:0px; width:220px; height:auto; margin-right:20px; }
.C3-2		{ float:left; left:0px; top:0px; width:460px; height:auto; margin-right:20px; }
.C4		{ float:left; left:0px; top:0px; width:160px; height:auto; margin-right:20px; }
.C6		{ float:left; left:0px; top:0px; width:100px; height:auto; margin-right:20px; }
.ICON		{ float:left; height:90px; margin-right:1px; }
.FOOTER		{ clear:both; left:10px; top:10px; width:832px; height:35px; }

input.MMI		{ float:left; height:25px; width:280px; background:#f74; border:1px solid #c20;margin-right:5px; }
input.MMS		{ float:left; height:25px; width:50px; background:#d30; border:1px solid #c20;cursor:hand; cursor:pointer; }