<!--
body {
	background-color: #EAEAEA;
	margin-left: 0px;
	margin-top: 0px;
}
img {
	border:none;
	color:#EAEAEA;
}
a:link {
	color: #0066FF;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
#navbar {
	width:790px;
	list-style-type:none;
	margin-left:0;
	margin-bottom:0;
	margin-top:0;
	padding-left:0;
	font-size:12px;
}
ul#navbar li {
	width:156px;
	float:left;
	text-align:center;
	border:1px solid #999979;
}
ul#navbar li a {
	display:block;
	width:152px;
	text-decoration: none;
	background-color:#999979;
	color:#eaeaea;
	font-weight:bold;
	padding:2px;
}
ul#navbar li a:hover {
	background-color:#eaeaea;
	color:#333333;
}

#leftarea1 {
	width:790px;
	height:96px;
	background-image:url(images/bar.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.leftarea2 {
	width:180px;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	color:#FFFFFF;
	background-color:#333333;
	padding-left:5px;
	padding-top:15px;
}
ght:5px;
	line-height:240%;
}
#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;
}
#list {
	list-style:none;
	padding-left:10px;
	font-size:12px;
	background:url(./images/arrow1.jpg) no-repeat 10px 50%;
	color:#333333;
}
/* トップページ　左 */
#list01 {
	width:170px;
	float:left;
	padding-left:5px;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	padding-right:20px;
	line-height:150%;
}
#list01 ul {
	margin:0;
	padding:0;
}
#list01 li{
	list-style:none;
	background:url(./images/arrow1.jpg) no-repeat 50%;
	background-position:left;
}
#list01 a,#list01 a:link,#list01 a:visited{
	font-size:12px;
	color:#333333;
	margin-left:10px;
}
#list01 a:hover{
	background-color:#333333;
	color:#FFFFFF;
}
/* トップページ　左 ここまで*/
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;
}
#centerarea1 {
	width:725px;
	float:left;
	font-size:14px;
	color:#333333;
	padding:10px;
	margin:20px;
	line-height:150%;
	border:solid #ff339b 1px;
}
#centerarea7 {
	width:700px;
	float:left;
	font-size:12px;
	color:#333333;
	padding-left:10px;
	margin-top:10px;
	margin-left:20px;
	margin-right:5px;
	padding-bottom:10px;
	line-height:150%;
}
#mainarea1 {
	width:185px;
	float:left;
	padding-left:5px;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	padding-right:20px;
	line-height:150%;
}
#mainarea2 {
	width:255px;
	float:left;
	margin-top:20px;
	margin-right:5px;
	padding-right:20px;
	line-height:150%;
	border-left:solid #cc6699 5px;
	height:120px;
}
.ma2-1 {
	float:right;
}

.ma2-2 {
	width:140px;
	float:left;
	margin-left:10px;
}
.ma2-3 {
	width:245px;
	float:left;
	margin-left:10px;
}
.ma2-4 {
	float:left;
	margin-right:10px;
}

#mainarea3 {
	width:545px;
	color:#333333;
	float:left;
	margin-top:20px;
	margin-right:5px;
	padding-right:20px;
	line-height:150%;
	font-size:12px;
}
p {
	font-size:1.1em;
	color:#cc669b;
	font-weight:bold;
}
p:first-letter {
	font-size:1.6em;
}

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;
	padding:20px;
}
.style4 {
	font-size: 10px;
	color: #FFFFFF; 
}
.style5 {
	font-size: 11px;
	color:#333333;
}
.style6 {
	color:#cc6699;
}
.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;
}
H3 {
	font-size: 18px;
	color:#333333;
	font-weight:bold;
	border-bottom:1px solid #cc6699 ;
	border-left:5px solid #cc6699;
	padding-left:10px;
	padding-top:2px;
}
H4 {
	font-size: 16px;
	background-color:#cc6699;
	color:#ffffff;
	font-weight:bold;
	padding-left:15px;
	padding-bottom:3px;
	padding-top:3px;
}
/* トップページ　ボックス */
#boxarea{
width:580px;
margin:0;
padding:0;
float:left;
}
.itemBox{
margin:15px 5px 5px 0;
padding:0 0 5px 5px;;
width:270px;
height:120px;
float:left;
border-left:5px solid #ff99ff;
}
/* トップページ　ボックス　画像 */
.itemBox img{
border:0;
margin-bottom:20px;
}
/* トップページ　ボックス　リンク */
.itemBox a,.itemBox a:link,.itemBox a:visited{
font-size:0.8em;
color:#000000;
font-style:normal;
text-align:left;
margin-left:20px;
line-height:1.8em;
}
.itemBox a:hover{
border-bottom:1px solid #000000;
}
.itemBox ul{
width:260px;
height:auto;
margin:0;
padding:0;
}
.itemBox li{
list-style:none;
background-image:url(images/arrow2.gif);
background-repeat:no-repeat;
background-position:left;
margin-left:8px;
}
#main h1 {
	font-size:10px;
	color:#999999;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:10px;

}
-->