<!--
body {
	background-color: #EAEAEA;
	margin-left: 0px;
	margin-top: 0px;
}
img {
	border:none;
	color:#EAEAEA;
}
.line {
	border:1px solid #CCCCCC;
}
a:link {
	color: #0066FF;
	text-decoration:none;
}
#navbar {
	width:790px;
	list-style-type:none;
	margin-left:0;
	margin-bottom:0;
	padding-left:0;
	font-size:12px;
	margin-top:0;
}
ul#navbar li {
	width:156px;
	float:left;
	text-align:center;
	border:1px solid #cccccc;
}
ul#navbar li a {
	display:block;
	width:146px;
	padding:4px;
	text-decoration: none;
	background-color:#EAEAEA;
	color:#333333;
	font-weight:bold;
}
ul#navbar li a:hover {
	background-color:#333333;
	color:#FFFFFF;
}
/*　ソリューション　*/
#leftarea1 {
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	width:100px;
	height:180px;
	float:left;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	color:#333333;
	background-color:#eaeaea;
	border-top:1px solid #021d8e;
	border-right:1px solid #021d8e;
}
/*　お知らせ　*/
#leftarea2 {
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	width:100px;
	height:180px;
	float:left;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	color:#333333;
	background-color:#eaeaea;
	border-top:1px solid #cc6699;
	border-right:1px solid #cc6699;
}
#centerarea {
	width:490px;
	float:left;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	line-height:240%;
}
#centerarea {
	width:490px;
	float:left;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
}
#centerarea2 {
	width:490px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	line-height:240%;
}
#rightarea {
	padding-left:5px;
	padding-bottom:5px;
	width:150px;
	height:20px;
	float:right;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
	background-color:#eaeaea;
	border-bottom:1px solid #666666;
	border-left:2px solid #666666;
	color:#333333;
	font-weight:normal;
}
#rightarea2 {
	padding-left:5px;
	padding-bottom:5px;
	width:150px;
	height:20px;
	float:right;
	font-size:12px;
	margin-left:5px;
	margin-top:5px;
}

#pc-works120 {
	background-image:url(images/bar120.jpg);
}
#tbody2 {
	background-image:url(images/bar50.jpg);
}
#worksflow {
	background-image:url(images/worksflow.jpg);
}
#pc-works-footer {
	background-image:url(images/pc-works-footer.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
/*　センターエリア　上　ボックス　*/
#centerarea_top {
width:500px;
float:left;
height:auto;
font-size:12px;
margin:0;
padding:0;
}
#centerarea_top ul,li{
width:500px;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#centerarea_top li{
list-style:none;
float:left;
width:158px;
height:88px;
margin:0 0 3px 3px;
border:1px solid #021d8e;
}
/*　センターエリア　上　ボックス　リンク　*/
#centerarea_top a,#centerarea_top a:link,#centerarea_top a:visited{
width:147px;
height:80px;
padding:6px;
display:block;
color:#000000;
font-size:0.9em;
font-style:normal;
}
#centerarea_top a:hover{
width:147px;
height:80px;
padding:6px;
background-image:url(images/back.jpg);
background-repeat:no-repeat;
background-position:top;
}
/*　センターエリア　下　ボックス　*/
#centerarea_under {
width:500px;
height:auto;
float:left;
font-size:12px;
margin:0;
padding:0;
}
#centerarea_under ul,li{
width:500px;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#centerarea_under li{
list-style:none;
float:left;
width:158px;
height:88px;
margin:0 0 3px 3px;
border:1px solid #cc6699;
}
/*　センターエリア　下　ボックス　リンク　*/
#centerarea_under a,#centerarea_under a:link,#centerarea_under a:visited{
width:147px;
height:80px;
padding:6px;
display:block;
color:#000000;
font-size:0.9em;
font-style:normal;
}
#centerarea_under a:hover{
width:147px;
height:80px;
padding:6px;
background-image:url(images/back_p.jpg);
background-repeat:no-repeat;
background-position:top;
}

#list {
	list-style:none;
	padding-left:35px;
	background:url(images/arrow1.jpg) no-repeat 10px 50%;
	border-bottom:1px dashed #666666;
	color:#333333;
}
li#list  a:hover {
	background-color:#333333;
	color:#FFFFFF;
}
#list2 {
	list-style:none;
	margin-bottom:5px;
	padding-left:35px;
	background:url(images/arrow2.jpg) no-repeat 10px 50%;
	color:#333333;
}
li#list2  a:hover {
	background-color:#333333;
	color:#FFFFFF;
}
#list3 {
	list-style:none;
	padding-left:35px;
	background:url(images/arrow1.jpg) no-repeat 10px 50%;
	color:#333333;
}
li#list3  a:hover {
	background-color:#333333;
	color:#FFFFFF;
}

#leftarea3 {
	width:15px;
	float:left;
	margin-left:0px;
	margin-right:0px;
	height:530px;
	background-color:#eaeaea;
}
#leftarea4 {
	width:15px;
	float:left;
	margin-left:0px;
	margin-right:0px;
	height:570px;
	background-color:#eaeaea;
}
#centerarea3 {
	width:650px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-right:5px;
	border-left:5px solid #999979;
	border-bottom:1px dashed #999979;
	padding-bottom:5px;
}

#centerarea5 {
	width:770px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-right:5px;
	border-left:5px solid #999979;
	border-bottom:1px dashed #999979;
	padding-bottom:5px;
}
#centerarea7 {
	width:700px;
	float:left;
	font-size:12px;
	color:#333333;
	padding-left:10px;
	margin-top:10px;
	margin-left:20px;
	margin-right:5px;
	padding-bottom:5px;
	line-height:150%;
}
#productlist1 {
	width:235px;
	float:left;
	margin-left:10px;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	padding-top:1px;
	line-height:150%;
}
#productlist1  a:hover {
	background-color:#333333;
	color:#FFFFFF;
}
#productlist2 {
	width:400px;
	float:left;
	margin-left:5px;
	line-height:150%;
	font-size:12px;
	color:#333333;
}
#productlist3 {
	width:200px;
	float:left;
	margin-left:10px;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	padding-top:1px;
	line-height:150%;
}
#productlist4 {
	width:500px;
	float:left;
	margin-left:5px;
	line-height:150%;
	font-size:12px;
	color:#333333;
}
#productlist5 {
	width:150px;
	float:left;
	margin-left:30px;
	line-height:150%;
	font-size:12px;
	color:#333333;
}
#rightarea3 {
	padding-left:0px;
	padding-bottom:0px;
	width:100px;
	height:500px;
	float:right;
	font-size:12px;
	margin-left:0px;
	margin-top:0px;
	background-color:#eaeaea;
}
#line1 {
	width:590px;
	float:left;
	margin-left:0px;
	margin-right:5px;
	border-top:2px solid #00ccff;
}
#imageline {
	border:1px solid #333333;
	padding:15px;
}


.style1 {
	font-size: 10px;
	color: #666666;
}
.style2 {
	color: #FFFFFF;
	font-size: 36px;
	font-weight:bold;
}
.styleST {
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
}
.style4 {
	font-size: 10px;
	color: #FFFFFF; 
}
.style5 {
	font-size: 18px;
}
.style6 {
	color: #cc6699;
}
.style7 {
	font-size:13px;
	color:#3366FF;
	font-weight:bold;
}
.style8 {
	font-size:12px;
	color:#333333;
}
.styleh3 {
	font-size: 14px;
	color:#cc6699;
	font-weight:bold;
	border-bottom:1px solid #cc6699 ;
	border-left:4px solid #cc6699;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
.styleh4 {
	font-size: 16px;
	background-color:#999979;
	color:#ffffff;
	width=100%;
	font-weight:bold;
	padding-left:15px;
	padding-bottom:3px;
	padding-top:3px;
}
#main H1 {
	font-size: 20px;
	background-color:#999979;
	color:#ffffff;
	font-weight:bold;
	padding-left:15px;
	padding-bottom:3px;
	padding-top:7px;
}
#main H3 {
	font-size: 14px;
	color:#cc6699;
	font-weight:bold;
	border-bottom:1px solid #cc6699 ;
	border-left:4px solid #cc6699;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
#main H4 {
	font-size: 16px;
	background-color:#999979;
	color:#ffffff;
	font-weight:bold;
	padding-left:15px;
	padding-bottom:3px;
	padding-top:3px;
}


-->