@charset 'UTF-8';
div.leftmenu {
position: absolute;
left: 0px;
top: 0px;
background-color: #337399;
width: 180px;
height: 100%;
padding-left: 12px;
padding-bottom: 20px;
/* float: left; */
}
div.rightcontent {
background-color: #ffffff;
width: 640px;
position: absolute;
margin-top: 68px;
margin-left: 192px;
padding-left: 20px;
padding-right: 20px;
}
div.topmenu {
background-color: #337399;
background-image: url(http://www.topstudio.co.jp//images/building.jpg);
background-repeat: no-repeat;
background-position: 190px 0px;
padding-bottom: 0px;
margin-bottom: 0px;
padding-left: 190px;
padding-top: 48px;
width: 660px;
height: 68px;
left: 0px;
top: 0px;
position: absolute;
}

a {
text-decoration: none;
color: #0000ff;
}
a:hover {
text-decoration: none;
color: #ccffff;  
}
img {
border: none;
}
body {
color: #000000;
margin: 0px;
background-color: #ffffff;
}
/* コンテンツ領域 */
div.main {
font-size: 9pt;
line-height: 16px;
font-weight: normal;
font-family: 'ＭＳ Ｐゴシック', 'Osaka';
}
div.main p {
color: #000000;
font-weight: 400;
}
ul.orange {
font-size: 8pt;
line-height: 16px;
font-weight: normal;
font-family: 'ＭＳ Ｐゴシック', 'Osaka';
color: #d99980;
}
div.notepad {
background-image: url(http://www.topstudio.co.jp//images/notepad.jpg);
background-repeat: repeat-y;
width: 564px;
padding: 20px 60px 20px 25px; 
}
div.notepad th {
white-space: nowrap;
text-align: left;
vertical-align: top;
}
div.notepad td {
padding-right: 40px;
vertical-align: top;
}
span.dot {
font-size: 5pt;
color: #a6c0c0;
font-family: 'ＭＳ Ｐゴシック', 'Osaka';
}
span.notepadbox {
font-size: 8pt;
color: #80b3cc;
}
h1 {
font-size: 16pt;
color: #337399;
text-align: right;
width: 590px;
height: 20pt;
padding-left: 10px;
margin-left: 0px;
background-repeat: no-repeat;
}
h1.companyinfo {
background-image: url(http://www.topstudio.co.jp//images/company-profile.jpg);
}
h1.business {
background-image: url(http://www.topstudio.co.jp//images/company-business.jpg);
}
h1.jobs {
background-image: url(http://www.topstudio.co.jp//images/company-jobs.jpg);
}
h1.link {
background-image: url(http://www.topstudio.co.jp//images/company-link.jpg);
}
h1.contact {
background-image: url(http://www.topstudio.co.jp//images/company-contact.jpg);
}
h2 {
font-size: 12pt;
color: #808080;
}
h2 img {
margin-right: 2px;
vertical-align: middle;
}
h3 {
font-size: 10pt;
color: #808080;
}
h3 img {
margin-right: 1px;
vertical-align: middle;
}
h4 {
font-size: 8pt;
margin-bottom: 0px;
margin-bottom: 4px;
}
div.linkbar {
border-left: 10px solid #d4e1ee;
padding-left: 5px;
padding-bottom: 3px;
}
div.linkbar img {
margin-right: 2px;
vertical-align: middle;
}
div.rightbook {
float: right;
}
div.withborder {
border-bottom: 2px dotted #808080;
}
div.magazine {
background-color: #d4e1ee;
margin: 10px;
padding: 10px;
font-size: 8pt;
}
span.magazinetitle {
color: #337399;
font-weight: 500;
}
span.magazinedesc {
color: #666666;
}
div.withcrossborder {
border-top: 2px dotted #808080;
border-bottom: 2px dotted #808080;
padding-bottom: 10px;
}
div.withcrossborder th {
  white-space: nowrap;
  padding-right: 5px;
  text-align: left;
  vertical-align: top;
}
div.withcrossborder th img {
  margin-right: 2px;
  vertical-align: middle;
}

div.center {
text-align: center;
margin-top: 10px;
}
span.box {
color: #009999;
}
span.strong {
font-weight: 500;
color: #800000;
}

/* Copyright */
div.copyright {
font-size: 8pt;
line-height: 22px;
font-weight: 500;
font-family: 'Geneva', 'Arial', 'Helvetica', 'san-serif';
color: #666666;
text-align: center;
border-top: 1px solid;
border-color: #337399;
width: 600px;
margin-top: 10px;
margin-left: 10px;
}
div.copyright a {
color: #666666;
}
div.cover-copyright {
font-size: 8pt;
line-height: 22px;
font-weight: 500;
font-family: 'Geneva', 'Arial', 'Helvetica', 'san-serif';
color: #666666;
text-align: center;
border-top: 1px solid;
border-color: #337399;
width: 400px;
margin-top: 10px;
margin-left: 200px;
}
div.cover-copyright a {
color: #666666;
}
/* 上メニュー */
div.topmenu a {
font-family: 'Geneva', 'Arial', 'Helvetica', 'san-serif';
font-size: 8pt;
color: #ffffff;
font-weight: 500;
line-height: 10px;
letter-spacing: 0.5pt;
text-decoration: none;
}
span.topspace {
margin-left: 120px;
vertical-align: top;
}
/* 左メニュー */
div.companylogo {
padding-top: 35px;
padding-bottom: 180px;
}
div.leftmenu a {
font-family: 'Geneva', 'Arial', 'Helvetica', 'san-serif';
font-size: 7pt;
color: #ffffff;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.5pt;
text-decoration: none;
}
ul.leftmenu {
margin-left: 0px;
list-style-type: none;
}
/* トップページ */
div.bothsideborder {
  border-top: 1px solid #ffffff;
  border-left: 30px solid #c0c0c0;
  border-right: 30px solid #c0c0c0;
  width: 820px;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
div.leftearth {
  position: absolute;
  top: 0px;
  left: 130px;
  width: 86px;
  height: 100%;
  background-image: url(http://www.topstudio.co.jp/images/titleback.jpg);
}
div.covermenu {
  margin-left: 250px;
  margin-top: 50px;
}
div.news {
  margin-left: 250px;
  margin-top: 50px;
}
h1.toppage {
  padding-left: 0px; margin-left: 0px; margin-top: 120px;
}
h3.news {
  color: #ff8000;
  font-size: 10pt;
}
div.newsbox {
  border: 3px inset #c0c0c0;
  padding: 5px;
  margin-right: 80px;
  margin-top: 10px;
  margin-bottom: 30px;
}
ul.news {
  list-style-type: none;
  padding-left: 60px;
  margin-left: 20px;
  text-indent: -5em;
  font-size: 10pt;
}
ul.news span {
  color: #808080;
}
div.designdesc {
  text-align: left;
  margin-left: 20px;
  color: #cc3300;
  margin-bottom: 10px;
}
div.designdesc span {
  color: #333333;
}
table.design {
  margin-bottom: 10px;
  margin-left: 50px;
  border-spacing: 20px;
}
table.design th {
  font-size: 9pt;
  font-weight: 500;
  font-family: "Geneva", "Arial", "Helveica", "san-serif";
  text-align: center;
  color: #8080ff;
}
table.design td {
  border: 2px dotted #808080;
  padding: 10px;
}
table.contact {
  border-spacing: 10px;
}
table.contact th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  font-weight: 500;
  font-size: 9pt;
  color: #808080;
}
table.contact td {
  font-size: 9pt;
}
table.contact td.submit {
  text-align: center;
  font-size: 12pt;
}
span.captcha {
  font-size: 8pt;
  color: #c08080;  
}
div.errors {
  font-size: 9pt;
  color: #c00000;
  margin-left: 20px;
}
div.recent {
  text-align: center;
  margin-left: 50px;
  margin-right: 100px;
}
p.right {
  text-align: right;
}
div.associate {
  text-align: right;
}
div.choice {
}
tr.header {
  background-color: #337399;
  color: #ffffff;
  white-space: nowrap;
}
td.right {
  text-align: right;
  padding-right: 5px;
}
td.right strong {
  color: #808080;
}
div.pages {
  text-align: center;
  padding-top: 3px;
  margin-top: 5px;
  border-top: 1px solid #337399;
}
div.pages span.current {
  font-weight: 500;
  font-size: 9pt;
}
div.pages span.choice {
  font-weight: 300;
  font-size: 8pt;
  text-decoration: none;
}
div.pages span.arrow {
  font-weight: 300;
  font-size: 8pt;
  text-decoration: none;
}