@charset "UTF-8";

/*
 * YUI reset
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset, img {
  border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style:normal;
  font-weight:normal;
}

ol, ul {
  list-style:none;
}

caption, th {
    text-align:left;
}

h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}

q:before, q:after {
    content:'';
}

abbr, acronym {
  border:0;
}


/*
 * ======================================================
 *                   krypton styles
 * ======================================================
 */

body {
  text-align:center;
  background:transparent url(./src/bg-body.jpg) repeat-y center center;
  color:#959595;
  font-size:small;
  line-height:1.7;
}

a {
  outline:none;
  color:#1bbbef;
}

.wrapper {
  width:960px;
  margin:auto;
  background:transparent url(./src/bg-contents-line.jpg) repeat-y center top;
}

/*
body#page-top,
body.cat-top,
*/
#page-top .wrapper,
.cat-top .wrapper {
  background:none;
}

/*
 * ------------------------------------------------------
 *                       header
 * ------------------------------------------------------
 */

.header {
  background:transparent url(./src/bg-header.jpg) no-repeat center top;
  width:950px;
  height:114px;
  margin:auto;
  padding-top:16px;
  text-align:left;
}

#page-top .header,
.cat-top .header {
  padding-top:0;
  background:transparent url(./src/bg-header-top.jpg) no-repeat 0 40px;
  height:110px;
}

.header .sitetitle {
  margin:0 0 15px 20px;
  background:transparent url(./src/logo.gif) no-repeat 0 0;
  text-indent:-999em;
  display:block;
  width:160px;
  height:59px;
}

.header ul.nav {
  height:35px;
  width:916px;
  border-top:solid 4px #1bbbef;
  border-bottom:solid 1px #eee;
  padding:0 17px;
  background:#fff;
  margin-top:15px;
}

#page-top .header ul.nav,
.cat-top .header ul.nav {
  margin-top:0;
}

.header ul.nav li {
  float:left;
}

.header ul.nav li a {
  display:block;
  height:35px;
  background-image:url(./src/nav.gif?090717);
  background-repeat:no-repeat;
  text-indent:-999em;

}

.header ul.nav li.n1 a { width:44px;  background-position:-17px 0;  }
.header ul.nav li.n2 a { width:285px; background-position:-61px 0;  }
.header ul.nav li.n3 a { width:90px;  background-position:-346px 0; }
.header ul.nav li.n4 a { width:296px; background-position:-436px 0; }
.header ul.nav li.n5 a { width:60px;  background-position:-732px 0; }
.header ul.nav li.n6 a { width:75px;  background-position:-792px 0; }
.header ul.nav li.n7 a { width:66px;  background-position:-867px 0; }

.header ul.nav li.n1 a:hover,
#page-top .header ul.nav li.n1 a {
  background-position:-17px -35px;
}

.header ul.nav li.n2 a:hover,
#page-ad .header ul.nav li.n2 a {
  background-position:-61px -35px;
}

.header ul.nav li.n3 a:hover,
#page-production .header ul.nav li.n3 a {
  background-position:-346px -35px;
}

.header ul.nav li.n4 a:hover,
#page-space .header ul.nav li.n4 a {
  background-position:-436px -35px;
}

.header ul.nav li.n5 a:hover,
#page-profile .header ul.nav li.n5 a {
  background-position:-732px -35px;
}

.header ul.nav li.n6 a:hover,
#page-contact .header ul.nav li.n6 a {
  background-position:-792px -35px;
}

.header ul.nav li.n7 a:hover,
#page-recruit .header ul.nav li.n7 a {
  background-position:-867px -35px;
}

#page-top .header ul.nav li.n1 a:hover,
#page-ad .header ul.nav li.n2 a:hover,
#page-production .header ul.nav li.n3 a:hover,
#page-space .header ul.nav li.n4 a:hover,
#page-profile .header ul.nav li.n5 a:hover,
#page-profile .header ul.nav li.n6 a:hover,
#page-profile .header ul.nav li.n7 a:hover {
  cursor:default;
}
/*
 * ------------------------------------------------------
 *                      contents
 * ------------------------------------------------------
 */

.contents {
  background:transparent url(./src/bg-contents.jpg) no-repeat center top;
  padding:33px 0px;
  width:950px;
  margin:auto;
  text-align:left;
}

#page-top .contents {
  background:none;
  padding:0;
  margin-bottom:-5px;
}

.cat-top .contents {
  padding:0;
}

#page-top #news {
  position:relative;
  top:-610px;
  z-index:999;
  text-align:center;
}

.contents h1 {
  background-image:url(./src/pagetitle.gif);
  background-repeat:no-repeat;
  width:400px;
  height:65px;
  text-indent:-999em;
  margin:10px auto 20px 20px;
}

#page-ad .contents h1         { background-position:0 0;      }
#page-production .contents h1 { background-position:0 -65px;  }
#page-space .contents h1      { background-position:0 -130px; }
#page-profile .contents h1    { background-position:0 -195px; }

#page-ad.cat-top .contents,
#page-production.cat-top .contents,
#page-space.cat-top .contents {
  height:604px;
}

#page-ad.cat-top .contents         { background-image:url(./src/a.jpg); }
#page-production.cat-top .contents { background-image:url(./src/p.jpg); }
#page-space.cat-top .contents      { background-image:url(./src/s.jpg); }

.cat-top .contents {
  position:relative;
}

.cat-top .contents p,
.cat-top .contents img,
.cat-top .contents .more {
  position:absolute;
  font-size:0.85em;
  letter-spacing:0;
  line-height:1.5;
}

.cat-top .contents img {
  background:#333;
  display:block;
  width:318px;
  height:214px;
}

/* ad */
#page-ad.cat-top .contents p {
  top:286px;
  left:175px;
}

#page-ad.cat-top .contents img {
  top:233px;
  left:595px;
}

/* production */
#page-production.cat-top .contents p {
  top:504px;
  left:482px;
}

#page-production.cat-top .contents img {
  top:233px;
  left:596px;
}

#page-production.cat-top .contents .more {
  top:523px;
  left:305px;
}

/* space */
#page-space.cat-top .contents p {
  top:403px;
  left:584px;
}

#page-space.cat-top .contents p.cap {
  top:410px;
  left:132px;
}

#page-space.cat-top .contents img {
  top:173px;
  left:47px;
}

#page-space.cat-top .contents .more {
  top:385px;
  left:418px;
}

/*
 * Advertising, Sales & Publicity
 */

.contents #simpleviewer {
  margin:auto;
  width:950px;
  height:750px;
}

.contents #flow {
  text-align:center;
  width:100%;
}

.contents #flow img {
  margin:auto;
}

.contents div.concept {
  margin:30px auto;
  text-align:center;
}

.contents div.concept p {
  margin-bottom:10px;
  color:#434343;
}
.contents .column-2 {
  width:465px;
  float:left;
  overflow:hidden;
}

.contents div.title {
  margin:0 5px 20px;
  height:25px;
  border-bottom:solid 1px #e7e7e7;
  padding-left:20px;
}

.contents div.title h2 {
  height:20px;
  overflow:hidden;
  background-image:url(./src/pagetitle.gif);
  background-repeat:no-repeat;
  text-indent:-999em;
}

.contents .access,
.contents .company,
.contents .contact {
  padding-top:25px;
}

.contents .company div.title h2 {
  width:200px;
  background-position:-100px -196px;
}

.contents .company p {
  width:90%;
  margin:auto;
}

.contents .company div.info {
  padding-top:20px;
  width:90%;
  margin:auto;
}

.contents .company div.info div#map {
  width:235px;
  height:200px;
  float:left;
}

.contents .company div.info div.address {
  float:left;
  width:180px;
  padding-left:0;
}

.contents .company div.info div.address address {
  padding-left:20px;
  line-height:1.1;
}

/*
 *  Access
 * =============================== */

.contents .access {
}

.contents .access div.title h2 {
  width:100px;
  background-position:-100px -221px;
}

.contents .access div#map {
  text-align:center;
}

.contents .access div#map img {
  margin:auto;
}

.contents .access div.address {
  margin:10px 0 0 50px;
}

.contents .access div.address img {
  float:left;
}

.contents .access div.address address {
  padding:15px 0 0 170px;
  margin:-15px auto 30px;
}

.contents .contact {
}

.contents .contact div.title h2 {
  width:100px;
  background-position:-300px -196px;
}

.contents .contact ul.alert {
  text-align:left;
  width:400px;
  margin:auto;
  border:solid 1px #fcc;
  padding:10px;
  background:#fee;
}

.contents .contact ul.alert li {
  color:#f33;
  padding:3px;
}

.contents .contact table {
  margin:7px auto 20px;
  width:90%;
  border-collapse:separate;
  border-spacing:2px;
  /*
  background:#fff;
  */
}

.contents .contact table tbody tr th,
.contents .contact table tbody tr td {
  padding:5px;
}

.contents .contact table tbody tr th {
  vertical-align:top;
  width:320px;
  /*
  text-align:right;
  border-right:solid 5px #ddd;
  background:#f6f6f6;
  */
}

.contents .contact table tbody tr.required th {
  /*
  border-right-color:#f66;
  background:#fff3f3;
  */
}

.contents .contact table tbody tr.required th span {
  color:#f33;
  padding:2px;
}

.contents .contact table tbody tr td {
  text-align:left;
}

.contents .contact table tbody tr td input,
.contents .contact table tbody tr td textarea {
  padding:1px 2px;
}

.contents .contact table tbody tr td input {
  width:200px;
}

.contents .contact table tbody tr td textarea {
  width:250px;
}

.contents .contact table tbody tr td span {
  letter-spacing:-1px;
  font-size:0.95em;
}

.contents .contact ul.buttons {
  /*
  padding:0 0 80px 380px;
  */
  width:80%;
  margin:auto;
  padding-bottom:80px;
}

.contents .contact ul.buttons li {
  width:50%;
  /*
  width:140px;
  */
  float:left;
  text-align:center;
}

.contents .contact ul.buttons li input {
  margin:auto;
  width:100px;
  padding:3px;
}

/*
 *  Recruit, Profile
 * =============================== */

#page-profile h1,
#page-recruit h1 {
  width:100px;
  height:25px;
}

#page-recruit h1 {
  background-position:0 -220px;
}

#page-profile h3 {
  font-weight:bold;
}

#page-profile .relcompany {
  margin-bottom:15px;
}

#page-recruit .contents table,
#page-profile .contents table {
  width:50%;
  margin:auto;
}

#page-recruit .contents table th,
#page-recruit .contents table td,
#page-profile .contents table th,
#page-profile .contents table td {
  padding:5px 10px;
  border-bottom:solid 1px #eee;
}

#page-recruit .contents table th,
#page-profile .contents table th {
  width:130px;
  vertical-align:top;
}

.more {
  padding-left:80px;
}

.more a {
  text-indent:-999em;
  display:block;
  height:20px;
  width:60px;
  background:transparent url(./src/btn-more.gif) no-repeat 0 0;
}

.more a:hover {
  background-position:0 -20px;
}

.back {
  padding-left:80px;
}

.back a {
  text-indent:-999em;
  display:block;
  height:20px;
  width:60px;
  background:transparent url(./src/btn-back.gif) no-repeat 0 0;
}

.back a:hover {
  background-position:0 -20px;
}

/*
 * ------------------------------------------------------
 *                       footer
 * ------------------------------------------------------
 */

.footer {
  background:transparent url(./src/bg-footer.jpg) no-repeat center top;
  height:170px;
  width:950px;
  margin:auto;
  clear:left;
}

#page-top .footer,
.cat-top .footer {
  background:transparent url(./src/bg-footer-top.jpg) no-repeat center bottom;
  height:130px;
}

.footer .page-top {
  float:right;
  position:relative;
  top:-20px;
}

.footer .page-top a {
  text-indent:-999em;
  display:block;
  height:20px;
  width:100px;
  background:transparent url(./src/btn-pagetop.jpg) no-repeat 0 0;
}

.footer .page-top a:hover {
  background-position:0 -20px;
}

.footer .copyright {
  padding:135px 0 0 645px;
}

#page-top .footer .copyright,
.cat-top .footer .copyright {
  padding-top:90px;
}

.footer .copyright p {
  text-indent:-999em;
  background:transparent url(./src/copyright.gif) no-repeat 0 0;
  width:300px;
  height:30px;
}