/* 共通 */
BODY {
  background-color: white;      /* 背景色 */
  background-image: url("_main/square_natsu.gif");
  color: black;                 /* 文字色 */
  line-height: 150% ;
  margin-left: 15px ;
     }

TABLE.main { line-height: 125% }

A:link { color: blue }          /* リンク色 */
A:visited { color: purple }     /* 訪問済色 */

.info  { line-height: 150%  }
.star  { color: orange }
.area  { color: gray }
.green { color: green }
.red   { color: red }


/* パソコンのみ */
@media only screen and (min-width:980px) {

#wrapper{

}

#main{
float:right;
width:80%;
padding:0 10px 5px 1%;
}
	
#sidebar{
float:left;
width:210px;
padding:20px 0 3% 0;
position: fixed;
top: 20px;
}
	
.title-image{
    background-image:url(_main/20200205.jpg);             /* 画像のURLを指定       */
    background-repeat:no-repeat;                /* 画像の繰り返しを指定  */
    width:auto;                                   /* 横幅のサイズを指定    */
    height:400px;                                 /* 縦幅のサイズを指定    */
}

.fixed {
    position: fixed;
    top: 10px;
    width: 100%;
}

}


/* スマートフォンのみ */
@media only screen and (max-width:979px) {

#main{padding-top:5px;}
section.toppage{margin:0;}
#sidebar{padding-bottom:15px;}
#sidebar article{padding:7px 8px;}
	
.title-image{
    background-image:url(_main/title2008.gif);             /* 画像のURLを指定       */
    background-repeat:no-repeat;                /* 画像の繰り返しを指定  */
    width:auto;                                   /* 横幅のサイズを指定    */
    height:180px;                                 /* 縦幅のサイズを指定    */
}

}