body 
	{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

#site 
	{
	/*max-width:1200px;
	width:expression(document.body.clientWidth > 1200? "1200px": "auto" );*/
	
	min-width: 1000px;
	max-width: 1300px;

	width:expression((document.body.clientWidth) < 1000? '1000' : (document.body.clientWidth) > 1300? '1300px' : '100%');

	
	}

#maintable
	{
	width: 100%;
	background: url('../img/back.jpg') top center repeat-x;
	}

* html #maintable
	{ 
	width: auto;
	background: url('../img/back.jpg') top center repeat-x;
	}




body, td, p, h1, h2, h3, small
	{ font-family: Arial, sans-serif; color: #eee; }

body
	{ background-color: #000; color: #eee; }

p
	{ font-size: 80%; }

small
	{ font-size: 70%; }

h1, h2
	{ font-weight: normal; }

h1
	{ font-size: 170%; margin-bottom: 1.5em; margin-top: 1em; color: #eff; }
h2
	{ font-size: 140%; margin-bottom: 1.5em; margin-top: 1em; color: #eff; }
h3
	{ font-size: 110%; font-weight: normal; margin: 0; padding: 0; margin-bottom: 0em; margin-top: 1.5em; color: #eff; }
ul
	{
	margin-left: 1em ;
	padding-left: 0em;
	font-weight: normal;
	list-style: square;
	}

li
	{ 
	font-size: 80%;
	margin-bottom: 0.5em;
	}

a		{ color: #9cc; }
a:link		{ color: #9cc; }
a:visited	{ color: #9aa; }
a:hover		{ color: #cff; }
a:active	{ color: #cff; }

a.menul		{ color: #560501; }
a.menul:link	{ color: #560501; }
a.menul:visited	{ color: #560501; }
a.menul:hover	{ color: #99241e; text-decoration: none; }
a.menul:active	{ color: #99241e; text-decoration: none; }

a.copy 		{ color: #4d6666; }
a.copy:link	{ color: #4d6666; }
a.copy:visited	{ color: #4d6666; }
a.copy:hover	{ color: #4d6666; }
a.copy:active	{ color: #4d6666; }


.block_menu
	{ background: url('../img/back_menu.gif') top left repeat-x; height: 30px; width: 100%; margin-top: 50px; margin-bottom: 50px; }
.block_menu_404
	{ height: 30px; width: 100%; margin-top: 50px; margin-bottom: 50px; }
.block_notice
	{ padding-top: 150px; padding-left: 30px; }
.block_content
	{ width: auto; height: auto; border-top: 1px solid #ccc; }

.p-menu
	{ cursor: hand; cursor: pointer; width: 100%; height: auto; padding: 2 0 2 0px; }

.menu
	{ width: 20%; border-top: 1px solid #fff; border-bottom: 1px solid #666; height: 28px; color: #000; font-weight: bold; }
.menu_s
	{ width: 20%; border-top: 1px solid #fff; border-bottom: 1px solid #666; height: 28px; background: url('../img/back_menu_s.gif') top left repeat-x; color: #000; font-weight: bold; }
.video
	{ width: auto; height: auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; }
.video_border
	{ background: url('../img/back_menu.gif') top center repeat-x; width: auto; height: 5px; }
.notices
	{ padding-top: 1em; padding-bottom: 1em; font-size: 90%; }

.pic_logo
	{ border: none; width: 152; height: 108; margin-top: 12px; margin-bottom: 10px; margin-left: 0px; }
.pic_flag
	{ width: 29px; height: 12px; border: none; margin-bottom: 0.5em; }
.pic_shadow
	{ width: 100%; height: 500px; border: none; }
.pic_arrow
	{ width: 23px; height: 19px; margin-top: 90px; margin-bottom: 90px; margin-left: 15px; margin-right: 15px; }
.pic_image
	{ float: left; }
.pic_doc
	{ margin-right: 10px; width: 26px; height: 36px; border: none; } 
.h_notice
	{ color: #fff; font-size: 90%; font-weight: bold; background: #900; padding-top: 5px; padding-bottom: 5px; margin-left: -0.4em; }

.error404
	{ width: 100%; height: 300px; text-align: left; }
.copy
	{ color: #666; }
.content
	{ padding: 2.5em; padding-top: 1em; }

#maintable404
	{
	width: 100%;
	background: url('../img/back404.jpg') top center repeat-x;
	}

* html #maintable404
	{ 
	width: auto;
	background: url('../img/back404.jpg') top center repeat-x;
	}

.gradi_l 
	{ width: 100%; height: auto; background: url('../img/gradient.gif') top left no-repeat; min-height: 448px; }
.gradi_r 
	{ width: 100%; height: auto; background: url('../img/gradient.gif') top right no-repeat; min-height: 448px; }

* .gradi_l
	{ width: 100%; height: auto; background: url('../img/gradient.gif') top left no-repeat; height: expression( this.scrollHeight < 448 ? "449px" : "auto" ); }
* .gradi_r 
	{ width: 100%; height: auto; background: url('../img/gradient.gif') top right no-repeat; height: expression( this.scrollHeight < 448 ? "449px" : "auto" ); }



.text_descript
	{ font-size: 0.7em; color: #999; }