@charset "Shift_JIS";

  body{
/*	width: 960px; 
  line-height:1.2;
  color:#333;
  font-size:1.0em;
*/
}
header img{
	float:left;
}
article img{
  display:inline; 
 }
.topimgbox{
  position:relative;
}
.top-mongon{
  text-align: center;
}
/*
.top-mongon{
  position:absolute;
  top:20px;
  left:100px; 
  text-align: center;
}
.top-mongon h2{
   padding:2px;
   margin:0;
  color:#000080;
  font-size:20px;
}
.top-mongon h3{
   padding:2px;
   margin:0;
  color:#ffffff;
  font-size:16px;
text-align: center;
}
.top-mongon h4{
   padding:2px;
   margin:0;
  color:#ffffe0;
  font-size:14px;
}
*/
/*トップフジタ商会ロゴ
.img-size-1{
	border: solid 1px #000080;
     width: 448px;
     height: 106px;
} 
*/
/*トップ画像*/  
.img-size-2{
    width:100%;
    height:250px;
} 

/*各ソフトの画像サイズ*/
.img-size-3{
	border: solid 2px #000080;
 	width:450px;
	height:150px;
	margin: 2px 0px 2px 10px;
}
.img-size-test{
 	width:450px;
	height:120px;
	margin: 0 8px ;
}
.box-soft{
	background-color:#FFEFD5; 
	width: 100%
	box-sizing: border-box;
	padding: 5px;
}
.box-soft a:hover img{
	opacity: 0.7;
}
/*商標等のimgサイズ*/
.img-size-reiwa4{
     width:100%;
    height:150px;
    float:left;
} 
.box4{
	text-align: center;
    background-color:#FFEFD5; 
    width:100%;
}
.box4 a:hover img{
	opacity: 0.7;
}
.img-size-4{
     width:300px;
     height:50px;
 } 

.notice{
   width:920px;
   margin:0;
   padding:10px 20px;
   background-color:#f0fff0;
 }
.notice h1{
	color: #800000;
	font-size: 20px;
	 margin:0;
	padding: 0;
}
.notice h3{
	color: #000080;
	font-size: 20px
;
}
.notice p{
	margin: 0;
	color: #000080;
	line-height: 1.2;
	font-size: 18px;
	font-weight:bold;
}
.syouhyou{
  width:920px;
  margin:0;
  padding:20px;
  background-color:#ffffe0;
}
article h3{
  margin:0;
}
article h4{
  width:920px;
  color:#696969;
  margin:0;
  padding:0;
  font-size:1.0em;
}
.copyright{
  margin:0;
  padding:1px 0 1px 0px;
  background-color:#3366ff;
  color:#ffffff;
  font-size:0.9em;
  text-align : center;
}



/* media クエリ― */
/* 480 以下の場合スマホ対応*/
@media(max-width:600px){ 
 header img{
    float:none;
  }
  article img{
    display:block;
}
/*
.img-size-1{
    width:100%;
    height:90px;
}
*/
.img-size-2{
    width:100%;
    height:150px;
}
.top-mongon{
  position:absolute;
  top:5px;
  left:5px; 
  text-align: left;
}
.top-mongon h2{
   padding:2px;
   margin:0;
  color:#000080;
  font-size:14px;
}
.top-mongon h3{
   padding:2px;
   margin:0;
  color:#0000ff;
  font-size:11px;
}
.top-mongon h4{
   padding:2px;
   margin:0;
  color:#ffffe0;
  font-size:11px;
}
.img-size-3{
    margin:2px 0;
    width:100%;
    height:150px;
}
.box4{
    background-color:#FFEFD5; 
    width:100%;
}
.img-size-4{
     width:100%;
     height 40px;
}  
.box-soft{
      background-color:#FFEFD5; 
      width: 100%;
      padding: 5px 0;
}
.notice{
  width:100%;
  height: auto;
  padding: 0 5px;
}
.notice h0{
  width:100%;
  color:#000080;
  font-size:14px;
}
.notice h4{
  width:100%;
  color:#000080;
  font-size:14px;
}
.syouhyou{
   width:100%;
   padding:0 5px;
}

.syouhyou h4{
	width:100%;
	height: auto;
	color:#696969;
	margin:0;
	 padding:0;

}
.copyright{
  width:100%;
  padding:2px 0 1px 2px;
  font-size:0.6em;
}
}