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

/*長田科研HP　スタイルシート*/



body {
	max-width:600px;
    margin:0 auto;
	padding:0;
	font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	color:#000;
	letter-spacing:1px;
	font-size:97%;
}

br {
    letter-spacing:normal;
}

a{
	color:#0000CC;
	}

.none_deco{
	text-decoration:none;
}

a:visited{
	color:#0000CC;
	}


a:hover{
	color:#0099FF;
	}
	
img {
    border:0;
	margin:0;
	padding:0;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}


h2 {
	margin:0 0 20px 0;
	padding:4px 0 3px 13px;
	font-size:1.2em;
	background-color:#E0E0E0;
}

h3{
	margin:20px 0 20px 0;
	padding:3px 10px;
	font-size:1.1em;
	border-bottom:#0066CC  solid 2px;}

p{
	margin:5px 0 15px 15px;
	font-size:0.9em;
	}
	
ul{
	margin:5px 0 15px 30px;
	padding:0;
	font-size:0.9em;
}

ul li{
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}

table{
	border:#666666 solid 1px;
	border-collapse:collapse;
	margin:15px;

}

table th{
	font-size:0.9em;
	border-collapse:collapse;
	border:#666 solid 1px;
	padding:3px 10px;
	white-space:nowrap;
	background-color:#E0E0E0;
	
	}
table td{
	border:#666 solid 1px;
	border-collapse:collapse;
	font-size:0.9em;
	padding:3px 7px;}
/* ========レイアウト======== */


#head{
	width:100%;

	position:relative;
	margin:0 auto;
	padding:0;
	text-align:left;	
	}
	
#head .head_left{
	float:left;
	margin:0;
	padding:0;
	width:340px;
}
#head .head_left img{
	float:left;
	margin:0;
	padding:0;
	width:340px;
}


#head .head_right{
	float: left;
	width:340px;
	margin:0;
	text-align:left;
	padding:10px 0;
}
#head .head_right img{
	float: left;
	width:320px;
	margin:0;
}

#head .language{
	float:left;
	width:100px;
	height:20px;
	margin:5px;}

#head .language img{
	width:29px;
	height:19px;
	margin-right:5px;
}

#head .head_search{
	width:145px;
	height:25px;
	position:relative;
	float:left;
	margin:10px 20px 0 10px;
}

#head .head_search form, input {
  margin: 0; /* マージンをリセット */
}

#head .head_search form {
  position:relative; /* 基準位置とする */
}

#head .head_search input[type="search"] {
	width: 115px;
	height: 25px;
	margin:0;
	padding: 0 0 0 3px;
	border:0;
	position: absolute;
	border:#999 solid 1px;
	left:0;
	color:#333;
	font-family:'メイリオ', Meiryo;
	font-size:12px;  
}

#head .head_search input[type="image"] {
  border: 0;
  padding: 0;
  margin:0;
  width: 25px;
  height: 25px; 
  position: absolute;
  left:120px;
}



#headline {
	width:100% auto;	
	margin:0 auto;
	text-align:left;
	padding:0;	
}


.headmenu{

	width:100%;
	margin: 0 auto;
	padding: 0;
}

.headmenu ul{

}

.headmenu ul li {

	margin:0;
	padding:0;
	font-size:14px;

	position: relative;
	color: #009;

	font-weight:bold;

}

.headmenu ul li a {
	
	color: #009;

}

.headmenu ul li:hover {

}



/* ======== コンテンツ ======== */}

#container_01{

}
#contents{
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#FFF;

}
	
#contents_main{

	float:left;
	padding:10px;
	background-color:#FFFFFF;
	margin:0 ;
}

/* ======== INFORMATION ======== */


#information {
	width:100%;
    margin:0;
	font-size:0.9em;
}

#information h2{
    clear:both;
    padding:3px;
    line-height:1.4em;
	font-size:1.2em;
	font-weight:600;
	text-align:left;
	margin:6px 0px;
	background-color:#FFFFFF;
	letter-spacing:2px;
	border-bottom:#0066CC dotted 3px;
}


#information p {
    margin:0;
	padding:5px;
}

	
#information dl {
    margin:0;
}


#information dt {
    padding:5px 10px;
	color:#003399;
}

#information .new dt {
	margin:0;
}

#information dd {
    margin:0;
    padding:5px 10px;
    border-bottom:1px dotted #999;
}


/* ======== rightnavi ======== */

#rightnavi{

	float:left;
	padding:30px 20px;
}

#rightnavi img{
	margin-bottom:10px;}



.contact{
	background-color:#CCEEFF;
	width:auto;
	border:#0066CC solid 1px;
	padding:10px;
	}
	
.contact p{
	margin:0;
	padding-bottom:5px;
	font-size:0.8em;
}

.small_p{
	font-size:0.75em}
/* ======== rightnavi ======== */


#copyright{
	background-color:#06C;
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:8px;
	padding:10px 0;
	bottom:0px;
	color:#FFFFFF;
	}






.clear{
	clear:both;
}



#login{
	width:300px;
	float:left;
	margin:0 auto;
	}
/* ======== margin ======== */

.mg_t_10{
	margin-top:10px;
}

.mg_t_20{
	margin-top:20px;
}

.mg_t_30{
	margin-top:30px;
}

.mg_t_40{
	margin-top:40px;
}