body {
	background-color:#333;
	background-image:url(images/backgroundlogo.gif);
	background-attachment: fixed;
 	background-repeat: no-repeat;
	background-position: 50% -30px; 
	scrollbar-base-color: #000000;
	margin:0 0 0 0;
	color:#ddd;
	font-family: "Arial", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; 
	font-size:12px;
	height:100%;
}

html{
  height:100%;
}
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
/*opera & safari*/
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
}


* { font-size:12px; line-height:1.5em; }

h1,h2,h3,p   { font-family: "Arial", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-style: normal; font-weight:light; margin-top:0em; margin-bottom:0em }
h1   { font-size: 12px; }
h2   { font-size: 12px; margin-top:0em; margin-bottom:0em }
h3   { font-size: 12px; margin-top:0em; margin-bottom:0em }
p     { font-size: 12px; line-height: 1.3; }
p.p0    { margin-top:0px; margin-bottom:0px }
p.p3    { margin-top:10px; margin-bottom:80px }
p.p4    { margin-top:10px; margin-bottom:0px }

p { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; font-style: normal; line-height:1.5em; font-weight: normal; margin-top:0.0em ; margin-bottom:0.8em; margin-left:0px; margin-right:10px; }
hr { display:none; }

h1.h1-2 { margin-bottom:5px; }

a { color:#ccc; }
a:hover {  color: #cc9900; text-decoration: underline; }

.box  {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px }
div#leftbox { width:310px; }

.textlj   {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 20px; font-style: normal; line-height: 130%; font-weight: normal}
.textmj   {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 15px; font-style: normal; line-height: 130%; font-weight: normal}
.textsj   {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; font-style: normal; line-height: 150%; font-weight: normal;}
.textssj  {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; font-style: normal; line-height: 140%; font-weight: normal; margin-top:0.0em ; margin-bottom:0.8em; margin-left:0px; margin-right:10px; }
.textssj0 {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; font-style: normal; font-weight: normal; margin-top:0.0em ; margin-bottom:0.0em }
.textssj2 {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; font-style: normal; line-height: 180%; font-weight: normal}

.sse1      {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; font-style: normal; line-height: 130%; font-weight: normal; margin-left:0px; margin-right:5px; margin-top:0em; margin-bottom:3px;}
.sse      {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; line-height: 130%; font-weight: normal; margin-left:0px; margin-right:5px; margin-top:0em; margin-bottom:0em;}
.sse2      {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; line-height: 130%; font-weight: normal; margin-left:0px; margin-right:5px; margin-top:0em; margin-bottom:5px;}



.textle   {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 20px; font-style: normal; line-height: 130%; font-weight: bolder}
.textme   {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 16px; font-style: normal; line-height: 130%; font-weight: normal}
.textse   {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; line-height: 130%; font-weight: normal}
.textsse  {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; line-height: 130%; font-weight: normal}
.textsse2 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; line-height: 180%; font-weight: normal}
.textsss  {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9px; font-style: normal; line-height: 130%; font-weight: normal}

#mmenu li.menu     {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; text-align: right; line-height: 130%; margin-left:0pt; margin-right:0pt; margin-top:5pt; margin-bottom:5pt; list-style-type:none;  }
#mmenu li.menu a.active { padding-left:20px; background-image:url(images/arrow-a.gif); background-repeat:no-repeat; }
/*#mmenu li.menu span { background-image:url(images/arrow-a.gif); background-repeat:no-repeat; width:17px;height:12px; margin:0 5px 0 0; padding:0 6px 0 6px;  }*/


.listmenu {  list-style-type: none; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; text-align: right; line-height: 130%; margin-left:0pt; margin-right:0pt; margin-top:5pt; margin-bottom:5pt }

textarea  {
	background-color:#EEEEEE; 
	font-size:12px; 
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	border:0px
	scrollbar-track-color:#EEEEEE;
	scrollbar-face-color:#EEEEEE;
	scrollbar-arrow-color:#333333;
	scrollbar-3dlight-color:#EEEEEE;
	scrollbar-darkshadow-color:#EEEEEE;
	scrollbar-highlight-color:#EEEEEE;
	scrollbar-shadow-color:#EEEEEE
}


img.img1 { margin-left:0px; margin-right:8px; margin-top:0px; margin-bottom:5pt }
img.img2 { margin-left:0px; margin-right:15px; margin-top:0px; margin-bottom:5pt }
img.img3 { margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:10pt }
img.line1 { margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:0pt }
img.rickey { margin-left:0px; margin-right:8px; margin-top:5px; margin-bottom:5pt }

.str {color:#cc9900 }
#str {color:#cc9900 }

#fixedLay0 { 	
    position: absolute;
	width:290px;text-align:right;	
	margin-left:10px;
	top:150px;
}

#mmenunojs { text-align:right; }
#logo { width:290px;height:70px;background-image:url(images/titlelogo2009.gif);}
#logo a { display:block; width:290px;height:70px; }

td.contents {
	width:390px;
	padding-top:5px;
	padding-right:20px;
	padding-bottom:40px;
	padding-left:20px;
	text-align:left; 
}

/* NEW */
h2.it1 { font-size:12px;font-weight:bold;color:#999 }
h2.it2 { font-size:16px;font-weight:bold;color:#999;margin-top:5px;margin-bottom:0px; }
h2.it3 { font-size:14px;font-weight:bold;color:#999;margin-top:5px;margin-bottom:5px; }
h1,h2.it4 { font-size:16px;font-weight:bold;color:#fff;margin:0px;margin-top:5px;}
h1,h2.it5 { font-size:16px;font-weight:bold;color:#fff;margin:0px;margin-top:5px;}
div.b1 { width:92%; border:1px solid #666; padding:7px; }
h1 { margin-bottom:10px; border-bottom:1px solid #999;padding-bottom:10px; }

.ct1  {  font-family: "arial","‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; font-style: normal; line-height: 140%; font-weight: normal; margin-top:0.0em ; margin-bottom:0.8em; }
.ct2  {  font-family: "arial","‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; font-style: normal; line-height: 140%; font-weight: normal; margin-top:0.0em ; margin-bottom:0.8em; margin-left:20px; margin-right:10px; }
.ct3  {  font-family: "arial","‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 10px; font-style: normal; line-height: 140%; font-weight: normal; margin-top:10px ; margin-bottom:0px; margin-left:14px;text-indent:-13px;}
img.line2 { margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5pt }
img.web_s2 { border:1px solid #444; margin:0 15 20 0px; }


/*a.toolTip:hover,a.toolTip:hover span.aa{ visibility: visible; z-index: 200; text-decoration:none;}*/

.toolTip{ position: relative; }
.toolTip span{
	display: block;
	/*border: solid 2px #999;*/
	background-color: #ccc;
	color: #000;
	text-decoration: none;
	position: absolute;
	top: -40px;
	left: 0px;
	padding: 5px;
	visibility: hidden;
	width: 100px;
	font-size:12px;
}




div.menutext { display:none; }


#index { position:absolute; width:700px; left:50%; margin-left:-350px; height:100%;}
#index h2  { text-align:right; color:#cc9900; font-size: 14px; font-style: normal; font-weight: normal; margin:0 5px 3px 0; font-family: "Arial", "Helvetica", "sans-serif"; }
#index h2 span { text-align:right; color:#cc9900; font-size: 14px; font-style: normal; font-weight:900; margin:0 5px 3px 0; font-family: "Arial", "Helvetica", "sans-serif"; }
#index ul  { margin:0px; }
#index li  {  list-style-type:none; text-align:right; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; line-height: 130%; font-weight: normal; margin-left:0px; margin-right:5px; margin-top:0em; margin-bottom:0em;}
#index h1 { width:290px;height:60px;background-image:url(images/toplogo2009.gif);background-repeat:no-repeat; margin:-60px 5px 0 0; border:0px;position:absolute; right:0px; top:50%; }
#index h1 a.img { display:block;width:290px;height:70px;  }
#index h1 span { display:none;  }
#index div#topbottom { position:absolute; right:5px;bottom:50px; }
#index div#topbottom h2 { border:0px; }
#index div#topbottom div.cr { margin-right:3px }
#index a.entert { float:right; width:60px; display:block; font-family: "Arial"; font-weight:normal; text-align:right; margin:10px 5px 5px 0; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position: 0px 1px }
	


table#basetable { width:700px; height:100%; }

table#contactform  { }
table#contactform td { vertical-align:top; }
table#contactform td.td1 {  }
table#contactform td.td2 {  background-color:#333; padding:5px 3px 5px 5px;  }
table#contactform td.td3 { color:#fff; background-color:#444; padding:5px 3px 5px 5px;  }
table#contactform input,textarea { font-size:12px; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; padding:2px; border:1px solid #ccc; }
table#contactform .w100 { width:220px; }
table#contactform div.button { margin:10px 0 8px 0; text-align:center; }
table#contactform .btn1 { clear:both; width:150px;height:50px; margin:0 0 1px 0; }
table#contactform .btn2 { clear:both; width:150px;height:25px; margin:0 0 1px 0; }
table#contactform .errormsg { margin:0 0 4px 0; color:#cc9900; }
table#contactform .contactaddr { margin-bottom:-1px; }

div.clear { clear:both; }

/*BASE*/
#container { position:relative; width:700px; left:50%; margin-left:-350px; min-height:100%; }
* html div#container { height:100%; }
#index { }
#service,#works,#profile,#top,#contact {  padding-bottom:70px; }
* #basecontentsareatop { width:350px; position:absolute; right:20px; top:50%;margin-top:-230px; }
* #basecontentsarea { width:350px; position:relative; margin-left:330px;}
* #basecontentsareaerror { width:350px; position:absolute; right:20px; top:50%;margin-top:-60px; }
.ctop,.cservice,.cworks,.cprofile,.ccontact { padding-top:50px;}

div.cr  { position:absolute; bottom:0px; right:5px; text-align:right; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; font-style: normal; line-height: 130%; font-weight: normal; margin:15px 5px 5px 0; color:#999;}
div.cr a { font-size:10px; color:#aaa; }
div.cr a:hover { color:#cc9900; }


#top #topcatch h1 { border:0px; margin:0 0 10px 0px;background-image:url(images/toptitle.gif); width:340px;height:50px;background-repeat:no-repeat; }
#top #topcatch h1 span { display:none;}
#top #topcatch div { display:none;}
#top #moreworks { clear:both; margin:30px 0 0 0 }

h1 {  font-size:18px;font-weight:bold;color:#fff;margin:0px 0 10px 0px; line-height:1.4em; }
h1 span { display:block; font-size:10px; font-weight:normal;  }

br.br { font-size:0px; }


/*WORKS*/
#worksdetail { margin:-40px 0 30px 0;  }
#worksdetail h1 { clear:both; font-size:16px; border:0px; padding:0px; margin:35px 0 10px 0;}
.wimg { width:100%;margin:0 0 10 0px; text-align:right; }
.wimg img { border:1px solid #555;margin:0 0 10 0px;}
.wimg a:hover img { border:1px solid #666; }
.worknavi1 { float:right; width:150px; margin:0; }
.worknavi2 { font-size:12px; float:right; padding:0px; width:200px; margin:5px 0px 10px 0;  }
.worknavi2 * { font-size:12px; }
.worknavi1 p, .worknavi2 p { margin:0px; }
#workcaticonbtns { margin:15 0 15 0px; }
#workcaticonbtns p { margin:0px; }
.worknavi .box1 { width:40px; float:right; margin:0 0 0 0px; margin:0 0 0 1px; background-color:#888; color:#000; }
.worknavi .box2 { width:25px; float:right; margin:0 0 0 0px; margin:0 0 0 1px; background-color:#666; color:#999; }
.worknavi .box3 { width:25px; float:right; margin:0 0 0 0px; margin:0 0 0 1px; background-color:#888; color:#000; }
.worknavi .a { text-decoration:none; background-color:#888; color:#fff; }
.worknavi .a:hover { text-decoration:none; background-color:#fa3; color:#fff; }
.worknavi span.t { display:block; font-size:10px; margin:1px 2px; text-align:center; }


a.wlisticon { height:44px; display:block; text-decoration:none; }
a.wlisticon img { margin:4 13 0 0px; border:1px solid #555; }
a.wlisticon:hover { text-decoration:underline; }
a.wlisticon:hover img { border:1px solid #cc9900; }
span.wlisticonbox { display:block; height:9px;margin:0 0 0px 0; font-size:0px; }
div.wlisticonbox2 { display:block; height:9px;margin:0 0 10px 0; font-size:0px; }
span.wlisticonnoa { display:block; background-repeat:no-repeat; float:left; margin:2 1 0 0px; width:32px;height:9px;font-size:0px; }
.worklist { clear:both; margin:0 0 15px 0; }
.worklist p { margin:0px; letter-spacing:0px; }


* h2 { font-size:13px; margin:15px 0 10px 0; color:#eee; border-bottom:1px solid #999;padding-bottom:3px; font-weight:600;  }
#profile * h2 span { color: #cc9900; } 
#profile * h2.rickey { padding:0px; margin:0px; border:0px; }
#profile .historybox p { text-indent:-40px; margin-left:70px;}
#profile .worksbox h3 { margin:10px 0 10px 45px; font-weight:normal;  line-height:1.2em; text-indent:-15px;}
#profile .worksbox p { margin-left:70px;}
#profile .locationbox p { margin-left:30px;}
#profile .worklink { margin-top:4px;float:right; }

#service h2 { font-size:13px; margin:15px 0 10px 0; border:0px;  border-bottom:1px solid #999;padding-bottom:3px;}
#service * h2 span { color: #cc9900; } 
#service p { margin:0 0 10px 20px; text-indent:0px; }
#service p.intro { margin:0 0 10px 0; text-indent:0px; }
#service p a { color:#cc9900; text-decoration:underline; }
#service ul.menu2 { display:none; margin:0px 0 10 0px; padding-left:0px;}
#service ul.menu2 li { float:left; display:block; margin:0 5px 5px 0;}
#service ul.menu2 a { display:block; text-decoration:none; width:107px; border:1px solid #888; }
#service ul.menu2 a.active { color:#fff; background-color:#cc9900; border:1px solid #cc9900; }
#service ul.menu2 a:hover { border:1px solid #cc9900; color:#fff; }
#service ul.menu2 a span { display:block; margin:5px;}
#service ul { margin-left:17px;padding-left:17px; }
#service li { margin:0 0 2px 0; }
#service .navi { clear:both; text-align:center; margin:30px 5px 0 0;}
span.introstart { display:block; float:left; font-size:22px; margin:0 12px 0 0; font-family: "Arial"; font-weight:600; }

#service .design { color:#7593cf; border-color:#7593cf; }
#service .systems { color:#58b294; border-color:#58b294 }
#service .consulting  { color:#c16f39; border-color:#c16f39 }
#service .more { color:#c44; border-color:#c44 }

#service .pknavi { font-size:10px;margin:0 0 2px 0;  }
#service .pknavi p { font-size:10px; margin:0px; }
#service .pknavi a { font-size:10px; color:#ddd; }


.v0 { display:none; }
.v1 {  }

div#pknavi { font-size:10px;margin:0 0 2px 0;  }
div#pknavi p { font-size:10px; margin:0px; }
div#pknavi a { font-size:10px; color:#ddd; }

#totop { clear:both; text-align:right; padding-bottom:70px;margin:20px 22px 0px 0; }
#totop a { color:#ccc; }
#totop a:hover { color:#cc9900; }

object,embed,script { background-color:#000; }
blockquote { font-style:italic; margin:0 0 10px 20px;}