@charset "shift_jis";

body {	
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:80%;
	color:#444444;
	background : #f0f0f0 url(bk.gif) repeat-x center top;
}

img {
	vertical-align:bottom;
	border:none;
}

h1 {
	margin:0;
	padding:10px 0 0 0;
}
h2 {
	font-family:"Times New Roman", Times, serif;
	padding:10px 0 0 0;
	margin:0;
	color:#ffffff;
}
h3 {
	font-family:"Times New Roman", Times, serif;
	padding:0;
	margin:0;
	color:#ffffff;
}
p {
	margin:0;
	padding:10px;
	line-height:1.5em;
}

a {
	color:#222222;
}
a:hover {
	text-decoration:none;
}

#contents {
	width:100%;
	margin:0 auto;
}

#header {
	width:700px;
	height:70px;
	margin:0 auto;
	padding:0;
}

#logo {
	width:500px;
	height:70px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
	font-size:80%;
}

#headnavi {
	width:200px;
	height:70px;
	margin:0;
	padding:0;
	float:right;
	text-align:right;
}
#headnavi ul {
	margin:0;
	padding:0;
	list-style:none;
}
#headnavi li {
	float:right;
	margin:0;
	padding:10px;
}

#menu {
	width:700px;
	height:34px;
	margin:0 auto;
	padding:0;
}
#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
#menu li {
	display:block;
	float:left;
	width:100px;
	height:34px;
	padding:0;
	margin:0;
}
.home a {
	display:block;
	width:100px;
	height:34px;
	background : url(home.gif) no-repeat;
}
.home a:hover {
	background-position:0 -34px;
}
.home a.active {
	background-position:0 -68px;
}
.service a {
	display:block;
	width:100px;
	height:34px;
	background : url(service.gif) no-repeat;
}
.service a:hover {
	background-position:0 -34px;
}
.service a.active {
	background-position:0 -68px;
}
.support a {
	display:block;
	width:100px;
	height:34px;
	background : url(support.gif) no-repeat;
}
.support a:hover {
	background-position:0 -34px;
}
.support a.active {
	background-position:0 -68px;
}
.pres a {
	display:block;
	width:100px;
	height:34px;
	background : url(pres.gif) no-repeat;
}
.pres a:hover {
	background-position:0 -34px;
}
.pres a.active {
	background-position:0 -68px;
}
.ir a {
	display:block;
	width:100px;
	height:34px;
	background : url(ir.gif) no-repeat;
}
.ir a:hover {
	background-position:0 -34px;
}
.ir a.active {
	background-position:0 -68px;
}
.company a {
	display:block;
	width:100px;
	height:34px;
	background : url(company.gif) no-repeat;
}
.company a:hover {
	background-position:0 -34px;
}
.company a.active {
	background-position:0 -68px;
}
.recruit a {
	display:block;
	width:100px;
	height:34px;
	background : url(recruit.gif) no-repeat;
}
.recruit a:hover {
	background-position:0 -34px;
}
.recruit a.active {
	background-position:0 -68px;
}

#img {
	width:700px;
	height:200px;
	margin:10px auto;
	padding:0;
}

#main {
	width:700px;
	margin:0 auto;
	padding:0;
}
#main a {
	color:#4096ee;
	text-decoration:none;
}
#main a:hover {
	color:#be0339;
	text-decoration:underline;
}

#left {
	width:198px;
	margin:0;
	padding:0;
	float:left;
	border:solid 1px #cccccc;
	font-size:80%;
	background:#ffffff;
}
.center {
	text-align:center;
	margin:0;
	padding:4px;
}
.left {
	text-align:left;
	margin:0;
	padding:0 7px 7px 7px;
	line-height:1.6;
}
.right {
	text-align:right;
}

#right {
	width:490px;
	margin:0 0 0 10px;
	padding:0;
	float:left;
}
.title1 {
	text-indent:-9999px;
	background : url(newstitle.gif) no-repeat;
	margin:0;
	padding:0;
	display:block;
	height:20px;
}
.title2 {
	text-indent:-9999px;
	background : url(righttx1.gif) no-repeat;
	margin:0;
	padding:0;
	display:block;
	height:20px;
}
.title3 {
	text-indent:-9999px;
	background : url(righttx2.gif) no-repeat;
	margin:0;
	padding:0;
	display:block;
	height:20px;
}
.rightcon {
	width:488px;
	border:solid 1px #cccccc;
	margin:0 0 10px 0;
	background:#ffffff;
}
.rightsub {
	width:468px;
	margin:0;
	padding:10px;
	text-align:left;
}
.rightsub ul {
	margin:0;
	padding:10px 0 10px 0;
	list-style:none;
	background : url(dotted.png) no-repeat center bottom;
	line-height:1.4;
}
.rightsub p {
	margin:0;
	padding:0;
	line-height:1.5;
}
.download {
	float:right;
	margin:0;
	padding:0 0 0 10px;
}

#footer {
	clear:both;
	width:100%;
	height:50px;
	margin:0 auto;
	padding:0;
	border-top:solid 3px #cccccc;
}
#fcontents {
	width:700px;
	height:50px;
	margin:0 auto;
	padding:0;
}
#fleft {
	width:330px;
	margin:0;
	padding:10px;
	float:left;
}
#fleft ul {
	margin:0;
	padding:0;
	list-style:none;
}
#fleft li {
	float:left;
	margin:0;
	padding:10px;
}
#fright {
	width:350px;
	margin:0;
	padding:0;
	float:left;
}