@charset "utf-8";
/*------------------------------------
  Coder: TORIYAMA Yuko
  Date : 2015/03/27
  Msg  : the mobile page for Vector
------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/* Link
--------------------------------------------- */
a {
  color: #0e69cd;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

/* Structure
--------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  background: #F5F5F5; }

.container {
  width: 96%;
  margin: 0 auto;
  padding: 0;
  position: relative; }

#header {
  width: 100%;
  z-index: 9999;
  /* IE7 and below */ }

#main {
  width: 100%; }

#footer {
  clear: both;
  width: 100%;
  margin: 0 auto; }

/* Wrapper
-------------------------------------------------------------- */
.wrapper {
  font: 1em/1.4 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
  font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  background: #FFF;
  color: #333333;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden; }
  .wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

/* Header
-------------------------------------------------------------- */
#header {
  background-color: #bce3f6;
  padding: 5px 0; }
  #header img {
    width: 100%;
    vertical-align: bottom; }

/* Content
--------------------------------------------- */
#main {
  padding-bottom: 1.6em; }
  #main .article {
    width: 100%;
    word-wrap: break-word;
    padding: 1.6em 0 0;
    overflow: hidden;
    *zoom: 1; }
    #main .article .title {
      display: none;
      margin: 0;
      padding: 0;
      font-size: 1.4rem;
      font-weight: bold;
      line-height: 1.1;
      padding-bottom: 0.8em; }
    #main .article .headline {
      display: none;
      margin: 0 0 0.8em;
      font-weight: bold; }
    #main .article .description {
      display: none; }
    #main .article .btn {
      display: block;
      width: 100%;
      text-align: center;
      background: #bce3f6;
      border: solid 1px #c5e7f7;
      margin: 1.6em auto 0;
      margin: 0.8em auto 0;
      padding: 1em 0;
      line-height: 1;
      color: #4d4d4d;
      font-size: 0.96rem;
      border-radius: 4px;
      text-decoration: none;
      font-weight: bold;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2fafd), color-stop(100%, #bce3f6));
      background-image: -webkit-linear-gradient(top, #f2fafd, #bce3f6);
      background-image: -moz-linear-gradient(top, #f2fafd, #bce3f6);
      background-image: -o-linear-gradient(top, #f2fafd, #bce3f6);
      background-image: linear-gradient(top, #f2fafd, #bce3f6);
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF2FAFD', endColorstr='#FFBCE3F6'); }
      #main .article .btn.detail {
        display: none; }
      #main .article .btn:before {
        display: inline-block;
        content: "";
        width: 1em;
        height: 1em;
        background: url("../images/icon_desktop.png") no-repeat center center;
        background-size: 1em auto;
        padding-right: 0.4em; }
      #main .article .btn:hover {
        color: #525252;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfdfe), color-stop(100%, #c0e5f7));
        background-image: -webkit-linear-gradient(top, #fbfdfe, #c0e5f7);
        background-image: -moz-linear-gradient(top, #fbfdfe, #c0e5f7);
        background-image: -o-linear-gradient(top, #fbfdfe, #c0e5f7);
        background-image: linear-gradient(top, #fbfdfe, #c0e5f7);
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBFDFE', endColorstr='#FFC0E5F7'); }
    #main .article img {
      display: block;
      margin: 0 auto 0.8em;
      max-width: 100%; }
      #main .article img.thumbnail {
        display: none; }
    #main .article ul.top_list {
      list-style: none;
      margin: 0;
      padding: 0; }
      #main .article ul.top_list li {
        margin-bottom: 1.6em;
        padding: 0;
        border-top: solid 1px #dddddd; }
        #main .article ul.top_list li h2 {
          font-size: 1.4rem;
          font-weight: bold;
          border: none;
          margin: 0.8em 0;
          padding: 0; }
    #main .article .ad {
      margin: 1.6em 0; }
      #main .article .ad img {
        margin: 0; }
    #main .article .notfound {
      display: none; }
    #main .article h1, #main .article h2, #main .article h3, #main .article h4, #main .article h5, #main .article h6 {
      margin: 0.7em 0;
      line-height: 1.2;
      font-weight: normal;
      color: #333333; }
      #main .article h1 a, #main .article h2 a, #main .article h3 a, #main .article h4 a, #main .article h5 a, #main .article h6 a {
        color: #333333; }
    #main .article h1 {
      font-size: 2.4rem; }
    #main .article h2 {
      font-size: 2rem; }
    #main .article h3 {
      font-size: 1.8rem; }
    #main .article h4 {
      font-size: 1.6rem; }
    #main .article h5 {
      font-size: 1.4rem; }
    #main .article h6 {
      font-size: 1.2rem; }
    #main .article h2 {
      border-bottom: dashed 1px #333333;
      padding-bottom: 0.4em; }
    #main .article h3 {
      border-left: solid 7px #333333;
      padding-left: 10px; }
    #main .article p {
      line-height: 1.6;
      margin: 0 0 1.6em; }
    #main .article blockquote {
      margin-left: 1em;
      padding-left: 1em;
      border-left: 10px solid #dddddd; }
      #main .article blockquote small {
        display: block;
        line-height: 20px;
        color: #999999; }
      #main .article blockquote small:before {
        content: '\2014 \00A0'; }
      #main .article blockquote cite:before {
        content: "-"; }
      #main .article blockquote cite {
        color: #999999;
        display: block; }
    #main .article table {
      max-width: 100%;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      margin-bottom: 1.6em; }
      #main .article table th,
      #main .article table td {
        border-bottom: 1px solid #dddddd;
        line-height: 1.4;
        padding: 0.8em;
        text-align: left;
        vertical-align: top; }
      #main .article table th {
        border-bottom: 2px solid #dddddd;
        font-weight: bold; }
    #main .article pre {
      border: dashed 1px #dddddd;
      background: #FFF;
      padding: 0.8em;
      margin-bottom: 1.6em;
      line-height: 1.2;
      color: #333333; }
    #main .article code {
      color: #333333;
      padding: 0 2px; }
    #main .article code, #main .article kbd, #main .article pre, #main .article samp {
      font-family: monospace,serif; }
    #main .article hr {
      background-color: #999999;
      border: 0 none;
      height: 1px;
      margin-bottom: 1.6m; }
    #main .article sup, #main .article sub {
      font-size: 80%;
      height: 0;
      line-height: 0;
      position: relative;
      vertical-align: baseline; }
    #main .article sub {
      top: 0.5ex; }
    #main .article sup {
      bottom: 1ex; }
    #main .article em {
      font-style: italic; }
    #main .article strong {
      font-weight: bold; }
    #main .article abbr, #main .article acronym {
      border-bottom: 1px dotted #666;
      cursor: help; }
    #main .article ul,
    #main .article ol {
      margin: 0 0 1.6em 1em;
      padding: 0 0 0 1em;
      line-height: 1.4; }
      #main .article ul li,
      #main .article ol li {
        padding: 0.2em 0; }
      #main .article ul ul,
      #main .article ul ol,
      #main .article ol ul,
      #main .article ol ol {
        margin-bottom: 0; }
    #main .article ul {
      list-style: disc; }
      #main .article ul ul {
        list-style: circle; }
        #main .article ul ul ul {
          list-style: square; }
    #main .article ol {
      list-style: decimal; }
      #main .article ol ol {
        list-style: upper-alpha; }
        #main .article ol ol ol {
          list-style: lower-roman; }
          #main .article ol ol ol ol {
            list-style: lower-alpha; }
    #main .article dl {
      margin: 0 0 1em 0;
      line-height: 1.6; }
      #main .article dl dt {
        font-weight: bold; }
      #main .article dl dd {
        margin: 0 1.5em 1.6em;
        padding: 0; }
    #main .article del {
      color: #C00; }
    #main .article ins {
      text-decoration: none; }
    #main .article dl.meta {
      margin-bottom: 1.6em;
      overflow: hidden;
      *zoom: 1; }
      #main .article dl.meta dt {
        display: none;
        width: 6em;
        text-align: right;
        float: left; }
      #main .article dl.meta dd {
        display: none;
        margin: 0 0 0 6.4em; }

/* Footer
--------------------------------------------- */
#footer {
  position: relative;
  color: #999999;
  border-top: solid 1px #dddddd;
  padding-top: 1em; }
  #footer ul {
    width: 33%;
    float: left;
    font-size: 13px; }
    #footer ul li {
      margin: 0 10px;
      border-bottom: solid 1px #EEE; }
      #footer ul li a {
        display: block;
        color: #999999;
        padding: 3px; }
  #footer .copyright {
    clear: both;
    font-size: 12px;
    padding: 20px 0;
    text-align: center; }
    #footer .copyright a {
      color: #333333; }
  #footer #back-top {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 3; }
    #footer #back-top a {
      background: none repeat scroll 0 0 #dddddd;
      border-radius: 5px 5px 0 0;
      display: block;
      height: 2em;
      width: 7em;
      padding-top: 0.4em;
      opacity: 0.7;
      text-align: center;
      text-decoration: none; }
      #footer #back-top a span {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left; }
      #footer #back-top a:hover {
        text-decoration: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }