* {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: underline;
}
img {
	border: none;
}
body {
	margin: 0px;
	padding:0px;
	text-align: center;
	color: #556;}

@charset "UTF-8";
body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif} 

@media only screen and (min-width: 10px) and (max-width:599px){


    

/* ボックスの左右 */
.boxA
	{width:100%;    
    padding-left: px;
	padding-right: 15px;
    padding-top: 20px;
	padding-bottom: 10px}
  /* ロゴをセンターに　 */  
.box1{width:100%;}
.site{width:225px;
      margin-left:auto;
      margin-right:auto;}

/* サイト名 */
.site img	{width: 225px;
	height: auto}
   

    
       
    /* 写真ギャラリー部分 */  
ul.photos {width:80%;
	max-width: 320px;
	padding: 50px 0px;
	margin: 0px auto;
	text-align: center;
	list-style: none;
}
    ul.photos img{width:100%;}    
    
ul.photos li {
	display: inline;
	width: 160px;
    height:     ;
}
    
ul.photos li#photoA{width:100%;float:left;}    

ul.photos li#photoB{width:23%;margin:1%;float:left;}  
    
    /* クリックしないと表示されない */ 
ul.photos li#displaynone {
	display: none;
	width: 160px;
	height: 160px;
}
    /* クリックしないと表示されないおわり */ 
ul.photos a.horizontal img,
ul.photos a.effectable img {
	padding: 15px 0px;
}
ul.photos a.vertical img {
	padding: 0px 15px;
}
      
}



/* ########### 600px以上 ########### */
@media (min-width: 600px) {
   

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}
/* ナビゲーションボタンの設定 */
.box2	{float: right;
    margin-top:20px;
	width: auto}

    
   /* 全画面表示の時にレイアウトが崩れないようにするためにgalleyタグにheightを設定 */ 
    #galley{width:100%;height: 600px;}    
    
  /* 写真ギャラリー部分 */  
    ul.photos img{width:100%;}
            
ul.photos {
	width: 400px;
	padding: 50px 0px;
	margin: 0px auto;
	text-align: center;
	list-style: none;
}
ul.photos li {
	display: inline;
	width: 230px;
    margin-left:auto;
    margin-right: auto;
    margin:10px;
}
    
    
        

    
    
    ul.photos li#photoA{width:100%;float:left;}    
    
    ul.photos li#photoB{width:23%;margin:1%;float:left;}      
    
    
    /* クリックしないと表示されない */ 
ul.photos li#displaynone {
	display: none;
	width: 160px;
	height: 160px;
}
    /* クリックしないと表示されないおわり */ 
ul.photos a.horizontal img,
ul.photos a.effectable img {
	padding: 15px 0px;
}
ul.photos a.vertical img {
	padding: 0px 15px;
}
    
  
}