@charset "UTF-8";
/* =================　共通　================= */
html {-webkit-text-size-adjust: 100%}
body{
	margin: 0;
	background-color:white;
	text-align:center;
	font-size:100%;
}
.wrapper{
	width:100%;
	max-width:1133px;
	min-width:400px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;	 
}
.wrapper2{
	width:100%;
	max-width:1133px;
	min-width:400px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;	
	line-height:200%; 
}
.wrapper2 a:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"; 
}
.head_logo{
	float:left;
}
.head_logo a:hover{
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#bg_glay{
	background:url(../images/top/bg_head.png)left top repeat-x;
	width:100%;
	padding-top:40px;
}
#head_wrap{
	width:100%;
	float:left;
	padding:5% 0% 6% 0%;
}
.head_wrap_inner{
	border-bottom:2px solid #999;
	

}

#main{
	width:100%;
	text-align:center;
	float:left;
}
#main img{
	max-width:100%;
}

.foot_soclal_big{
	display:none;
}
#footer{
	text-align:center;
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
}
.foot_nav{
	margin-left:34%;
}
.foot_nav li{
	float:left;
	width:12%;
	border-left:1px solid #CCC;
	text-align:center;
	margin-top:10px;
	font-size:50%;
	line-height:300%;
}
.foot_nav li a:hover{
	background-color:#CCC;
}
.foot_social{
	padding:10px 0px;
}
.mar_r_mail{
	margin-right:85%;
}
.foot_home{
	margin-left:3%;
}
#menu{
  list-style-type: none;
  width: 634px;
  height: 40px;
  margin: 50px auto;
  padding: 0;
}
#menu li{
  position: relative;
  width: 16.66%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align:middlel;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 12px 0 12px;
  color: #000;
  font-size: 50%;
  font-weight: normal;
  text-decoration: none;
}
#menu li:hover > a{
  background: #696969;
  color: #ffffff;
}

#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width:100%;
}
#menu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  z-index:100;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #696969;
  text-align: center;
  font-size: 50%;
  font-weight: normal;
}

#menu li:hover ul li{
  overflow: hidden;
  height: 34px;
  border-top: 1px solid #ffffff;
}
.socilal_head{
	float:right;
	margin-right:10%;
}
.b_left{
	  border-left:1px solid #CCC;
}
.b_right{
	  border-right:1px solid #CCC;
}
/* =======================================

	CommonElements

======================================= */
a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000;}

h1 {
	margin-bottom: 20px;
	padding: 10px 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
h2 {
	padding: 30px 0;
	width: 100%;
	font-size: 12px;
}

#container {
	width: 100%;
	text-align: center;
}

/* .viewer
------------------------- */
.mainView {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.mainView ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.mainView ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.mainView ul li img {
	width: 100%;
}

.thumbNail{
	display:none;
}

@media screen and (max-width: 1024px) {
html {-webkit-text-size-adjust: 160%}
#menu{
  list-style-type: none;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
}
#menu li{
  position: relative;
  width: 24%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align:middlel;
  font-size:200%
}
#menu li:hover ul li{
  overflow: hidden;
  height: 100%;
  border-top: 1px solid #ffffff;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #696969;
  text-align: center;
  font-size: 30%;
  font-weight: normal;
}
.socilal_head{
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	text-align:center
}
.socilal_head img{
    padding-left:2%;
	width:10%;
}
.foot_nav li{
	float:left;
	width:48%;
	border-left:1px solid #CCC;
	text-align:center;
	margin-top:20px;
	font-size:130%;
	line-height:300%;
}
.foot_nav{
	margin-left:0%;
}
.foot_home{
	font-size:130%;
	margin-bottom:10px;
	margin-left:3%;
}
.head_logo{
	float:left;
	width:100%;
}
.head_logo img{
	width:90%;
	padding:10% 5% 5% 5%;
}

.foot_social{
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	text-align:center
}
.foot_social img{
	width:10%;
	padding-left:2%;
}
}