/* 全てに適用するcss */

body {
background:#FFFFFF;
font-family: "Hiragino Kaku Gothic ProN", "YuGothic", "verdana", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",arial, sans-serif;
color:#777777;
font-size:13px;
line-height:150%;
-webkit-text-size-adjust: 100%;
}

A:link	{ color: #777777;}
A:visited	{ color: #777777;}
A:active	{ color: #CCCCCC; text-decoration:none;}
A:hover	{ color: #EBC694;  position:relative; top:1px; left:1px; text-decoration:none;}

a{text-decoration: none}

.box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8{width:100%;
                           margin-left: auto;
                           margin-right: auto;}
      
.box1  {text-align: center;}
.box2   {text-align: center;font-size:12px;}
      
.box3	{text-align: left;}

.box4	{text-align: left;
         border: solid 1px #808080;
         }
.box5	{text-align: left;
         border: solid 1px #808080;
         }
.box6	{text-align: left;
         border: solid 1px #808080;
         }
.box7	{text-align: left;
         border: solid 1px #808080;
         }

.box8 {text-align: center;}

 p.toplogo img{width:100%; height:auto;}		
 p.gazou img{width:100%; height:auto;}
 .bg {background-color:beige; font-size: 16px;}



/* 0~640pxのcss */
@media screen and (max-width:640px)
{
.box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8{width:100%;
                        margin-left: auto;
                        margin-right: auto;}
      
.box1   {text-align: center;}
.box2  {text-align: center; font-size:10px}
.box3	{text-align: left;}
.box4	{text-align: left;
         border: solid 1px #808080;
         }
.box5	{text-align: left;
         border: solid 1px #808080;
         }
.box6	{text-align: left;
         border: solid 1px #808080;
         }
.box7	{text-align: left;
         border: solid 1px #808080;
         }


.box8 {text-align: center;}

      
 p.toplogo img{width:100%; height:auto;}		
 .gazou img{width:100%; height:auto;}
      
}



/* 800px以上 */
 @media screen and (min-width:800px)
  {.box2,.box3,.box4,.box5,.box6,.box7,.box8{width:800px;
                           margin-left: auto;
                           margin-right: auto;}
      
.box1  {text-align: center;}
.box2   {text-align: center;font-size:13px;}
      
.box3	{text-align: left;}

.box4	{text-align: left;
         border: solid 1px #808080;
         }
.box5	{text-align: left;
         border: solid 1px #808080;
         }
.box6	{text-align: left;
         border: solid 1px #808080;
         }
.box7	{text-align: left;
         border: solid 1px #808080;
         }

.box8 {text-align: center;}

     
p.toplogo img{width:800px; height:auto;}		
p.gazou img{width: 100%;height: auto;} 
.sen {text-align:center; width: 800px}


}