@charset "utf-8";
/*
====================================================
■ BASE
====================================================
*/
/*
===== reset ===========================
*/
* {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
img {
  vertical-align: top;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
iframe {
  border: none;
}
/*
===== base ===========================
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
  /*18px via YUI Fonts CSS foundation*/

  font-size: 138.5%;
}
h2 {
  /*16px via YUI Fonts CSS foundation*/

  font-size: 123.1%;
}
h3 {
  /*14px via YUI Fonts CSS foundation*/

  font-size: 108%;
}
h1,
h2,
h3 {
  /* top & bottom margin based on font size */

  margin: 0 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  /*bringing boldness back to headers and the strong element*/

  font-weight: bold;
}
abbr,
acronym {
  /*indicating to users that more info is available */

  border-bottom: 1px dotted #000;
  cursor: help;
}
em {
  /*bringing italics back to the em element*/

  font-style: italic;
}
blockquote,
ul,
ol,
dl {
  /*giving blockquotes and lists room to breath*/

  margin: 0;
}
ol,
ul,
dl {
  /*bringing lists on to the page with breathing room */

  margin: 0;
}
ol li {
  /*giving OL's LIs generated numbers*/

  list-style: none;
}
ul li {
  /*giving UL's LIs generated disc markers*/

  list-style: none;
}
dl dd {
  /*giving UL's LIs generated numbers*/

  margin: 0;
}
th,
td {
  /*borders and padding to make the table readable*/

  padding: 0;
}
th {
  /*distinguishing table headers from data cells*/

  font-weight: bold;
  text-align: center;
}
caption {
  /*coordinated marking to match cell's padding*/

  margin-bottom: .5em;
  /*centered so it doesn't blend in to other content*/

  text-align: center;
}
p,
fieldset,
table {
  /*so things don't run into each other*/

  margin: 0;
}



/*
====================================================
■ HTML5 display definitions
====================================================
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}


/*
====================================================
■ COMMON SETTING
====================================================
*/
a {
  color: #000;
  text-decoration: underline;
}
a:visited {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #333;
  text-decoration: none;
}
a:active {
  color: #333;
  text-decoration: underline;
}
/* memo  */
/*#demo1 {font-size:85%;}*//*renders 11px */
/*#demo2 {font-size:100%;}*//*renders 13px *//*#demo3 {font-size:108%;}*//*renders 14px */
/*#demo4 {font-size:123.1%;}*//*renders 16px */
/*#demo5 {font-size:138.5%;}*//*renders 18px */


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

}

img.preload {
  display: none;
}

.numfont{
	font-family: Arial, Helvetica , sans-serif;
}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}