@charset "utf-8";



/* C L O C K W O R K s, 2007-12-14 */



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

h1, h2, h3, h4, h5, h6,
address,
caption, th {
  text-align:left;
  font-weight:normal;
  }

a {
  text-decoration: none;
  }

em, strong {
  font-style:normal;
  font-weight:normal;
  }

body{
  font: 13px Helvetica, Arial, Geneva, Verdana, "Hiragino Kaku Gothic Pro", sans-serif;
  *font-size: small;
  *font: x-small;
  line-height:1.8;
  font-family:Helvetica, Geneva, Verdana, "Hiragino Kaku Gothic Pro", sans-serif;
  }

*+html body{
  font-family:"Meiryo",sans-serif;  /* Windows Vista */
  }

table {
  font-size:inherit;
  font:100%;
  }

select, input, textarea {
  font:99% arial,helvetica,clean,sans-serif;
  }

object, embed {
  vertical-align: top;
  }

/* Elements
------------------------------------------*/
/* Html */
html {
  overflow-y:scroll;  /* for Firefox */
  }

/* Body */
body {
  background: #fff;
  font-size: medium;
  }

/* Hx */
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
  margin: .5em 0 1em 0;
  font-weight: bold;
  }

  h1 {
    font-size: 150%;
    margin-top: 0;
    }
  h2 {
    font-size: 140%;
    }
  h3 {
    font-size: 120%;
    }
  h4 {
    font-size: 110%;
    }
  h5 {
    font-size: 100%;
    }

  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small {
    margin-left: .5em;
    }

/* Hr */
hr {
  display: none;
  }

/* P */
p {
  margin:.8em 0;
  line-height: 1.6;
  }


/* UL, OL */
ul,
ol {
  display:block;
  list-style-position: outside;
  }

ul {
  margin:1em 0 .8em 1.5em;
  list-style-type: disc;
  }

ol {
  margin:1em 0 .8em 1.5em;
  list-style-type: decimal;
  }

  ul ul,
  ul ol,
  ol ol,
  ol ul {
    margin: .25em 0 .5em 1.5em;
    }
  
  li {
    margin: 0 0 .25em .5em;
    line-height:1.4;
    }
  
  li li {
    margin-left: 0;
    margin-bottom: 0;
    }

  li p {
    margin-top: 0;
    margin-bottom: .5em;
    line-height: 1.2;
    }



/* DL, DT, DD */
dl {
  margin:1em 0;
  line-height:1.4;
  }

  dl dt {
    font-weight: bold;
    }

  dl dd {
    margin-bottom: 1em;
    }

  dl ul,
  dl ol,
  dl p {
    margin-top: 0;
    margin-bottom: 0;
    }

  dl ul {
    margin-left: 1em;
    }

  dl ol {
    }

address {
  font-size: 90%;
  font-style: normal;
  line-height: 1.6;
  }



/* STRONG, EM */
strong,
em {
  font-weight: bold;
  }


/* IMG */
img {
  vertical-align: bottom;
  border:none;
  }

a img {
  padding: 0;
  border: none;
  }


/* TABLE */
table {
  margin:1em 0;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid #ccc;
  width:99%;
  }

table th,
table td {
  text-align:left;
  vertical-align:top;
  padding:.1em .5em;
  border-bottom:1px solid #ccc;
  background: #fff;
  }

table.layout {
  margin: 0;
  border: none;
  width:100%;
  }

table.layout th,
table.layout td {
  border: none;
  padding: 0;
  }



/* Components
-----------------------------------------------------------------*/
.cwsNote {
  color:#f00;
  padding:.2em;
  background:#ffe;
  border:1px solid #f00;
  font-size:xx-small;
  }

.clearleft,
.clearright,
.clearboth {
  display:block;
  height:0 !important;
  width:0 !important;
  overflow:hidden;
  }

  .clearleft {
    clear:left;
    }

  .clearright {
    clear:right;
    }

  .clearboth {
    clear:both;
    }

.replace {
  font-size:1px;
  line-height:1.0;
  text-indent:-9999px;
  display:block;
  height:0 !important;
  overflow:hidden;
  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
  border:none !important;
  }

html>body .replace-png {
  font-size:1px;
  line-height:1.0;
  text-indent:-9999px;
  display:block;
  height:0 !important;
  overflow:hidden;
  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
  border:none !important;
  }

.hide {
  height:0;
  width:0;
  overflow:hidden;
  position:absolute; /* for IE5 Mac */
  border:none !important;
  }

.asterisk {
  font-family:Osaka;
  margin-right: .25em;
  }

.clearfix:after,
ul.horizontal:after,
dl.table:after {
  content: url(img/spacer.gif); 
  display: block; 
  visibility: hidden;
  height: .1px;
  font-size: .1em;
  margin-top: -1px;
  clear: both;
  }

.clearfix,
ul.horizontal,
dl.table {
  display: inline-table;
  *height: 1%;
  }

  /* Hides from IE-mac ¥*/
  * html .clearfix,
    html ul.horizontal,
    html dl.table {
    height: 1%;
    }

  .clearfix,
  ul.horizontal,
  dl.table {
    display: block;
    }
  /* End hide from IE-mac */

  /*
  Clearing a float container without source markup
  http://www.positioniseverything.net/easyclearing.html
  */

ul.horizontal {
  list-style-type: none;
  margin-left: 0;
  }

  ul.horizontal li,
  ul.horizontal a,
  ul.horizontal span,
  ul.horizontal img {
    margin:0;
    display:block;
    float:left;
    border: none;
    }

ul.links,
ol.links {
  margin-left: 0;
  }

ul.links,
ul.links ul,
ol.links ul {
  list-style-type: none;
  }

ul.links ol,
ol.links,
ol.links ol {
  list-style-type: decimal !important;
  }

  ul.links ul,
  ul.links ol,
  ol.links ul,
  ol.links ol {
    margin-left:14px !important;
    }

  ul.links li,
  ol.links li {
    margin:0 0 .125em 0 !important;
    line-height: 1.4;
    }

  ul.links li,
  ol.links li {
    padding:1px 0 1px 14px;
/*     background:transparent url(../../img/cws/links.gif) no-repeat 0 .65em; */
    border:none;
    }

  ul.links a:hover {
    }

ul.inline,
ol.inline {
  margin-left:0 !important;
  list-style-type: none;
  }

  ul.inline li,
  ol.inline li {
    margin-right:5px;
    margin-left:0 !important;
    display:inline;
    padding-right:16px;
    _padding-right:10px;
/*     background:transparent url(../../img/cws/slash.gif) no-repeat center right; */
    }

ul.history {
  list-style-type:none;
  line-height: 1.8;
  margin-left: 0;
  }

  ul.history li {
    display:block;
    }
    
  ul.history p {
    margin:-1.5em 0 0 0;
    padding:0 .2em 0 6em;
    }

ul.caption {
  list-style-type: none;
  list-style-position: outside; 
  font-size: 90%;
  margin-left: 0;
  }

  ul.caption li {
    color:#666;
    line-height: 1.3;
    margin-bottom: 0;
    text-indent: -1.25em;
    margin-left: 1.25em;
    }
  
  ul.caption span.asterisk {
    margin-right: .25em;
    }

dl.table dt {
  float: left;
  clear: left;
  margin: 0;
  padding: 0;
  border: none;
  }

  dl.table dd {
    margin: 0;
    padding: 0;
    border: none;
    }

div.border {
  display: block;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  }


/* Form
-----------------------------------------------------------------*/
form dl {
  margin-left: 0;
  }

form dl dd {
  padding: 0;
  margin-left: 0;
  border: none;
  vertical-align:baseline;
  }

form span.label {
  font-weight: bold;
  }

form .caption {
  margin-top: .5em;
  margin-bottom: .25em;
  }

form span.required {
  color: #f66;
  margin-left: .25em;
  font-size: 80%;
  _font-size:10px;
  vertical-align: super;
  font-weight: normal;
  }

form span.required span.asterisk {
  margin-right: 2px;
  }

form span.public,
form span.nonpublic {
  color: #336;
  font-weight: bold !important;
  margin-left: .75em;
  font-size: 90%;
  letter-spacing: .2em;
  }

form .inline {
  margin-top: 0;
  margin-bottom: 0;
  }

form .inline li {
  background: none;
  padding: 0;
  margin-right: 1.5em;
  }

form label {
  vertical-align: middle;
  }

form label input.radio, 
form label input.checkbox {
  border: none;
  background: transparent;
  vertical-align: middle;
  }

form select {
  margin-right:5px;
  border:1px inset #333;
  padding:1px;
  }

form select option {
  padding-right:15px;
  }

form input.checkbox,
form input.radio {
  margin-right:5px;
  }

form input.text,
form input.tel,
form input.zip,
form input.email,
form textarea {
  font-size: 120%;
  border:1px inset #ccc;
  background: #fff;
  padding:2px 3px;
  vertical-align: middle;
  }

form input.tel,
form input.zip,
form input.email,
form input.password {
  ime-mode:inactive;
  }

form textarea {
  width:90%;
  height:20em;
  }

  form input.text:hover,
  form input.tel:hover,
  form input.zip:hover,
  form input.email:hover,
  form textarea:hover {
    background:#e6e6ee;
    border:1px inset #333;
    }
  
  form input.text:focus,
  form input.tel:focus,
  form input.zip:focus,
  form input.email:focus,
  form textarea:focus {
    background:#e6eee6;
    border:1px inset #333;
    }

form input.company {
  width:20em;
  }

form input.department {
  width:16em;
  }

form input.person {
  width:14em;
  }

form input.tel,
form input.zip {
  width:3em;
  margin: 0 5px;
  }

form input.tel0,
form input.zip0 {
  margin-left:0;
  }

form input.email {
  margin: 0 5px;
  }

  form input.email0 {
    width:8em;
    margin-left:0;
    }
  
  form input.email1 {
    width:12em;
    }

form input.address {
  width:30em;
  }

form input.submit {
  line-height:1.3;
  padding: .25em .5em;
  border:1px outset #ccc;
  background:#e6e6e6;
  margin-right: 5px;
  }

  form input.submit:hover {
    background:#f3f3f3;
    }

  form input.submit:active {
    border:2px inset #ccc;
    background:#f3f3f3;
    }