@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #FFFFFF; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
background:url(file/test.jpg); /*研究室内の写真などのせたい */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 800px; /* ページの幅 (サイドバー：220px, メインバー：580px） */
margin: 0 auto; /* センタリング */
/*background: url(img/sidebar.gif) repeat-y left;  サイドバーの背景画像もできたらほしい */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左の境界線 */
border-right: 1px #c0c0c0 solid; /* 右の境界線 */
}

/* --- ヘッダ --- */
#header {
  background-image: url("img/head.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  width:100%;
  height: 220px;
  margin-bottom: 20px;
  position: relative;
  
}


/* --- ヘッダ --- */
/*#header { */
/*background-color: #99FF00; /* ヘッダの背景色 ヘッダに画像を入れたい.780×220pxのもの.  */
/*  width: 100%;　/*780px */
/*  height: 220px; */
/*  margin-bottom: 20px; */
/*  position: relative; */
/*  background: url(img/bg083_06.gif); */

} */

#header p {margin-bottom: 3em;

}

#lang {
	position: absolute;
	top: 4px;
	right: 0px;
}


/* --- ナビゲーション --- */
#nav {
float: left;
width: 200px; /* サイドバーの幅 (width + padding = totalで220px?)*/
padding:0px 10px 0px;

}


/* サイドバー */
#nav #menu {
  background-image:url(img/sidebar5.gif);/*160×35で画像作りたい*/
  background-repeat:no-repeat;
  color:#00000;/*文字色*/
  padding:8px 0px 0px;/*上からの画像位置*/
  font-weight: bold;
  display:block;

}

#nav #menu a {
  text-decoration: none;
  padding: 5px;
  display: block;
  color: #000000;
}

#nav #menu a:hover {
  text-decoration: none;
  color: #0066FF;
}



/* --- メインカラム --- */
#content {
  float: left;
  width: 580px; /* メインカラムの幅 */

}


h1 {
 height:24px;margin:0px 0px 5px 0px;padding:6px 0px 0px 20px;
 font-size:16px;font-weight:bold;color:#333333;
 background-image:url(img/head010_02.gif);
}

h2 {
  font-size:16px;
  font-weight : bold;
    
  border-left-width : 5px;
  border-left-style : double;
  border-left-color : #FF9900;
  
  border-bottom-width : 1px;
  border-bottom-style : dashed;

  padding-left : 8px;
  margin-left : 8px;
}

h3 {
 height:24px;margin:0px 0px 5px 0px;padding:6px 0px 0px 20px;
 font-size:16px;font-weight:bold;color:#333333;
 background-image:url(img/head010_02.gif);
 }

h4 {
  color:#000000;
  margin-left: 1em;

} 

h5 {
  color: #66CC00;
  font-size : 16px
}


/* --- フッタ --- */
#footer {
  clear: left; /* フロートのクリア */
  width: 100%;
  background-color: #99FF00; /* フッタの背景色 */
  height:40px;
  background: url(img/head.gif);

}

#footer p { 
  text-align: center;
  font-size: 80%;  
 }



/* --- table 

.table {
  margin: 10px 50px;}

.table td {
  border-bottom: 1px solid #669900;
  height: 30px;
  vertical-align: bottom;
  padding: 1px 30px;

}
--- */


.member {
  color: #000099;
  font-size: 80%;
  line-height: 130%;　/*文字間隔*/
}

.list {
  color: ;
  font-size: 80%;
  width: 90%;
  line-height: 150%;
}

.list li {
  margin-top: 20px;
  list-style-image: url(img/li.gif);
}

.naiyou {
  font-size: 90%;
  line-height: 180%;
  width: 550px;
}



/* --- ボックス --- */
div.section {
  width: 500px; /* ボックスの幅 */
  background-color: #ffffff; 
  border: 1px #c0c0c0 solid; 
  font-size: 80%; 
}

/* --- 見出し --- */
div.section h4 {
  margin: 0; 
  padding: 5px 10px; 
  background-color: #CCFFCC; 
  border-bottom: 1px #c0c0c0 dotted;
  font-size: 100%; 
}

/* --- 内部News --- */
div.section div.textArea {
  height: 120px; /* 本文領域の高さ */
  overflow: auto;
}

/* --- 本文領域内の段落 --- */
div.section div.textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


/* 連絡先BOX */
/* --- ボックス --- */
div.contact {
width: 300px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(img/maru1_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
}

/* --- 見出し --- */
div.contact h5 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング */
background: #ffffff url(img/maru1_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.contact p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


/*---*/
dl{  
  width : 550px;
  margin-left :20px
}

dt{  
  font-weight : bold;
    
  border-left-width : 5px;
  border-left-style : double;
  border-left-color : #FF9900;
  
  border-bottom-width : 1px;
  border-bottom-style : dashed;

  padding-left : 8px;
}

dd{  
  margin-top : 10px;    
  margin-bottom : 10px;
  margin-left : 17px;

  padding-right : 15px;     
  padding-left : 6px;
}