@charset "utf-8";
/* formatting style
---------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.6;
	color: #333;
	background-color: #FFF;
}
/* link style
---------------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #000099;
	text-decoration: underline;
}
a:visited {
	color: #6633FF;
	text-decoration: underline;
}
a:hover {
	color: #CC0000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}
/* basic layout
---------------------------------*/
#wrapper {
	background-color: #FFF;
	margin: 0px auto;
	width: 1000px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#main {
	padding: 5px 8px 15px 15px;
	float: left;
	width: 738px;
	margin-bottom: 20px;
}
#side {
	padding: 5px 15px 15px 8px;
	width: 216px;
	margin-bottom: 20px;
	float: right;
}
#footer {
	padding: 15px;
	clear: both;
	border-top: 4px solid #CCCCCC;
	color: #FFF;
	background-color: #333366;
}
/* header0 style
---------------------------------*/
#header0 {
	font-size: 95%;
	background-color: #F5F5F5;
	margin-bottom: 5px;
	height: 2em;
}
#header {
	height: 100px;
}


#header h1 {
	float: left;
	padding-left: 5px;
}

#header2 {
	display: block;
	height: 160px;
	width: 970px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 10px;
}

#header #submenu li a {
	line-height: 1em;
	height: 1em;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #333;
}

/* header submenu style
---------------------------------*/
#header #submenu li {
	display: inline;
	list-style: none;
	float: right;
}
/* header navigation styles
------------------------------*/
#header #mainmenu {
	width: 1000px;
	float: left;
	position: relative;
	top: 5px;
	background-color: #FFF;
	margin-top: 5px;
	left: 0px;
}
#header #mainmenu li {
	list-style: none;
	float: left;
}
#header #mainmenu li a {
	line-height: 55px;
	text-decoration: none;
	height: 55px;
	width: 143px;
	display: block;
	background-color: #FFF;
	overflow: hidden;
	text-indent: -100000em;
}
#header #mainmenu li#nHOME a{
	background-image: url(img/menu_home.gif);
	background-repeat: no-repeat;
}
#header #mainmenu li#nHOME a:hover {
	background-position: left bottom;
}

#header #mainmenu li#nGI a {
	background-image: url(img/menu_gi.gif);
	background-repeat: no-repeat;
}
#header #mainmenu li#nGI a:hover {
	background-position: left bottom;
}
#header #mainmenu li#nNI a {
	background-image: url(img/menu_ni.gif);
	background-repeat: no-repeat;
}
#header #mainmenu li#nNI a:hover {
	background-position: left bottom;
}
#header #mainmenu li#nDI a {
	background-image: url(img/menu_di.gif);
	background-repeat: no-repeat;
}
#header #mainmenu li#nDI a:hover {
	background-position: left bottom;
}
#header #mainmenu li#nMITU a {
	background-image: url(img/menu_mitu.gif);
	background-repeat: no-repeat;
}
#header #mainmenu li#nMITU a:hover {
	background-position: left bottom;
}
#header #mainmenu li#nSEI a {
	background-image: url(img/menu_sei.gif);
	background-repeat: no-repeat;
}
#header #mainmenu li#nSEI a:hover {
	background-position: left bottom;
}
#header #mainmenu li#nTOI a {
	background-image: url(img/menu_toi.gif);
	background-repeat: no-repeat;
	width: 142px;
}
#header #mainmenu li#nTOI a:hover {
	background-position: left bottom;
}
/* side banner styles
------------------------------*/
#side #banner li {
	line-height: 1px;
	list-style: none;
}
/* DI_Ruler navigation styles
------------------------------*/
#main #di {
	width: 738px;
	height: 240px;
}

#main #di ul {
	width: 738px;
	background-color: #FFF;
}
#main #di ul li {
	list-style: none;
	float: left;
}
#main #di li a {
	line-height: 47px;
	text-decoration: none;
	height: 47px;
	width: 197px;
	display: block;
	background-color: #FFF;
	overflow: hidden;
	text-indent: -100000em;
}
#main #di li#nDOWNROAD a {
	background-image: url(img_top/bt_di_downroad.gif);
	background-repeat: no-repeat;
}
#main #di li#nDOWNROAD a:hover {
	background-position: left bottom;
}
#main #di li#nORDER a {
	background-image: url(img_top/bt_di_order.gif);
	background-repeat: no-repeat;
}
#main #di li#nORDER a:hover {
	background-position: left bottom;
}
#main #di li#nORDER2 a {
	background-image: url(img_top/bt_di_order2.gif);
	background-repeat: no-repeat;
	width: 196px;
}
#main #di li#nORDER2 a:hover {
	background-position: left bottom;
}
#main #di li#nPDF a {
	background-image: url(img_top/bt_di_pdf.gif);
	background-repeat: no-repeat;
	width: 146px;
}
#main #di li#nPDF a:hover {
	background-position: left bottom;
}
/* main botan styles
------------------------------*/
#main #botan {
	height: 338px;
	width: 738px;
	padding-left: 2px;
}
#main #botan ul li {
	list-style: none;
	float: left;
	line-height: 1px;
}
/* main col1,col2 styles
------------------------------*/
#main .col1 {
	padding: 6px;
	width: 716px;
	border: 1px solid #999;
	margin-right: 3px;
	margin-top: 10px;
	margin-left: 3px;
	height: 120px;
}
#main .col2 {
	padding: 6px;
	float: left;
	width: 348px;
	margin-top: 10px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #999;
	height: 330px;
}
#main .col2 ul li {
	margin-bottom: 5px;
	list-style: none;
	margin-top: 5px;
}
#main .col2 ul li a {
	background-image: url(img_top/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 330px;
	padding-left: 15px;
}


/* common styles
------------------------------*/
.img_right {
	float: right;
	margin: 5px;
}