﻿@charset "utf-8";

/*  設定をリセット ----------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,hr{margin:0;padding:0;}  
table{border-collapse:collapse;border-spacing:0;}  
fieldset,img{border:0;}  
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a { text-decoration: none; color:#006699}
a:hover{color:#FF9900}

/*  全体構造 ----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size:14px;
	line-height:1.4em;
	color:#000000;
}
body {
/*	text-align:center;*/
	background-color:#DDDDDD;
}

/*  font設定 ----------------------------------------------------------*/
.greenBold {
	font-weight:bold;
	color:#090;
}
.redBold {
	font-weight:bold;
	color:#C30;
}
.blackBold {
	font-weight:bold;
	color:#000;
}
.ore {
	color: #F60;
}
.rightTXT{
	text-align:right;
}

#allcontents {
	width:1024px;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#FFFFFF;
}

/*  wrap ----------------------------------------------------------*/
#wrap {
	margin: 0 auto;
	padding: 0;

}

/*  header ----------------------------------------------------------*/
#header {
	padding:10px 0;
	margin:0px auto;
	background-color:#FFFFFF;
	position:relative;
	text-align:left;
	height: 80px;
	background: url(../img/common/header.jpg) no-repeat top right;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

/*  logo ----------------------------------------------------------*/
#logo {
	width:303px;
	height:64px;
	background: url(../img/common/logo.gif) no-repeat;
	text-align:left;
	padding-left:90px;
}

/* contentsレイアウト-------------------------------------------- */
#main {
	width:600px;
	float:left;
	margin:0px 20px 0px 20px;
	padding:0px 20px 0px 20px;
	background: url(../img/common/vdot.gif) repeat-y left;
}
#sideContents1 {
	width:179px;
	float:left;
	margin:0;
	padding:0px 10px 0px 10px;
}

#sideContents {
	width:179px;
	float:left;
	margin:0px 20px 0px 20px;
	padding:0;

}

/*  subnav ----------------------------------------------------------*/
#header ul#subnav {
	position:absolute;
	margin:0 10px;
	padding:0;
	top:0px;
	right:0px;
}
#header #subnav li {
	display:inline;
	float:right;
	line-height:1.2em;
	margin:0 0 0 8px;
	padding:0 0 0 15px;
	background: url(../img/common/menu_head.gif) no-repeat;
}

/*  menu ----------------------------------------------------------*/
#header #menu {
	width:100%;
	margin-top:6px;
/*
	border-top:6px solid #1374A5;
	border-bottom:4px solid #1374A5;
*/
	background-color:#1374A5;
	height:36px;
}
#header #menu ul {
	margin-top:0px;
}
#header #menu li {
	display:inline;
	float:left;
	margin:0px;
	border-right:1px solid #C1C1C1;
}
#header #menu li a{
	display:block;
	width:160px;
	padding:0px;
	color:white;
	line-height: 2.6em;
	text-align:center;
	height:33px;
	margin-top:2px;
}
#header #menu #home a{
	background:url(../img/common/menu.gif)  no-repeat 0 0px;
}
#header #menu #support a{
	background:url(../img/common/menu.gif) no-repeat -160px 0;
}
#header #menu #result a{
	background:url(../img/common/menu.gif) no-repeat -320px 0;
}
#header #menu #product a{
	background:url(../img/common/menu.gif) no-repeat -480px 0;
}
#header #menu #company a{
	background:url(../img/common/menu.gif) no-repeat -640px 0;	
}
#header #menu #inquiry a{
	background:url(../img/common/menu.gif) no-repeat -800px 0;	
}
#header #menu #home a:hover{
	background:url(../img/common/menu.gif) no-repeat 0 -33px;
}
#header #menu #support a:hover{
	background:url(../img/common/menu.gif) no-repeat -160px -33px;
}
#header #menu #result a:hover{
	background:url(../img/common/menu.gif) no-repeat -320px -33px;
}
#header #menu #product a:hover{
	background:url(../img/common/menu.gif) no-repeat -480px -33px;
}
#header #menu #company a:hover{
	background:url(../img/common/menu.gif) no-repeat -640px -33px;
}
#header #menu #inquiry a:hover{
	background:url(../img/common/menu.gif) no-repeat -800px -33px;
}

/*  contents ----------------------------------------------------------*/
#contents {
	width:1024px;
	margin:0px 0px 5px 0px;
	padding-top:10px;
	float:left;
	text-align:left;
	background: url(../img/common/grad4.gif) repeat-x 0px -5px;
	background-color:#FFFFFF;

}

/*  main内設定 ----------------------------------------------------------*/
#main {
	margin:10px 0 0;

}
.conBox {
	margin:10px 0 20px 0;
}
.conBox h2 {
	display:block;
	background:url(../img/common/bg_ttl.gif) repeat-x;
	margin:10px 0;
	padding:6px;
	font-weight:bold;
	font-size:14px;
	color:#006699;
}
.conBox h3 {
	margin:15px 0 5px 0;
	padding:0;
	font-weight:bold;
	color: #090;
}

.table01 {
	margin:0px auto;
	float:left;
}*

.table01 td {
	padding:6px;
	border-bottom:1px solid #CCC;
}

.table01 th {
	background:#DFE2BE;
}
.table01 .bgttl {
	background:#EBEBEB;
}


.conBox .marker {
	padding-left:15px;
	background:url(../img/common/marker_ya.gif) no-repeat;
}
.conBox .marker2 {
	padding-left:0px;
	background:url(../img/common/marker_ya.gif) no-repeat;
}
p {
	margin-bottom:6px;
}


/* sideContents-------------------------------------------- */
#sideContents1 {
	margin:10px 0 0;
}

#sideContents {
	margin:10px 0 0;

}

#bnWebUpdate a {
	display:block;
	width:179px;
	height:89px;
	background:url(../img/common/bn_webUpdate.gif) no-repeat 0 0;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
#bnWebUpdate a:hover{
	background:url(../img/common/bn_webUpdate.gif) no-repeat 0 -89px;
}
#bnDevelopment a {
	display:block;
	width:179px;
	height:89px;
	background:url(../img/common/bn_development.gif) no-repeat 0 0;
	margin-top:10px;
	padding:0;
	text-indent:-9999px;
}
#bnDevelopment a:hover{
	background:url(../img/common/bn_development.gif) no-repeat 0 -89px;
}
#bnLicense a {
	display:block;
	width:179px;
	height:89px;
	background:url(../img/common/bn_license.jpg) no-repeat 0 0;
	margin-top:10px;
	padding:0;
	text-indent:-9999px;
}
#bnLicense a:hover{
	background:url(../img/common/bn_license.jpg) no-repeat 0 -89px;
}
#sslBn{
	margin-top:10px;
	padding:0;
}


/* 右サイドの製品一覧-------------------------------------------- */
#sideContentsMenu {
	background:#E1E1E1;
	padding:10px 6px;
	margin:10px 0 0 0;
	line-height:1.5em;
}
#sideContentsMenu h2 {
	text-align:center;
}

#sideContentsMenu ul{
	margin:0;
	padding:0;
}
#sideContentsMenu li{
	background:url(../img/product/marker_product.gif) no-repeat;
	padding:0 0 0 10px;
}


/*  pageTop ----------------------------------------------------------*/
.pageTop {
	float:right;
	margin:20px 0;
	padding:0 0 0 18px;
	width:110px;
	background:url(../img/common/btn_pagetop.gif) no-repeat;
}
.pageTop a{
	font-size:12px;
}
/*  footer ----------------------------------------------------------*/
#footer {
	height:80px;
	margin:0 auto;
	padding:4px 0 0 0;
	text-align:left;
	border-top:2px solid #1374A5;
	background: url(../img/common/grad3.gif) repeat-x bottom #F6F6F6;
}
#footer ul {
	margin:0 10px;
}
#footer li {
	display:inline;
	float:felt;
	padding:0 0 0 5px;
	margin:0;
}
#footer li a {
	text-align:center;
}
#footer p {
	margin:10px;
}

/*  clear ----------------------------------------------------------*/
.clear{
	clear:both;
}

