@charset "utf-8";
/* ===================================================================
CSS information

 style info :共通項目のレイアウト
=================================================================== */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.right {
float:right;
display:inline;
}

.left {
float:left;
display:inline;
}

.left2 {
float:left;
}

.inlineonly {
display:inline;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width: 1000px;
	margin:0 auto 6px;
	overflow: visible;
	letter-spacing: 0;
	}

/* ---
	#header #logo img {
		margin: 30px 0 0 10px;
	}
--- */	
	#header #logo2 img {
		/*margin-top: 0px;*/
		margin: 0 0 0 0px;
		/*いずれにしてもtopの0がきいてこない　なぜだろう*/
	}	

/* -----------------------------------------------------------
トライアル
	#header img {
		margin: 30px 0 0 10px;
	}
だと画像が崩れる
でもhtml 中で　#logo　を　#logo2にして上記#logoへの指定を残したらうまくいった・・・なぜだろう

	
----------------------------------------------------------- */	
	
/* -----------------------------------------------------------
	#gn
----------------------------------------------------------- */

#globalNavi	{ 
	margin:0 0 0 0px;
}

#subnavi {
margin:0 0 0 243px;
}

#subnavi img {
margin:0 0 0 0px;
}

/* -----------------------------------------------------------
	#container
----------------------------------------------------------- */
#container {
background:#fff;
margin:0 auto;
width:960px;
padding:0 20px;
min-height:300px;
height: auto !important;
height:300px;
}

/* -----------------------------------------------------------
	#container
----------------------------------------------------------- */
#container2 {
background:#99ccff;
margin:0 auto;
width:960px;
padding:0 20px;
min-height:300px;
height: auto !important;
height:300px;
}


/* -----------------------------------------------------------
	#flash
----------------------------------------------------------- */
#flash {
margin:0 auto;
width:1000px;
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
	clear: both;
	background:url(../img/footer_bg.gif) repeat-x #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}

	#footer .copyright {
		color: inherit;
	}

	.footer-nav {
		display: flex;
		justify-content: end;
		align-items: center;
		font-size: 15px;
	}
	.footer-nav li {
		margin: 0.5em;
	}
	.footer-nav a {
		color: #666;
		transition: opacity 0.3s;
	}
	.footer-nav a:hover {
		opacity: 0.8;
	}
	.footer-facebook a, 
	.footer-twitter a,
	.footer-instagram a {
		font-size: 22px;		
	}
	.footer-facebook a,
	.footer-facebook a:hover{
		color: #3C5A99;
	}
	.footer-twitter a,
	.footer-twitter a:hover{
		color: #1DA1F2;		
	}
	.footer-instagram a,
	.footer-instagram a:hover {
		color: #f13f79;
	}

/* -----------------------------------------------------------
	javascriptオフ時の表示
----------------------------------------------------------- */	

noscript {
	position: absolute;
	top: 20px;
	left: auto;
	width: 100%;
	text-align: center;
}

/* -----------------------------------------------------------
	ページtop
----------------------------------------------------------- */

a {
	color: #0092c7;
	text-decoration: underline;
}

a:visit {
	color: #3399FF;
}

a:hover {
	color: #99CCFF;
}