@charset "UTF-8";
/* CSS Document */

*{
 margin:0;
 padding:0;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,address,form {
margin:0 ;
padding:0;
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
min-width:835px;
}
html,body{
	background-color:#000000;
height: 100% ;

}
a {text-decoration:none;}
img{border-width:0px}

body > #wrapper {
height: auto;
}
a{
	color:#3f26d5;
}

#wrapper {
	min-height:100%;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	background:#000000;
	background-image:url(../images/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#social-button{
	width:950px;
	height:40px;
	margin:0 auto;
	padding-top:20px;
	position:relative;
}

.api{


}

#fbook,#twtiine{
		float:right;
}
#fbook{
		margin-right:20px;
		margin-top:0px;
		}
#twtiine{
	margin-top/*\**/: 3px\9;
	}


#contents{
	width:100%;
	margin:0 auto;
	padding-top:0;/*85px;*/
}

#sm7_area{
  background-color:rgba(106, 99, 135, 0.34);
  background:linear-gradient(to bottom,rgba(106, 99, 135, 0.34),rgba(255,255,255,0.15));
  border:3px #333 solid;
  border-width:0px 0 0 0;
  width:100%;
  padding-top:3%;
}

#sm7_contents{
	width:835px;
	margin:0 auto;
	overflow:hidden;
}

#contents a.title{
	display:block;
	background-position:0 0;
	margin:5px;
	margin-left:11px;
	text-indent:-999px;
	font-size:1px;
	overflow:hidden;
	float:left;
}

#contents a#smusou7e{
	width:810px;
	height:334px;
	background-image:url(../images/smusou7e.jpg);
}

#contents a:hover#smusou7e{
	background-position:0 -334px;
}

#contents a#smusou7m{
	/*width:810px;
	height:371px;*/
	width:400px;
	height:199px;
	background-image:url(../images/smusou7m.jpg);
}

#contents a#smusou7{
	/*width:810px;
	height:159px;*/
	width:400px;
	height:199px;
	background-image:url(../images/smusou7.jpg);
	margin-left:5px;
}

#contents a:hover#smusou7,
#contents a:hover#smusou7m{
	background-position:0 -199px;
}


#contents #info{
	width:810px;
	margin:50px auto 30px auto;
}

#contents #info #info_box{
	text-align:center;
	background-color:#efefef;
	border-radius:10px;
	padding:10px;
	margin-top:-7px;
}




#social-api{
	width:824px;
	margin:0 auto;
	padding-top:30px;
}

#social-api #fb,
#social-api #tw{
	width:400px;
	float:left;
	margin:0 6px;
}

#social-api #fb iframe,
#social-api #tw iframe{
	background-color:#FFF;
	margin-top:-7px;
}

#footer{
	display:block;
	margin:60px auto;
  color:#FFF;
  text-align:center;
  font-size:80%;
}