body { 
      color: #ffffff; 
      font-family: "平成角ゴシック","MS Pゴシック",osaka,arial,helvetica,sans-serif;
      font-size: medium;
      background: #ffffff url(images/background.gif) repeat-x; 
      margin: 0;
      padding: 0; }
      
.txt-sss   { font-size: 12px; line-height: 10px }
.txt-ss1   { font-size: 12px; line-height: 22px }
.txt-s {
      font-size: 13px; line-height: 18px; }
.txt-m {
      font-size: 15px; line-height: 20px; }
.txt-l {
      font-size: 17px; line-height: 22px; }
/*---------------------------------------------------*/
#logo {
      width: 200px;
      height: 500px;
      margin: 90px 0 0 0;
      background: #ba1119;
      position: relative; }
      

#logo a {
      width: 200px;
      height: 49px;
      margin: 0;
      display: block;
      text-indent: -999px;
      background: url(images/logo.gif) no-repeat;
      position: absolute;
      top: 220px;
      left: 0; }

/*---------------------------------------------------*/
#container {
      width: 785px;
      height: 500px;
      margin: 0;
      padding: 0; 
      position: absolute;
      top: 90px;
      left: 200px; }
      
#container a      {color: #555555; text-decoration: none; }
#container a:visited {color: #555555; }
#container a:hover   {color: #333333; }

#container a#sublink      {color: #ffffff; text-decoration: none; }
#container a#sublink:visited {color: #ffffff; }
#container a#sublink:hover   {color: #555555; }
            
/*---------------------------------------------------*/
#menu         { color: white; font-size: 15px; margin: 0; padding-left: 50px; position: absolute; top: 0; left: 0; width: 700px; height: 2.5em; vertical-align: 0 }
#menu ul    { color: red; list-style: none; padding: 0 }
#menu li          { display: inline; padding: 0 1em }
      
#menu a      {color: #ffffff; text-decoration: none; }
#menu a:visited {color: #ffffff; }
#menu a:hover   {color: #666666; }
.current-page {
      color: #b50000; 
      font: bold;
      text-shadow: #222222 -1px 5px 4px; }
/*---------------------------------------------------*/
#work    { color: white; font-size: 13px; margin: 0; padding: 0 }
#work ul { color: #cacaca; list-style: none; padding: 0 }
#work li { line-height: 3; text-align: left; display: inline }
#work a { color: #ffffff; text-decoration: none }
#work a:visited2 { color: #ffffff }
#wirk a:hover2 { color: #666666 }
.current-page2 { color: #b50000; font: bold small CSS_PROPERTY_UNDEF; text-shadow: #222222 -1px 5px 4px    }
/*---------------------------------------------------*/
#index   { color: white; font-size: 13px; margin: 0; padding: 0 }
#index ul { color: #cacaca; list-style: none; padding: 0 }
#index li { line-height: 3; text-align: left; display: inline }
#index a { color: #ffffff; text-decoration: none }
#index a:visited { color: #ffffff }
#index a:hover { color: #666666 }
.current-page1 { color: #b50000; font: bold small CSS_PROPERTY_UNDEF; text-shadow: #222222 -1px 5px 4px   }
/*---------------------------------------------------*/
.imageSlideshow {
      margin: 0;
      width: 580px;
      height: 327px;
      position: absolute;
      top: 85px;
      left: 65px; }

.imageSlideshow img {
      position: absolute;
      left: 0;
      top: 0; }
      
/*---------------------------------------------------*/
#news {
      color: #ffffff;
      width: 580px;
      height: 2.5em;
      margin: 0 0 0 0;
      padding: 0;
      font-size: medium;
      position: absolute;
      top: 380px;
      left: 65px; }
      
/*---------------------------------------------------*/   
#content {
      width: 550px; 
      height: 435px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 45px;
      left: 70px; }
      
#works-index  { position: absolute; top: 40px; left: 60px }

#works-index a      {color: #ffffff; text-decoration: none; }
#works-index a:visited {color: #ffffff; }
#works-index a:hover   {color: #444444; }

/*---------------------------------------------------*/   
#preview   { font-size: x-small; padding: 0; position: absolute; top: 50px; left: 80px; width: 720px; height: 390px }

/*---------------------------------------------------*/  
#profile {
      position: absolute;
      top: 25px;
      left: 440px;}

#oki-project {
      position: absolute;
      top: 40px;
      left: 420px;}

#tokyo-project {
      position: absolute;
      top: 20px;
      left: 450px;}

#workflow-fig {
      width: 500px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: -35px;
      left: 0px;} 
      
.sigoto {
      width: 400px;
      position: absolute;
      top: -35px;
      left: 240px; }

#office {
      width: 161px;
      height: 287px;
      margin: 0px;
      padding: 0px;
      position: absolute;
      top: 45px;
      left: 420px; }
      
#map {
      width: 350px;
      margin: 0px;
      padding: 0px;
      position: absolute;
      top: 10px;
      left: 20px; }
      
#u-map {
      width: 450px;
      height: 250px;
      margin: 0px;
      padding: 0px;
      position: absolute;
      top: 20px;
      left: 340px; }

#u-image {
      width: 250px;
      height: 150px;
      margin: 0px;
      padding: 0px;
      position: absolute;
      top: 230px;
      left: 0px; }
            
/*---------------------------------------------------*/  
#footer    { color: #e0e0e0; font-size: x-small; text-align: right; margin: 0 0 0 -355px; padding: 0; position: absolute; top: 474px; left: 290px; width: 650px; float: left }