@charset"utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,
form, label,table, caption, tbody, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section,
audio, video {
    margin:0;
    padding:0;
    display: block;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    box-sizing: -webkit-border-box;
    box-sizing: -moz-border-box;
    box-sizing: border-box;
}

body {
    line-height:1;
    letter-spacing: 1px;
}
img {
  max-width: 100%;
}
ul {
    list-style:none;
    padding: 0;
}
p,h1,h2,h3,div {
  word-wrap: break-word;
}
a {
    margin:0;
    padding:0;
    text-decoration: none;
/*    vertical-align:baseline;*/
}
table {
    border-collapse:collapse;  /*隣接するセルのボーダーを重ねて表示します。separateだと隣接するボーダーとの間隔をあける*/
    border-spacing:0;           /*separateの時の間隔をあける*/
}


/********************    clearfix       ************************/
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
/*******************    ie 対策用clearfix    ***********************************/
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


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


/***********　　　float　を使わないでナビゲーション作成するソース
ul {text-align: center;}     <!-- ul の中身を中央揃えにして -->
li {display: inline-block;}  <!-- li をインラインブロックで表示して -->
a  {display: block;          <!-- a をブロックで表示して -->
    width: 40px;}            <!-- a に幅を指定 -->
************/