@charset "EUC-JP";

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, caption, tr, th, td, img, form, div {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	list-style-type: none;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,sans-serif;
	line-height:1.5em;
	color:#222;
}
img {
	vertical-align: bottom;
}
.clearfix {width:100%;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

body {
	width: 100%;
	font-size:12px;
	text-align:center;
	background-color:#333;
}
#bg_top_body {
	width: 100%;
	background: #333;
	height:950px;
  background: url("../images/top_bg.jpg") repeat-x center top;
}
#bg_top_main {
	width: 100%;
	background: url("../images/top_main.png") no-repeat center 100px;
}
#wrapper {
	width: 100%;
	text-align:left;
	position:relative;
}

.line {
  background: url("../images/line.png") repeat-x center top;
  width: 100%;
  height: 24px;
  position: absolute;
  top: 0;
}

#GP, #GC, #MU {
  width: 100%;
  position: relative;
  background: url("../images/bg.jpg") repeat-y center top;
}

.gp-wrap, .gc-wrap, .mu-wrap{
  width: 1150px;
  margin: 0 auto;
  padding: 70px 0;
  text-align: center;
}

.gp-wrap img, .gc-wrap img, .mu-wrap img{
  margin-bottom: 20px;
}

a#infotopLogo {
	display: block;
	height: 44px;
	left: 0;
	position: absolute;
	top: 0;
	width: 145px;
}
.gnav_top {
	padding-top: 630px;
  width: 1150px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.gnav_top li {
	
}


.social_btn_top {
	height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 25px;
	width: 350px;
	float: right;
	padding: 0;
}
.social_btn_top .twitter {
	display: inline;
	float: right;
	margin: 0 5px;
	padding: 0;
	width: 80px;
}
.social_btn_top .facebook {
	display: inline;
	float: right;
	margin: 0 5px;
	padding: 0;
	width: 120px;
}
.social_btn_top .plus1 {
	display: inline;
	float: right;
	margin: 0 5px;
	padding: 0;
	width: 60px;
}

.award {
  margin-top: 20px;
  text-align: center;
}

#facebook{
	width: 800px;
  text-align:center;
	margin-top: 55px;
}

#footer {
	clear: both;
	line-height: 2em;
	padding-top: 20px;
	text-align: center;
	color:#fff;
	height: 60px;
}

#footer a{
	color:#fff;
	text-decoration:none;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media only screen and (max-width: 768px) {
#bg_top_body {
    height: 850px;
}
#bg_top_main {
    background-size: 98% auto;
}
.gnav_top {
  padding-top: 600px;
  width: 100%;
  margin: 0 auto;
  }
.gnav_top img {
	width: 90%;
  height: auto;
}
.gp-wrap, .gc-wrap, .mu-wrap{
  width: 100%;
}
.sp-width{
  width: 90%;
}
}