@charset "utf-8";
/* CSS Document */
a {outline:none;}
area:link{outline:none;}
area:active{outline:none;}
area:visited{outline:none;}
a img {outline:none;}
a:focus, button:focus { outline: none; }
body {
	width: 100%;
	overflow:hidden;
	background-color:#fff;
}
#container {
	width: 100%;
	margin: 0 auto 0 auto;
}
/* HEADER
----------------------------------------------------------- */
#header{
  position:relative;
  width:100%;
  box-shadow:0 0 12px rgba(0,0,0,.75);
  z-index:999;
}
#wrapper .head_wh{
  background:#fff;
}
#wrapper .head_bk{
  background:#000;
}
#wrapper .head_bl{
  background:#19a9eb;
}
#header_inner{
  width:980px;
  height:40px;
  margin:0 auto;
  zoom: 1;
}
#header_inner h1{
  float:left;
}
#header_inner h1 a{
  text-indent:100%;
  white-space:nowrap;
  overflow: hidden;
  display:block;
  height:40px;
  width:49px;
  margin-right:15px;
  background:url(/images/logoNewgin_s.png) no-repeat;
}
#header_inner .fb,
#header_inner .tw{
  float:right;
  margin-top:10px;
  overflow:hidden;
}
#header_inner .tw{
  margin-right:10px;
}
.fb-like span {
  vertical-align: top !important;
}
.logo {
	display:block;
	width:60%;
	height:auto;
	margin:1% 0 3% 3%;
}
.logo img{
	max-width: 60%;
	height:auto;
}
.title {
	display:block;
	width:100%;
	height:auto;
	text-align: center;
	margin:0 0 3% 0;
}
.title img{
	width: 100%;
	height:auto;
}
.contents{
	float: left;
	width: 100%;
	height:auto;
	padding:0 0 7% 0;
	text-align:center;
	display: block;
}
.reed img{
	width: 100%;
	height:auto;
}

.img01 img{
	width: 100%;
	height:auto;
	float: left;
	display: block;
	margin: 0 0 0 0;
}

.contents01{
	float: left;
	width: 94%;
	height:auto;
	padding:0 3% 0 3%;
	text-align:center;
	display: block;
}
.contents01 p.title01{
	float: left;
	width: 100%;
	padding:0 0 5% 0;
	text-align:center;
	display: block;
}
.title01 img{
	max-width: 100%;
	height:auto;
}
.contents01 p.title02{
	float: left;
	width: 100%;
	padding:5% 0 0 0;
	text-align:center;
	display: block;
}
.title02 img{
	max-width: 100%;
	height:auto;
}
.contents01 p.title03{
	float: left;
	width: 100%;
	padding:5% 0 0 0;
	text-align:center;
	display: block;
}
.title03 img{
	max-width: 100%;
	height:auto;
}
.contents01 p.title04{
	float: left;
	width: 100%;
	padding:5% 0 0 0;
	text-align:center;
	display: block;
}
.title04 img{
	max-width: 100%;
	height:auto;
}

p.video {
	width:90%;
	height:auto;
	margin: 0 5% 5% 5% ;
	position: relative;
    padding-top: 50%;
	display: block;
	float: left;
}
p.video iframe{
	position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.copy{
	width: 100%;
	float: left;
	padding: 5% 0 5% 0;
}
.copy img{
	max-width: 100%;
	height:auto;
}

footer{
	clear:both;
	width: 100%;
	background-color:#000;
	text-align:center;
	padding:2% 0;
	color:#b2b2b2;
}