/*===================================================================
  reset
===================================================================*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td, pre, form, fieldset, p, blockquote, iframe{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,table,tr,th,td,article,aside,header,footer,section,nav{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input, textarea{
  margin:0;
  padding:0;
  font-size:100%;
}
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
  font-size:100%;
}
ul, ol{ 
  list-style:none;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
  width:100%;
}
fieldset, img{
  border:0;
  vertical-align:top;
}
address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal;
  font-weight:normal;
}
em, strong{
  font-weight:bold;
}
caption, th{
  text-align:left;
}

/* ------ link ------ */
/*a{
  outline:none;
  background-color:transparent;
  color: #1451a7;
  text-decoration:none;
}
a:link,
a:visited{
  color: #1451a7;
  text-decoration:none;
}
a:hover,
a:active{
  color:#2a57a3;
  text-decoration:underline;
}*/
a:active{
  /text-decoration:none;
}

a span{
  cursor:pointer;
}

/* ------ clearfix ------ */
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}