@charset "UTF-8";

/* -----------------------------------------------------------------------------------------
                                          初期設定
----------------------------------------------------------------------------------------- */

html,body {
	height: 100%;
}

img {
	margin: 0px;
	border: none;
}

body {
	margin: 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 10px; /*62.5%*/
    line-height: 1.5;
    letter-spacing: 0;    
    -webkit-text-size-adjust: 100%;  /* スマホを横向きにすると文字が余計に拡大されるのを防ぐ */
}

html { font-size: 62.5%; } 
body { font-size: 1.0rem; } /* =10px */

p {
	font-size: 1.4rem;
	text-align:justify; /*  両端揃え設定 */
	text-justify:distribute; /*  両端揃え設定 */
	margin-bottom: 1em;
}


/* -----------------------------------------------------------------------------------------
                                          img要素のディセンダー削除
----------------------------------------------------------------------------------------- */
img {
	vertical-align: middle;
}


/* -----------------------------------------------------------------------------------------
                                          リンクテキストのアウトラインを消去
----------------------------------------------------------------------------------------- */

a {
	outline: none;
}

:focus {
  	outline: 0;
}

/* -----------------------------------------------------------------------------------------
                                          フォームのボタンのクリック時の点線を消去
----------------------------------------------------------------------------------------- */
/* Firefox */

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{   
        border : 0px;
}

/* IE8で内側の点線を消す */
input{
    outline:none; 
}


/* -----------------------------------------------------------------------------------------
                                          								clearFix
----------------------------------------------------------------------------------------- */
.cf:after {
    content:"";
    display:table;
    clear:both;
}


/* -----------------------------------------------------------------------------------------
                                          								初期レイアウト
----------------------------------------------------------------------------------------- */
/* コンテナ 高さ100% */
div#container {
	min-height: 100%;
}

/* IE6 */
*html div#container {
	height: 100%;
}


#container {
	width: 100%;
}

header {
	width: 100%;
	border-top: solid 20px #066F93;
	background-color: #00A0E9;
	padding: 20px 0;
	margin-bottom: 80px
}

#header {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
}
	#header h1 {
		display: block;
		width: 172px;
		height: 62px;
		background-image: url(../images/common/logo.png);
		background-size: cover;
		text-indent: -9999px;
		overflow: hidden;
		float: left;
	}
	
	#header h1 a {
		display: block;
		width: 170px;
		height: 61px;
	}



footer {
	background-color: #333;
	color: #fff;
	padding: 10px 0;
}
	footer p {
		text-align: center;
		font-size: 1.2rem;
		margin-bottom: 0;
	}
	
	
	
#content {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto 80px auto;
	background-color: eee;
}

section {
	margin-bottom: 40px;
}


/* -----------------------------------------------------------------------------------------
                                         ページトップ
----------------------------------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 10%;
	right: 5%;
	z-index: 999;
}
	#page-top a {
		background-color: #202935;
		width: 60px;
		height: 55px;
		text-align: center;
		display: block;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		opacity: .5;
		color: #fff;
		font-size: 3.0rem;
		padding-top: 5px;
		border: solid 2px #FFF;
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
		#page-top a:hover {
		background-color: #00A0E9;
		opacity: 1;
		}





@media screen and (max-width: 768px){		/* -------------------------------------------------  768px以下用（iPad）の記述 */
















}



@media screen and (max-width: 480px) {		/* -------------------------------------------------  480px以下用（スマートフォン用）の記述 */
#header h1 {
		float: none;
		margin: 0 auto;
	}
	
	#content {
	margin-bottom: 40px;
}
	
	
/* -----------------------------------------------------------------------------------------
                                         ページトップ
----------------------------------------------------------------------------------------- */
#page-top {
	bottom: 5%;
}
	

}