body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}

body{
	padding: 0;
	/* 画像ファイルの指定 */
	background-image: url("../images/index.jpg");
	/* 画像を常に天地左右の中央に配置 */
	background-position: center center;
	/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
	/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #FFFFFF;
}


address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

ul li {
	list-style-type: none;
}


#wrapper {
	margin-top: 10%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	width: 100%;
	background-color: rgba(255,255,255,0.00);
}
	

h1 {
	font-size: 150%;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 4em;
  word-break: keep-all;
  word-wrap: break-word;
  }
	

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #c00;
}
a:active {
	text-decoration: underline;
	color: #c00;
}


/*---------------------------------------------
	アイコンをボタンっぽく表示
  ---------------------------------------------*/

.iconbtn {
	font-weight: bold;
	font-size: 120%;
	background-color: #A7A7A7;
	color: #fff;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	padding: 2px 4px;
	margin: 2px;
}



/* ------ Footer ------ */

footer {
	width: 100%;
	background-image: none;
	margin-top: 200px;
}



#footer-inner {
	background-image: none;
	text-align: center;
}


/* ------ スマフォ対応 ------ */
@media only screen and (max-width: 539px) {
  body {
	background-image: url("../images/index_sp.jpg");
  }
	



	#gnav nav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	}

	#gnav nav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
	}

	#gnav nav ul li {
		float: left;
		width: 50%;
		*width: 49.9%;
	}


	
a:hover img {
	margin-top: 0px;
}


}