@charset "utf-8";

body {
	color: #333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 83%;
	line-height: 1.4;}

/* --- link --- */
a:link {
	color: #0066cc;
	text-decoration:none;}

a:visited { color: #0066cc;}

a:active { color: #cc6633;}

a:hover {
	color:#50bdc8;
	text-decoration:underline;}


/* ------------------------------
	
	logo

------------------------------ */
#logo_img{
	margin-right:5px;
	float:right;}

.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

------------------------------ */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;}

.cf:after {
    clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;}


/* ------------------------------
	
	content

------------------------------ */
header {
	position: fixed;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	z-index: 100;
}

#haed_inner {
	margin: 0;
	padding-top: 10px;
	overflow: hidden;
}
h1 {
    margin: 0;
    padding: 0 10px;
    width: 75px;
    float: left;
}
h1 img {
    width: 100%;
}

#copyright{
	margin:20px auto 0;
	text-align:center;}


/* ------------------------------
	
	share

------------------------------ */
#share {
    padding: 10px 0px 0;
    width: 90px;
    position: static;
    float: left;
}

#share li {
    width: 40px;
    display: inline-block;
}


/* ------------------------------
	
	page-top

------------------------------ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 15px;}

#page-top a{
    width: 80px;
    text-align: center;
    display: block;
    border-radius: 5px;}