@charset "utf-8";
.body{
  margin-top : 0px;
  text-align : center;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  background-image : url(../images/header_bg.jpg);
  background-repeat : repeat-x;
}
.body01{
  margin-top : 0px;
  text-align : center;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  background-color : #000500;
}
.body02{
  margin-top : 0px;
  text-align : center;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  background-color : #ffffff;
  padding-top : 20px;
}
.body03{
	display: flex;
	flex-direction: column;
}
.body04{
	display: flex;
	flex-grow: 1;
	margin-top : 30px;
	text-align : center;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding-bottom : 30px;
	clear: both;
}
@media screen and (max-width:480px) {
	.body03{
		flex-direction: column-reverse;
	}
}
#container{
  width : 1048px;
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  padding-top : 0px;
  padding-bottom : 0px;
  height : auto;
}
.container{
  width : 1048px;
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  padding-top : 0px;
  padding-bottom : 0px;
}
#container_top{


  margin-top : 0px;
  margin-bottom : 0px;
  width : 1048px;
  height : 200px;
  margin-left : auto;
  margin-right : auto;
  vertical-align : bottom;
}
.imgbox{
  margin-left : 0px;
  width : 960px;
  margin-bottom : 0px;
  margin-top : 0px;
  clear : both;
  height : auto;
}
.imgbox img{
  border-width : 0px 0px 0px 0px;
}
.sub_title{
  width : 1048px;
  height : 44px;
}
.navi_box{
  padding-left : 99px;
  width : 888px;
  height : auto;
  display : inline-block;
  position : relative;
  padding-bottom : 39px;
}
.navi_left_box{
  width : 232px;
  height : auto;
  float : left;
  display : inline-block;
  position : relative;
}
.navi_right_box{
  width : 232px;
  height : auto;
  float : left;
  display : inline-block;
  position : relative;
  margin-left : 90px;
}
.navi_box img{
  border-width : 0px 0px 0px 0px;
}
.navi_text{
  font-size : 16px;
  color : #666666;
  text-align : center;
  width : 232px;
  height : auto;
  clear : both;
  display : inline-block;
  position : relative;
  padding-bottom : 15px;
}
.navi_photo{
  width : 232px;
  height : 200px;
  clear : both;
  display : inline-block;
  position : relative;
  background-color : #ffffff;
}
.navi_box a:hover img {
  filter : alpha(opacity=75);
  -moz-opacity:0.65;
  opacity : 0.65;
  background : #fff;
}
.line_01{
  background-image : url(img/line_01.png);
  background-repeat : repeat-x;
}
.line_02{
  background-image : url(img/line_02.png);
  background-repeat : repeat-x;
}
.menber_sine_up{
  width : 380px;
  height : auto;
  float : left;
  display : inline-block;
  position : relative;
  padding-left : 56px;
}
.menber_login_box{
  width : 275px;
  height : auto;
  float : left;
  display : inline-block;
  position : relative;

  margin-left : 120px;
}
.menber_login{
  width : 275px;
  height : auto;
  clear : both;
  display : inline-block;
  position : relative;
}
.request_pass{
  text-align : center;
  width : 275px;
  height : auto;
  clear : both;
  display : inline-block;
  position : relative;
  font-size : 16px;
  color : #666666;
  padding-top : 15px;
}
.request_pass a{
  color : #666666;
  text-decoration: none;
  border-bottom: solid 2px #0066b3;
}
.request_pass a:hover{
  color : #0066b3;
  text-decoration: none;
  border-bottom: solid 2px #0066b3;
}
@media screen and (max-width:480px) {
	*, *:before, *:after {
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box
	}
	#footer .contents{
		width:100%;
		padding: 0;
	}
	#footer .contents #left{
		display: block;
		margin-bottom: 0 auto 0;
		text-align:center;
		float:none;
	}
	#footer .contents #right{
		display: block;
		margin-bottom: 0 auto 0;
		padding-bottom: 10px;
		text-align:center;
		float:none;
	}
}