/* -----------------------------------------------
 * �?����?Y�i�?���y�[�W�j�p
 * ----------------------------------------------- */
body{
  font-size:84%;
  color:#222222;
  background-color:#FFFFFF;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}

/* -----------------------------------------------
 * FORM
 * ----------------------------------------------- */

form.form {
    margin-top: 0em;
    margin-bottom: 0em;
}

TEXTAREA {
  width: 100%;
  background-color:#FFFFFF;
  border:1px solid;
}

/* -----------------------------------------------
 * �Z�J���h�y�[�W
 * ----------------------------------------------- */
div.page-side {
	width: 100%;
	text-align: center;
	background-image: url(../img/bg_side2.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment:fixed;
	padding: 0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
}


div.page {
	width: 820px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}



/*-----------------------------------------------
* �J�[�g�p
* ----------------------------------------------- */

/*table#1 {border-collapse: collapse}*/

/*
table, th, td {border:1px solid #8D8B7D}

th {
	border-collapse: collapse;
	color: #000000;
	background-color: #ffffff;
	font-size: 84%;
}
*/
table.solid {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
}

TD.trainig_course_title {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-WEIGHT: bold; FONT-SIZE: 84%; BACKGROUND: #FAD489;
}

TD.midashi {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-WEIGHT: bold; FONT-SIZE: 84%; BACKGROUND: #FFD44C;
	color: #000000
}

TD.title {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-WEIGHT: bold; FONT-SIZE: 84%; BACKGROUND: #FCEFAB;
	color: #000000
}

TD.common {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-SIZE: 84%; BACKGROUND: #FCFBF2;
}

TD.button {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-SIZE: 84%; BACKGROUND: #DBD3B8;
}

TD.midashi-buyer {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-WEIGHT: bold; FONT-SIZE: 84%; BACKGROUND: #5776AD;
	color: #ffffff
}

TD.title-buyer {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-WEIGHT: bold; FONT-SIZE: 84%; BACKGROUND: #D1D1D1;
	color: #000000
}

TD.common-buyer {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-SIZE: 84%; BACKGROUND: #F5F5F5;
}

TD.button-buyer {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-SIZE: 84%; BACKGROUND: #ABBBD1;
}

TD.title-cart {
	border-collapse: collapse;
	border:1px solid #c0c0c0;
	FONT-WEIGHT: bold; FONT-SIZE: 84%; BACKGROUND: #999999;
	color: #ffffff
}

/*-------------------------------------------------
Clear Fix
-------------------------------------------------*/
.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* exlude MacIE5 ?*/
* html .clearfix {
 height:2%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

/*for IE 5.5-7*/
.clearfix{
    zoom:1;
}

/*�ɥ꡼�०���С��dz�ǧ�ѡ���Ǿä��ޤ��礦*/
.clearfix + *{
    clear: both;
}


/*-------------------------------------------------
�ޡ�����
-------------------------------------------------*/
.mrg-t0{margin-top:0px;}
.mrg-t5{margin-top:5px;}
.mrg-t10{margin-top:10px;}
.mrg-t15{margin-top:15px;}
.mrg-t20{margin-top:20px;}
.mrg-t25{margin-top:25px;}
.mrg-t30{margin-top:30px;}
.mrg-t50{margin-top:50px;}
.mrg-t100{margin-top:100px;}

.mrg-b0{margin-bottom:0px;}
.mrg-b5{margin-bottom:5px;}
.mrg-b10{margin-bottom:10px;}
.mrg-b15{margin-bottom:15px;}
.mrg-b20{margin-bottom:20px;}
.mrg-b25{margin-bottom:25px;}
.mrg-b30{margin-bottom:30px;}
.mrg-b50{margin-bottom:50px;}

.mrg-l0{margin-left:0px;}
.mrg-l5{margin-left:5px;}
.mrg-l10{margin-left:10px;}
.mrg-l15{margin-left:15px;}
.mrg-l20{margin-left:20px;}
.mrg-l25{margin-left:25px;}
.mrg-l30{margin-left:30px;}
.mrg-l50{margin-left:50px;}
.mrg-l100{margin-left:100px;}

.mrg-r0{margin-right:0px;}
.mrg-r5{margin-right:5px;}
.mrg-r10{margin-right:10px;}
.mrg-r15{margin-right:15px;}
.mrg-r20{margin-right:20px;}
.mrg-r25{margin-right:25px;}
.mrg-r30{margin-right:30px;}


.mrg-center{margin-right:auto; margin-left:auto;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.f13{ font-size:13px;}


/* -----------------------------------------------
 * �ȥå�
 * ----------------------------------------------- */
.greeting-box{
	background: URL(../img/greeting_bg.gif) left top no-repeat;
	padding: 10px 20px 50px 0;
}

.greeting-box dl, 
.greeting-box dd, 
.greeting-box dt{ 
	margin: 0;
	padding: 0;
}

.greeting-box dt{
	float: left;
	width: 150px;
	text-indent: -9000px;
}

.greeting-box dd{
	margin-left: 150px;
	font-family:"�ͣ� ����ī", "����ī��", "�ҥ饮����ī Pro W3";
	color: #CCAE37;
	font-weight: bold;
	line-height: 1.2em;
}

.tit-top-news{
	background: URL(../img/arrow.gif) left center no-repeat;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #666;
	padding: 3px 0 3px 13px;
}
.tit-top-txt{
	font-size: 11px;
}
.tit-top-item{
	background: URL(../img/arrow2.gif) left center no-repeat;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #666;
	padding: 3px 0 3px 13px;
}

.vs-txt{
	font-size: 11px;
	padding: 5px 0 5px 10px;
} 

.item-bg{
	background: URL(../img/waku_item_inner.gif) left top repeat-y;
	padding: 0 6px;
}

.item-txt{
	color:#574637;
	font-size: 12px;
	padding: 0 5px 5px 5px;
}

.top-news-tab{
	margin-left: 10px;
}

.txt-top-news a:link{ color:#FF8410;}
.txt-top-news a:visited{ color:#FF8410;}
.txt-top-news a:active{ color:#FF8410;}
.txt-top-news a:hover{ color: #993333;}

.top-news-txt{
	font-size: 11px;
}

.under-line{
	border-bottom: 1px solid #666;
}