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

/*======================[  RESET ]*/

/* http://meyerweb.com/eric/tools/english/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*======================[  BASE  ]*/

html {
overflow-y:scroll;
height: 100%;
}

body {
height: 100%;
background: #fff;
color: #444;
font-size: 14px;
font-family: 'Lato', sans-serif;text-align: left;
}

p, br, h1, h2, h3, h4, h5, h6 {
line-height: 1;
}

a, a:visited { text-decoration: none; }

a:hover, a:active { text-decoration: none }

ul, li { list-style: none; font-family: inherit; }

img {
border: none;
vertical-align: text-bottom;
}

button {
font-family: 'Lato', sans-serif;
}

/*======================[ TEXT ]*/
.txt10 {
font-size: 10px;
}
.txt11 {
font-size: 11px;
}
.txt12 {
font-size: 12px;
}
.txt13 {
font-size: 13px;
}
.txt14 {
font-size: 14px;
}
.txt15 {
font-size: 15px;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 18px;
}
.txt20 {
font-size: 20px;
}

.lh1 {
line-height: 1;
}
.lh2 {
line-height: 1.2;
}
.lh3 {
line-height: 1.4;
}
.lh4 {
line-height: 1.7;
}
.lh5 {
line-height: 2;
}

.notice {
color: #c80000;
font-weight: 700;  
}

.bold {
font-weight: 700;
}

.left {
text-align:left;
}
.right {
text-align:right;
}
.center {
text-align:center;
}
.top {
vertical-align:top;
}
.middle {
vertical-align:middle;
}
.bottom {
vertical-align:bottom;
}

/*======================[ MARGIN,PADDING ]*/
.mg-auto {
margin-right: auto;
margin-left: auto;
}
.mg-0 {
margin: 0px;
}
.mg-3 {
margin: 3px;
}
.mg-5 {
margin: 5px;
}
.mg-10 {
margin: 10px;
}
.mg-12 {
margin: 12px;
}
.mg-20 {
margin: 20px;
}

.mg-t3 {
margin-top: 3px;
}
.mg-t5 {
margin-top: 5px;
}
.mg-t10 {
margin-top: 10px;
}
.mg-t12 {
margin-top: 12px;
}
.mg-t20 {
margin-top: 20px;
}

.mg-b3 {
margin-bottom: 3px;
}
.mg-b5 {
margin-bottom: 5px;
}
.mg-b10 {
margin-bottom: 10px;
}
.mg-b12 {
margin-bottom: 12px;
}
.mg-b20 {
margin-bottom: 20px;
}

.mg-l3 {
margin-left: 3px;
}
.mg-l5 {
margin-left: 5px;
}
.mg-l10 {
margin-left: 10px;
}
.mg-l12 {
margin-left: 5px;
}
.mg-l20 {
margin-left: 20px;
}

.mg-r3 {
margin-right: 3px;
}
.mg-r5 {
margin-right: 5px;
}
.mg-r10 {
margin-right: 10px;
}
.mg-r12 {
margin-right: 12px;
}
.mg-r20 {
margin-right: 20px;
}

.pd-3 {
padding: 3px;
}
.pd-5 {
padding: 5px;
}
.pd-10 {
padding: 10px;
}
.pd-12 {
padding: 12px;
}
.pd-20 {
padding: 20px;
}

.pd-t3 {
padding-top: 3px;
}
.pd-t5 {
padding-top: 5px;
}
.pd-t10 {
padding-top: 10px;
}
.pd-t12 {
padding-top: 12px;
}
.pd-t20 {
padding-top: 20px;
}

.pd-b3 {
padding-bottom: 3px;
}
.pd-b5 {
padding-bottom: 5px;
}
.pd-b10 {
padding-bottom: 10px;
}
.pd-b12 {
padding-bottom: 12px;
}
.pd-b20 {
padding-bottom: 20px;
}

/*======================[  FLOAT  ]*/
.float-l {
float: left;
}
.float-r {
float: right;
}
.float-n {
float: none;
}
.hidden {
overflow: hidden;
}

/*======================[  WINDOW FADE  ]*/

#fade {
position:absolute; /* ie6 */
position:fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
}

.idt-999 {text-indent: -9999px;}