/*    mysyumi.css   */
@charset "UTF-8";
  body{
      margin: 0;
      padding: 0;
     font-family:"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;     line-height:1.2;
     color:#333;
     width:1000px;
     margin-right: auto;
     margin-left : auto;
     vertical-align: bottom;

}

#content{
	border: 1px #ffffff;
	width:100%;
	background-color:#ffffe0;   
}

header{
     background-color:#87cefa;
     color:#ffffff;
     height:100px;
}

header img{
     float:left;
     padding-right: 50px;
}
.img-size-logo111_2{
       width: 400px;
       height: 100px;
}
article h1{
     margin:0;
     padding-left:10px;
}
article p{
     padding-left:5px;
}


.box1{
       margin:0;
       border : 0; 
       padding: 10px 16px 10px 16px;
       width: 970px;
      height: 400px;
      position : relative;      
      background-color:#e6e6fa;
 }
.imgsize1{
    width: 180px;
    height: 260px;
}
.imgsize2{
    width: 200px;
    height: 150px;
}
.box1001{
	float: left;
	padding: 0 5px 0 5px;	
}
.box1001 p{
	text-align: center;
}
.box1002{
	float: left;
	padding: 0 5px 0 5px;		
}
.box1002 p{
	text-align: center;
}
.box1003{
	float: left;
	padding: 0 5px 0 5px;	
}
.box1003 p{
	text-align: center;
}
.box1004{
	float: left;
	padding: 0 5px 0 5px;		
}
.box1004 p{
	text-align: center;
}
.box1005{
	float: left;
	padding: 0 5px 0 5px;		
}
.box1005 p{
	text-align: center;
}
.box1 h2{
       text-align:center;
       font-size:25px;
       color:#cc9999;
}
.box1 h3{
       margin:0;
       text-align:left;
       font-size:16px;
       color:#333333;
}
.box2{
       float:left;
       margin:2px;
       border : 0; 
       padding: 10px 16px 10px 16px;
       width:300px;
      height:450px;
      position : relative;      
      background-color:#FFDAB9;
}
.box2 h2{
       text-align:center;
       font-size:25px;
       color:#cc9999;
}
.box2 h3{
       margin:0;
       text-align:left;
       font-size:16px;
       color:#333333;
}
.box3{
       float:left;
       margin:0;
       border : 0; 
       padding: 10px 16px 10px 16px;
       width:300px;
       height:450px;
       position : relative;      
       background-color:#ffffaa;
}
.box3 h2{
       text-align:center;
       font-size:25px;
       color:#cc9999;
}
.box3 h3{
       margin:0;
       text-align:left;
       font-size:16px;
       color:#333333;
}
footer{
      clear:both;
      text-align:center;
}
/* copyright */

.boxcopyright{
       text-align:center; 
       margin:0px;
       line-height:1.4;
       width:750px;
       padding:5px 15px 5px 15px;
       background-color:#bbffff;
}
.copyright p{
    font-size: 16px;
    font-weight: 600;
}
.copyright img{
	width: 100px;
	height: 20px;
}
/*****media*************/
@media(max-width:600px){
body{
    width: 100%;
    margin:0 auto;
}
 body{
      margin: 0 auto;
      padding: 0;
     font-family:"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;     line-height:1.2;
     color:#333;
      vertical-align: bottom;
}
#content{
	border: 1px #ffffff;
	width:100%;
	background-color:#ffffe0;   
}

header{
     background-color:#87cefe;
     color:#ffffff;
     height:160px;
}

header img{
     float:none;
}
.img-size-logo111_2{
       width:  100%;
       height: 100px;
}
.box1{
       float:none;
       text-align:center;
       margin:0 auto;
       border : 0; 
       padding: 10px;
       width: 100%;
      height: 450px;
      position : relative;      
      background-color:#FFFFDD;
 }
.box1 h2{
       text-align:center;
       font-size:25px;
       color:#cc9999;
}
.box1 h3{
       margin:0;
       text-align:left;
       font-size:16px;
       color:#333333;
}
.box2{
       float:none;
      text-align:center;
       margin:0 auto;
       border : 0; 
       padding: 10px;
       width: 100%;
      height: 450px;
      position : relative;      
      background-color:#FFDAB9;
}
.box2 h2{
       text-align:center;
       font-size:25px;
       color:#cc9999;
}
.box2 h3{
       margin:0;
       text-align:left;
       font-size:16px;
       color:#333333;
}
.box3{
       float:none;
      text-align:center;
       margin:0 auto;
       border : 0; 
       padding: 10px;
       width: 100%;
       height: 450px;
       position : relative;      
       background-color:#ffffaa;
}
.box3 h2{
       text-align:center;
       font-size:25px;
       color:#cc9999;
}
.box3 h3{
       margin:0;
       text-align:left;
       font-size:16px;
       color:#333333;
}








}