/* 
   chromatin.css created by Yasuyo Mukohda
   insert follow line your html file header
   <link rel=stylesheet type="text/css" href="chromatin.css">
*/

body {margin:0;
      margin-left:auto;
      margin-right:auto;
      font-family:Arial, "ヒラギノ角ゴ Pro W3", Helvetica, "ＭＳ ゴシック", sans-serif;
	  font-size:10pt;
	  color:#3c3d3d;
	  line-height:14pt;
      width:800px;
	  }

/*chromatin all*/
div.cont {margin:0 5px;
		  }
		  
div.menubutton {float:left;
                margin-top:10px;
                }
		  
div.main {clear:right;
          margin-left:180px;
		  margin-top:-15px;
          }
		  
div.copyright {text-align:center;
               border-top:solid 1px #0F3147;
			   padding-top:3px;
			   margin-top:5px;
			   font-size:8pt;
			   line-height:10pt;
               }
			   
a:link, a:visited {text-decoration:underline;
                   color:#1C7AB5;
				   }
				   
a:hover {text-decoration:none;
         color:#B4DBE0;
		}
		 
a.button:link , a.button:visited {display:block;
                                  border:solid 1px #1C7AB5;
								  background-color:#ffffff;
								  margin-left:4px;
								  padding:3px;
								  float:right;
								  text-decoration:none;
								  font-weight:bold;
								  color:#1C7AB5;
								  }
								  
a.button:hover {display:block;
                border:solid 1px #B4DBE0;
				background-color:#B4DBE0;
				margin-left:4px;
				padding:3px;
				float:right;
				text-decoration:none;
				font-weight:bold;
				color:#ffffff;
				}
				
a.button2:link , a.button2:visited {display:block;
                                    border:solid 1px #1C7AB5;
								    background-color:#ffffff;
								    margin-right:4px;
								    padding:3px;
								    float:left;
								    text-decoration:none;
								    font-weight:bold;
								    color:#1C7AB5;
								    }
								  
a.button2:hover {display:block;
                 border:solid 1px #B4DBE0;
				 background-color:#B4DBE0;
				 margin-right:4px;
				 padding:3px;
				 float:left;
				 text-decoration:none;
				 font-weight:bold;
				 color:#ffffff;
				 }
			   
p.title {font-size:15pt;
		 color:#1C7AB5;
		 padding-left:5px;
		 padding-top:25px;
		 margin-bottom:-15px;
		 background-image:url(image/title_line.jpg);
		 background-repeat:no-repeat;
		 background-position:top;
		 height:40px
		 }
			 
p.cont {width:600px;
        margin-left:5px;
		text-indent:1em;
		text-align:justify;
		text-justify:inter-ideograph;/*IE*/
        }
				 
p.cont2 {width:600px;
         margin-left:5px;
		 text-align:justify;
		 text-justify:inter-ideograph;/*IE*/
         }
		 
p.cont3 {width:600px;
         margin-left:5px;
		 margin-top:-5px;
		 text-indent:1em;
		 text-align:justify;
		 text-justify:inter-ideograph;/*IE*/
         }
		 
p.cont4 {width:600px;
         margin-left:5px;
		 margin-bottom:-8px;
		 text-indent:1em;
		 text-align:justify;
		 text-justify:inter-ideograph;/*IE*/
         }
		 
h3 {margin:0 0 -10px 0;
    background-image:url(image/button/circle.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:20px;
    color:#18486D;
    font-size:11pt;
    }
	
table.program {margin-left:35px;
               }
			   
table.program caption {text-align:left;
                       font-weight:bold;
                       padding-left:13px;
                       background-image:url(image/button/blue.gif);
					   background-position:left top;
					   background-repeat:no-repeat;
                       }
					   
table.program span {color:#1C74B5;
                    }
					
table.program td {vertical-align:top;
                  }
				  
table.program td.session {padding-left:3px;
                          background-color:#EDF3F3;
						  color:#18486D;
						  font-weight:bold;
                          }
					   
table.program td.time {padding-right:8px;
                       }

table.border {border:solid 1px #18486D;
              border-collapse:collapse;
              }
					   
table td.border {border:solid 1px #18486D;
                 border-collapse:collapse;
                 }
				 
/*chromatin all end*/

/*menu_button*/
a.menu {display:block;
        width:150px;
        height:48px;
        margin-top:0;
        margin-bottom:5px;
		text-decoration:none;
		}

a.menu:link, a.menu:visited {border-style:solid;
	                         border-width:1px 7px 1px 1px;
		                     border-color:white;
							 text-decoration:none;
							 color:#000000;
			                 }
							 
a.menu:hover {border-style:solid;
	          border-width:1px 7px 1px 1px;
              border-color:#EDF3F3 #EDF3F3 #EDF3F3 #EDF3F3;
			  background-color:#EDF3F3;
			  text-decoration:none;
			  color:#1C7AB5;
			  }
			  
a.select {display:block;
          border-style:solid;
	      border-width:1px 7px 1px 1px;
          border-color:#0F3147 #B4DBE0 #0F3147 #0F3147; 
		  background-color:#0F3147;
          width:150px;
          height:48px;
          margin-top:0;
          margin-bottom:5px;
		  text-decoration:none;
		  font-weight:bold;
		  color:#ffffff;
		  }
		  
img.menu {margin:1px 8px 1px 6px;
          float:left;
		  }
		  
div.menu {clear:right;
          padding-top:7px;
		  line-height:13pt;
          }
		  
div.menu span {font-size:9pt;
               }/*文字が多い時用*/

		  
a.menu2:link, a.menu2:visited {text-decoration:none;
                               color:#000000;
							   margin-top:5px;
							   }
							   
a.menu2:hover {text-decoration:none;
               color:#1C7AB5;
			   margin-top:5px;
			   }
						 
div.menu2 {border-left:solid 7px #0F3147;
           font-size:7.5pt;
		   margin-bottom:5px;
           }
						  
div.menu2 span {font-size:10pt;
                }
		  
/*menu_button end*/		  
		  
/*index*/
p.title2 {font-size:15pt;
		  color:#1C7AB5;
		  padding-left:5px;
		  padding-top:25px;
		  margin-top:-15px;
		  margin-bottom:-15px;
		  background-image:url(image/title_line.jpg);
		  background-repeat:no-repeat;
		  background-position:top;
		  height:40px
		  }/*index_News&Information用*/
			   
ul.news {margin:10px 0 5px 5px;
         padding:0;
		 }

ul.news li {list-style-type:none;
            background-image:url(image/button/cell.jpg);
			background-position:left top;
			background-repeat:no-repeat;
			margin-bottom:2px;
			padding-left:102px;
			text-indent:-5.1em;
			width:505px;
            }
			
ul.news li b {background-color:#18486D;
              color:#ffffff;
			  font-weight:500;
			  font-size:8pt;
			  padding:2px;
			  }/*new ボタン*/
			
div.bana {margin-left:180px;
          margin-top:10px;
          }
		  
div.bana img {margin-top:2px;
              }	
			  
img.index {float:right;
           margin:5px 0 5px 5px;
          }
		  
/*index end*/

/*content*/
div.content {margin:10px 0 15px 5px;
              }
			  
div.link_button_content {margin:15px 0 15px 10px;
                        }
						
div.content p.name {text-align:right;
                    }
			  
img.head {float:right;
          margin:0 3px 5px 8px;
          }/*代表挨拶,*/

div.research {margin:10px 0 10px 10px;
              padding:5px;
              border:solid 1px #CCCCCC;
              }
			  
div.research span.title {font-weight:bold;
                         color:#18486D;
						 margin-left:1px;
                         }
			  
div.research span.name {margin-left:25px;
                       }
			  
div.research p {text-indent:1em;
                text-align:justify;
                text-justify:inter-ideograph;/*IE*/
                }
				
div.research div.img {text-align:center;
					  font-size:8pt;
		              line-height:9.5pt;
					  color:#18486D;
                      }
			  


/*content end*/


/*member*/
div.member {margin:10px 0 15px 5px;
           }
		  
div.link_button_member {margin-bottom:15px;
                        }
				 
span.member {margin-left:5px;
	         border:solid 2px #B4DBE0;
             padding:3px;
			 color:#18486D;
			 font-size:11pt;
             }

div.member dl {margin-left:20px;
               margin-bottom:15px;
               }
			   
div.member dt {font-size:11pt;
               font-weight:bold;
               }
			   
div.member dt.group {margin-top:3px;
	                 margin-left:30px;
					 font-size:10pt;
	                 font-weight:bold;
                     }
			   
div.member dd {margin-left:50px;
               }
			   
div.member dd.project {background-image:url(image/button/cell2.jpg);
			           background-position:left top;
			           background-repeat:no-repeat;
					   padding-left:15px;
					   font-weight:bold;
	                   color:#18486D;
                       }
					  
div.member dt span {color:#18486D;
                    }

a.project:link , a.project:visited {text-decoration:underline;
                                    color:#18486D;
                                    }
									
a.project:hover {text-decoration:none;
                 color:#B4DBED;
                 }

/*member end*/

/*activities*/						  
dl.activities {margin:10px 5px 5px 5px;
               }
			
dl.activities dt {font-weight:bold;
                  font-size:10.5pt;
			      color:#18486D;
			      background-image:url(image/button/people.jpg);
			      background-position:left;
			      background-repeat:no-repeat;
			      padding-left:30px;
			      line-height:22pt;
			       }
			   
dl.activities dd {margin-left:30px;
                  }
				  
dl.activities span {color:#18486D;
                    }
					
dl.activities dd.space {margin-left:70px;
                        }/*2行目の表示方法*/
						
table.activities_photo {margin-left:auto;
                        margin-right:auto;
						margin-bottom:10px;
                       }
					   
table.activities_photo td {text-align:center;
                           color:#4784A7;
						   font-size:9pt;
                           }

/*activities end*/

/*achievement*/
div.achievement {margin:10px 0 15px 5px;
                }
		   
div.achievement ul.publi {margin-left:20px;
                          }
			 
div.achievement ul.publi li {list-style:none;
                             background-image:url(image/button/note.jpg);
			                 background-position:left top;
			                 background-repeat:no-repeat;
			                 padding-left:14px;
			                 margin-left:-22px;
			                 margin-bottom:2px;
                             }
					  
div.achievement ul.publi li.group {list-style:none;
                                   background-image:url(image/button/note.jpg);
			                       background-position:left top;
			                       background-repeat:no-repeat;
			                       padding-left:14px;
			                       margin-left:0;
			                       margin-bottom:2px;
                                   }
					  
div.achievement ul.publi li.research {list-style:none;
                                      background-image:none;
                                      margin:5px 0 5px -40px;
							          padding-left:3px;
							          text-decoration:underline;
							          color:#18486D;
							          font-size:10.5pt;
                                      } 
							   
div.achievement ul.publi li.group span {font-size:8pt;
                                       }
		  
dl.publi {margin:5px 10px 10px 15px;
          line-height:14pt;
		  font-size:10.5pt;
		  color:#5e5e5e;
          }
		  
dl.publi dt.year {margin:20px 0 3px 0;
                  padding:3px;
                  background-color:#B7E0E5;
				  width:55px;
				  text-align:center;
                  color:#ffffff;
				  font-size:11pt;
                  }
		  
dl.publi dd {margin-left:25px;
             }
			 
dl.publi dd b {color:#18486D;
               font-style:italic;
			   }
			  
/*work end*/

/*newsletter end*/
table.newsletter {margin:10px 0 10px 5px;
                  width:600px;
                  }
				  
table.newsletter td {padding-left:30px;
                     padding-bottom:15px;
                     }
				  
table.newsletter td.title {font-weight:bold;
                           font-size:10.5pt;
			               color:#18486D;
			               background-image:url(image/button/glass.jpg);
			               background-position:left;
			               background-repeat:no-repeat;
			               padding-left:30px;
						   padding-bottom:3px;
			               }
				  
table.newsletter td span {color:#18486D;
                          }
						  
table.newsletter td span.note {font-size:8pt;
                    　         color:#066273;
                               }
/*newsletter end*/

/*outreach*/
div.outreach {margin:10px 0 15px 5px;
              }
			  
ul.outreach {margin-left:10px;
             }

ul.outreach li.application {list-style:none;
                            background-image:none;
                            margin:5px 0 5px -40px;
							padding-left:3px;
							text-decoration:underline;
							color:#18486D;
							font-size:10.5pt;
                            }
							
ul.outreach li {list-style:none;
                background-image:url(image/button/blue.gif);
			    background-position:left top;
			    background-repeat:no-repeat;
			    padding-left:14px;
			    margin-left:-22px;
			    margin-bottom:2px;
                }
				
dl.contact {margin-left:20px;
            margin-top:0;
			margin-bottom:15px;
            }
			
dl.contact dt {color:#18486D;
			   font-size:10.5pt;
               }
			   
dl.contact dd {margin-left:10px;
               }
			   
dl.contact dd span {font-size:8pt;
                    color:#066273;
                    }
				 
dl.outreach {margin:10px 5px 10px 20px;
             }
			 
dl.outreach dt {font-weight:bold;
                font-size:10.5pt;
			    color:#18486D;
			    background-image:url(image/button/beaker.jpg);
			    background-position:left;
			    background-repeat:no-repeat;
			    padding-left:20px;
			    line-height:22pt;
			    }
/*年代表示		  
dl.outreach dt.year {margin:15px 0 3px 5px;
                     padding:3px;
                     background-color:#B7E0E5;
				     width:55px;
				     text-align:center;
                     color:#ffffff;
				     font-size:11pt;
					 background-image:none;
					 line-height:14pt;
                     }
*/
		   
dl.outreach dd {margin-left:20px;
                }
				  
dl.outreach span {color:#18486D;
                  }
				  
dl.outreach dd span.note {font-size:8pt;
                    　    color:#066273;
                          }
					
dl.outreach dd.space {margin-left:70px;
                      }/*2行目の表示方法*/

p.outreach_img {float:right;
                margin:10px 0 3px 5px;
				text-align:center;
                }
/*outreach end*/


/*database*/
dl.database {margin:10px 0 15px 5px;
             width:600px;
　　　　　　 }

dl.database dt b {font-size:12pt;
                  color:#18486D;
                 }
							
dl.database dt.note {margin-left:17px;
                     margin-top:8px;
                    }
					
dl.database dd {margin-left:34px;
                }
					
dl.database dd.explanation {margin-top:8px;
							margin-left:15px;
                            }
/*database end*/

/*workshop*/
div.workshop {margin:10px 0 15px 5px;
              }
			  
dl.summary {margin:20px 0 5px 5px;
            }
			
dl.summary dt {margin-top:3px;
			   margin-bottom:3px;
               font-size:10.5pt;
			   color:#18486D;
               }
			   
dl.summary dd {margin-left:20px;
               }
			   
dl.summary dd ol {list-style-type:lower-roman;
				  margin:0 0 0 -18px;
                  }
				  
p.summery_leader {margin:0 0 10px 440px;
                  }

dl.workshop {margin:10px 5px 10px 20px;
             }
			 
dl.workshop dt {font-weight:bold;
                font-size:10.5pt;
			    color:#18486D;
			    background-image:url(image/button/people.jpg);
			    background-position:left;
			    background-repeat:no-repeat;
			    padding-left:30px;
			    line-height:22pt;
			    }
				
dl.workshop dt.none {font-weight:normal;
                     font-size:10pt;
			         color:#18486D;
			         background-image:none;
			         padding-left:30px;
			         line-height:22pt;
					 margin-top:5px;
					 margin-bottom:-5px;
			         }
		   
dl.workshop dd {margin-left:30px;
                }
				
dl.workshop dd.space {margin-left:70px;
                      }
				  
dl.workshop span {color:#18486D;
                  }
					
/*workshop end*/

/*essential*/
div.essential {margin-top:10px;
               margin-left:5px;
               }
		 
table.essential {margin:20px 0 10px 0;
                }
	   
table.essential td {vertical-align:top;
                    width:345px;
                    }
	
table.essential td b {font-size:11pt;
                      }
	
table.essential td.item {padding:7px;
                         border:1px solid #cccccc;
						 width:235px;
                         }
		 
p.essential {margin:5px 10px;
             text-indent:1em;
             }
  
dl.essential {margin-left:20px;
              }

dl.essential dd {margin-left:10px;
                 }

/*essential end*/

/*link*/
table.link {margin:0 0 0 -3px;
            }

table.link td {margin:0;
               text-align:center;
               }
			   
table.link td img {margin-top:5px;
	               margin-bottom:5px;
                   }

/*link end*/