/*S*/
body{
background-image : url(bg_dammy2.gif);
background-repeat: repeat-y; }


/*eLXg?*/
h2 {  font-size: 14pt; font-weight: bold;  clip:  rect(   );}
h3 {  font-size: 12pt; font-weight: bold;  clip:  rect(   );}
h4 {  font-size: small; font-weight: bold;}
p { 
padding-left:20px;
padding-right:20px;
}
a:hover{color:#FF0000;}

.client {  color: #0080FF; padding-left: 20px; font-size:small;}
.staff {  color: #FF0000; padding-left: 20px; font-size:small;}


/*wb_*/ 
h2#header { font-style: normal; font-weight: bold; font-size: 10pt; 
font-family: "lr oSVbN", "Osaka"; color: #FFFFFF;
padding-top: 8px; } 


/*wb_e[u*/ 
.head { background-color: 
#00783C; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 
5px; left: 0px; top: 0px; clip: rect( ); position: absolute; vertical-align: middle; 
overflow: hidden;}



 /*j[*/ 
div#menubottun{ clip: rect( ); float: left; 
position: absolute; left:5px; top:70px; width:185px; height:570px; z-index:2 ;
}
div#leftmenu { clip: rect( ); float: left; 
position: absolute; left:-900px; top:70px; width:185px;  
background-color; background-color: #FFCCFF;
}


 /*Ej[*/ 
div#main {

position: absolute; left: 200px; top:70px;
clip:  rect(   ); 
width: 600px ;  clear: right ; overflow: hidden;
float:left;
} 

/*d*/
div#works {
display:block;
width:260px;
height:310px;
position: relative; left: 40px; top:20px;
clip:  rect(   ); 
background-image : url(topmenu.gif); background-repeat: no-repeat; 
} 

.worksmenu{
padding-left:20px;
font-size:12px;
line-height:1.2;
}


/*CSCj[X*/
div#news {display:block;
width:260px;
height:310px;
float:left;
position: relative; left: 40px; top:20px;
clip:  rect(   ); 
background-image : url(topmenu.gif); background-repeat: no-repeat; 
} 








/*j[e[u*/
.step1 {border: 1px #6AD6D6 solid;}
.step2 {border: 1px #FF7F7F
 solid;}
.step3 {border: 2px #F2B600 solid;
letter-spacing: 5pt;}
.youken {border: 1px #76D148 solid;}

#clientmenu { 
 background-image : url(menu_client.gif); background-repeat: no-repeat; text-align: center;
padding-left: 30px;}

#clientmenu2{
	font-size: 14px;
	color:#4AD6D6;
	padding-left: 30px;
	text-align: justify;
}
.clientmenu2 { 
color:#4AD6D6;
text-align: justify;

font-size:12px;
}
.infomenu{
font-size: 14px;
color:#4AD6D6;

}


#staffmenu{
background-image : url(menu_staff.gif); background-repeat: no-repeat; 
text-align: center;
padding-left: 30px;
}

#staffmenu2{
padding-left: 30px;
font-size:14px;
}

.staffmenu { 
color:#FF5353
;
font-size:12px;
}
#infomenu {
	background-image : url(menu_info.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	text-align: center;
}

#headcatch {  
display:block;

height:110px;
font-size:14px;
background-image : url(headcatch.gif); background-repeat: no-repeat; 
background-position: center;
text-align: center;
padding-top: 30px;
line-height: 1.5;
}

div#bottomcatch {  
display:block;
height:205px;
background-image : url(topbottom.gif); background-repeat: no-repeat; 
background-position: center;
padding-top: 30px;
text-align: center;}

.bottomcatch{
font-size:14px;
}

.topmenu {  
padding-top: 30px;
padding-left:20px;}

.topmenutext{
font-size:12px;
padding-left: 20px;
}


/*bg*/
.clientmerit{
background-image : url(clientmerit.gif);
background-repeat: no-repeat;
background-position: left center;
margin-left:20px;
padding-left:80px;
padding-top:12px;
padding-bottom:2px;
border-bottom : 1px dotted #4AD6D6;
width:550px;

}

.staffmerit{
background-image : url(staffmerit.gif);
background-repeat: no-repeat;
background-position: left center;
margin-left:20px;
padding-left:80px;
padding-top:12px;
padding-bottom:2px;
border-bottom : 1px dotted #FF5353
;
width:550px;
}

/*i*/
.merit{
padding-left:100px;
padding-right: 20px;
}


/*Q&A*/
.question{
font-weight:bold;
background-image : url(q.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:40px;
padding-top:5px;
padding-bottom:10px;
margin-left:40px;
}

.answer{
background-image : url(a.gif);
background-repeat: no-repeat;
padding-left:40px;
padding-top:5px;
padding-bottom:10px;
margin-left:40px;
width: 500px;
}

/*AEg\[VO*/
.effect{
display:block;
height:35px;
width:530px;
font-weight:bold;
background-image : url(effect.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:40px;
padding-top:10px;
margin-left:40px;
border-bottom : 1px dotted #76D148;
}


/*T[rX*/

.service{ color: #40D100; font-weight: bold;
font-size: 12pt;
display:block;
height: 35px;
margin-left:30px;
padding-left: 40px;
padding-top:10px;
background : url(service.gif); background-repeat: no-repeat;

}

/*RvCAX?*/
#education{
color:#FF5353;
display:block;
width: 350px;
height: 55px;
margin-left:30px;
padding-left: 50px;
padding-top:20px;
background : url(education.gif); background-repeat: no-repeat;background-position:left;}
.education{
display:block;
padding-left: 40px;
}






/*o*/
.clienthead{
display:block;
width: 550px;
height: 30px;
margin-left:20px;
padding-left: 10px;
background : url(bluebar.gif); background-repeat: no-repeat;background-position:bottom;}

.clienthead2 {  
display:block;
width: 550px;
height: 20px;
margin-left:20px;
padding-left: 30px;
border-bottom : 2px dotted #4AD6D6
;background : url(bluehead2.gif); background-repeat: no-repeat;background-position:left; 
}

.staffhead{
display:block;
width: 550px;
height: 30px;
margin-left:20px;
padding-left: 10px;
background : url(pinkbar.gif); background-repeat: no-repeat;background-position:bottom;}

.staffhead2 {  
display:block;
width: 550px;
height: 20px;
margin-left:20px;
padding-left: 30px;
border-bottom : 2px dotted #FF5353
;background : url(pinkhead2.gif); background-repeat: no-repeat;background-position:left; 
}

.cscstaff {
display:block;
width: 550px;
height: 30px;
margin-left:20px;
padding-left: 10px;
background : url(greenbar.gif); background-repeat: no-repeat;background-position:bottom;}

.info { 
display:block;
width: 550px;
height: 20px;
margin-left:20px;
padding-left: 30px;
border-bottom : 2px dotted #88D148;
 border-left-style: none;
background : url(greenhead2.gif); background-repeat: no-repeat;background-position:left; 
}

/*Ny[W*/
ul#link{
list-style-image : url(list_green.gif);
padding-left:20px;
}
.topcatch {
	padding-right: 50px;
	padding-left: 50px;	
}
.tophelp{
font-size:12px;
margin-right:30px;
text-align:right;
}

/*?l??*/
.privacyhead{
background-color:#A3D191;
margin-left:20px ;
margin-right: 20px;
padding-left: 10px;
line-height:1.5;
}
.privacy{
font-size:12px;
margin-left:20px;
}
.privacy2{
font-size:12px;
margin-left:40px;
}
ul#privacy {
font-size:12px;
list-style-image : url(list_green.gif);
line-height: 1.5;
margin-right: 30px;
}

/*o^?e[u*/
.touroku {  border-top : 1px solid #FF7F7F
; border-right: 1px solid #FF7F7F;  border-left: 1px solid #FF7F7F 
; border-bottom: 1px solid #FF7F7F;
padding-left: 10px;
padding-top:5px;
padding-right: 5px;
padding-bottom:5px;
}

.borderline{
border-bottom : 1px dotted #999999;
width:510px;
margin-left:40px;

}

/*JavaScript*/
.java {  border-top : 1px solid #FF7F7F
; border-right: 1px solid #FF7F7F;  border-left: 1px solid #FF7F7F 
; border-bottom: 1px solid #FF7F7F;
margin-left:20px;
padding-left: 10px;
padding-top:5px;
padding-right: 5px;
padding-bottom:5px;
width:550px;
}


/*gbvy[WN*/
#detail{
display:block;
height:12px;
background-image : url(list_green.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:15px;
margin-left:10px;
}
.detail{
font-size:10px;
color:#4AD6D6;
}


/*y[Wgbv??*/

#pagetop{
background-image : url(pagetop3.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:15px;
padding-right: 20px;
float:right;
}
.pagetop{
font-size:10px;
color:#4AD6D6;
}



/*tb^[*/
#footer{
width:780px;
height:60px;
background-color: #FFFFFF;
}

ul#sitemap {
padding-top: 36px;
font-size:10pt;
float:right;
list-style-image : url(list_green.gif);
}

#sitemapli{
display:block;
width: 100px;
}

div#home {
padding-top: 36px;
position: absolute; left: 10px;
float:left;
font-size:10pt;
list-style-image : url(list_green.gif);

}
#homeli{
display:block;
width: 100px;
}


div#copyright {
	display:block;
	font-size: 12px;
	color: #999999;
	text-align: center;
	height: 20px;
	width: 600px;
	
			
}
.copyline{
border-bottom : 1px dotted #999999;
width:80%;


}
.example {
	border-bottom-style: dotted;
	border-bottom-color: #FFD559;
	width: 530px;
	border-bottom-width: 1px;
	margin-left: 40px;	
}
.hakensaki {
	border: 1px double #76D148;
	width: 150px;
	margin-left: 30px;
	padding: 5px;
	background-color: #88D168;
	text-align: center;
	color: #FFFFFF;
}