@font-face {
    font-family: 'bitstream_vera_sansroman';
    src: url('../font/vera-webfont.eot');
    src: url('../font/vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/vera-webfont.woff2') format('woff2'),
         url('../font/vera-webfont.woff') format('woff'),
         url('../font/vera-webfont.ttf') format('truetype'),
         url('../font/vera-webfont.svg#bitstream_vera_sansroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/* ===================================
	Cá Et Lá 
	Defalut Style Sheet
	First Update  2015-02-03
	Last Update	  2015-02-03
	Creat by Basic Plus Design Inc.	
=================================== */
/* --------------------------------------------------------------
  1. normalize.css v1.1.2 | MIT License | git.io/normalize
		1-1. HTML5 display definitions
		1-2. Base
		1-3. Links
		1-4. Typography
		1-5. Embedded content
		1-6. Figures
		1-7. Forms
		1-8. Tables
  2. Primary styles
		2-1. Structure Module
		2-2. Link Classes
		2-3. Helper Classes
  3. Print Style
-------------------------------------------------------------- */
/* ===========================================================
    normalize.css v1.1.2 | MIT License | git.io/normalize
============================================================ */
/* ----------------------------------------------------------------------
    1-1. HTML5 display definitions
---------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none; height: 0;}
[hidden], template {display:none;}

/* ----------------------------------------------------------------------
    1-2. Base
---------------------------------------------------------------------- */
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body {margin:0;}

/* ----------------------------------------------------------------------
    1-3. Links
---------------------------------------------------------------------- */
a {background:transparent;}
a:focus {outline:thin dotted;}
a:active, a:hover {outline:0;}

/* ----------------------------------------------------------------------
    1-4. Typography
---------------------------------------------------------------------- */
h1 {font-size:2em; margin:0.67em 0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;}
mark {background:#ff0; color:#000;}
code, kbd, pre, samp {font-family:monospace, serif; font-size:1em;}
pre {white-space:pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

/* ----------------------------------------------------------------------
    1-5. Embedded content
---------------------------------------------------------------------- */
img {border:0;}
svg:not(:root) {overflow:hidden;}

/* ----------------------------------------------------------------------
    1-6. Figures
---------------------------------------------------------------------- */
figure {margin:0;}

/* ----------------------------------------------------------------------
    1-7. Forms
---------------------------------------------------------------------- */
fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend  {border:0; padding:0;}
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input  {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer; }
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding: 0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* ----------------------------------------------------------------------
    1-8. Tables
---------------------------------------------------------------------- */
table {border-collapse:collapse; border-spacing:0;}

/* ===================================
    2. Primary styles 
    Author: Basic Plus Design Inc.
=================================== */
/* ----------------------------------------------------------------------
	2-1. Structure Module
---------------------------------------------------------------------- */
html {margin:0; padding:0; font-size:62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

html, body {height:100%;}

body {
	width:100%;
	font-family:'bitstream_vera_sansroman',"游ゴシック体", "Yu Gothic",YuGothic,Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 13px;
	font-weight:400;
	letter-spacing: 0.15em;
	line-height: 1;
	color: #000;
	background: #F5F5F5;}
	
/* fade-page */
.fade-layer,
body:before{
	content: '';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:99999;
}
body.fade-layer-off:before{
	content: none;
}



img {vertical-align:middle;}
img a, img a:visited, img a:hover, img a:active	{border:0;}
img {max-width:100%; height:auto; width:auto;}

p{
	 text-align: center;
}

/* footer ---------------------------------------------------------- */

footer {width:100%; left:0;  text-align:center; background:#000; color:#FFF; position:fixed; bottom:0; left:0;}