@charset "utf-8";

/* # =================================================================
   # BASIC STYLE
   # ================================================================= */

body{
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #222;
    line-height: 2em;
    letter-spacing: 1px;
    text-align: center;
    background: #fff;
}


/* # =================================================================
   # LINK
   # ================================================================= */

a {
    color: #222;
    text-decoration: none;
}
a:hover {
    color: #999;
    text-decoration: none;
}
a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}
a:focus {
    outline: 0;
}

/* # =================================================================
   # IMAGE
   # ================================================================= */

img {
    border: none;
    vertical-align: bottom;
    border-style: none;
}
img.fix {
  width: 100%;
  height: auto;
}

/* # =================================================================
   # TABLE
   # ================================================================= */

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th {
  border-collapse: collapse;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}
table td {
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
}

/* # =================================================================
   # LIST
   # ================================================================= */

  ul,li {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

/* # =================================================================
   # CREAR FIX
   # ================================================================= */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}