﻿/* ヘッダーとフッターを固定しコンテンツをスクロールできるようにするcontainerをスクロールするためのCSS */

body {/*　←ｍａｒｇｉｎ：　0；にしてpaddingでヘッダー分下げる(ヘッダーとフッターを固定しコンテンツをスクロールできるようにする)　*/
	margin: 0;/*　margin: 5px 0 20px 0;/*　←0にしてpaddingでヘッダー分下げる(ヘッダーとフッターを固定しコンテンツをスクロールできるようにする)　*/
	padding: 80px 0 50px 0;/*　←ｍａｒｇｉｎ：　0；にしてpaddingでヘッダー分下げる(ヘッダーとフッターを固定しコンテンツをスクロールできるようにする)　*/
}
* html body{
	overflow: hidden;
}
#fixedheader, .fix-header-container {/*　ヘッダーとフッターを固定しコンテンツをスクロールできるようにする　*/
	padding: 0 15px 0 0;
	position: fixed !important;
	position: absolute;
	top: 0;
	width: 100%;/*　スクロールするコンテンツがヘッダーからはみ出ないようにするため　*/
	height:100%;
	z-index: 2 !important;	
}
#scrolledcontainer .scrolled-container  {/*　ヘッダーとフッターを固定しコンテンツをスクロールできるようにする　*/
	/*overflow: auto;/*　コンテンツをスクロールできるようにする　*/
	position: relative !important;
	top: 0px; 
	z-index: 0
}
#fixedfooter, .fixed-footer-container {/*　フッターを固定しコンテンツをスクロールできるようにする　*/
	padding: 0 15px 0 0;
	position: fixed !important;
	position: absolute;
	bottom: 0;
	width: 100%;/*　スクロールするコンテンツがヘッダーからはみ出ないようにするため　*/
	height:100%;
	z-index: 1 !important;	
}
/* ヘッダーの右下70pxに固定しスクロールしないMenuのためのCSS */
#floatMenu {
	z-index: 1;
	position: absolute; !important;
	text-align: right;
	left: 770px;
	top: 70px;
	width: 10px
}
