/*画面幅が780pxまでの時ースマホ用*/
@media screen and (max-width:750px){
#container{
  width:100%;
  text-align: center;
  margin:0 auto;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0px 20px rgba(0,0,0,0.2);
}
/*スマホ用オファーボタン位置*/
.botan11{
 
  width:100%;

}	
	
/*スマホ用オファー背景*/
.offer1{
 
  width:100%;

  height:auto;
 
  position: relative;
}

.offer2{
 
  width:100%;

  height:auto;
 
  position: relative;
}	

.offer3{
 
  width:100%;

  height:auto;
 
  position: relative;
}	
/*スマホ用オファーボタン位置*/

.botan1{
position:absolute;
top:66%;
left:2%;
width:97%;
border-style:none;
outline:0;
}

.botan2{
position:absolute;
top:70%;
left:2%;
width:96%;
border-style:none;
outline:0;
}	

.botan3{
  position:absolute;
  top:86%;
  left:0%;
  width:99%;
  border-style:none;
  outline:0;
  }	

/*スマホ用通話料無料ボタン*/
.call1{
  background-color: #FFFF;
  width: 100%;
  padding-top:26%;
  position:relative;
}
.call{
position:absolute;
top:0%;
left:6%;
width:90%;
border-style:none;
outline:0;
}
}
/*画面幅が781px以上の時ーPC用*/
@media screen and (min-width:751px){
  #container{
 width:750px;
 text-align: center;
 margin:0 auto;
 overflow: hidden;
 border-radius: 3px;
 box-shadow: 0 0px 20px rgba(0,0,0,0.2);
  }

/*PC用オファー背景*/
.offer1{

width:750px;
height:1259px;
position: relative;
border-style:none;
outline: 0;
}

.offer2{

width:750px;
height:1258px;
position: relative;
border-style:none;
outline: 0;
}	

.offer3{

  width:750px;
  height:1825px;
  position: relative;
  border-style:none;
  outline: 0;
  }	
	
/*PC用オファーボタン位置*/

.botan1{
position:absolute;
top:842px;
left:-2px;
border-style:none;
outline: 0;
}

.botan2{
position:absolute;
top:871px;
left:0px;
border-style:none;
outline: 0;
}	

.botan3{
  position:absolute;
  top:1560px;
  left:0px;
  border-style:none;
  outline: 0;
  }	
	
/*PC用通話料無料ボタン*/
.call1{
display: none;
border-style:none;
outline: 0;
}
.call{
display: none;
border-style:none;
outline: 0;
}

}

 /*共通部分*/

 .botan-500:hover{
   opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity:0.6;
}
 .botan:hover{
   opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity:0.6;
}
.call:hover{
  opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
img {
max-width:100%;
height:auto;
display:block;
border-style:none;
}
a img {
border-style:none;
outline: 0;

}
p{
display: block;
margin:0 auto;
padding: 0 0;
text-align: left;
}

/*共通部分footer*/

#footer{
  color: #fff;
  background: #AB951D;
  height: 50px;
  border-top: 1px solid #9A871B;
  margin: 4px;

}
#footer ul{
list-style-type: none;
font-size: 10px;
}
#footer li{
display:inline;
}