/*
### TVAC2001.CSS ###
 since '01-10-30
 '03-07-22 : 2byte chars are prohibited in order to validate both in SJIS or EUC-JP html files.
*/

/* the most basics -----------------------------------------------------*/

	A IMG		{ border:none 0 !important; }
	OL			{ list-style-type:decimal }
	UL			{ list-style-type:disc }
	PRE			{ white-space:pre }
	DD UL LI	{ margin-left:0; }


/* semi-basics. no care needed -------------------------------------------*/

	BODY { margin:0; padding:4 8 8 8; }
	BODY * { font-family:"Verdana", "Chicago", sans-serif; }

	PRE, PRE *, TT, .tt, .tt LI, .tt TD
	{
	font-family:"Courier New", "Courier", monospace;
	 }

	A:hover { text-decoration:underline }

	BIG				{ font-weight:600;	 }
	SMALL			{ font-weight:lighter;	 }
	DT				{ font-weight:600;	 }
	B, EM, STRONG	{ font-weight:600;	font-style:normal;	 }
	I				{ font-weight:500;	font-style:italic;	 }
	ADDRESS			{ font-weight:500;	font-style:normal;	 }

/* '02-06-16 ---------------------------------------------------------------------------------- */

	BR {
		font-size:2px;
		line-height:12px;
		 }
	BR.s {
		line-height:4px;
		 }

/* table things; still under trials '01-11-12>> ---------------------------------------------------------------*/

	TABLE	{
		border:			0px none silver;
		border-collapse: collapse;
		  }
	TD, TH	{
		border:			1px solid silver;
		padding:		4px;
		vertical-align:	top;
		  }
	CAPTION {
		padding-bottom:	2px;
		  }

	/* paddings */
		.p00, TABLE.p00 TD, TABLE.p00 TH	{ padding:0 }
		.p04, TABLE.p04 TD, TABLE.p04 TH	{ padding:4px }
		.p08, TABLE.p08 TD, TABLE.p08 TH	{ padding:8px }
		.p12, TABLE.p12 TD, TABLE.p12 TH	{ padding:12px }
		.p16, TABLE.p16 TD, TABLE.p16 TH	{ padding:16px }
		.p20, TABLE.p20 TD, TABLE.p20 TH	{ padding:20px }
		.p24, TABLE.p24 TD, TABLE.p24 TH	{ padding:24px }
		.p32, TABLE.p32 TD, TABLE.p32 TH	{ padding:32px }

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		TABLE.layout, TABLE.layright, TABLE.layleft
                	{
			border:0 none;
			padding:0;
			  }

		TABLE.layout TD, TABLE.layright TD, TABLE.layleft TD,
                	{
			border:0 none;
			margin:0;
			padding:0;
			background-color:transparent;
			  }

		.rightwing, .layright
                	{
			float:	right;
			margin:	0px 12px 1em 2em !important;
			   }
		.leftwing, layleft
                	{
			float:	left;
			margin:	0px 2em 1em 12px !important;
			   }
		.layout, .layoutt { margin:0; }

	/* '04-2-17 : make it visible temporarily */
		.b { border:1px dotted silver !important; }


	/* - - - - - - - - - - - - - - - */
		TABLE.in-form,
		TABLE.widest,
		TABLE.widekakomi	{
					margin-left:12px;
					Xmargin-right:12px;
					width:97.5%;
					  }

	/* just kakomi. */
		TABLE.bigframe,
		TABLE.kakomi,
		TABLE.widekakomi,
                xTABLE.widest		{ border:1px solid silver }
		TABLE.bigframe TD,
		TABLE.kakomi TD,
		TABLE.widekakomi TD,
                xTABLE.widest TD		{ border:0px none }

	/* explicitly show borders */
		TABLE.with-borders TD,
		TABLE.with-borders TH	{
				border:1px solid;
				padding:4px;
				 }

/* benri! utilities ---------------------------------------------------------------------*/

	/* center aswellas middle */
		.cenmid {
			text-align:center;
			vertical-align:middle;
			 }

	/* Zabuton 100x100. for IMGs & DIVs */
		.zabu {
			float:left;
			height:100px; width:100px;
			border:dashed 2px;
			margin:0px 8px 20px 10px;
			  }

	/* 02-09-14 wide & central */
		DIV.subbox,
		DIV.subbox2 {
			border:dashed 2px silver;
			margin-left:14px;
			padding:12 8;
			 }
		DIV.subbox {
			width:97%;
			 }
		DIV.subbox2 {
			padding-left:0 !important;
			float:left;
			 }

	/* 02-09-25 right-aligned box; moderate size  */
		DIV.rightbox {
			border:dashed silver;
			border-width:1 0 1 1;
			float:right;
			padding:12 8 12 8;
			 }

	/* 02-09-12 right-aligned box; greedier */
		DIV.subright {
			border:dashed silver;
			border-width:1 0 1 1;
			float:right;
			width:95%;
			margin-left:5%;
			padding:12 8 12 8;
			 }

	/* hidden A -- i.e. for text-based browsers */
		A.kosso {
			text-decoration:none;
			cursor:text;
			 }

	/* for IMGs */
		P.caption {
			font-size:xx-small;
			line-height:1.3em;
			margin:2px 0;
			 }

	/* invisi! */
		H1.invisi,
		SPAN.invisi,
		.invisi *,
		DIV.invisi *,
		DIV.invisi TABLE.in-form *  {
			display: 	none;	 }

	/* right aligning */
		.r, DIV.r * {
			float:right;
			margin-right:1em;
			  }
		P.r {
			float: none;
			text-align:right;
			  }

	/* drop cap. assume UAs will get wiser in the future... */
		.dropcap
		{
		display:	block;
		font-size:	36px;
		height:		40px;
		float:		left;
		position:	relative; top:12px
		 }

	/* indent/nodent/outdent */
	/* Let's use BLOCKQUOTEs enclosed in Ps '00-11-9 */
	/* 'nodent' might be just for putting it back */
		P.indent, .indent P {
		text-indent:	0.6em;
		   }
		P.outdent, .outdent P {
		padding-left:	0.6em;
		text-indent:	-0.6em;
		   }
		P.nodent, .nodent P {
		text-indent:	0;
		   }

	/* slight gaps; not only for BRs but TDs, etc. */
		.spc	{ font-size:4px; line-height:100%; margin:0 }
		.spc08	{ font-size:8px; line-height:100%; margin:0 }

	/* ji-to-ji no aida ga mabara */
		.mabara	{ letter-spacing:0.25em }

	/* suppress underline */
		.noline	{ text-decoration:none }

	/* A mimics buttons */
		A.button {
			border-width:		1px 2px 2px 1px;
			border-style:		outset;
			background-color:	ButtonFace;
			padding:		1px 2px 3px 2px;
			font-size:		x-small; 11px;
			font-weight:	normal;
			position:		relative;
			top:			1px;
			text-align:		center;
			 }
		A.button:active {
			border-width:		2px 1px 1px 2px;
			border-style:		inset;
			 }
		A.button:link,
		A.button:visited,
		A.button:hover,
		A.button:active {
			color:			black;
			text-decoration:	none;
			 }



/* those which are otfen used though they arnt almighty -----------------------------------------------------*/

	/* - - - - - - - - - - - - */
		IMG.ico {
			position:relative;
			top:0.1em;3px;
			xleft:-0.1em;-2px;
			 }

	/* triangle buttons beside numeric input boxes (inc/dec) */
		INPUT.incdec {
			font-size:5px;
			height:11px;
			width:14px;
			margin:0 1px 0 0;
			display:block;
			 }

	/* shutten hyoji; */
		P#autho {
			font-size:xx-small;10px;
			line-height:140%;14px;
			margin-top:40px;
			margin-bottom:0;
			 }

	/* in the foot area of pages 02-09-01 */
		P#navvi {
			text-align:right;
			line-height:1.6em;
			 }
		P#navvi A {
			text-decoration:none;
			margin-left:4px;
			 }

	/* - - - - - - - - - - - - */
		IMG#headlogo	{
			float:right;
			margin:0 4 4 0;
			position:relative;
			left:4px;
			  }

	/* - - - - - - - - - - - - */
		HR#topline {
			margin-top:0;
			clear:both;
			 }


	/* used mainly in shusai-jigyo pages to show date, place, etc. */
		P#whwh {
			font-size:medium;14px;
			font-weight:600;
			line-height:130%;
			margin-top:0;
			  }

	/* a thinner HR */
		HR.s	{ height:2px }

	/* for small "NEW!" signs in the toppage & the sitemap */
		.new {
		font-size:		88%;
		font-weight:	600;
		color:			crimson;
		  }

	/* - - - - - - - - - - - - */
		.redhot { color:crimson; }
		.forest { color:rgb(0,120,40); }
		.night { color:navy; }
		.sky { color:rgb(0,120,200); }

	/* - - - - - - - - - - - - */
		P.itsover {
		font-weight:	600;
		text-align:		center;
		margin:			80px 0;
		  }

	/* Under Construction */
		.uc, .uc A:link, .uc A:visited, .uc A:hover, .uc A:active {
		color:			silver;
		text-decoration:	none;
		  }

	/* - - - - - - - - - - - - */
		TABLE.map {
			margin:0;
			}
		TABLE.map P,
		TABLE.map UL,
		TABLE.map OL {
			margin:	2px 0;
			}
		TABLE.map LI {
			margin:	0 0 0 20px;
			}
		TABLE.map CAPTION {
			font-size:medium;
			}

/* form control things ----------------------------------------------------------------------------------------*/

		FORM {
		margin:0;
		padding:0;
		 }

	/* pushbuttons */
		.button {
			font-size: x-small !important;
			font-weight: 600 !important;
			 }
		.bigbutton {
			font-size: medium !important;
			font-weight: 600 !important;
			 }
	/* emphasized pushbuttons */
	/* 040212: obsolete; replaceable with 'button redhot' */
		.applybutton {
			font-size: small !important;
			font-weight: 600 !important;
			color:crimson;
			  }


	/* for INPUT boxes. */
		.input-numeralette	{ ime-mode:inactive;	width:30px; 	text-align:right;	 }
		.input-numeral		{ ime-mode:inactive;	width:80px; 	text-align:right;	 }
		.input-numeralone	{ ime-mode:inactive;	width:120px;	text-align:right;	 }
		.input-kanjiette	{ ime-mode:active;	width:80px;	 }
		.input-kanji		{ ime-mode:active;	width:160px;	 }
		.input-kanjione		{ ime-mode:active;	width:300px;	 }
		.input-alfabette	{ ime-mode:inactive;	width:80px; 	}
		.input-alfab		{ ime-mode:inactive;	width:160px; 	}
		.input-alfabone 	{ ime-mode:inactive;	width:300px;	}
	
		.input-realname		{ ime-mode:active;	width:200px;	 }
		.input-ruby			{ ime-mode:active;	width:250px;	 }		.input-worksfor,
		.input-orgname		{ ime-mode:active;	width:300px;	 }
		.input-postal		{ ime-mode:active;	width:360px;	 }
		.input-notes		{ ime-mode:active;	width:430px;	 }
		.input-tel			{ ime-mode:inactive;	width:160px;	 }
		.input-zipcode		{ ime-mode:disabled;	width:80px;	 }
		.input-email		{ ime-mode:disabled;	width:300px;	 }



/* to be obsolete '03-7-13 ---------------------------------------------------------------*/

		.foldable {
			word-break:break-all;
			 }

		.inl { display:inline;	  }

		.unbold, .unbold TH, .unbold DT { font-weight:500;  }

		.c, DIV.c * {
		text-align:center;
		  }
		.left, DIV.left * {
		text-align:left;
		  }

/* end --------------------------------------------------------------------------------------------------*/