@charset "utf-8";
/* CSS Document */

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

body{
     background:#eee8aa url(img/bg.jpg) repeat;
     font: 16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	 width:720px;
	 color: #666;
	 margin-left:30px;
	 text-align:center;
	 word-wrap: break-word;
	 word-break:break-all;
	 	
}


a{ color:#ffffff;}
     a:hover{color:#ffffff;}

header{text-align:left;}

#wrapper{
	
	 width:720px;
     margin:0auto;
     margin-left:auto;           /* IE以外用の中央寄せ */
	 margin-right:auto;          /* IE以外用の中央寄せ */
}

#line{background-color:#191970;
      margin-top: 15px;}


#list{
     font-size: 90%;
	 text-align:center;
	 vertical-align:middle;
	 width:500px;	 height:30px;
	 }

	td{width:125px;
	}
	

tr a{
          color: #ffffff;
          text-decoration: none;
     }
     tr a:hover{color: #69c;}



#hero{
     margin-top: 20px;
	 width:720;	 height:150;

}

#button{
	 text-align:left;
     margin-top: 20px;
	 width:720;	 height:150;
	 float: left;
	 	
}
	 #button img{
		 border-top: 3px solid #DDD;
	 	 border-left: 3px solid #DDD;
	  	 border-right: 3px solid #BBB;
		 border-bottom: 3px solid #BBB;
		 padding: 0px 0;
		 width:150px;
		 height:150px;
		 
		  
}
	
	 
	#b01:hover{
		position:relative;top:3px;left:3px;		
	}

#projects{
	 width:590px;
	 float: left;
     margin-top: 20px;
	 text-align:left;            /* 中身を左寄せに戻す */
	 word-wrap: break-word;
	 word-break:break-all;    
}

#projects td a {
	color:#666;
	text-decoration:underline
}

#projects h1{
     font-size: 110%;
	 border-left: 5px #d95483 solid;
     padding-left: 10px;
     margin-bottom: 5px;
	 }

	 
#memo{
     float: left;
	 font-size: 100%;
	 color:#003;
	 width:580px;
     padding-left: 10px;
	 }
	p{white-space:normal;
	text-align:left;
	 	 }

#memo img{
	margin-top:5px;
	margin-bottom:10px;
}

#memo a{
	color:#003;
}


#memo02{
     font-size: 100%;
	 background-color:white;
	 color:#003;
	 width:570px;
     padding-left: 10px;
	 }

#result{
	text-align:right;
}

#reports{width:720;
	 float: left;
     margin-top: 20px;
	 margin-bottom:20px;
	 text-align:left;            /* 中身を左寄せに戻す */
	 word-wrap: break-word;
	 word-break:break-all;
	 }
	  
#reports h2{
     font-size: 100%;
	 border-left: 5px #7fff00 solid;
     padding-left: 10px;
     margin-bottom: 5px;
	 }
	  	
section{
	float: left;}

#table01{
	background-color:white;
	font-size: 90%;
	width:570px;	height:150px;
	border:0;
	cellspacing:0;
	cellpadding:0;
	
}

#table02{
	width:615px;
    margin-top: 0.2em;
    margin-bottom: 1em;
    border-collapse: separate;
    border-spacing: 2px;
    font-size: 100%;
}

#table02 caption {
  margin-top: 1em;
  text-align: right;
}

#table02 th,
table.table021 td {
  padding: 4px 6px;
}

#table02 th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #FFD9F3;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
}

#table02 td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #F3F3F3;
  text-align: right;
  white-space: nowrap;
}

	#date{width:130px;
	height:30;
	}
	
	#colm{width:440px;
	heigtt:50;	
	text-align:left;            /* 中身を左寄せに戻す */}
	
　　#colm2{width:440px;
	heigtt:50;	
	text-align:left;            /* 中身を左寄せに戻す */}
	

#table03{
	 width:500px;
	  border-collapse: collapse;
	  text-transform;
	  
 }
 
#table03 td{
	 padding: 6px;
	 background-color: #fff;
	 border: 1px solid #b9b9b9;
 }
#fig{
	width:100px;
	}
#text{
	width:400px;
	vertical-align:top;
	}

#about{
	 float: left;
	 width:130px;height:225px;
	 margin-top: 20px;
	 margin-bottom:20px;
	 text-align:left;            /* 中身を左寄せに戻す */
}

#attention a{
	color:#d95483;
	text-decoration: none;
}
   
#comment{
	 float: left;
	 width:150px;height:225px;
	 text-align:left; 
	 font-size: 75%;
	 line-height:90%;
	 color:#003;
	 
}
#comment img{
	 margin-bottom:5px;
	 margin-top:10px;		 
}

#info {
	background:url(img/minilogo.jpg);
	width:130px;
	height:50px;
	
	mailto:iseri-e89qt;
	}
#info02{
	mailto:iseri-e@;
}
	


footer:before{
    content: "";
    display: table;
    clear: both;
}

#footer{
	text-align:center;
	width:720px;
	margin-top:20px;
	margin-bottom:20px;	
	 	}


#box{
     background: #69c;
     width: 300px;
     margin: 30px auto 10px;
     padding: 5px;
     text-align: center;
	 margin-top: 10px;
     font-size: 75%;
}
 #small{
          color: #fff;
          border: 1px #fff solid;
          padding: 5px;
          display: block;
     }
     footer a{
		 color: #fff;
		  }