@charset "utf-8";

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,blockquote,th,td,
img
{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
list-style-type:none;

}

body {
/* フォントサイズ設定
------------------------------------------------------------ */
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*font-size:small;
*font:x-small;
letter-spacing: 0.1em;
}

.none {
visibility: hidden;
}
.clear {
clear: both;
}

h1,h2,h3,h4,h5,h6 {
font-size: 12px;
}
img {
vertical-align:bottom;
}
.fl-le {
float: left;
}
.fl-ri {
float: right;
}
ul{
list-style: none;
}
table {
border-collapse:collapse;
border:0px;
}


/* フォントサイズ設定
------------------------------------------------------------ */

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.bold{font-weight:bold;}

/* マージン設定
------------------------------------------------------------ */
.ma-t-10 { margin-top: 10px; }
.ma-t-20 { margin-top: 20px; }
.ma-t-30 { margin-top: 30px; }
.ma-t-40 { margin-top: 40px; }
.ma-t-50 { margin-top: 50px; }
.ma-t-60 { margin-top: 60px; }

.ma-b-0 { margin-bottom: 0px !important; }
.ma-b-10 { margin-bottom: 10px; }
.ma-b-15 { margin-bottom: 15px; }
.ma-b-20 { margin-bottom: 20px; }
.ma-b-25 { margin-bottom: 25px; }
.ma-b-30 { margin-bottom: 30px; }
.ma-b-35 { margin-bottom: 35px; }
.ma-b-40 { margin-bottom: 40px; }
.ma-b-45 { margin-bottom: 45px; }
.ma-b-50 { margin-bottom: 50px; }
.ma-b-55 { margin-bottom: 55px; }
.ma-b-60 { margin-bottom: 60px; }
.ma-b-65 { margin-bottom: 65px; }

.ma-r-10 { margin-right: 10px; }
.ma-r-20 { margin-right: 20px; }
.ma-r-25 { margin-right: 25px; }
.ma-r-30 { margin-right: 30px; }
.ma-r-40 { margin-right: 40px; }
.ma-r-50 { margin-right: 50px; }
.ma-r-60 { margin-right: 60px; }

.ma-l-10 { margin-left: 10px; }
.ma-l-15 { margin-left: 15px; }
.ma-l-20 { margin-left: 20px; }
.ma-l-25 { margin-left: 25px; }
.ma-l-30 { margin-left: 30px; }
.ma-l-35 { margin-left: 35px; }
.ma-l-40 { margin-left: 40px; }
.ma-l-45 { margin-left: 45px; }
.ma-l-50 { margin-left: 50px; }
.ma-l-55 { margin-left: 55px; }
.ma-l-60 { margin-left: 60px; }
.ma-l-100 { margin-left: 100px; }


.ma-20 { margin: 20px; }
.ma-0-10 { margin: 0 10px; }


/* CSSハック
------------------------------------------------------------ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix { 
zoom:1;
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */