﻿/*---------- tag ----------*/
body {
	background-color:ghostwhite;
	font-family:Verdana;
	font-size:smaller;
	margin:0px;
	padding:5px;
	text-align:center;
}

a:hover {
	background-color:blue;
	color:white;
	text-decoration:none;
}

img {
	border:none;
	margin:0px;
	padding:0px;
}

p {
	line-height:150%;
}

h3 {
	font-size:large;
	font-weight:normal;
}

h4 {
	font-weight:bold;
	margin-right:10px;
	padding-left:10px;
}

h5 {
	font-weight:bold;
	margin-right:10px;
	padding-left:10px;
}

h6 {
	margin:0px;
	padding:0px;
}

ul, ol {
	clear:both;
	display:block;
}

li {
	line-height:120%;
	margin:5px 0px;
}

/*---------- id ----------*/
#dvBody {
	background-color:white;
	margin:0px;
	padding:0px;
	text-align:left;
	width:750px;
}

#logo {
	background:url('../img/logo.png') no-repeat left center;
	float:left;
	height:45px;
	margin:7px;
	width:135px;
}

#logoj {
	background:url('../img/logoj.png') no-repeat right bottom;
	float:left;
	height:45px;
	margin-right:10px;
	width:580px;
}

#navi_bar {
	background-color:gray;
	clear:both;
	margin:0px;
}

#navi_bar ul ul {
	background-color:white;
}

#navi_bar ul ul li {
	clear:both;
	display:block;
	white-space:nowrap;
	width:auto;
}

#menu1 .menu_img {
	background-image:url('../img/menu_service.png');
}

#menu1 .menu_img:hover {
	background-image:url('../img/menu_service_on.png');
}

#menu2 .menu_img {
	background-image:url('../img/menu_solution.png');
}

#menu2 .menu_img:hover {
	background-image:url('../img/menu_solution_on.png');
}

#menu3 .menu_img {
	background-image:url('../img/menu_about.png');
}

#menu3 .menu_img:hover {
	background-image:url('../img/menu_about_on.png');
}

#menu4 .menu_img {
	background-image:url('../img/menu_inquiry.png');
}

#menu4 .menu_img:hover {
	background-image:url('../img/menu_inquiry_on.png');
}

#menu0 .menu_img {
	background-image:url('../img/menu_home.png');
}

#menu0 .menu_img:hover {
	background-image:url('../img/menu_home_on.png');
}

/*---------- class ----------*/
.top_banner {
	clear:both;
}

.top_image {
	clear:both;
	color:white;
	font-family:fantasy, Times, Verdana;
	font-size:32pt;
	height:96px;
	padding:5px 10px;
	margin-bottom:2px;
	width:750px;
}

.flash {
	clear:both;
	margin:0px;
	margin-bottom:2px;
}

.menu_img {
	background-repeat:no-repeat;
	height:26px;
	width:110px;
}

.hide {
	display:none;
}

.main {
	clear:both;
	overflow:hidden;
	width:750px;
}

.left_pane {
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width:190px;
}

.left_pane ul {
	margin:0px;
	padding:0px;
}

.left_pane li {
	border-bottom:1px solid white;
	border-right:1px solid white;
	color:gray;
	list-style:none;
	margin:0px;
	padding:5px;
	padding-left:20px;
}

.left_pane li.li_now {
	color:black;
	font-weight:bold;
	padding-left:10px;
}

.left_pane li a {
	display:block;
	font-weight:normal;
	text-decoration:none;
}

.left_pane li a:hover {
	background-color:transparent;
	color:red;
}

.left_pane ul ul {
	margin-left:10px;
}

.left_pane ul ul li {
	border:none;
	margin:0px;
}

.right_pane {
	clear:right;
	float:left;
	margin:0px;
	padding:5px 15px;
	width:530px;
}

.level {
	clear:both;
}

.list {
	clear:both;
}

.list_left {
	clear:left;
	float:left;
	font-weight:bold;
	padding-left:13px;
	width:90px;
}

.list_right {
	clear:right;
	float:left;
	margin-left:10px;
	width:400px;
}

.list_right ul {
	margin:0px;
	padding:0px;
}

.list_right li {
	margin:0px;
	margin-left:20px;
}

.gotop {
	clear:both;
	margin:10px;
	margin-top:50px;
	text-align:right;
}

.gotop a {
	text-decoration:none;
}

.copyright {
	background-color:slategray;
	border-top:solid 1px ghostwhite;
	border-bottom:solid 1px ghostwhite;
	clear:both;
	color:silver;
	line-height:150%;
	text-align:right;
	width:750px;
}

.bold {
	font-weight:bold;
}

.impact_red {
	color:red;
	font-size:larger;
	font-weight:bold;
}

.small_red {
	color:red;
	font-size:smaller;
}

.red {
	color:red;
}

.note {
	clear:both;
	font-size:smaller;
	margin-top:5px;
}

.note_left {
	clear:left;
	float:left;
}

.note_right {
	clear:right;
	float:left;
	margin-left:5px;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

.clear {
	clear:both;
}

.small {
	font-size:smaller;
}

.footer_navi {
	margin:0px;
	margin-top:30px;
	text-align:center;
}

.footer_navi li {
	border-left:solid 1px gainsboro;
	display:inline;
	padding:0px 5px;
}

.footer_navi li:first-child {
	border:none !important;
}

.navmenu {
	background:gray url('../img/vxgroup.gif') no-repeat 15px !important;
}
