@charset "utf-8";

/*====================================================================

index.css

======================================================================

	01.body
	02.flash
	03.news
	04.tbox
	05.recommend


last update 09/06/22

=====================================================================*/

/*--------------------------------------------------------------------
	01.html
--------------------------------------------------------------------*/
html{background: #2d2d2d url(../../img/bg_html.gif) repeat-x;}



/*--------------------------------------------------------------------
	02.flash
--------------------------------------------------------------------*/
#main-fla{
	width: 900px;
	height: 356px;
	overflow: hidden;
}
#main-fla h2{text-indent: -9999px;}


/*--------------------------------------------------------------------
	03.news
--------------------------------------------------------------------*/
#news{
	background: url(../../img/bg_news.gif) repeat-y;
	border-bottom: solid 1px #3d3d3d;
	width: 580px;
	height: 184px;
	overflow: auto;
}
#news table{
	width: 95%;
	text-align: left;
}
#news th{
	padding: 8px 15px;
	color: #ffffff;
}
#news td{
	padding-left: 30px;
	background: url(../../img/bg_td.gif) repeat-y left;
	color: #c3c3c3;
}


/*--------------------------------------------------------------------
	04.tbox
--------------------------------------------------------------------*/
#tbox{
	width: 580px;
	text-align: left;
}
#tbox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#tbox div a{
	width: 290px;
	height: 107px;
	overflow: hidden;
	text-indent: -9999px;
}
#tbox div#pb1 a{
	float: left;
	background-image: url(../../img/bg_paint-btn01.gif);
}
#tbox div#pb2 a{
	float: left;
	background-image: url(../../img/bg_paint-btn02.gif);
}
#tbox div a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------------
	05.recommend
--------------------------------------------------------------------*/
#recommend{
	position: relative;
	margin-top: 20px;
	background: url(../../img/bg_recommend.jpg) no-repeat;
	width: 580px;
	height: 230px;
	overflow: hidden;
}
#container #recommend h3{
	margin-top: 0;
	text-indent: -9999px;
}
#recommend dl{text-indent: -9999px;}
#recommend img#rec1{
	position: absolute;
	top: 105px;
	left: 150px;
}
#recommend img#rec2{
	position: absolute;
	top: 175px;
	left: 440px;
}


/*--------------------------------------------------------------------
	06.top bnr
--------------------------------------------------------------------*/
#t-bnr{
	margin-top: 15px;
	width: 580px;
	height: 65px;
}
#t-bnr div.left a{
	display: block;
	background-image: url(../../img/bg_bnr01.jpg);
	width: 280px;
	height: 65px;
	overflow: hidden;
	text-indent: -9999px;
}
#t-bnr div.right a{
	display: block;
	background-image: url(../../img/bg_bnr02.jpg);
	width: 280px;
	height: 65px;
	overflow: hidden;
	text-indent: -9999px;
}
#t-bnr div a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------------
	07.to concept
--------------------------------------------------------------------*/
#concept{
	position: relative;
	margin-top: 10px;
	background-image: url(../../img/bg_concept.gif);
	width: 300px;
	height: 60px;
	overflow: hidden;
}
#concept dl dt{text-indent: -9999px;}
#concept dl dd{
	padding: 18px 0 0 34px;
	color: #474747;
}
#concept img{
	position: absolute;
	top: 14px;
	right: 15px;
}