#topimg{
	max-width: 1200px;
	margin: 0em auto;
 }

.button {
	display: inline-block;
	width: 200px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	
	/*************************************************************************************
	outlineプロパティは、アウトラインのスタイル・太さ・色をまとめて指定する際に使用します。
	borderプロパティとは異なり、outlineプロパティには上下左右の概念はありません。 
	アウトラインをつける（縁取りをする）対象が丸い場合には、アウトラインも丸くなります。
	*************************************************************************************/
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	
	/*********************************************************
	「box-sizing」はボックスサイズの算出方法を指定する 
	content-box
	パディングとボーダーを幅と高さに含めない（初期値）
	border-box
	パディングとボーダーを幅と高さに含める
	inherit
	親要素の値を継承する
	**********************************************************/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	/*transitionで変化を設定 これにより滑らかに動く*/
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}


/* btn2 */
.btn2 {
	background-color: #005;
	border: 2px solid #003;
        border-radius: 7px;
	color: #fff;
	line-height: 28px;
}
.btn2:hover {
	background-color: #fff;
	border-color: #007;
        border-radius: 7px;
	color: #005;
}



#close {


 border-radius: 20px;
 margin-left:auto;
 margin-right:auto;


}