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

 last updated on 2007.02.27
 (c) 2006 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",Osaka,Osaka-等幅,"ＭＳ ゴシック",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%/178% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック", sans-serif; }
a		{ outline:0px none #fff; }
br		{ letter-spacing:0px; }
div		{ position:relative; left:0px; top:0px; 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:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
ul,ol		{ margin:0px; padding:0px; }
li		{ list-style:none outside none; }
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","ＭＳ ゴシック", 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","Osaka","ＭＳ ゴシック",sans-serif;	letter-spacing:0px; }
.j12		{ font: normal normal normal 12px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ ゴシック",sans-serif;	letter-spacing:0px; }
.j14		{ font: normal normal normal 14px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ ゴシック",sans-serif;	letter-spacing:0px; }
.e9		{ font: normal normal normal 9px/15px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e10		{ font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e12		{ font: normal normal normal 12px/20px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e14		{ font: normal normal normal 14px/20px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }

.B		{ font-weight:bold; }
.L		{ float:left; }

.M5		{ clear:both; height:5px; }
.M10		{ clear:both; height:10px; }
.M20		{ clear:both; height:20px; }
.M30		{ clear:both; height:30px; }
.M40		{ clear:both; height:40px; }
.M50		{ clear:both; height:50px; }
.M100		{ clear:both; height:100px; }
.M200		{ clear:both; height:200px; }
.M300		{ clear:both; height:300px; }

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

body		{ color:#000; background:#dddddd url(/com/img/bg.png) repeat-y scroll 0px 0px; }
a		{ padding:0px; }
a:link		{ color:#774; text-decoration:underline; }
a:visited		{ color:#774; text-decoration:underline; }
a:hover		{ color:#552; text-decoration:underline; }
a:active		{ color:#552; text-decoration:underline; }
hr		{ color:#ccc; background:#ccc; border-color:#ccc; }
table		{ border:1px solid #ccc; }
td		{ padding:2px; }
img		{ background:transparent; }
input,textarea	{ background:#f9f9f6; }

/* -------------------------------------------------- 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.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; }

#PAGE		{ width:800px;height:auto; }

.TN		{ float:left; width:180px; margin-right:20px; }


#TOOLTIP		{ position:absolute;left:130px;top:0px;width:160px;height:19px;z-index:3;visibility:hidden; }
#NAVI		{ float:left; width:160px; height:500px;margin-right:20px; }
#PREVIEW		{ position:absolute; left:22px; top:96px; width:64px; height:64px; }
#BOTTON		{ position:absolute; left:102px; top:96px; width:32px; height:auto; }
#BOTTON div	{ margin-bottom:16px; z-index:2; }
#COMMENT		{ position:absolute; left:22px; top:240px; width:32px; height:224px; background:#fff url(/com/img/navi_comment_bg.png) repeat-y scroll 0px 0px; }
#HOME		{ position:absolute; left:30px; top:485px; width:100px; height:15px; }

#CONTENTS		{ float:left; width:600px; height:auto; }

#TEL		{ width:600px; height:auto; text-align:right; color:#444; }
#TEL span		{ color:#999; }

.TEXT		{ margin-left:100px;width:500px; height:auto; }
.history		{ width:500px; clear:both; }
.history li	{ float:left; width:150px; margin-bottom:0px; }
.history li img	{ margin:5px 5px 5px 0px; }

.data		{ width:500px; clear:both; }
.data dt		{ width:60px; float:left; }
.data dd		{ width:430px; }
.list		{ width:500px; clear:both; }
.list li		{ float:left; width:150px; margin-bottom:5px; }
.C2		{ float:left; width:300px; height:20px; }

.menu		{ width:500px; clear:both; }
.menu li		{ width:300px; float:left;  }


#GW		{ position:absolute;left:0px;top:-500px;width:160px;height:240px;z-index:10;visibility:hidden;background:#fff url(/structure/menu/img/gw_bg.png) no-repeat scroll 0px 0px; }
#GWB		{ position:absolute;left:144px;top:0px;width:16px;height:16px;visibility:hidden; }
#GWC		{ position:absolute;left:5px;top:17px;width:150px;height:218px;visibility:hidden; }



.FORM		{ border:1px solid #999; }
.FORM td		{ border:1px solid #999; padding:3px; }
.note		{ font-size:10px; color:#c30; padding:2px; }