/*共通 始まり*/

html, body{
/* background-color: #cccccc; */
background-color: #000000;
color: #000000;
margin: 0;
font-size: 9pt;
line-height: 1.5em;
height: 100%;
}

img{
border: none;
}

hr{
border: 1px #eeeeee solid;
background-color: #bbbbbb;
height: 1px;
}

#main{
width: 800px;
background-color: #ffffff;
border-top: 0px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 0px #000000 solid;
border-left: 1px #000000 solid;
margin: 0 auto;
min-height: 100%;
_height: 100%;
position: relative;
}

#logo{
padding: 20px 20px 10px 20px;
/* width: 365px; */
width: 455px;
position: relative;
/* left: 395px; */
left: 305px;
}

#menu{
width: 800px;
height: 22px;
background-color: #3200aa;
}

#menu ul{
list-style-type: none;
}

#menu li{
float: left;
width: 100px;
height: 22px;
line-height: 22px;
text-align: center;
color: #ffffff;
font-weight: bold;
}

#menu a{
color: #ffffff;
text-decoration: none;
display: block;
}

#menu a:hover{
color: #00ffff;
background-color: #4d4398;
}

.menu_active{
background-color: #4d4398;
}

#main_contents{
position: relative;
margin: 30px 0 40px 0;
}


#copy_space{
height: 30px;
}


#copy{
width: 780px;
background-color: #3200aa;
color: #ffffff;
padding: 1px 10px;
text-align: right;
font-size: 8pt;
font-weight: bold;
position: absolute;
bottom: 0;
}

a{
color: #003399;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

/*共通 終わり*/


/*index.html 始まり*/

#welcome{
/* width: 480px; */
width: 600px;
margin: 80px auto 50px auto;
}

#history{
width: 600px;
/* width: 480px; */
margin: 50px auto;
}

.hst_date{
width: 90px;
}

#lang_select{
text-align: center;
margin: 50px 0;
}

#oshirase{
width: 600px;
/* width: 480px; */
margin: 50px auto;
}

#oshirase h3{
/* color: red; */
}

#oshirase a{
font-size: 11pt;
font-weight: bold;
color: #ff0000;
text-decoration: underline;
}

#notice{
width: 500px;
margin: 80px auto 10px auto;
padding: 50px 20px 80px 20px;
border: solid 1px #000000;
position: relative;
}

#notice h1, h2{
text-align: center;
line-height: normal;
}

#notice h1{
color: #ffffff;
width: 480px;
background-color: #dd0000;
position: absolute;
margin: auto; 
top: -40px;
left: 30px;
}

#notice img{
position: absolute;
left: 360px;
width: 160px;
}

.boldred{
font-weight: bold;
color: #ff0000;
}

#notice_table{
margin: auto;
width: 480px;
}

#notice_td1{
text-align: right;
font-weight: bold;
width: 120px;
padding-right: 10px;
}

#notice_td2{
width: 360px;
}

/*index.html 終わり*/


/*新着情報 始まり*/

#news_menu{
position: absolute;
left: 5px;
}

#news_menu ul{
list-style-type: none;
font-weight: bold;
}

#news_menu li{
margin: 5px 0;
}

#news{
width: 660px;
color: #0000ff;
font-weight: bold;
position: relative;
left: 100px;
}

#news p{
color: #000000;
font-weight: normal;
}

.news_bold_cl{
color: red;
font-weight: bold;
font-size: 16pt;
line-height: normal;
}

.news_bold_cm{
color: red;
font-weight: bold;
font-size: 12pt;
}

/*新着情報 終わり*/



/*研究テーマ 始まり*/

.research_section{
width: 600px;
margin: 20px auto 30px auto;
}

.research_section h2{
color: #ee0000;
border-left: solid 5px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
padding: 5px 10px;
}

.research_section p{
border: dashed 1px #000000;
padding: 10px 20px;
background-color: #ffeeff;
width: 500px;
margin: auto auto;
}

.research_section ol{
margin-left: 50px;
}


#research_box{
width: 500px;
margin: 50px auto 50px auto;
padding: 10px;
border: solid 1px #000000;
background-color: #f7f7f7;
}



#research_key{
text-align: center;
margin-bottom: 100px;
}

#research_key h3{
margin-top: 70px;
font-size: 50pt;
color: #ff0000;
}



/*研究テーマ 終わり*/




/*研究室紹介2008 始まり*/

.res_section, .res_section2{
width: 650px;
margin: 0 auto 30px auto;
}

.res_section h2{
color: #ffffff;
background-color: #ff8888;
border-left: solid #888888 10px;
padding: 4px;
}

.res_section p, .res_section2 p{
width: 600px;
margin: 10px auto;
}

.res_section ul{
margin: 30px auto 30px auto;
width: 500px;
background-color: #ffeaff;
padding: 10px 30px 10px 40px;
list-style-type: square;
}

.res_section li{
margin-bottom: 10px;
}


#res_link{
height: 50px;
width: 330px;
text-align: center;
margin: 0 auto;
font-weight: bold;
}

#res_link ul{
list-style-type: none;
}

#res_link li{
float: left;
border: solid 1px #000000;
text-align: center;
height: 20px;
line-height: 20px;
width: 20px;
margin: 5px;
}

#res_link a{
background-color: #eeeeee;
color: #000000;
display: block;
text-decoration: none;
color: #000000;
}

#res_link_active, #res_link a:hover{
background-color: #7575ff;
color: #ffffff;
}


#res_dynamics{
font-size: 30pt;
text-align: center;
color: red;
margin: 30px;
}



.res_ex{
background-color: #ffffff;
list-style-type: decimal;
}

.res_ex h3{
color:#ffffff;
padding: 3px 10px;
font-weight: bold;
background-color: #de0000;
}

.res_ex li{
margin-bottom: 30px;
}

#theme1{
color:#ffffff;
padding: 3px 10px;
font-weight: bold;
background-color: #db143d;
}

#theme2{
color:#ffffff;
padding: 3px 10px;
font-weight: bold;
background-color: #1a1a70;
}

#theme3{
color:#ffffff;
padding: 3px 10px;
font-weight: bold;
background-color: #00a64d;
}

#theme4{
color:#ffffff;
padding: 3px 10px;
font-weight: bold;
background-color: #ed800f;
}

.res_box{
margin-left: 10px;
border: solid 1px #000000;
width: 570px;
padding: 10px;
margin-bottom: 20px;
background-color: #ffffdc;
}

.res_box1{
margin-left: 10px;
border: solid 1px #000000;
width: 570px;
padding: 10px;
margin-bottom: 20px;
background-color: #ffffdc;
}

.res_box2{
margin-left: 10px;
border: solid 1px #000000;
width: 570px;
padding: 10px;
margin-bottom: 20px;
background-color: #82dbff;
}

.res_box3{
margin-left: 10px;
border: solid 1px #000000;
width: 570px;
padding: 10px;
margin-bottom: 20px;
background-color: #c2e3a6;
}

.res_box4{
margin-left: 10px;
border: solid 1px #000000;
width: 570px;
padding: 10px;
margin-bottom: 20px;
background-color: #ffcf96;
}


.res_ex2{
list-style-type: square;
width: 530px;
}

.res_ex2 li, .res_ex3 li{
margin-bottom: 10px;
}


.res_section2 p{
margin: 30px auto 20px auto;
}

.res_ex3{
list-style-type: square;
width: 530px;
margin: auto;
}

#res_ex_other_box{
border: dashed 1px #000000;
padding: 10px 20px;
margin: 30px auto 20px auto;
background-color: #ffeaff;
width: 590px;
}

#res_box{
border: solid 1px #000000;
padding: 10px 20px;
margin: auto;
width: 500px;
line-height: 2em;
background-color: #ffffdc;
}


#res_tbl dl{
width: 540px;
}

#res_tbl dt{
float: left;
width: 100px;
}


#res_tbl dd{
width: 440px;
margin-left: 100px;
}


#res_tbl table{
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-spacing: 0;
margin: 50px auto 50px auto;
}

#res_tbl tr{
margin: 0;
padding: 0;
}

#res_tbl td{
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
padding: 5px 10px;
vertical-align: top;
}

#res_tbl ul{
list-style-type: decimal;
margin: 5px;
}


.res_tbl2{
margin-bottom: 40px;
}

.res_tbl2 table{
width: 600px;
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-spacing: 0;
margin: 10px auto 20px auto;
}

.res_tbl2 tr{
margin: 0;
padding: 0;
}

.res_tbl2 td{
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
padding: 3px 20px;
vertical-align: top;
}

.res_tbl2_td1{
width: 50px;
font-weight: bold;
}

.res_tbl2_title{
background-color: #7a7aff;
color: #ffffff;
font-weight: bold;
}


#res_mem{
width: 500px;
padding: 20px;
background-color: #ffeaff;
margin: 0 auto 50px auto;
}

#res_mem li{
margin: 5px;
}


.res_photo1{
margin-left: 20px;
margin-bottom: 10px;
margin-right: 20px;
width: 120px;
float: right;
}

#res_photo{
width: 700px;
height: 230px;
margin: 0 auto 30px auto;
text-align: center;
}


.tate img{
width: 100px;
}

#res_photo img{
width: 180px;
}

.res_photo1 img{
width: 130px;
}




#res_photo ul{
list-style-type: none;
}

#res_photo li{
float: left;
margin: 0 15px;
}

#res_photo p, .res_photo1 p{
font-weight: bold;
font-size: 8pt;
margin: 0 0 0 10px;
line-height: normal;
text-align: left;
}




#res_last{
font-weight: bold;
width: 500px;
margin: 0 auto 50px auto;
}

#res_last2{
color: #00aa00;
text-align: center;
font-weight: bold;
margin: 0 auto 50px auto;
font-size: 26pt;
line-height: normal;
}

#res_last3{
text-align: center;
font-weight: bold;
margin: 0 auto 20px auto;
}

#res_last4{
color: #ff0000;
text-align: center;
font-weight: bold;
margin: 0 auto 70px auto;
font-size: 14pt;
}

.comment{
margin-top: 50px;
margin-bottom: 100px;
margin-left: 200px;
width: 500px;
}

.comment_title h3{
padding: 5px 10px;
border-left: solid 5pt #aaaaaa;
border-bottom: solid 1pt #aaaaaa;
}

.comment_title h4{
text-align: right;
}

.comment img{
float: left;
margin: 0 20px 10px 0;
}

.comment_footer{
font-weight: bold;
}

#comment_list{
font-weight: bold;
margin-top: 50px;
margin-left: 20px;
position: absolute;
top:0;
}

#comment_list ul{
list-style-type: none;
}

#comment_list li{
margin-bottom: 5px;
}

.comment_list_d{
list-style-type: decimal;
}

.pink{
color: #ff7777;
}

.red{
color: #ff0000;
font-weight: bold;
}

.blue{
color: #004082;
font-weight: bold;
}

/*研究室紹介2008 終わり*/


/*研究成果 始まり*/

#results{
width: 600px;
position: relative;
left: 120px;
}

#results ol{
margin-left: -1.5em;
}

#results li{
margin-bottom: 5px;
}

/*研究成果 終わり*/


/*メンバー 新*/

.mem_class{
font-weight: bold;
margin: 30px auto 20px auto;
width: 550px;
padding-left: 10px;
border-left: solid 5px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
}

.member{
margin: 10px auto 20px auto;
width: 500px;
height: 50px;
/*border: solid 1px #000000;*/
position: relative;
}

.mem_name1{
width: 440px;
padding: 20px 0 0 10px;
font-size: 8pt;
font-weight: bold;
}

.mem_name2, .mem_name3{
width: 440px;
padding-left: 10px;
font-size: 8pt;
font-weight: bold;
}

.mem_img,
#mem_img_narisawa,
#mem_img_shimada,
#mem_img_motohashi,
#mem_img_kawamura,
#mem_img_kuroda,
#mem_img_suzuki,
#mem_img_haraguchi,
#mem_img_oono,
#mem_img_mai,
#mem_img_kure,
#mem_img_ozoe,
#mem_img_yoshizai,
#mem_img_suefuji,
#mem_img_yanri{
width: 50px;
height: 50px;
border: solid 1px #999999;
}

#mem_img_narisawa a,
#mem_img_shimada a,
#mem_img_motohashi a,
#mem_img_kawamura a,
#mem_img_kuroda a,
#mem_img_suzuki a,
#mem_img_haraguchi a,
#mem_img_oono a,
#mem_img_mai a,
#mem_img_kure a,
#mem_img_ozoe a,
#mem_img_yoshizai a,
#mem_img_suefuji a,
#mem_img_yanri a{
display: block;
width: 50px;
height: 50px;
}

#mem_img_narisawa{
background-image: url(../members/obphoto/2008narisawa.jpg);
}
#mem_img_narisawa a:hover{
background-image: url(../members/obphoto/2008narisawa2.jpg);
}

#mem_img_shimada{
background-image: url(../members/photo/shimada.jpg);
}
#mem_img_shimada a:hover{
background-image: url(../members/photo/shimada2.jpg);
}
#mem_img_shimada a:active{
background-image: url(../members/photo/shimada3.jpg);
}

#mem_img_motohashi{
background-image: url(../members/photo/motohashi.jpg);
}
#mem_img_motohashi a:hover{
background-image: url(../members/photo/motohashi2.jpg);
}
#mem_img_motohashi a:active{
background-image: url(../members/photo/motohashi3.jpg);
}

#mem_img_kawamura{
background-image: url(../members/photo/kawamura.jpg);
}
#mem_img_kawamura a:hover{
background-image: url(../members/photo/kawamura2.jpg);
}
#mem_img_kawamura a:active{
background-image: url(../members/photo/kawamura3.jpg);
}

#mem_img_kuroda{
background-image: url(../members/photo/kuroda.jpg);
}
#mem_img_kuroda a:hover{
background-image: url(../members/photo/kuroda2.jpg);
}
#mem_img_kuroda a:active{
background-image: url(../members/photo/kuroda3.jpg);
}

#mem_img_suzuki{
background-image: url(../members/photo/suzuki.jpg);
}
#mem_img_suzuki a:hover{
background-image: url(../members/photo/suzuki2.jpg);
}

#mem_img_haraguchi{
background-image: url(../members/photo/haraguchi.jpg);
}
#mem_img_haraguchi a:hover{
background-image: url(../members/photo/haraguchi2.jpg);
}
#mem_img_haraguchi a:active{
background-image: url(../members/photo/haraguchi3.jpg);
}

#mem_img_haraguchi2008{
background-image: url(../members/obphoto/2008haraguchi.jpg);
}
#mem_img_haraguchi2008 a:hover{
background-image: url(../members/obphoto/2008haraguchi2.jpg);
}
#mem_img_haraguchi2008 a:active{
background-image: url(../members/obphoto/2008haraguchi3.jpg);
}

#mem_img_oono{
background-image: url(../members/photo/oono.jpg);
}
#mem_img_oono a:hover{
background-image: url(../members/photo/oono2.jpg);
}
#mem_img_oono a:active{
background-image: url(../members/photo/oono3.jpg);
}

#mem_img_mai{
background-image: url(../members/photo/mai.jpg);
}
#mem_img_mai a:hover{
background-image: url(../members/photo/mai2.jpg);
}
#mem_img_mai a:active{
background-image: url(../members/photo/mai3.jpg);
}

#mem_img_kure{
background-image: url(../members/photo/kure.jpg);
}
#mem_img_kure a:hover{
background-image: url(../members/photo/kure2.jpg);
}
#mem_img_kure a:active{
background-image: url(../members/photo/kure3.jpg);
}

#mem_img_ozoe{
background-image: url(../members/photo/ozoe.jpg);
}
#mem_img_ozoe a:hover{
background-image: url(../members/photo/ozoe2.jpg);
}
#mem_img_ozoe a:active{
background-image: url(../members/photo/ozoe3.jpg);
}

#mem_img_yoshizai{
background-image: url(../members/photo/yoshizai.jpg);
}
#mem_img_yoshizai a:hover{
background-image: url(../members/photo/yoshizai2.jpg);
}
#mem_img_yoshizai a:active{
background-image: url(../members/photo/yoshizai3.jpg);
}

#mem_img_suefuji{
background-image: url(../members/photo/suefuji.jpg);
}
#mem_img_suefuji a:hover{
background-image: url(../members/photo/suefuji2.jpg);
}
#mem_img_suefuji a:active{
background-image: url(../members/photo/suefuji3.jpg);
}

#mem_img_yanri{
background-image: url(../members/photo/yanri.jpg);
}
#mem_img_yanri a:hover{
background-image: url(../members/photo/yanri2.jpg);
}



.mem_img img{
width: 50px;
height: 50px;
}





.mem_name1{
color: #ffffff;
/*background-color: #aaaaaa;*/
position: absolute;
left: 50px;
top: 0;
height: 20px;
line-height: 20px;
}

.mem_name2{
position: absolute;
left: 50px;
top: 20px;
height: 30px;
line-height: 30px;
}

.mem_name1 a{
color: #000000;
}

.mem_name2 a{
color: #000000;
}



.mem_ob_year{
margin: 10px auto 40px auto;
width: 550px;
}

.mem_ob_year h2{
font-weight: bold;
font-size: 11pt;
text-align: left;
padding-left: 10px;
border-left: solid 5px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
}

.mem_ob_year h3{
font-weight: bold;
margin: 20px 10px 10px 20px;
font-size: 10pt;
text-align: left;
padding-left: 10px;
border-left: solid 5px #cccccc;
border-bottom: dashed 1px #bbbbbb;
}

.mem_ob{
width: 500px;
position: relative;
/* margin: 20px auto 10px 150px; */
margin: 20px auto 10px 50px;
}

.mem_ob_img{
/*position: relative; */
top: 2px;
}

.mem_ob_name1{
font-weight: bold;
position: absolute;
left: 60px;
top: 10px;
/* top: 0px; */
}

.mem_ob_name2{
position: absolute;
left: 60px;
top: 20px;
}

.mem_ob_job{
position: absolute;
left: 60px;
/* top: 40px; */
top: 30px;
}


#mem_link{
text-align: center;
margin: 50px auto;
}


/*写真 始まり*/

#photo{
width: 600px;
position: relative;
left: 120px;
}

#photo p{
margin-left: 1.5em;
}

#photo ol{
margin-left: -1.5em;
}

#photo li{
margin-bottom: 5px;
}

/*写真 終わり*/

/*アクセス*/


.access{
border: 0px solid;
border-spacing: 0px; 
width: 600px; 
}

.access_title{
font-weight: bold;
color: #ffffff;
text-align: center;
padding: 1px;
border-spacing: 0px; 
font-size: 12pt;
background-color: #a4a8d4;
}



/*リンク*/

#link_main{
width: 550px;
margin-left: 200px;
}

#link_main h4{
color: #000000;
padding-left: 10px;
border-left: solid 5px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
}


#link_menu{
position: absolute;
left: 10px;
}

#link_menu ul{
list-style-type: none;
font-weight: bold;
}

#link_menu li{
margin: 5px 0;
}

.link_sec{
color: #000000;
}


/*内部向け*/
.local{
border: 1px #4d4398 solid;
border-spacing: 15px; 
font-size: 9pt;
}

#tmp{
text-align: center;
}

/*トップページ*/

#toplink{
font-size: 10pt;
height: 30px;
position: relative;
top: 10px;
}

#toplink ul{
margin: 0;
list-style-type: none;
}

#toplink li{
margin: 0;
padding: 0; 
float: left;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
}

#top_logo{
width: 676px;
margin: 50px auto 10px auto;
}


#oshirase1{
line-height: 1.8em;
width: 500px;
font-size: 11pt;
margin: 50px auto 0 auto;
}

#oshirase1 h3{
color: red;
}

#oshirase1 a{
font-size: 12pt;
font-weight: bold;
color: #ff0000;
text-decoration: underline;
}