body { margin: 0; padding: 0; color: #000; font-family:  arial, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; line-height: 140%; background-image: url(../images/main2000back.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 0; }
.header { 
	width: 100%; 
	height: 200px; 
	position: fixed; 
	margin: 0 auto;  
	background-image: url(../images/main2000head.png); 
	background-repeat: no-repeat; 
	background-position: center 0;
	 position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 200px;
  transition: .3s;
}

.1000back { 
	width: 1000px; 
	position: fixed; 
	background-image: url(../images/1000back.jpg); 
	background-repeat: repeat; 
	background-position: center 0;
	 position: fixed;
}

	
h1 { margin: 0; padding: 5px 0 5px 10px ; font-weight: bold; color: #05a ; font-size: larger; border-bottom: 1px solid #09c; border-left: 12px double #09c;text-align: left; }
h2 { margin: 2px 0 6px; padding: 0 10px　0px 0px; font-size: x-large; font-weight: bold; line-height: 130%; }
h3 { margin: 0 0 10px; padding: 0 10px　0px 0px; font-size: x-large; font-weight: bold; line-height: 130%; color: #414141;  }
h4 { margin: 0 0 3px; padding: 0 10px　0px 10px;  font-size: middiam; font-weight: bold; line-height: 130%; color: #414141;  }
h5 { margin: 5px 0 3px; padding: 0 10px　0px 0px; font-size: x-large; font-weight: bold; line-height: 130%; }

.logo
{
	width: 700px ;
	height: auto ;
}

.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.button:hover::after {
  background: #f33;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#menu{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
　　border-bottom: 2px solid #fff ;		/* 枠線 */
}
#menu li{
  display: block;
  float: left;
  width: 20%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #05a;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  color: #ff9;
  background: #038; 
}
#toggle{ 
 display: none;
}


@media only screen and (max-width: 479px) {
.logo
{
	width: 80% ;
}

  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #038;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #038;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}



.footer
{
    position: fixed;
    bottom: -10px;
	text-align: center;
	color: #fff;
	margin: 20px auto 0 ;			/* 他のブロックとのスペース */
	padding: 0px ;
	z-index: 1;			/* 上下の余白 */
}

.footer table
{
	position: fixed;
	bottom: 5px;
	}

.index
{ position:relative;
z-index: 10;
}

.footer2
{
	display: none ;
}

@media screen and (max-width:479px)
{
	.footer
	{
	 display: none ;
	}
	.footer2
	{
	display: block ;		/* 表示にする */
	border-top: 2px solid #009999 ;		/* 枠線 */
	color: #fff;
	line-height: 160%;
	margin-top: 20px ;			/* 他のブロックとのスペース */
	padding: 20px 0px 20px 10px ;			/* 上下の余白 */
	background: #000 ;
	font-size: -1
	
	}

}


.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}
.fade:hover {  
    opacity: 0.5;  
    filter: alpha(opacity=40);  
	-ms-filter: "alpha( opacity=40 )";
}
.wrapper1
{
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	overflow: hidden ;		/* floatを解除する */
}
.wrapper2
{
	display: none ;
}
.wrapper3
{
	width: 100% ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	overflow: hidden ;		/* floatを解除する */
	background-image: url(../images/bg_head.jpg); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: center 0; 
}
.imgBG
{
	background-repeat: no-repeat; 
	background-attachment:fixed; 
	background-position: center 0;
	width:100%;
 
}

.wrapper_koen
{
	width: 100% ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	overflow: hidden ;		/* floatを解除する */
	background-image: url(../images/bg_koen.jpg); 
	background-repeat: no-repeat; 
	background-attachment:fixed; 
	background-position: center 0;
}

@media screen and (max-width:479px)
{
	.wrapper1
	{
	 display: none ;
	}
	.wrapper2
	{
	display: block ;		/* 表示にする */
	}
	.wrapper3
	{
	 display: none ;
	}

}

.main00 {
  clear: both;
  width: 100%;
  max-width: 1000px;
  height: 501px;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
	overflow: hidden ;		/* floatを解除する */
}

.main {
  clear: both;
  width: 1000px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
	overflow: hidden ;		/* floatを解除する */
}

.main2 {
  clear: both;
  width: 80%;
  max-width: 800px;
  margin: 20 auto;
  padding: 20　20　20　20;
  text-align: left;
  line-height: 130%;
	overflow: hidden ;		/* floatを解除する */
}

@media screen and (max-width:479px)
{
.main {
  margin: 0 10px 0 0;
  width:95%;
}
}

.justify{
	text-align: justify;
	width: 100%;
}
@media screen and (max-width:479px)
{
.justify{
	margin: 10px;	
	width: 100%;

}
}
.justify-full{
	text-align: justify;
	width: 100%;
}


.navi1
{ position: relative; top: 520px; left: 400px;}

a {text-decoration: none; outline: none;}
a:link {color: navy;}
a:visited {color: #3399DE;}
a:hover {color: #f00;}
a:active {color: #3399DE;}
a img:hover {
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	text-decoration: none;
}



a.blue:link {color: #3366ff;}
a.blue:visited {color: #3366ff;}
a.blue:hover {color: #fff;}
a.blue:active {color: #ff3;}

a.green:link {color: #33ff33;}
a.green:visited {color: #33ff33;}
a.green:hover {color: #fff;}
a.green:active {color: #ff3;}

a.pink:link {color: #ff3366;}
a.pink:visited {color: #ff3366;}
a.pink:hover {color: #fff;}
a.pink:active {color: #ff3;}

a.orenge:link {color: #ff3300;}
a.orenge:visited {color: #ff3300;}
a.orenge:hover {color: #fff;}
a.orenge:active {color: #ff3;}

a.mizu:link {color: #099;}
a.mizu:visited {color: #099;}
a.mizu:hover {color: #f30;}
a.mizu:active {color: #099;}

a.brown:link {color: #ff6633;}
a.brown:visited {color: #ff6633;}
a.brown:hover {color: #fff;}
a.brown:active {color: #ff3;}

a.white:link {color: #fff;}
a.white:visited {color: #fff;}
a.white:hover {color: #009999;}
a.white:active {color: #fff;}

a.glay:link {color: #666;}
a.glay:visited {color: #666;}
a.glay:hover {color: #009999;}
a.glay:active {color: #fff;}

.top1 { line-height: 200%; padding: 20px 30px; }

ul.top1 {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: center;
	line-height: 140%; 
}

ul.top1 li { 
	width:700px; 
	display: inline-block; 
	text-align: center
    vertical-align:top;
   	margin: 10px; 
	padding: 10px;
}

ul.top1 li a {
	display: block;
}


.text1 { line-height: 200%; padding: 20px 30px; }

ul.text1 {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
}

ul.text1 li { 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 10px; 
	padding: 10px;
}

ul.text1 li a {
	display: block;
}
.img1
{
	width: 300px ;
	height: auto ;
	margin: 5px 10px;
}
.img1b
{
	width: 200px ;
	height: auto ;
	margin: 5px 10px;
}

@media screen and (max-width:479px)
{
.text1 { line-height: 140%; padding: 10ｐｘ　10px; }
ul.text1 {
	width: auto;
	text-align: left;
　　　}
ul.text1 li {
	width: auto;
	}

.img1
{
	width: 100% ;
	margin: 10px 0 10px 0;
}
.img1b
{
	width: 50% ;
	margin: 2px 5px 2px 6px;

}
}

.text2 { line-height: 200%; margin: 20px 10px 30px 0; }

ul.text2 {
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.text2 li { 
	line-height: 110%; 
	width:420px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 0 20px 20px 0; 
	padding: 0px;
	border: 0px solid rgba(51,255,204,0.5) ;	
}

ul.text2 li a {
  display: block;
}

@media screen and (max-width:479px)
{
.text2 { line-height: 200%; padding: 20px　0px; }
	ul.text2 {
	  width: auto;}
	ul.text2 li {
	  width: auto;
	  margin: 0 0px 10px 0; 

	}
}



.text3 { line-height: 120%; padding: 0px 0px; text-align: center;
}

ul.text3 {
  width: 910px;
  padding:0;
  font-size:medium;
}

ul.text3 li { 
line-height: 120%; 
width:270px; 
display: inline-block; 
vertical-align:top; 
text-align: center; 
margin: 15px; 
padding: 0px; 
border: 0px solid rgba(0,0,0,0.3);;	
}

ul.text3 li a {
  display: block;
}

.img3
{
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.text3 { line-height: 200%; padding: 0px　auto; }
	ul.text3 {
	  width: auto;
	  }
	ul.text3 li {
	  width: 41%;
   	margin: 0px 3px　; 
	padding: 0px;
	}
.img3
{
	width: 100% ;		/* 横幅 */
}
}

.text3to1 { line-height: 120%; padding: 0px 0px; text-align: center;
}

ul.text3to1 {
  width: 910px;
  padding:0;
  font-size:medium;
}

ul.text3to1 li { 
line-height: 120%; 
width:270px; 
display: inline-block; 
vertical-align:top; 
text-align: center; 
margin: 15px; 
padding: 0px; 
border: 0px solid rgba(0,0,0,0.3);;	
}

ul.text3to1 li a {
  display: block;
}

.img3to1
{
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.text3to1 { line-height: 200%; padding: 0px　auto; }
	ul.text3to1 {
	  width: auto;
	  }
	ul.text3to1 li {
	  width: 90%;
   	margin: 0px 0px　5px　0　; 
	padding: 0px;
	}
.img3to1
{
	width: 100% ;		/* 横幅 */
}
}

.text4 { line-height: 200%; text-align: left;
}

ul.text4 {
  width: 1000px;
  padding:0;
}

ul.text4 li { 
	line-height: 120%; 
	width:234px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 5px 5px 5px 0px; 
	padding: 0px;
}
ul.text4 li a {
  display: block;
}


.img4
{
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}



@media screen and (max-width:479px)
{
.text4 { line-height: 200%; padding: 20px　10px; text-align: center;}
	ul.text4 {
	  width: auto;
	  }
	ul.text4 li {
	width: 95%;
   	margin: 0　0　20px 0; 
	text-align: center;
	padding: 0px;
	}

.text40 { line-height: 200%; padding: 20px　10px; text-align: center;}
	ul.text40 {
	  width: auto;
	  }
	ul.text40 li {
	font-size: small; 	  
	width: 110px;
   	margin: 7px 5px; 
	padding: 10px;
	}
.img4
{
	width: 100% ;		/* 横幅 */
}

.img40
{
	width: 100% ;		/* 横幅 */
}

}

.show { line-height: 200%; padding: 20px 30px; text-align: center;
}

ul.show {
   	text-align: left;
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.show li { 
	line-height: 120%; 
	width:188px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.3) ;	
}

ul.show li a {
  display: block;
}

.img_show
{
	width: 168px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.show { line-height: 200%; padding: 20px　10px ; }
	ul.show {
	  width: auto;
   	text-align: center;
	  }
	ul.show li {
	  width: 250px;
	  margin: 10px 5px 10px 5px;
	  padding: 10px;
	}
.img_show
{
	width: 230px ;		/* 横幅 */
}

}


.news { 
line-height: 200%; 
padding: 20px 10px 0px 10px;	
overflow: hidden ;		/* floatを解除する */
 }

ul.news {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
}

ul.news li { 
	width:900px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 15px; 
	padding: 0px 0px 30px 0px;
	border-bottom:  2px dotted rgba(0,0,0,0.5) ;	
}

ul.news li a {
	display: block;
}
.img_news
{
	width: 100px ;
	height: auto ;
   	margin: 0px 20px 0px 0px; 
}

@media screen and (max-width:479px)
{
.news { line-height: 130%; padding: 10ｐｘ　0px; }
ul.news {
	width: auto;
	text-align: left;
　　　}
ul.news li {
	width: 100%;
   	margin: 0px; 
	}

.img_news
{
	width: 70px ;
   	margin: 0px 10px 0px 0px; 
}

}


.news1 {
	text-align: justify;
	width: 600px;
	padding:10px;
	font-size:medium;
	line-height: 140%;
    }

ul.news1 {
	text-align: left;
	}

ul.news1 li { 
	line-height: 120%; 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: left;
	padding: 0px;
}

ul.news1 li a {
  display: block;
}

.img_news1
{
	width: 600px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin-bottom: 20px;
	}

@media screen and (max-width:479px)
{
.news1 
{
	width: 100%;
	margin: 0px auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 10px 0 ;			/* 上下左右の余白を0にしておく */
	}
ul.news1 {
	text-align: center;
	}
.img_news1
{
	width: 100%;
	margin-bottom: 10px;
}

}


.news2 {
	width: 300px;
	margin-top: 10px;
	text-align: left;
}


.img_news2
{
	width: 284px ;		/* 横幅 */
	margin: 1px 0 2px 6px ;
	height: auto ;		/* 高さ */
	border: 1px solid rgba(0,0,0,0.1) ;	
}


.img_news3
{
	width: 90px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 1px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

.img_news4
{
	width: 284px ;		/* 横幅 */
	margin: 0 0 0 6px ;
	height: auto ;		/* 高さ */
}


@media screen and (max-width:479px)
{
.news2
{
	width: 90%;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 5px ;			/* 上下左右の余白を0にしておく */
	text-align: center;
	}
	
.img_news2
{
	width: 284px ;		/* 横幅 */
	margin: 0 0 10px 0 ;
}


.img_news3
{
	width: 90px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 1px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

.img_news4
{
	width: 284px ;		/* 横幅 */
	margin: 5px 0 10px 0 ;
}


}




.news1
{
	float: left ;		/* 左に寄せる */
}

.news2
{
	float: right ;		/* 右に寄せる */
}

@media screen and ( max-width:479px )
{
	.news1
	{
		float: none ;		/* floatを無効する */
	}

	.news2
	{
		float: none ;		/* floatを無効する */
	}
}







.mov { line-height: 200%; padding: 20px 10px 0px 60px; }

ul.mov {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: center;
	line-height: 140%; 
}

ul.mov li { 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 15px; 
	padding: 0px 0px 30px 0px;
}

ul.mov li a {
	display: block;
}
.img_mov
{
	width: 560px ;
	height: 315px ;
   	margin: 0px 20px 0px 0px; 
}

@media screen and (max-width:479px)
{
.mov { line-height: 130%; padding: 10ｐｘ　0px　0px　0px; }
ul.mov {
	width: auto;
	text-align: center;
　　　}
ul.mov li {
	width: 100%;
   	margin: 0px; 
	}

.img_mov
{
	width: 300px ;
	height: 168px ;
   	margin: 0px 10px 0px 0px; 
}

}

.contact { line-height: 200%; padding: 20px 10px 0px 10px; }

ul.contact {
	width: 900px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
}

ul.contact li { 
	width:900px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 20px; 
	padding: 10px 0px;
}

ul.contact li a {
	display: block;
}
.img_contact
{
	width: 100px ;
	height: auto ;
   	margin: 0px 20px 0px 0px; 
}

@media screen and (max-width:479px)
{
.contact { line-height: 130%; padding: 10ｐｘ　0px; }
ul.contact {
	width: auto;
	text-align: left;
　　　}
ul.contact li {
	width: 100%;
   	margin: 0px 0px 10px 0px; 
	}

.img_contact
{
	width: 70px ;
   	margin: 0px 10px 0px 0px; 
}

}


ul.bt3 {
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.bt3 li { 
	line-height: 120%; 
	width:260px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
}

ul.bt3 li a {
  display: block;
}

.banner4 { line-height: 200%; padding: 20px 30px; text-align: center;
}

ul.banner4 {
  width: 1000px;
  padding:0;
  font-size:medium;
}

ul.banner4 li { 
	line-height: 120%; 
	width:220px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 5px; 
	padding: 4px;
	border: 1px solid rgba(102,102,102,1.0) ;	
}

ul.banner4 li a {
  display: block;
}

.wrapper-contact
{
	width: 1000px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
}
.wrapper-contact2
{
	display: none ;
}

@media screen and (max-width:479px)
{
	.wrapper-contact
	{
	 display: none ;
	}
	.wrapper-contact2
	{
	display: block ;		/* 表示にする */
	}

}

img.his1{position:relative; top:0px; left:0px; }
img.his2{position:relative; top:20px; left:-150px; }
img.his3{position:relative; top:30px; left:-150px; }

.kiji {
	width: 500px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%;
	float: left ;
}

.side {
	width: 300px;
	padding:0;
	font-size:medium;
   	text-align: left;
	line-height: 140%; 
	float: right ;
}

.menuhight{
	line-height: 180%
}

.product{
width: 940px;
overflow: hidden ;		/* floatを解除する */
}
.pro1 {
	text-align: justify;
	width: 600px;
	padding:10px;
	font-size:medium;
	line-height: 140%;
    }

ul.pro1 {
	text-align: left;
	}

ul.pro1 li { 
	line-height: 120%; 
	width:600px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: left;
	padding: 0px;
}

ul.pro1 li a {
  display: block;
}

.img_pro1
{
	width: 440px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	}

.img_pro3
{
	width: 100px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 4px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

@media screen and (max-width:479px)
{
.product{
width: 95%;
}
.pro1 
{
	width: 95%;
	margin: 0px auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 10px 0 ;			/* 上下左右の余白を0にしておく */
	}
ul.pro1 {
	text-align: center;
	}
.img_pro1
{
	width: 90%;
}

.img_pro3
{
	width: 96px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin: 1px ;	
	border: 1px solid rgba(0,0,0,0.1) ;	
}

}



.pro2 {
	width: 280px;
	margin-top: 10px;
	padding:10px;
	font-size:small;
	text-align: justify;
	line-height: 130%; 
	border: 1px solid rgba(0,0,0,0.4) ;	
}
.img_pro2
{
	width: 300px ;		/* 横幅 */
	margin: 0 0 0 20px ;
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.pro2 
{
	width: 90%;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 5px ;			/* 上下左右の余白を0にしておく */
	}
}


.img_pro2
{
	width: 100% ;		/* 横幅 */
	margin: 0 0 10px 0 ;}





.pro1
{
	float: left ;		/* 左に寄せる */
}

.pro2
{
	float: right ;		/* 右に寄せる */
}

@media screen and ( max-width:479px )
{
	.pro1
	{
		float: none ;		/* floatを無効する */
	}

	.pro2
	{
		float: none ;		/* floatを無効する */
	}
}

.show_benno { line-height: 200%; padding: 20px 30px; text-align: center;
}

ul.show_benno {
   	text-align: left;
  width: 940px;
  padding:0;
  font-size:medium;
}

ul.show_benno li { 
	line-height: 120%; 
	width:188px; 
	display: inline-block; 
    vertical-align:top;
   	text-align: center;
   	margin: 10px; 
	padding: 10px;
	border: 0px solid rgba(0,0,0,0.3) ;	
}

ul.show_benno li a {
  display: block;
}

.img_show_benno
{
	width: 168px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

@media screen and (max-width:479px)
{
.show_benno { line-height: 200%; padding: 20px　10px ; }
	ul.show_benno {
	  width: auto;
   	text-align: center;
	  }
	ul.show_benno li {
	  width: 250px;
	  margin: 10px 5px 10px 5px;
	  padding: 10px;
	}
.img_show_benno
{
	width: 230px ;		/* 横幅 */
}

}


.img_menu{line-height: 0;}
.img_top{width: 1000px ;}
.img_top2{width: 700px ;}
.img_storeBT1{position:relative; top:-300px; left:310px;}
.img_storeBT2{position:relative; top:-170px; left:220px;}

@media screen and (max-width:479px)
{
.img_angel{width: 80% ;}
.img_top{width: 100% ;}
.img_top2{width: 80% ;}
.img_storeBT1{top:0px; left:0px;width: 250px ;}
.img_storeBT2{top:0px; left:0px;width: 250px ;}
}


 

.kadomaru1
{border-radius:0px;
 width: 1000px;
 margin:30px 0 30px 0 ;
 padding: 10px 20px 0px 45px;
 background-color:  rgba(255,255,255,0.0);
 background-repeat: no-repeat;
 background-image: url();
 }

.kadomaru2
{border-radius:10px;
 width: 100%;
 margin:20px  ;
 padding: 0px;
 background: rgba(255,255,200,1.0);
 }
 
@media screen and (max-width:479px)
{
.kadomaru1
{border-radius:1px;
 width: 100%;
 margin:10px 0 ;
 padding: 0 5px 0px 5px;
 background-repeat: no-repeat;
 background-image: url();
 }
}

.whiteback
{
 width: 1000px;
 margin:10px 0 10px 0 ;
 padding: 20px 20px 50px 40px;
 background-color:  rgba(255,255,255,0.9);
 }
@media screen and (max-width:479px)
{
.whiteback
{
 width: 95%;
 margin:10px 0 10px 0 ;
 padding: 10px;
 }
}



.img_midashi{
width: auto ;
height:auto ;
margin-bottom: 30px;
}
.img_midashi2{
width: 100% ;
height:auto ;
margin-bottom: 30px;
}
.img-bt{
width: 270px;
height: auto;
}
.img-bt-s{
width: 180px;
height: auto;
margin-right: 10px
}
@media screen and (max-width:451px)
{
.img_midashi{
width: 100% ;
margin:20px 0 10px;
text-align: center;
}
.img_midashi2{
width: 100% ;
margin:0px auto 0px;
text-align: center;
}
.img-bt{
width: 90%;
height: auto;
}
.img-bt-s{
width: 100px;
height: auto;
}

}

/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 20px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #038; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 50%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #87cefa; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 100px; /*ボタンの幅*/
    height: 50px; /*ボタンの高さ*/
    padding: 24px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 10px;
}
#PageTopBtn a {
    width: 70px;
    height: 70px;
    padding: 15px　0　5px 0;
}
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.boxA { width:350px;float:left;margin-left: 110px; }  
.boxB { float:left; }  
.boxC { width:950px;clear:left; }
@media screen and (max-width:451px)
{
.boxA { width:100%;float: none  ;margin: auto; }  
.boxB { width:100%;float: none ;	}  
.boxC { width:100%;clear:center; }
}

.inner{
    left: 50%;
    position: absolute;
    top: 50%;
}
.content{
    border: 0px solid #fff;
    padding: 20px;
    transform: translate(-50%,-50%);
}