@charset "Shift_JIS";

  body{
}
#content{
	width:  960px;
	margin: 0 auto;
	padding: 0;
	background-color:#f0fff0;
	font-family:"メイリオ","Hiragino Kaku Gorhic Pro",sans-serif;
	vertical-align: bottom; 
}

header{
 	height: auto;	
}
header img{
  	float:left;
  	display:inline;
}
/*
.img-size-1{
    width:450px;
    height:108px;
}
*/
article h1{
    margin:10px ;
    text-align:center;
    font-size:25px;
    color:#000080;  
}

article img{
  float:left;
  display:inline;
  margin:2px 10px 0 2px;
}

.box-jyutaku{
    padding:5px 20px 5px 0;
    width: 940px;
    height: 120px;
    background-color : #ffccff;    
}
.box-pacage{
    padding:5px 20px 5px 0;
    width:940px;
    height: 120px;
    background-color : #ccffff;    
}
.box-hp{
    padding:5px 20px 5px 0;
    width:940px;
    height: 120px;
    background-color : #ffffcc;    
}
.box-lannet{
    padding:5px 20px 5px 0;
    width:940px;
    height: 120px;
    background-color : #ffff99;    
}
article h3{
	margin:0;
  	font-size:1.0rem;
}
.img-size-usiwaka{
    width:130px;
    height:120px;
}    
.img-size-pacage{
     width:130px;
    height:120px;
}    
.img-size-hp{
     width:130px;
    height:120px;
}
.img-size-lannet{
     width:130px;
     height:120px;
}
 
.line-space{
     clear:both;
     display:block;
}
     
.copyright{
  margin:0;
  padding:1px 0 1px 0px;
  background-color:#3366ff;
  color:#ffffff;
  font-size:0.9em;
  text-align : center;
}



/* media クエリ― */
/* 600 以下の場合スマホ対応*/
@media(max-width:600px){ 
body{
}
#content{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/*
.img-size-1{
    width:100%;
    height: auto;
}
*/
header img{
    float:none;
}
article h1{
    margin:10 ;
    text-align:center;
    font-size:25px;
    color:#000080;  
}

article img{
  float:none;
  display:inline;
  margin:2px 10px 0 2px;
}
.box-jyutaku{
	padding-right:10px;
 	width:100%;
	height:1auto;
}
.box-jyutaku img{
	float: left;
	width:120px;
	height:100px;
}
.box-pacage{
	padding-right:10px;
	width:100%;
	height: auto;   
}
.box-pacage img{
	float: left;
	width:120px;
	height: 100px
;
}
.box-hp{
	padding-right:10px;
	width:100%;
	height: auto;  
}
.box-hp img{
	float: left;
	width:120px;
	height: 100px;
}
.box-lannet{
    padding-right:10px;
    width:100%;
    height: auto;   
}
.box-lannet img{
	float: left;
	width:120px;
	height: 100px;
}    
.img-size-hp{
     width:120px;
    height:100px;
}
.img-size-lannet{
     width:120px;
     height:100px;
}
article h1{
    width:100%;
    margin :10px 0;
    text-align:center;
    font-size:25px;
    color:#000080;  
}
article h3{
    margin-top:0;
    font-size:0.8rem;
}
.copyright{
  width:100%;
  padding:5px 0 1px 5px;
  font-size:0.9em;
}
.copyright h4{
	font-size:0.8em;
}
}