/* 全てに適用する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{width:100%;
                        margin-left: auto;
                        margin-right: auto;}

.box2   {text-align: center; font-size:12px}
.box3	{font-size:13px;}	
.box4	{font-size:13px;}

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



.box1   {text-align: center;}
.box2   {text-align: center;}
.box3 {text-align: left;}
.box4   {text-align: left; background-color: gainsboro; margin-top: 15px;}
.box5  {text-align: center;}
.topgazo img{width:100%;}
.kounin {text-align: right; font-size:12px;}
 p.new{margin: 10px} 



/* 0~640pxのcss */

@media screen and (max-width:640px)
{
.box1,.box2,.box3,.box4,.box5{width:100%;
                        margin-left: auto;
                        margin-right: auto;}

.box2   {text-align: center; font-size:10px}
.box3	{font-size:13px;}	
.box4	{font-size:13px;}

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



/* 800px以上 */
@media screen and (min-width:800px)
{
.box1,.box2,.boxA,.box5{width:800px;
                           margin-left: auto;
                        margin-right: auto;}

      
.boxA:after	{content: "";
	display: block;
	clear: both
        }
.box3	{float: left;
	width: 60%;
	font-size:14px;}
.box4	{float: right;
	width: 40%;
	font-size:14px;}
	
	
 p.gazou img{width: 100%;height: auto;} 
.sen {text-align:center; width: 800px}
.box2 {font-size: 13px;}
      

}