@charset "utf-8";
@import url("reset.css");
/*--京base.css--*/

/*----------------*/
a:link{
    color:#112364;
    text-decoration:none;
}
a:visited{
    color:#203682;
    text-decoration:none;
}
a:hover{
    color:#112364;
    text-decoration:underline;
}
a:active{
    color:#112364;
    text-decoration:underline;
}
/*----------------*/

/*##########     共通     ##########*/

body{
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
    font-size:small;
    background:#d6eefb;
}

/*#######container#######*/
#container{
    width:100%;
    border-top:6px solid #34a9ec;
}

#container_inner{}

/*#######header#######*/
#header{
    width:100%;
    height:94px;
    background:url(../shared/header_bg.gif) repeat-x #fff;
}

    #header_inner{
        width:850px;
        height:61px;
        margin:0 auto;
        padding:17px 0 16px 0;
    }
    

        #site_title{
            width:440px;
            height:61px;
        }
        
    /*#######global_nav#######*/
    #global_nav{
        width:100%;
        height:50px;
        background:url(../shared/nav_bg.gif) repeat-x;
    }
    
        #global_nav_inner{
            width:850px;
            height:50px;
            margin:0 auto;
            text-align:center;
        }
            
                #global_nav li{
                    display:inline;
                }
                
        
        
/*#######main_box#######*/
#main_box{
    width:850px;
    overflow:hidden;
    margin:0 auto;
}

    #column_wrapper{
        width:850px;
        overflow:hidden;
    }
    
        #column_wrapper #main_column{
            width:630px;
            overflow:hidden;
            float:right;
        }
        
        #column_wrapper #sub_column{
            width:210px;
            overflow:hidden;
            float:left;
        }

/*#######topicpath#######*/
#topicpath{
    width:820px;
    height:34px;
    margin:0 auto;
    line-height:34px;
}

    #topicpath li{
        display:inline;
        background:url(../shared/tp_arr.gif) no-repeat 3px center;
        padding-left:14px;
    }
    
    #topicpath li.home{
        background:none;
        padding-left:0;
    }
    
    
/*#######column_wrapper#######*/
#column_wrapper{
    width:850px;
    margin:0 auto;
    overflow:hidden;
}

    /*#######main_column#######*/
    #main_column{
        width:670px;
        float:right;
    }
    
        #main_column_inner{}
    
    /*#######sub_column#######*/
    #sub_column{
        width:210px;
        float:left;
        overflow:hidden;
    }
    
        #sub_column_inner{}
        
        .sc_box{
            width:210px;
            overflow:hidden;
        }
        
            .scb_header{
                width:210px;
                height:51px;
            }
            
            .scb_inner{
                width:210px;
                background:url(../shared/sbox_inner.gif) repeat-y;
                overflow:hidden;
            }
            
                .scb_inner ul{
                    width:180px;
                    margin:10px auto 0 auto;
                    overflow:hidden;
                }
                
                #infomation_box li , #laboratory_box li , #quick_link_box li{
                    border-bottom:1px dotted #aaa;
                    padding:0.4em 0 0.4em 16px;
                    background:url(../shared/cir_01.gif) no-repeat left 0.8em;
                    font-size:1.05em;
                }

                #infomation_box li.here , #laboratory_box li.here , #quick_link_box li.here{
                    background:url(../shared/tri_02.gif) no-repeat left 0.9em #fff9ce;
}
                
                #infomation_box li a , #laboratory_box li a , #quick_link_box li a{
                    color:#222;
                }
                
                #infomation_box li a:hover , #laboratory_box li a:hover , #quick_link_box li a:hover{
                    color:#222;
                }
                
                #infomation_box li.last , #laboratory_box li.last , #quick_link_box li.last{
                    border-bottom:none;
                }
                
            .scb_footer{
                width:210px;
                height:11px;
            }
            

/*#######footer#######*/
#footer{
    width:100%;
    overflow:hidden;
    background:url(../shared/footer_sdw.gif) repeat-x 0 38px;
}

    #footer_inner{}
                
        /*#######f_nav#######*/
        #f_nav{
            width:850px;
            height:43px;
            margin:0 auto;
        }
    
            #f_nav ul{
                width:720px;
                height:23px;
                float:left;
                padding-top:15px;
                text-align:right;
            }
        
            #f_nav li{
                font-size:0.85em;
                display:inline;
                border-right:1px solid #95aed6;
                padding:0 0.8em;
            }
            
            #f_nav li.last{
                border-right:none;
            }
            
            #f_pagetop{
                width:115px;
                height:43px;
                float:right;
            }
            
        #f_logo_address{
            background:#fff;
            overflow:hidden;
            padding-top:20px;
            font-size:0.9em;
            line-height:1.8em;
        }
        
            #f_logo_address_inner{
                width:850px;
                margin:0 auto 30px auto;
                overflow:hidden;
            }
            
                #ku_logo{
                    width:166px;
                    height:20px;
                    float:left;
                }
                
                #address{
                    width:630px;
                    float:right;
                    overflow:hidden;
                }
                
        /*#######copyright#######*/
        #copyright{
            width:850px;
            clear:both;
            text-align:center;
            color:#555;
            background:url(../shared/bdr_01.gif) no-repeat;
            padding:16px 0;
            margin:0 auto;
        }


/*##########     ホーム    ##########*/
#home{}

    #home_catch{
        width:100%;
        height:185px;
        background:url(../images/home_catch_bg.gif) repeat-x;
        padding:12px 0;
        margin-bottom:20px;
    }
    
        #home_catch_inner{
            width:850px;
            height:185px;
            margin:0 auto;
        }
        
        #home_news_topics{
            width:630px;
            overflow:hidden;
        }
        
            #home_news_topics h2{
                width:630px;
                height:63px;
            }
            
            #home_news_topics .box_inner{
                width:630px;
                background:url(../shared/lbox_inner.gif) repeat-y;
                padding:20px 0;
                min-height:575px;
                height:auto !important;
                height:575px;
            }
            
                #home_news_topics .box_inner ul{
                    width:590px;
                    margin:0 auto;
                }
                
                #home_news_topics .box_inner ul li{
                    width:570px;
                    padding:7px 10px;
                    border-bottom:1px dotted #aaa;
                    clear:both;
                    overflow:hidden;
                }
                
                #home_news_topics .box_inner ul li .info_date{
                    width:85px;
                    display:block;
                    float:left;
                    background:url(../shared/tri_01.gif) no-repeat left 7px;
                    padding-left:10px;
                }
                
                #home_news_topics .box_inner ul li .info_title{
                    width:465px;
                    display:block;
                    float:right;
                }
                
                #home_news_topics .box_inner ul li .info_title a{
                    color:#222;
                }
                
                #home_news_topics .box_inner ul li .info_title a:hover{
                    color:#222;
                }
                
                #home_news_topics .box_inner ul li .info_title .new{
                    display:none;
                }
                
                #home_news_topics .box_inner ul li .info_title .new_icon{
                    background:url(../shared/icon_new.gif) no-repeat;
                }
                
                #home_news_topics .box_inner ul li .info_title .new_icon img{
                    width:32px;
                    height:15px;
                    vertical-align:middle;
                    margin-right:6px;
                }
                
            #home_news_topics .box_footer{
                width:630px;
                height:11px;
            }


/*##########     各ページ共通    ##########*/
#pages{}

#content_title{
    width:100%;
    height:110px;
    padding:12px 0;
    background:url(../shared/content_ttl_bg.gif) repeat-x;
    margin-bottom:20px;
}

    #content_title img{
        width:850px;
        height:110px;
        margin:0 auto;
        display:block;
    }
    
    #content_body{
        width:630px;
        overflow:hidden;
        font-size:1.1em;
        line-height:1.6em;
    }
    
        #content_body .box_header{
            width:630px;
            height:11px;
        }
        
        #content_body .box_inner{
            background:url(../shared/lbox_inner.gif) repeat-y;
            width:560px;
            min-height:640px;
            height:auto !important;
            height:640px;
            padding:25px 35px;
        }
        
        #content_body .box_footer{
            width:630px;
            height:11px;
        }
    
    #content_body h2{
        width:536px;
        height:36px;
        background:url(../shared/bar_01.gif) no-repeat;
        line-height:36px;
        font-size:16px;
        padding:0 12px;
        margin-bottom:16px;
    }
    
    #content_body h3{
        padding:0 14px;
        font-size:1em;
        font-weight:bold;
        margin-bottom:12px;
    }
    
    #content_body h4{
        font-size:1em;
        font-weight:bold;
        margin:12px 20px;
        padding:0.1em 0.3em;
        border-bottom:1px dotted #ccc;
    }

    #content_body p{
        padding:0 14px;
        margin-bottom:1.5em;
    }
    
    #content_body dl.qa{
        padding:14px;
    }
    
        #content_body dl.qa dt{
            font-weight:bold;
            margin-bottom:0.5em;
            padding:0.2em;
            border-bottom:1px dotted #aaa;
        }
        
        #content_body dl.qa dd{
            margin:10px 10px 2em 10px;
        }
    
/*##########     News & Topics    ##########*/
#news_topics{
    width:630px;
    overflow:hidden;
}

    #news_topics .box_header , #news_topics .box_footer{
        width:630px;
        height:11px;
    }
    
    #news_topics .box_inner{
        background:url(../shared/lbox_inner.gif) repeat-y;
        width:560px;
        min-height:640px;
        height:auto !important;
        height:640px;
        padding:15px 35px;
    }
    
        #news_topics h1{
            width:560px;
            height:36px;
            background:url(../shared/bar_01.gif) no-repeat;
            line-height:36px;
            font-size:16px;
            padding:0 12px;
            margin-bottom:16px;        
        }
    
        #nt_list , #nt_entry{
            width:420px;
            overflow:hidden;
            float:left;
        }
        
            #nt_list ul{
                width:420px;
                overflow:hidden;
            }
            
                #nt_list ul li{
                    width:400px;
                    padding:7px 10px;
                    border-bottom:1px dotted #aaa;
                    clear:both;
                    overflow:hidden;
                }
            
                #nt_list ul li .info_date{
                    width:85px;
                    display:block;
                    float:left;
                    background:url(../shared/tri_01.gif) no-repeat left 7px;
                    padding-left:10px;
                }
                
                #nt_list ul li .info_title{
                    width:300px;
                    display:block;
                    float:right;
                }
                
                #nt_list ul li .info_title a{
                    color:#222;
                }
                
                #nt_list ul li .info_title a:hover{
                    color:#222;
                }
                
                #nt_list ul li .info_title .new{
                    display:none;
                }
                
                #nt_list ul li .info_title .new_icon{
                    background:url(../shared/icon_new.gif) no-repeat;
                }
                
                #nt_list ul li .info_title .new_icon img{
                    width:32px;
                    height:15px;
                    vertical-align:middle;
                    margin-right:6px;
                }

            #nt_entry p{
                padding:0 14px;
                margin-bottom:1.5em;
            }
            
            #nt_archives{
                width:110px;
                overflow:hidden;
                float:right;
                background:#fafafa;
                padding:5px;
            }
            
                .nt_archive_box{
                    width:110px;
                }
                
                .nt_archive_box h2{
                    font-weight:bold;
                    padding:0.1em 0 0.1em 10px;
                    border-bottom:1px dotted #ccc;
                    margin-bottom:10px;
                    background:url(../shared/tri_01.gif) no-repeat left 0.6em;
                }
                
                .nt_archive_box ul{
                    width:100px;
                    margin:0 auto;
                    font-size:0.9em;
                    padding-bottom:20px;
                    overflow:hidden;
                }
                
                    .nt_archive_box ul li{
                        background:url(../shared/arr_01.gif) no-repeat left 0.5em;
                        padding-left:10px;
                    }
            
            #return_page{
                clear:both;
                width:560px;
                color:#CC0000;
                padding-top:30px;
            }
            
/*MT編集部分でのreset解除*/
#content_body strong , #nt_entry strong{
    font-weight:bold;
}

#content_body em , #nt_entry em{
    font-style:italic;
}

#content_body ul , #nt_entry ul{
    list-style:disc;
    padding:1em;
    margin:1em;
}

#content_body ol ,#nt_entry ol{
    list-style:decimal;
    padding:1em;
    margin:1em;
}

/*MT編集部分での水平線スタイル*/
#content_body hr , #nt_entry hr{
    height:1px;
    border:0;
    border-bottom:1px dotted #aaa;
    margin:20px 0;
}

/*GoogleMAPの表示*/
#map_canvas{
    width:540px;
    height:540px;
    margin:20px auto;
}

/*##########     リンクページのUL・DL    ##########*/
#content_body .link_page dl{
    margin:0 30px 2em 30px;
    padding:0;
    line-height:1.5em;
}
#content_body .link_page dl dt{
    padding:0 0 0 10px;
    margin:0;
    background:url(../shared/tri_01.gif) no-repeat left 8px;
}
#content_body .link_page dl dd{
    margin:0 0 0.5em 1em;
    padding:0;
}

#content_body .link_page ul{
    margin:0 30px 2em 30px;
    padding:0;
    line-height:1.5em;
    list-style:none;
}
#content_body .link_page ul li{
    padding:0 0 0 10px;
    background:url(../shared/tri_01.gif) no-repeat left 8px;
    margin-bottom:0.5em;
}

/*##########     メンバーページ    ##########*/
.member_list{
width:550px;
margin:0 auto 50px auto;
line-height:1.5em;
}

.member_list th , .member_list td{
border:1px solid #ccc;
padding:0.3em 0.5em;
}

.member_list th{
background:#d6f9e8;
width:80px;
text-align:center;
}

.member_list td a{
margin-right:1em;
}

.member_profile{
width:550px;
margin:0 auto 20px auto;
line-height:1.5em;
border-bottom:1px dotted #ccc;
}

.member_profile_name{
padding-bottom:20px;
}

#content_body .member_profile_name h3{
border-left:4px solid #0a70a3;
margin:0 0 0.5em 0;
padding:0.3em 0 0.3em 8px;
font-weight:normal;
font-size:1.1em;
line-height:1.1em;
}

#content_body .member_profile_name p{
margin:0;
padding:0 0 0 10px;
}

.member_profile_img{
width:150px;
vertical-align:top;
text-align:center;
padding:10px;
}

.member_profile_info{
padding:0 0 20px 10px;
vertical-align:top;
}

#content_body .member_profile_info h4{
color:#006d35;
font-weight:bold;
}

#content_body .member_profile_info p{
margin:0 0.5em 0.5em 0.5em;
padding:0;
}

.member_profile_pt{
text-align:right;
padding:0 10px;
}

/*##########     イベント写真    ##########*/
/*メインページの一覧*/
.yearly_list{
width:570px;
margin:0 auto 20px auto;
overflow:hidden;
}

.yearly_list ul{
width:570px;
overflow:hidden;
}

.yearly_list ul li{
height:30px;
line-height:30px;
width:60px;
float:left;
margin-right:5px;
background:#d6eefb;
text-align:center;
}

.yearly_list ul li a{
display:block;
color:#222;
text-decoration:none;
}

.yearly_list ul li.here{
font-weight:bold;
background:#2364a9;
}

.yearly_list ul li.here a{
color:#fff;
}

.photo_list{
width:540px;
margin:0 auto;
overflow:hidden;
}

.photo_list ul{
width:540px;
margin:0 auto;
overflow:hidden;
}

.photo_list ul li{
width:180px;
float:left;
text-align:center;
overflow:hidden;
padding-bottom:20px;
}

.photo_list ul li a{
display:block;
}

.photo_list ul li .event_title{
margin:8px auto;
text-align:left;
width:160px;
line-height:1.5em;
}

/*##########     研究実績    ##########*/
#content_body ul.result_list{
	font-size:1.05em;
	list-style:none;
	margin:0;
	padding:0 0 0 1em;
}

	.result_list li{
		background:url(../shared/cir_02.gif) no-repeat left 1px;
		margin-bottom:3em;
		padding-left:24px;
	}

#seminar ul{
	margin-left:30px;
	margin-right:30px;
}

/*##########     汎用    ##########*/

.bg_png{}/*背景透過PNG用*/

/*文字色*/
.fc_red{color:red;}
.fc_blue{color:#0000ff;}
.fc_gray{color:gray;}
.fc_orange{color:orange;}

/*フォントスタイル*/
.fw_bold{font-weight:bold;}

/*揃え*/
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}

/*フロート*/
.fl_right{float:right;}
.fl_left{float:left;}
.fl_clear{clear:both;}

/*幅指定（％）適宜追加*/
.wpe05{width:5%;}
.wpe08{width:8%;}
.wpe10{width:10%;}
.wpe15{width:15%;}
.wpe20{width:20%;}
.wpe25{width:25%;}
.wpe30{width:30%;}
.wpe33{width:33%;}
.wpe40{width:40%;}
.wpe50{width:50%;}
.wpe60{width:60%;}
.wpe70{width:70%;}
.wpe80{width:80%;}
.wpe90{width:90%;}
.wpe100{width:100%;}

/*幅指定（Em）適宜追加*/
.wem01{width:1em;}
.wem02{width:2em;}
.wem03{width:3em;}
.wem04{width:4em;}
.wem05{width:5em;}
.wem06{width:6em;}
.wem07{width:7em;}
.wem08{width:8em;}
.wem09{width:9em;}
.wem10{width:10em;}

/*フォントサイズ（Em）適宜追加*/
.fsem085{font-size:0.85em;}
.fsem09{font-size:0.9em;}

/*line-height（Em）適宜追加*/
.lh2em{line-height:2em;}

