body,h1,h2,h3,h4,p,em,strong,dl,dt,dd {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
}

body {
	margin:0px auto;
	font-size:84%;
	color:#333333;
	line-height:180%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(../images/bases/bg_01.gif) repeat-x;
}

/* sticky footer */
.wrapper {
	width:890px;
	margin:0 auto;
	background:url(../images/bases/bg_01end.gif) repeat-y top right;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}

#pages {
	background:url(../images/bases/bg_02end.gif) no-repeat top right;
	padding:0 20px 0 0;
}

/* def_setting */
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
	display:block;
}
.small {
	font-size:83%;
}
.contact_bn {
	margin:10px 20px 0 0;
	float:right;
}
a:link {
	color:#0000FF;
	text-decoration:none;
}
a:visited {
	color:#FF0000;
	text-decoration:none;
}
a:hover {
	color:#330099;
}
img {
	border:0;
}
span {
	display:none;
}
em {
	font-style:normal;
	color:#990000;
}
hr {
	color:#FFFFFF;
	border:0;
	display:block;
}

/* coulumn */
.l_cmn {
	float:left;
	width:310px;
}
.r_cmn {
	float:left;
	width:558px;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
}

/* header */
#header {
	height:200px;
}
#header div.l_cmn {
	height:180px;
	margin:20px 0 0 0;
}
#header div.r_cmn {
	background:#FFFFFF url(../images/bases/bg_02.gif) repeat-x;
	height:130px;
	padding:70px 0 0 0;
}
#header h1 {
	font-size:20px;
	text-indent:-9999px;
	padding:20px 0 0 0;
}
#header h2 {
	font-size:20px;
	text-indent:-9999px;
}
#header p {
	font-size:10px;
	text-indent:-9999px;
}
#header ul {
	margin:0;
	padding:0;
}
#header li {
	list-style:none;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

/* footer */
.footer {
	background:url(../images/bases/bg_03.gif) repeat-x;
}
.pages {
	margin:0 auto;
	width:870px;
	height:100px;
	padding:0 20px 0 0;
	background:url(../images/bases/bg_03end.gif) no-repeat top right;
}
.footer div.l_cmn {
	padding:15px 0 0 0;
}
.footer div.r_cmn {
	background:#FFFFFF url(../images/bases/bg_04.gif) repeat-x;
	padding:30px 0 0 0;
}
.footer ul {
	margin:0;
	padding:0;
}
.footer li {
	list-style:none;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

/* content l_cmn */
#contents div.l_cmn  {
	margin:0 0 20px 0;
}
#contents div.l_cmn h3 {
	font-size:20px;
	text-indent:-9999px;
	height:20px;
}
#contents div.l_cmn ul {
	padding:0 0 20px 0;
	margin:0;
	border-bottom:#000000 solid 1px;
}
#contents .l_cmn li {
	list-style:none;
	margin:0;
	padding:0;
}
#contents .l_cmn li p {
	text-indent:-9999px;
}

/* content r_cmn */
#contents .r_cmn {
}
#contents .r_cmn .message {
	margin:30px 0 0 0;
	position:relative;
	height:270px;
}
	#contents .r_cmn .message h2 {
		background:url(../images/index/title.gif) no-repeat;
		text-indent:-9999px;
		height:30px;
	}
		#contents .r_cmn .message h2.company {
			background:url(../images/company/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
		#contents .r_cmn .message h2.results {
			background:url(../images/results/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
		#contents .r_cmn .message h2.contact {
			background:url(../images/contact/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
		#contents .r_cmn .message h2.web {
			background:url(../images/web/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
		#contents .r_cmn .message h2.solution {
			background:url(../images/solution/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
		#contents .r_cmn .message h2.system {
			background:url(../images/system/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
		#contents .r_cmn h2.product {
			background:url(../images/product/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
		#contents .r_cmn h2.management {
			background:url(../images/management/title.gif) no-repeat;
			text-indent:-9999px;
			height:30px;
		}
	#contents .r_cmn .message p {
		width:320px;
		margin:10px 0 0 10px;
		font-size:117%;
	}
	.meaage_icon {
		position:absolute;
		right:5px;
	}


/* company_tool */

/* results */
ul.results {
	width:530px;
	padding:0;
	margin:0;
}
	ul.results li {
		list-style:none;
		float:left;
		width:240px;
		margin:20px 0 0 15px;
		padding:0;
	}
	ul.results li p {
		margin:10px 0 0 0;
	}

/* management */
.management h2 {
	background:url(../images/management/title.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
}

/* contact_tool */
form {
	padding:0;
	margin:0;
}
.button {
	text-indent:-9999px;
	display:block;
	width:100px;
	height:30px;
	background:url(../images/contact/button.jpg) no-repeat;
	padding:0;
	margin:0;
	border:0;
	cursor:pointer;
}
.priv {
	overflow:auto;
	width:500px;
	height:100px;
	margin:10px 0 0 20px;
	border:1px solid #999999;
}
.priv h4 {
	color:#990000;
	font-size:100%;
	border-bottom:solid 1px #990000;
}
.error {
	margin:10px 0 0 20px;
	width:500px;
}

/* product_tool */

/* r_banner */
.r_banner {
	clear:both;
	display:block;
	position:static;
}
.r_banner h3 {
	clear:both;
}

/* table */
.table_a {
	float:left;
	margin:10px 0 0 20px;
	width:500px;
}
.table_a dt {
	float:left;
	margin:5px 0 5px 0;
}
	.table_a h4 {
		float:left;
		font-size:100%;
		font-weight:normal;
		width:100px;
	}
.table_a dd {
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
	width:379px;
	border-left:solid 1px #CCCCCC;
}

.table_b dl {
	float:left;
	margin:10px 0 0 20px;
	width:500px;
}
.table_b dt {
	float:left;
	margin:5px 0 5px 0;
}
	.table_b dl h3 {
		float:left;
		font-size:100%;
		font-weight:normal;
		width:220px;
	}
.table_b dd {
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 10px;
	width:259px;
	border-left:solid 1px #CCCCCC;
}