.menu_logo{
	width: 100%;
	padding: 10px 0px 0px 0px;
	display: list-item;
	overflow: auto;
	background-color: white;
	z-index: 100;
	position: relative;
	background-image: url(../images/normal_mode/bg.jpg);
}
.logo_icon{
	width: 22%;
	float: left;
	padding: 5px 0px 4% 15px;
	left: 0%;
	height: auto;
}
.menu_icon{
	width: 40%;
	float: right;
	margin-top: 0px;
	padding:0px 0px 10px 0px;
	cursor:pointer;
}
/*menu*/
.menu{
	top: -600px;
	width: 100%;
	height: auto;
	/*display: none;*/
	position: absolute;
}
.menu1{
	width: 50%;
	height: auto;
	float: left;
	display: block;
	/*display: none;*/
}
.menu2{
	width: 50%;
	height: auto;
	float: left;
	display: block;
	/*display: none;*/
}


/*飾り罫*/

.line{
	width: 100%;
	height: auto;
	float: left;
}
.line2{
	background-color: white;
	width: 100%;
	height: auto;
}
.shadow{
	width: 100%;
	height: auto;
	float: left;
}
/*本文*/
.article{
	width: 100%;
	height: auto;
}
.normal_mode01{
	width: 100%;
	height: auto;
}
.normal_mode02{
	width: 100%;
	height: auto;
}
iframe {
    position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
/* copyright */
.copy{
	width: 100%;
	height: auto;
	position: absolute;
	opacity: 1;
	visibility: inherit;
	z-index: -1;
}
/* sns */
.sns{
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 200px;
	top: 4px;
}
.sns_01{
	height: auto;
	float: left;
	width: 100px;
	position: relative;
	text-align: center;
}
.sns_02{
	height: auto;
	float: left;
	width: 100px;
	position: relative;
	text-align: center;
}

html,body{
	margin:0;
}
img {
	max-width: 100%;
	height: auto;
	width: 100%;
	display: block;
}
/*メニュー navi1*/
.navi01 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi01_on.jpg);
	display: block;
	background-size: cover;
}
.navi01 {
	display: block;
}
.navi01 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
	width: auto;
}
.navi01 a:hover img {
	visibility: hidden;
	display: block;
}

/*メニュー navi2*/
.navi02 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi02_on.jpg);
	display: block;
	background-size: cover;
}
.navi02 {
	display: block;
}
.navi02 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi02 a:hover img {
    visibility: hidden;
	display: block;
}

/*メニュー navi3*/
.navi03 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s_navi03_on.jpg);
	display: block;
	background-size: cover;
}
.navi03 {
    display: inline-block;
	display: block;
}
.navi03 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi03 a:hover img {
    visibility: hidden;
	display: block;
}

/*メニュー navi4*/
.navi04 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi04_on.jpg);
	display: block;
	background-size: cover;
}
.navi04 {
	display: block;
}
.navi04 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi04 a:hover img {
    visibility: hidden;
	display: block;
}

/*メニュー navi5*/
.navi05 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi05_on.jpg);
	display: block;
	background-size: cover;
}
.navi05 {
	display: block;
}
.navi05 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi05 a:hover img {
    visibility: hidden;
	display: block;
}

/*メニュー navi6*/
.navi06 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi06_on.jpg);
	display: block;
	background-size: cover;
}
.navi06 {
	display: block;
}
.navi06 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi06 a:hover img {
	visibility: hidden;
	display: block;
}

    /*メニュー navi7*/
.navi07 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi07_on.jpg);
	display: block;
	background-size: cover;
}
.navi07 {
    display: block;
}
.navi07 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi07 a:hover img {
	visibility: hidden;
	display: block;
}

/*メニュー navi8*/
.navi08 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi08_on.jpg);
	display: block;
	background-size: cover;
}
.navi08 {
	display: block;
}
.navi08 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi08 a:hover img {
    visibility: hidden;
	display: block;
}

/*メニュー navi9*/
.navi09 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi09_on.jpg);
	display: block;
	background-size: cover;
}
.navi09 {
    display: block;
}
.navi09 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi09 a:hover img {
    visibility: hidden;
	display: block;
}

    /*メニュー navi10*/
.navi10 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi10_on.jpg);
	display: block;
	background-size: cover;
}
.navi10 {
    display: block;
}
.navi10 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi10 a:hover img {
    visibility: hidden;visibility: hidden;
	display: block;
}

/*メニュー navi11*/
.navi11 {
	background-repeat: no-repeat;
	background-image: url(../images/navi/sg_s2_navi11_on.jpg);
	display: block;
	background-size: cover;
}
.navi11 {
    display: block;
}
.navi11 a:hover {
	background-color: transparent; /* IE6対応 */
	display: block;
}
.navi11 a:hover img {
    visibility: hidden;
	display: block;
}

/*メニュー用アニメーション*/
.menu_down{
	animation: scrolldown 0.8s;
	animation-iteration-count: 1;
	animation-fill-mode :forwards;
	animation-timing-function:ease;
	/*safari & chrome*/
	-webkit-animation: scrolldown 0.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode :forwards;
	-webkit-animation-timing-function:ease;
	/*IE*/
	-ms-animation: scrolldown 0.8s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode :forwards;
	-ms-animation-timing-function:ease;

	/*FileZilla*/
	-moz-animation: scrolldown 0.8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode :forwards;
	-moz-animation-timing-function:ease;

	/*opera*/
	-o-animation: scrolldown 0.8s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode :forwards;
	-o-animation-timing-function:ease;

	top: -310px;
	width: 100%;
	height: auto;
	position: absolute;
}

@keyframes scrolldown {
  0%    { transform:   translate(0px, 0%);}
  100%  { transform:   translate( 0px, 10em);}
}

@-webkit-keyframes scrolldown {
  0%    { -webkit-transform:  translate(0px, 0px);}
  100%  { -webkit-transform:    translate( 0px,10em);}
}

@-ms-keyframes scrolldown {
  0%    { -ms-transform:   translate(0px, 0px);}
  100%  { -ms-transform:    translate( 500px, 450px);}
}

@-moz-keyframes scrolldown {
  0%    { -moz-transform:   translate(0px, 0px);}
  100%  { -moz-transform:   translate( 500px,450px);}
}

@-o-keyframes scrolldown {
  0%    { -o-transform:   translate(0px, 0px);}
  100%  { -o-transform:    translate( 500px, 450px);}
}

.menu_up{
	animation:scrollup 0.8s;
	animation-iteration-count: 1;
	animation-fill-mode :forwards;
	animation-timing-function:ease;
	/*safari & chrome*/
	-webkit-animation: scrollup 0.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode :forwards;
	-webkit-animation-timing-function:ease;
	/*IE*/
	-ms-animation: scrollup 0.8s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode :forwards;
	-ms-animation-timing-function:ease;

	/*FileZilla*/
	-moz-animation: scrollup 0.8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode :forwards;
	-moz-animation-timing-function:ease;

	/*opera*/
	-o-animation: scrollup 0.8s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode :forwards;
	-o-animation-timing-function:ease;

	top: -310px;
	width: 100%;
	height: auto;
	position: absolute;
}


@keyframes scrollup {
  0%    { transform:   translate(0px, 400px);}
  100%  { transform:   translate( 0px, 0px);}
}

@-webkit-keyframes scrollup {
  0%    { -webkit-transform:  translate(0px, 400px);}
  100%  { -webkit-transform:    translate( 0px,0px);}
}

@-ms-keyframes scrollup {
  0%    { -ms-transform:   translate(0px, 400px);}
  100%  { -ms-transform:    translate( 500px, 0px);}
}

@-moz-keyframes scrollup {
  0%    { -moz-transform:   translate(0px, 400px);}
  100%  { -moz-transform:   translate( 0px,0px);}
}

@-o-keyframes scrollup {
  0%    { -o-transform:   translate(0px, 400px);}
  100%  { -o-transform:    translate( 0px, 0px);}
}