@charset "UTF-8";

span{font-size:18px;padding-left:5px;}
#c1 { text-align: center; }
#c2 { text-align: left; margin-left: auto; margin-right: auto; width: 30%; } 

html {
min-height: 100%; /* html要素をウィンドウサイズにフィット */
background:url('img/mori3.jpg') no-repeat center; /* 背景画像をhtml要素に表示 */
background-size:cover; /* 背景画像をhtml要素にフィット */
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

div#container {
	position: relative; 
}
.cr{
background: url(img/cr.png) top center no-repeat;
color: fff !important;
height:200px;
}
.inb,.inb2{position:relative;top:80px;}
#fo{ position: fixed;
 bottom: 1px;
 left: 1px;}
#fi{ position: fixed;
bottom: 1px;
right: 1px;}

#amazon_block{
  width:80%;
  max-width:800px;
  margin: 0 auto;
}