@charset "UTF-8";
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.clear {
	both: clear;	
}
/* ===== Initializr Styles ==================================================*/

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
	background-color: #FFF;
}

ul {
    margin: 0;
    padding: 0;
	list-sytle: none;
	list-style-type: none;
}

/* ==============
    Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}


/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 100%;
        margin: 0 auto;
		text-align: left;
    }
	
/* ====================
    header
   ==================== */

    .header-container {
		width: 100%;
		margin: 0;
		padding: 0;
    }
	
	header {
		width: 100%;
		margin: 0;
		padding: 0;
	}
/* ============
    Main
   ============ */

    article {
    }
	

/* ============
    footer
   ============ */
   footer {
		width: 100%;
		padding: 0.8em 0;
		background-color: #204357;
	}
	
	footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	footer li {
		margin: 0;
		padding: 0;
	}
	footer li.copy {
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		text-align: center;
		color: #FFF;
	}


/* ==========================================================================
   Helper classes
   ========================================================================== */

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* page-top */
	#page-top {
		position: fixed;
		bottom: 2%;
		right: 2%;
		font-size: 0.7em;
		z-index: 200;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	#page-top a {
		background: #000;
		text-decoration: none;
		color: #fff;
		width: 50px;
		padding: 12px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		line-height: 120%;
	}