@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

/* -------------------------------------------------------------------------------------

	body

------------------------------------------------------------------------------------- */

body {
    margin: 0px;
    line-height: 150%;
    font-size: 86%;
    color: #000;
    font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top:5px solid #53A7FD;
}

a:link {
    color: #000;
    text-decoration: underline;
}

a:visited {
    color: #000;
    text-decoration: underline;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:active {
    color: #000;
    text-decoration: none;
}

/**a:hover{    
    filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}**/

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {    display: block }

/* page */

p {
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
    vertical-align: bottom;
}

ul,
li,
dl,
dt,
dd {
    padding: 0px;
    margin: 0px;
}

.flort-l {    float: left }

.flort-r {    float: right }

.red {    color: #F00 }

.red2 {    color: #990000 }

.err {    color: #F00 }

.ter {    text-align: right }

.color1 {    color: #ff0000 }

.color2 {    color: #4c8413 }

.color3 {    color: #6C3F72 }

.ERR {    color: #cc0000 }

/* --------------------------------------------------
clearfix
-------------------------------------------------- */

/*.clearfix { overflow:hidden; }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {    clear: both }

.clearfix {    zoom: 1 }

/* margin ==================================================================*/

.mrb4 {    margin-bottom: 4px }

.mrb10 {    margin-bottom: 10px }

.mrb15 {    margin-bottom: 15px }

.mrb20 {    margin-bottom: 20px }

.mrb30 {    margin-bottom: 30px }

.mrb40 {    margin-bottom: 40px }

.mrb50 {    margin-bottom: 50px }

.mrb60 {    margin-bottom: 60px }

.mrb100 {    margin-bottom: 100px }

.mrl10 {    margin-left: 10px }

.tec {    text-align: center }

.ter {    text-align: right }