/*---------------------------------------------------*/
/* StyleSheet for Infotec * Start                    */
/*---------------------------------------------------*/
html
{
	height:100%;
	margin-bottom:1px;
}
body
{
	background-color:#ccc;
	color:#666;
	margin:0;padding:0;
	font-family:lr oSVbN, Osaka, sans-serif;
	font-size:9pt;
	background-image:url('../items/bg/bg.gif');
	background-repeat:x-repeat;
}
li{ list-style:none; }
ul{ margin:0;padding:0; }
hr{ color:#ff9900; }
img{ border:0px; }
a:link{ color:#0000cc;text-decoration:none; }
a:visited{ color:#0000cc;text-decoration:none; }
a:hover{ color:#0000cc;text-decoration:none; }
a:active{ color:#0000cc;text-decoration:none; }

/* ----- ID ----- */
#container
{
	position:relative;
	margin:0 auto;
	width:760px;height:auto;
	background-color:#fff;
}
#header
{
	position:relative;top:1px;left:0px;
	width:100%;height:55px;
}
#info_h
{
	position:relative;top:3px;right:10px;
	float:right;
	font-size:8pt;
	color:#999;
}
#logoimg1 { position:absolute;top:7px;left:10px; }
#logoimg2 { position:absolute;top:41px;left:200px; }
#top_bar
{
	position:relative;top:1px;
	margin:0;padding:0;
	width:auto;height:22px;
	background-image:url('../items/bg/top_bar.png');
	background-repeat:x-repeat;
	color:#666;
	font-size:9pt;
}
span#topNavi
{
	position:absolute;
	padding-left:10px;
	padding-top:5px;
}
span#topNavi a{ text-decoration:underline; }
#contents
{
	position:abusolute;
	width:100%;
	height:700px; /* ©±ΜheightΝADefault */
}
#contents_l
{
	position:absolute;left:0px;
	height:auto;width:180px;
}
#contents_r
{
	position:absolute;left:180px;
	height:auto;width:580px;
}
#footer
{
	position:absolute;
	width:100%;height:20px;
	background-color:#333;
	color:#ccc;
	text-align:center;
	font-family:CI,lr oSVbN, Osaka, sans-serif;
	font-size:8pt;
	z-index:-1;
}
.btn_gotop
{
	width:110px;height:20px;
	background-image:url('../items/btn/btn_gotop.gif');
	cursor:pointer;
}
.tblBar
{
	background-image:url('../items/bg/tbl_bar.png');
	background-repeat:repeat;
}

/* --  siteNavi  -- */
ul#siteNavi
{
	position:relative;
	width:auto;height:28px;
	overflow:hidden;
}
ul#siteNavi li{ float:left; }
div#navi_top
{
	position:relative;top:30px;left:550px;
	width:200px;height:auto;
}
ul#siteNavi a:hover{ position:relative;top:1px;left:1px; }

/* --  mainNavi  -- */
div#mainNavi
{
	position:relative;
	top:10px;left:20px;
}
ul#mainNavi a:hover{ color:#ff9900; }

/* --  scripterr  -- */
#scripterr
{
	position:absolute;top:4px;left:210px;
	color:#ff0000;
}
#scripterr h5{ margin:0px;padding:0px; }

/* --  top page only  --*/
#hisai
{
	position:relative;top:310px;
	width:558px;height:80px;
	border:2px solid #ccc;
	background-image:url('../items/bg/hisai.png');
	background-repeat:no-repeat;
}
#contentsImg
{
	position:absolute;top:1px;
	width:580px;height:312px;
	background-image:url('../items/bg/home_back5.jpg');
}
#message
{
	position:relative;top:310px;
	width:560px;height:auto;
}
#message_h
{
	position:absolute;top:0px;
	width:560px;height:28px;
	border:1px solid #ccc;
	background-image:url('../items/bg/message_h.png');
	background-repeat:no-repeat;
}
#message_b
{
	position:absolute;top:29px;
	width:560px;height:220px;
	font-size:10pt;
	line-height:160%;
	border:1px solid #ccc;
}
#topics
{
	position:relative;top:570px;
	width:560px;height:auto;
}
#topics_h
{
	/* background-color:#ff8c00; */
	position:absolute;top:0px;
	width:560px;height:28px;
	border:1px solid #ccc;
	background-image:url('../items/bg/topics_h.png');
	background-repeat:no-repeat;
}
#topics_b
{
	position:absolute;top:29px;
	width:560px;height:120px;
	border:1px solid #ccc;
	background-image:url('../items/bg/itc_bg.png');
	background-repeat:no-repeat;
	background-position:right bottom;
}
#co
{
	position:relative;left:12px;top:105px;
	width:200px;height:auto;
	color:#666;
	line-height:130%;
	/*background-image:url('../items/bg/co.png');
	background-repeat:no-repeat; */
}
#home_bu1
{
	position:absolute;top:40px;left:300px;
	background-image:url('../items/btn/home_bu1.png');
}
#home_bu2
{
	position:absolute;top:40px;left:430px;
	background-image:url('../items/btn/home_bu2.png');
}
#home_bu3
{
	position:absolute;top:170px;left:300px;
	background-image:url('../items/btn/home_bu3.png');
}
#home_bu4
{
	position:absolute;top:170px;left:430px;
	background-image:url('../items/btn/home_bu4.png');
}
#home_bu1_g{ position:absolute;top:90px;/*left:35px;*/left:45px; }
#home_bu2_g{ position:absolute;top:90px;/*left:35px;*/left:45px; }
#home_bu3_g{ position:absolute;top:90px;/*left:35px;*/left:45px; }
#home_bu4_g{ position:absolute;top:90px;/*left:35px;*/left:45px; }
#home_bu_g_bk
{
	position:absolute;top:42px;left:30px;
	background-image:url('../items/btn/home_bu_g.png');
}
.bar1
{
	width:115px;height:115px;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50,finishopacith=100,style=0);
	font-family:serif;
	font-size:1pt;
}
.bar2
{
	width:250px;height:auto;
	color:#fff;
	line-height:180%;
	visibility:hidden;
}
.bar_bk
{
	height:240px;width:250px;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30,finishopacith=100,style=0);
	visibility:hidden;
}

/* --  bu page only  --*/
ul#buNavi
{
	position:relative;
	width:auto;height:28px;
	overflow:hidden;
	background-image:url("../items/bg/bu_bar.png");
	background-repeat:repeat-x;
	background-color:#ccc;
}
ul#buNavi li
{
	float:left;
	width:137px;height:auto;
	text-align:center;
	border-right:1px solid #fff;
	border-top:1px solid #ccc;
}
ul#buNavi li a
{
	display:block;
	color:#666;
	padding:7px 0;
}
ul#buNavi li a:hover, ul#buNavi li a:active
{
	color:#000;
	background-image:url("../items/bg/bu_bar_ov.png");
	background-repeat:repeat-x;
	background-color:#fff;
}
.activePage
{
	display:block;
	padding:7px 0;
	background-image:url("../items/bg/bu_bar_ov.png");
	background-repeat:repeat-x;
	background-color:#fff;
}
div#buNavi_top
{
	position:relative;
	width:552px;height;auto;
	font-size:9pt;
}
div#common
{
	position:relative;top:5px;
	width:550px;height:480px;
	border:1px solid #ccc;
}
.bu1
{
	background-image:url("../items/bg/bu1_bk.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}
.bu2
{
	background-image:url("../items/bg/bu2_bk.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}
.bu3
{
	background-image:url("../items/bg/bu3_bk.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}
.bu4
{
	background-image:url("../items/bg/bu4_bk.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}
/*---------------------------------------------------*/
/* StyleSheet for Infotec * End                      */
/*                                                   */
/* Infotec Co.,Ltd. All Rights Reserved.             */
/*---------------------------------------------------*/
