@charset "shift_jis";

/* Redefine of HTML Tag*/
div,p,form,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

body {
	margin-top:	0px;
	background-color: #fef1ba;
	color: #333333;
	font-size: 10pt;
	word-break:break-all;
	font-family: "q����q��rrur��m", Osaka, "r��(rlr����r Pro W3, sans-serif";
	background-image: url(../img/bg.gif);
}

table{
	border: 1px solid #999999;
	font-size: 12px;
	line-height: 1.3em;
}
th{
	background-color: #999999;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
td{
	background-color: #EEEEEE;
	vertical-align: top;
}
a:link, a:visited, a:active {text-decoration: none; color: #003399}
a:hover {background: white; text-decoration: underline; color: #003399}

/* Setting of structure */
#main {
	width: 765px;
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin-top: 10px;
	margin-bottom: 20px;
	height: auto;
}

#head {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #005700;
}

#contents{
}
#contents2{
	background-image: url(../img/cont_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	height: 500px;
}
	
#foot {
	letter-spacing: 0.2em;
	text-align: center;
	height: 20px;
	font-size: 10px;
	padding-bottom: 10px;
	clear: both;
}

#chat{
}

#panel{
	color: #FFFFFF;
	text-align: center;
	background-color: #009900;
	margin: 5px 5px 10px 5px;
	width: 180px;
}
#left_nav{
	float: left;
	width:190px;
	margin-right:5px;
	height: auto;
	text-align: center;
	margin-top: 5px;
}
#mid{
	float: left;
	background-color: #FFFFFF;
	width: 565px;
}
#login{
	background-image: url(../img/login_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 178px;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	font-weight: bold;
	color: #71612F;
	padding-top: 30px;
	padding-left: 75px;
}


/* re-Redefine */

#chat th{
	text-align: left;
	background-color: #006600;
	background-image: url(../img/th_gr.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#chat td{
	background-color: #F0F9F0;
}

#prof th{
	text-align: right;
	background-color: #0066CC;
	background-image: url(../img/th_bl.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#prof .th2{
	background-color: #96C1FF;
}

#prof td{
	background-color: #FFFFEE;
}

#foot hr{
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../img/dotline.gif);
	color: #CCCCCC;
	width: 750px;
}
/* text size */
.t18 {font-size: 18px;}
.t16 {font-size: 16px;}
.t14 {font-size: 14px;}
.t12 {font-size: 12px;}
.t10 {font-size: 10px;}
.t9 {font-size:  9px;}

.tl16 {font-size: 16px;line-height: 1.4em;}
.tl14 {font-size: 14px;line-height: 1.4em;}
.tl12 {font-size: 12px;line-height: 1.4em;}
.tl10 {font-size: 10px;line-height: 1.4em;}
.tl9 {font-size:  9px;line-height: 1.4em;}

.tll16 {font-size: 16px;line-height: 1.8em;}
.tll14 {font-size: 14px;line-height: 1.8em;}
.tll12 {font-size: 12px;line-height: 1.8em;}
.tll10 {font-size: 10px;line-height: 1.8em;}
.tll9 {font-size:  9px;line-height: 1.8em;}


/* added fujii */
.keikoku2{
	margin: 0px 0px 20px 159px;
	width: 410px;
	padding-top: 75px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../img/caution.jpg);
	font-weight: bold;
	color: #BD0000;
	background-repeat: no-repeat;
	background-position: center top;
}

.keikoku3{
	margin: 0px 0px 20px 89px;
	width: 550px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	border: 1px double #DDDDDD;
	color: #7C5C2E;
	background-color: #FDFDFD;
}

.keikoku3 B{
	color: #326600;
	line-height: 40px;
	font-size: 12px;
}


.dot_line{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}

.log1{
	height: 35px;
}
.log2{
	text-align: right;
	padding-top: 10px;
	padding-right: 60px;
}

input.password
{
	color: #000066;
	font-size: 14px;
	font-style: normal;
	background-color: #FFFFFF;
	border: 1 solid #999999;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.co			{
	margin:		20px 0px 20px 40px;
	color:		#FFFFFF;
	line-height:	normal;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	width: 680px;
	background-image: url(../img/co_bar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 28px;
	padding-top: 3px;
}
.kei_top{
	background-image: url(../img/tel01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 223px;
	width: 180px;
}
.conf{
	margin-right: 30px;
	margin-left: 34px;
	text-align: left;
}

.test {
	width: 760px;
	text-align: left;
	background: #f3f3ff;
	border: double 3px #666;
	margin-top: 10px;
	list-style:none;
}
.base {
	width: 760px;
	text-align: center;
	background: #f3f3ff;
	border: double 3px #666;
	margin-top: 10px;
	list-style:none;
}
.mblock {
	margin: 4px;
	padding: 4px;
	text-align: left;
	background: #ffffff;
	border: solid 1px #dddddd;
	line-height: 22px;
}

.subwin_back {
	background: #f3f3ff;
}

ol	{
	margin: 4px 24px 4px 8px;
}
ul	{
	margin: 4px 24px 4px 8px;
	list-style: circle;
}




h2	{
	background: #ffffff;
	padding: 6px;
	margin: 6px 0px;
	font-weight: normal;
	font-size: 12pt;
	text-align:	center;
}

h4	{
	margin: 0px 10px;
	font-size: 10pt;
}



input		{ font-size: 10pt; }
select		{ font-size: 10pt; }



.sorton		{ color: #ff0000; font-size: 9pt; text-decoration: none;	}
.sortoff	{ font-size: 9pt; text-decoration: none;	}
.bl2		{ background: #99ccff;	}
.gbco		{ background: #009933;	}
.subs		{ font-size: 9pt; color: #6666cc; }
.biko		{ font-size: 9pt; color: #666666; line-height: 16px; margin: 4px; }
.sub		{ font-size: 7pt; }
.msg		{ font-size: 9pt; color: #FF0000; }

.yel		{ background: #ffffee; }
.lgn		{ background: #ccffcc; }
.stay 		{ background: #ffff00; }
.gfont 		{ background: #ffffff; color: #666666; }
.ex			{ margin: 4pt; color: #666666; }
.bg			{ background-color: #f9f9ff; }
.pink		{ background-color: pink; }
.red		{ background: red; }
.fred		{ background: #fddcc4; }
.lor		{ background: #ff9999; }

.lb			{ background: #9999cc; font-size: 10pt;}
.grey		{ background: #cccccc; }
.grey2		{ background: #F9F5F0; }
.white		{ background: white; }
.black		{ background: black; }
.tab		{ background: grey; width: 760px; }
.tab2		{ background: #666666; }

.username	{ color: 339933; font-weight: bold; }

.thh		{ background: #ddffdd; }
.tdh		{ background: #ffffee; }

.yel		{ background: #ffff99; border: 1px solid black; }
.oran		{ background: #ff9966; border: 1px solid black; }
.lblue		{ background: #cceeff; border: 1px solid black; }
.ref		{ color: 339933; }

.close		{ font-weight: bold; text-decoration: underline; }



hr	{
	color: #aaaaaa;
	height: 1px;
}

.gr	{ color: #999999; font-size: 8pt; }

/*	k_training only?	*/
.mem	{
	text-indent:	-15px;
	padding-left:	15px;
	line-height:	20px;
}

OPTION, SELECT, option.password, select.password, textarea.password
{
	color: #000066;
	font-size: 11px;
	font-style: normal;
	background-color: #FFFFFF;
	border: 1 solid #999999;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


.gray_background
{
	background-color:#EEEEEE;
	color:#000000;
	visibility: visible;
	z-index: -20;
}

.tablebordered {  
	border: 1px #C0C0C0 solid
}


.rcvdMessages  {
   color: #5c78cb;
}

.sentMessages  {
   color: #000000F;
}