@charset "UTF-8";

html, body, div, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
center, hr, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
    font:13px/1.231 Arial,Verdana,Helvetica,sans-serif;
    *font-size:small;
    *font:x-small;
}
area { outline:none; }

.header-bar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    background: #fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    background: -moz-linear-gradient(0% 100% 90deg, #eee, #fff);
    border-bottom: 3px solid #000;
}
#headerColumn { height:38px; }

#contentsHeader .home a,
#contentsHeader .home a:visited { text-decoration:underline;color:#333; }
#contentsHeader .home a:hover { color:#2980b9; }

.contact-head { font-size:19px; }
.contact-head span { font-size:14px;color:#2980b9; }

#copyright {
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    font-size: 100%;
    font-family: "Source Sans Pro", helvetica, arial, sans-serif;
    font-weight: 300;
    color: #aaa;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #ccc;
}
.site-contact {
    float: left;
    width: 482px;
    margin: 0 0 4px 16px;
    border: 0;
    display: block;
    text-align: right;
    height: 55px;
    line-height: 55px;
}
.site-contact a {
    display: inline-block;
    margin: 13px 0 0 0;
    padding: 8px 60px;
    line-height: 1em;
    border-radius: 8px;
    text-decoration: none;
    background: #efefef;
    color: #666;
    border: 1px solid #d7d7d7;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);

}
.site-contact a:hover,
.site-contact a:active { background:#ddd; }

#contact input[type="submit"],
#contents_bg input[type="submit"] {
    font-size:1em;
    font-weight:normal;
    color:#555;

    padding:0 16px 0 16px;
    height:36px;
    line-height:36px;
    vertical-align:middle;

    text-align:center;
    vertical-align:middle;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);

    background-color:#f5f5f5;
    *background-color:#e6e6e6;
    background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat:repeat-x;

    border:1px solid #cccccc;
    *border:0;
    border-color:#e6e6e6 #e6e6e6 #bfbfbf;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color:#b3b3b3;

    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    outline: none;
    cursor: pointer;
}
#contact input[type="submit"]:focus {
    outline:0;box-shadow:0 0 5px rgba(51,153,255,0.5); 
}
#contact p.txtfie02 {
    margin-bottom: 8px;
}

.licensee-mark {
    float: left;
    width: 482px;
    margin: 0 0 4px 0;
    border: 0;
    color: #999;
    font: normal 85% sans-serif;
}
.licensee-mark img {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: bottom;
}
.licensee-mark span {
    display: inline-block;
    vertical-align: bottom;
}

ul.notice {
    width : 500px;
}
ul.notice li {
    font-size : 11px;
    color     : #666;
    line-height : 1.5em;
}
/* =======================================
   media queries
   ======================================= */
/* smartphone 30em */
@media screen and (max-width:30em) {

  /* common */
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  html, body { width:100%;height:auto;margin:0;padding:0;background:none; }
  #container { width:100%;margin:0;padding:0; }

  /* header */
  #headerColumn { height:36px;line-height:36px; }
  #headerColumn h1.logo { margin:0 auto;padding:8px 0 0 0;width:320px;text-align:center; }
  #headerColumn h1.logo img { max-width:300px !important; }
  .renewal201103 #headerArea h1.logo { float:none; }

  /* language selection */
  #header { width:100%; }
  #siteFunction { width: 100%; }
  #siteFunction #langSelect { position:relative;top:auto;right:auto;margin:0 auto;width:100%; }
  #siteFunction #langSelect { text-align:center;margin:0 auto;padding:0;width:320px;height:28px; }
  #siteFunction #langSelect > li { text-align:center;margin:0;padding:0;width:160px;height:28px;background-size: 320px 128px; }
  #siteFunction #langSelect > li.lang-ja-ja { background-position: 0 0; }
  #siteFunction #langSelect > li.lang-ja-en { background-position: -160px 0; }
  #siteFunction #langSelect > li.lang-ja-ja:hover { background-position: 0%   0%; }
  #siteFunction #langSelect > li.lang-ja-en:hover { background-position: -160px -32px; }
  #siteFunction #langSelect > li.lang-en-ja { background-position: 0 -64px; }
  #siteFunction #langSelect > li.lang-en-en { background-position: -160px -64px; }
  #siteFunction #langSelect > li.lang-en-ja:hover { background-position: 0%   -96px; }
  #siteFunction #langSelect > li.lang-en-en:hover { background-position: -160px -96px; }

  /* contact form */
  #contents { padding:16px 10px 0 10px;width:100%; }
  #contentsHeader { width:100%; }
  #msbox { padding-left:0; }
  #contact { width:100%;padding:20px 10px; }
  div.section { margin-bottom:0; }
  div.section > p, .last { margin-bottom:20px;font-size:110%;line-height:1.4em; }
  .txtfie02, .txtfie03 { width:100%;border-radius:0; }
  #contact p { font-size:110%; }

  /* error */
  #primary { width:100%; }
  div.formArea { padding:20px 10px; }
  .formArea dl dd input { width:100%; }

  /* complete */
  #contentsBody { width:100%;padding:0 0 60px 0; }

  /* submit button */
  #contact input[type="submit"], #contents_bg input[type="submit"] { width:100%;font-size:110%; }
  .submitArea2 { margin-bottom:0; }

  /* footer */
  #footer { width:100%;margin-top:20px;padding:0 10px; }
  #copyright { margin:0;padding:0;border-top:1px solid #ccc;height:40px;line-height:40px;font-size:110%;font-family: "Source Sans Pro", helvetica, arial, sans-serif;font-weight:300;color:#aaa;letter-spacing:1px; }
  .licensee-mark { margin:0;padding:0;text-align:center;width:100%; }
  .site-contact { margin:20px 0 0 0;padding:0;text-align:center;width:100%; }
  .site-contact a { padding:8px 4px;width:100%;font-size:110%; }

}