@charset "UTF-8";
/* 共通部分　
--------------------------------------------*/
html {
    font-size: 100%;/*　16px　*/
}

body{
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic,
		 "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  　line-height: 2.0;
}

a {
    text-decoration: none;
}

a:link{
	color: #3300cc;
}
a:visited{
	color: #993399;/*Purple*/
}
a:hover{
	color: #330066;
	text-decoration: underline;
}
a:active{
	color: #330066;
}

img {
	max-width: 100%;
	height: auto;
}




/* 文字の背景色などの設定
----------------------------------------------*/
.bg-color-y {
	background-color:#fff000;
}

.linear-grad-y {
	background : linear-gradient(transparent 50%, #FFFF00 50%);
}

.blue {
	border-width: 2px ;
	border-style: solid;
	border-color: #0bd;
}

.orange {
	border-width: 2px ;
	border-style: solid;
	border-color: orange;
}

/* 文字の太さ 
----------------------------------------------*/
.font-b {
	font-weight: bold;
}

/* header :固定幅とする。
----------------------------------------------*/
.page-header {
	width:760px; 
	height: 104px;
	margin:20px 0 0 0;
}

/* .wrapper :画面幅に制限を加える。
----------------------------------------------*/
.wrapper {
	max-width: 1000px；
	text-align: left;
}

.logo {
	width: 94%; 
	border-style:solid;
	border-width:1px; 
	margin-left: 4px;	
}


/*news-contents : 固定幅とする。
--------------------------------------------------*/
.news-contents{
	width:760px;	
	font-family:sans-serif;
	margin: 2px 0 10px 0; 
	/*border-style: solid;
	border-color:#CCCCCC;
	border-width: 1px;*/
}

nav{
	width:96%;/* 8/12 */
	font-family:sans-serif;
	margin-top:2px; 
	margin-left:0;
	font-weight: bold;
	color:#333399;
}

h1{
	font-size: 15px;
	line-height:18px;
	color: #333366;
	font-family: serif;
	margin-bottom:0;
	padding-left:3px;
}

h2{
	width: 96%;  
	font-size: 20px;
	font-weight: bold;
	font-family:sans-serif;
	line-height: 30px; 
	color: #ffffff;
	background-color: #333366;
	text-align:Center;
	margin-bottom:0px;
	padding-top:1px;
	padding-bottom:1px;
}

h3{
	width: 96%;  
	font-size: 20px; 
	font-weight: bold;
	font-family:sans-serif;
	line-height: 25px;
	color: black;
	margin-top:2;
	margin-bottom:2px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

h4{
	width: 96%;  
	font-size: 1.125rem;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:10px;
}


ul{
	width:92%; 
	margin-top: 0;
	margin-bottom:10px;
	padding-left:12px;  
	line-height: 2.0em;
	list-style-type: disc;
	list-style-position: inside;
}


ol{
	width:92%; 
	margin-top: 0;
	margin-bottom:10px;
	padding-left:15px;  
	line-height: 2.0em;
	list-style-type: decimal;
	list-style-position: inside;

}

p{
	width:92%;
	font-family:sans-serif; 
	line-height: 2.0em;
	color:black;
	margin-top: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2%; 
	padding-right: 2%;  

}




/*研究所の概要
-----------------------------------------------------*/
p.f_size12{

	font-size: 13px;
	line-height: 1.5em;
	margin-top: 0;
	padding: 2px;
	margin-left:2px;
	margin-right:2px;

}

p.f_size14{

	font-size: 14px;
	text-align: left;
	line-height: 1.5em;
	margin-top: 0;
	padding: 2px;
	margin-left:2px;
	margin-right:2px;

}

table{
	margin-left:0;
	margin-top:10px;
}

th,td{
	padding:5px;
}

form{
	font-size: 16px;
	text-align: left;
	line-height: 200%;
	margin-top: 0;
	margin-bottom: 15px;
	padding: 15px;
}

/*
footer {
	height: 22px;
	background : #666699;
	padding-top: 3px ;
}

footer p {
	color: #fff;
	font-size: 0.875rem;
	text-align:center;
}
*/	

#footer{
	height : 30px;
	width:96%;  
	margin-left:0;
	background-color : #666699;
	color: #ffffff;
}

address{
	font-size: 15px;
	font-style: normal;
	text-align:center;
	padding-top:3px;
}


/* iphone
-----------------------------------------------------	*/
	@media (max-width: 600px) {
	.page-header {
		width:100%;
	}

	.logo {
		width: 98%;  
		height: 60px;  
		margin-left:0;
	}
	
/*	.sht1 {
		width: 200%;
		height: auto;  
		overflow-x:auto;
	}
*/
	.news-contents{
		width:100%;  
		margin-top: 0;  
	
	}

	#footer{
		width:100%; 
	}

}