html * {max-height:1000000px;}
body { margin: 0; padding: 0; color: black; background-color: #fff;  font-size : 13px; font-family:  arial, Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
.header { width: 100%; max-width: 1000px; margin: 0 auto; padding: 5px 0 0 2px; }
h1 { margin: 0; font-size: x-large; font-weight: bold; line-height: 150%; border-bottom: 5px dotted #a40b5e; }
h2 { color: #0055a7; font-size: large; margin: 0　 0　 0　 10px 0　 0　 0　 10px 0　 0　 0　 10px 0 0　 0　 0　 10px 0　 0　 0　 10px 0　 0　 0　 10px 0 50px; font-weight: bold; line-height: 150%; padding-top: px; padding-left: 3px; border-bottom: 2px groove #29a6dd; border-left: 4px groove #29a6dd; }
h3 { margin: 20px 0 20px 20px ; padding: 5px; font-size: medium; font-weight: bold; line-height: 100%; color: #038; border-bottom: 4px double #038; border-left: 6px solid #038; }
h4 { margin: 20px 0 20px 0px ; padding: 5px; font-size: medium; font-weight: bold; line-height: 100%; color: #038; border-bottom: 4px double #038; border-left: 6px solid #038; }
h5 { margin: 10px 0 0; padding: 5px 0; font-weight: bold; line-height: 110%; background-color: #d2dbea; }
@media screen and (max-width:451px)
{
h3 { margin: 20px 0 20px 5px ; padding: 5px; font-size: medium; font-weight: bold; line-height: 100%; color: #038; border-bottom: 4px double #038; border-left: 6px solid #038; }
h4 { margin: 15px 0 20px 0px ; padding: 5px; font-size: medium; font-weight: bold; line-height: 100%; color: #038; border-bottom: 4px double #038; border-left: 6px solid #038; }
}
.footer
{
    position: fixed;
    bottom: -5px;
	text-align: center;
	color: #fff;
	margin: 0px auto 0 ;			/* 他のブロックとのスペース */
	padding: 0px ;
	z-index: 1;			/* 上下の余白 */
}

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

.index
{ position:relative;
z-index: 10;
}
.inner{
    left: 50%;
    position: absolute;
    top: 50%;
}
.content{
    background-color: rgba(255,255,255,0.7);
    border: 6px solid #939;
    padding: 30px;
    border-radius:40px;
    transform: translate(-50%,-50%);
}
@media screen and (max-width:451px)
{
.content{
    border: 6px solid #939;
    padding: 20px;
    border-radius:30px;
    transform: translate(-50%,-50%);
}
}
.boxA { width:200px;float:left;line-height: 100%;margin: 0 0 0 3px;}  
.boxB { width:794px;float:left;text-align: center;line-height: 150%;margin: 0 3px 0 0 }  
.boxC { clear:left; }
@media screen and (max-width:451px)
{
.boxA { display: none;float: none ;	 }  
.boxB { width:95%;margin: 0 10px;float: none ;	background-color:rgba(255,255,255,0.9) ;}  
.boxB p{text-align: left}
}

.buttan{ 
font-size: x-large; 
font-weight: bold; 
width: 70%; 
padding: 10px; 
background:#f60; 
border-radius:8px;
 }

	.justify{
	text-align: justify;
	width: 95%;
}

	.justify-sp{
	text-align:center;
	width: 95%;
}

@media screen and (max-width:451px)
{
	.justify-sp{
	text-align:justify;
	width: 95%;
	}
}


.img_midashi{width: auto ;
height:auto ;
margin: 40px 0 0 0;
}

@media screen and (max-width:451px)
{
.img_midashi{width: 100% ;}
}


.img_bt{width: 300PX ;
height:auto ;
margin: 0 20px ;
}
.img_bt-s{width: auto ;
height:auto ;
margin: 5px ;
}

@media screen and (max-width:451px)
{
.img_bt{width: 85% ;
margin: 6px ;
}
.img_bt-s{width: 45% ;
height:auto ;
margin: 5px ;
}
}

.img_p1{display: block;
width: 400px ;
height:auto ;
margin: 0 20px 0 0;
border-radius:10px;
}
.img_p1-2{display: none;
}

.img_p2{width: 500px ;
height:auto ;
margin: 10px;
border-radius:0px;
}

.img_p3{width: 99% ;
height:auto ;
border-radius:0px;
}

.img_logo{width: 600px ;
height:auto ;
}
.img_icon{width: 150px ;
height:auto ;
}
.img_specer{width: 20px ;
height:auto ;
}


.img_jikken{width: 120px ;
height:auto ;
margin-right: 5px;
}

@media screen and (max-width:451px)
{
.img_p-1{display: none;
}
.img_p1-2{display: block;
width: 100% ;
height:auto ;
text-align: center;
margin: 5px;
border-radius:10px;
}

.img_logo{width: 300px ;
height:auto ;
}
.img_icon{width: 100px ;
height:auto ;
}
.img_specer{width: 5px ;
height:auto ;
}



.img_jikken{width: 150px ;
height:auto ;
}
}

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


#menu{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
　　border-bottom: 1px solid #038 ;		/* 枠線 */
}
#menu li{ background-color: #39c; display: block; float: left; width: 12.5%; margin: 0; padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 12px 0px;
  background: #fff;
  color: #0055A7;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  color: #fff;
  background: #35B597; 
}
#toggle{ 
 display: none;
}


@media only screen and (max-width: 479px) {
.logo
{
	width: 120px ;
}
.logotel
{
	width: 150px ;
}


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

.futi {
    aposition: relative;
    width: 80%;
    margin: 20px;
    padding: 20px;
    border: solid 3px #3399cc;
    border-radius: 8px;
}

table-sp{
width: 380px;
}
@media screen and (max-width:479px)
{
{width:95%;}
}


.footer
{
	border-top: 2px solid #009999 ;		/* 枠線 */
	color: #fff;
	line-height: 140%;
	margin-top: 20px ;			/* 他のブロックとのスペース */
	padding: 20px ;			/* 上下の余白 */
	background: #000 ;
}

.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 10px ;		/* 左右に[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; 
	background-color: #d6d6d6;
	line-height: 100%;}
.wrapper4
{
	display: block ;
}

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

}

.main0 {
  clear: both;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
	text-align: center;
	overflow: hidden ;		/* floatを解除する */
}
@media screen and (max-width:479px)
{
.main0 {
  clear: both;
  width: 100%;
}
}

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

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


.gaiyo {
  width: 80%;
  text-align: center;
  line-height: 130%;
}

@media screen and (max-width:479px)
{
.gaiyo {
  width: 95%;
  text-align: left;
  line-height: 130%;
}
}

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

a {text-decoration: none; outline: none;}
a:link {color: #763;}
a:visited {color: #763;}
a:hover {color: #f00;}
a:active {color: #f00;}
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: #66ccff;}
a.mizu:visited {color: #66ccff;}
a.mizu:hover {color: #fff;}
a.mizu:active {color: #ff3;}

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

a.white:link {color: #ffc;}
a.white:visited {color: #ffc;}
a.white:hover {color: #fc9;}
a.white:active {color: #fc9;}

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: 0px 8px; }

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

ul.text1 li { 
display: inline-block; 
line-height: 120%; 
vertical-align:top; 
text-align: left; 
}

.deli-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_38.png); 
	background-repeat: no-repeat; 
	}

.sorp-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_39.png); 
	background-repeat: no-repeat; 
	}

.hakohel-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_40.png); 
	background-repeat: no-repeat; 
	}

.hotehel-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_41.png); 
	background-repeat: no-repeat; 
	}

.sm-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_42.png); 
	background-repeat: no-repeat; 
	}

.ona-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_43.png); 
	background-repeat: no-repeat; 
	}

.esthe-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_44.png); 
	background-repeat: no-repeat; 
	}

.mseikan-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_45.png); 
	background-repeat: no-repeat; 
	}

.strip-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_46.png); 
	background-repeat: no-repeat; 
	}

.cat-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_47.png); 
	background-repeat: no-repeat; 
	}

.anoko-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_48.png); 
	background-repeat: no-repeat; 
	}

.potsun-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_49.png); 
	background-repeat: no-repeat; 
	}

.nicchi-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_50.png); 
	background-repeat: no-repeat; 
	}

.ura-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_51.png); 
	background-repeat: no-repeat; 
	}

.asoko-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_52.png); 
	background-repeat: no-repeat; 
	}

.meshi-0{ border: solid 1px #939; 
	width:670px; 
	height: 155px;
	margin: 0 0 15px 0; 
	padding: 30px 10px 5px; 
	border-radius:0 0 0 0; 
	background-image: url(../images/top_53.png); 
	background-repeat: no-repeat; 
	}


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

@media screen and (max-width:479px)
{
.text1 { line-height: 140%; }
ul.text1 {
	width: 100%;
	text-align: center;
　　　}
ul.text1 li {
	width: 100%;
	}



.deli-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.sorp-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.hakohel-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.hotehel-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.sm-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.ona-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.esthe-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.mseikan-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.strip-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}
	
.cat-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.anoko-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.potsun-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.nicchi-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.ura-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.asoko-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}

.meshi-0{  
	width:auto; 
	height: auto;
	padding: 25px 5px 5px; 
	}


.img1
{
	width: 100% ;
	margin: 0 0 10px 0;
}

}

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

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

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

ul.text2 li a {
  display: block;
}

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

	}
}



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

ul.text3 {
  width: 1000px;
  padding:0;
  font-size:small;
  text-align: center; 
}

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

ul.text3 li a {
  display: block;
}

.img3
{
	width: 220px ;		/* 横幅 */
	height: auto ;		/* 高さ */
	margin-top: 20px;
	border-radius:0px;

}

@media screen and (max-width:479px)
{
.text3 { line-height: 200%; padding: 0px　0px; }
	ul.text3 {
	  width: auto;
text-align: center; 
	  }
	ul.text3 li {
	}
.img3
{
	width: 90% ;		/* 横幅 */
}

.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% ;		/* 横幅 */
}
}



.deli{ width:90%; 
	}

.sorp{ width:90%; 
	}

.hakohel{ width:90%; 
	}

.hotehel{ width:90%; 
	}

.sm{ width:90%; 
	}

.ona{ width:90%; 
	}

.esthe{ width:90%; 
	}

.mseikan{ width:90%; 
	}

.strip{ width:90%; 
	}

.cat{ width:90%; 
	}

.anoko{ width:90%; 
	}

.potsun{ width:90%; 
	}

.nicchi{ width:90%; 
	}

.ura{ width:90%; 
	}

.asoko{ width:90%; 
	}

.meshi{ width:90%; 
	}

}





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

ul.text4 {
  width: 1000px;
  padding:0;
  font-size:small;
}

ul.text4 li { 
	line-height: 120%; 
	width:230px; 
	display: inline-block; 
    vertical-align:top;
   	margin: 8px; 
	padding: 0px;
	border: 0px solid rgba(0,0,0,0.3) ;	
}
ul.text4 li a {
  display: block;
}


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

ul.text40 {
  width: 940px;
  padding:0;
  font-size:small;
}

ul.text40 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) ;	
	background-image: url(file:///F:/WEB data/農事組合法人いのべにし/いのべにし/web-content/images/specer-BK.png);
}

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

.img40
{
	width: 188px ;		/* 横幅 */
	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 {
	font-size: small; 	  
	width: 45%;
   	margin: 7px px; 
	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; }

.img790
{
	width: 790px ;
   	margin: 10px 0px 10px 0px; 
}

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


.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%
}
@media screen and (max-width:479px)
{
.justify{
	text-align: justify;
	margin: 0 10px;
}
.justify-sp{
	text-align: justify;
	margin: 0 10px;
}
}


.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_angel{width: auto ;}
.img_top{width: 1000px ;}
.img_top0{width: 1000px;
height: auto;
z-index: 50;
position: absolute;
margin-top: -580px; 
margin-left: -500px;
}

.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 ;}
}


/* パソコン・スマホ共通の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: 50px　0　0 0;
}
}

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

 
@media screen and (max-width:479px)
{
.kadomaru1
{border-radius:0px;
 width: 90%;
 margin:10px 0px 0 10px;
 padding: 8px;
 background-repeat: no-repeat;
 background-image: url();
 }
}