@charset "UTF-8";

body {
   font-family: Verdana, Helvetica, "メイリオ",Meiryo, "'ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
   /*font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    color: #2b2b2b;
    line-height: 1.6;
　　font-size: small !important;
    font-size: 80%;
}

a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:active  {  }

a[href ^="http://"], 
a[href ^="https://"]{
    background: url("images/icon_ext.gif") center right no-repeat;
    padding-right: 15px;;
}
/*
a[href *="tufs.ac.jp"]{
    background: url("images/icon_tufs.gif") center right no-repeat;
    padding: 0 20px 1px 0;
}
*/
a.img-link,
a[href ^="http://localhost"],
a[href *="aa.tufs.ac.jp/"] {
    background-image: none;
    padding-right: 0;
}
a[href *="@"]{
    background: url("images/icon_mail.gif") center right no-repeat;
    padding: 0 20px 1px 0;
}
a[href $=".pdf"], 
a[href $=".PDF"]{
    background: url("images/icon_pdf.gif") center right no-repeat;
    padding: 0 20px 1px 0; margin-right: 8px;
    text-decoration: none;
    color: #2b2b2b;
}
a[href $=".pdf"]:hover, 
a[href $=".PDF"]:hover,
a[href ^="http://repository.tufs.ac.jp"]:hover, 
a[href ^="http://www.tufs.ac.jp"]:hover {
    text-decoration: underline;
}

a[href $=".xlsx"], 
a[href $=".XLSX"]{
    background: url("images/icon_xls.gif") center right no-repeat;
    padding: 0 20px 1px 0; margin-right: 8px;
    text-decoration: none;
    color: #2b2b2b;
}
a[href $=".xlsx"]:hover, 
a[href $=".XLSX"]:hover,
a[href ^="http://repository.tufs.ac.jp"]:hover, 
a[href ^="http://www.tufs.ac.jp"]:hover {
    text-decoration: underline;
}

a[href $=".xls"], 
a[href $=".XLS"]{
    background: url("images/icon_xls.gif") center right no-repeat;
    padding: 0 20px 1px 0; margin-right: 8px;
    text-decoration: none;
    color: #2b2b2b;
}
a[href $=".xls"]:hover, 
a[href $=".XLS"]:hover,
a[href ^="http://repository.tufs.ac.jp"]:hover, 
a[href ^="http://www.tufs.ac.jp"]:hover {
    text-decoration: underline;
}

a[href $=".doc"], 
a[href $=".DOC"]{
    background: url("images/icon_doc.gif") center right no-repeat;
    padding: 0 20px 1px 0; margin-right: 8px;
    text-decoration: none;
    color: #2b2b2b;
}
a[href $=".doc"]:hover, 
a[href $=".DOC"]:hover,
a[href ^="http://repository.tufs.ac.jp"]:hover, 
a[href ^="http://www.tufs.ac.jp"]:hover {
    text-decoration: underline;
}

a[href $=".docx"], 
a[href $=".DOCX"]{
    background: url("images/icon_doc.gif") center right no-repeat;
    padding: 0 20px 1px 0; margin-right: 8px;
    text-decoration: none;
    color: #2b2b2b;
}
a[href $=".docx"]:hover, 
a[href $=".DOCX"]:hover,
a[href ^="http://repository.tufs.ac.jp"]:hover, 
a[href ^="http://www.tufs.ac.jp"]:hover {
    text-decoration: underline;
}

table { margin: 1em auto 1.5em; background: #f9f9f9; border: 1px solid #aaa; border-collapse: collapse; }
table th, table td { border: 1px solid #aaa; padding: 0.2em 0.5em; }
table th { background: #f2f2f2; }
table td.gainsboro { background-color: #DCDCDC; }
table.wide { table-layout: fiexed; width: 100%; }
table.wide_auto { table-layout: auto; width: 100%; }
caption { font-size: 90%; margin: .2em auto; font-weight: bold;}

/* table　罫線なしのタイプ　しかもマージンなし（調整可能） 2010.01.05 by kizuka
------------------------------------------------------------------------------------ */
table.none { margin: 0em auto 0em; border-style: none none none none; background-color: #ffffff; }
table.none tr, table.none td { border-style: none none none none; }


dl { margin-top: .2em; margin-bottom: .5em; }
dt { font-weight: bold; }
dt.normal { font-weight: normal; }
dt.indent { margin: 0 0 .2em 1.5em; padding: 0; text-indent: -1.5em; }
dd { line-height: 1.5em; margin-left: 1.5em; margin-bottom: .2em; }
dd.indent { margin: .5em 0 .2em 3em; padding: 0; text-indent: -1.5em;}
dd.para { line-height: 1.5em; margin-left: 3em; margin-bottom: .2em;}
dd.pindent { margin: .5em 0 .2em 4.5em; padding: 0; text-indent: -1.5em; }


abbr { border-bottom: 1px dashed #ccc; cursor: help; }
hr.devider { display: none; }
.hide { display: none; }
img { border: none; }
.flleft { float: left; margin: 0 10px 10px 0; }
.flright { float: right; margin: 0 0 10px 10px; }
.border { padding: 8px; border: 1px solid #ccc; background-color: #fff; }
.box { border: 1px solid #ccc; padding: 5px 20px; margin: 10px auto; background-color: #fff; }
.jump2anchor { text-align: right; position: relative; top: 1.6em; right: 10px; }
.jump2anchor a { text-decoration: none !important; }
.warning {
    width: 70%;
    padding: 3px 0px;
    margin: 15px auto;
    border-bottom: 1px solid #9b6600;
    border-top: 1px solid #9b6600;
    text-align: center;
    background-color: #eec866;
    color: #800000;
    font-size: 77%;
}

.preparing {
    width: 70%;
    padding: 3px 0px;
    margin: 15px auto;
    border-bottom: 1px solid #34878b;
    border-top: 1px solid #34878b;
    text-align: center;
    background-color: #7abcbc;
    color: #00536a;
    font-size: 77%;
}


.note { text-align: right; color: #555; font-size: 75%; }
#ja-only { text-align: center;  }
.column2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

/* object の属性*/
object { border: none;}
.flleft { float: left; margin: 0 10px 10px 0; }
.flright { float: right; margin: 0 0 10px 10px; }
.border { padding: 8px; border: 1px solid #ccc; background-color: #fff; }
.box { border: 1px solid #ccc; padding: 5px 20px; margin: 10px auto; background-color: #fff; }

/* #header:after, */
#main-col:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear { clear: both; }

ul.flat { padding: 1px 20px; }
ul.flat li { list-style: none; display: inline; }
ul.flat li:after { content: ", "; margin-right: .5em; }
ul.flat li:last-child:after { content: ""; }

.nobreak { white-space: nowrap; }

/* page layout
------------------------------------------------------------------------------------ */
div#super-header {
    position: relative;
    width: 100%; height: 1.5em; padding-top: 2px;
    border-bottom: 1px solid #aaa;
    background-color: #eee;
    font-size: 75%;
}

div#container {
    width: 800px;
    margin: 15px auto 20px;
}
div#header {
    position: relative;
}
div#footer {
    clear: both;
    position: relative;
    width: 780px;
    padding: 20px 10px;
    height: 50px;
    font-size: 80%;
    background: #fff url("images/footer_bg_or.png") repeat-x top left;
}
div#contents {
    width: 800px;
    float: left;
    margin: 8px 0 10px 0;
}
div#main-col {
    float: right;
    width: 570px;
    padding: 10px;
    position: relative;
}
div#sub-col {
    float: left;
    width: 198px;
    padding: 0 0 2px 0;
    font-size: 90%;
    border-right:  1px solid #ccc;
}

/* super-header
------------------------------------------------------------------------------------ */
#super-header a { text-decoration: none; color: #2b2b2b; }
#super-header a:hover { color: #90c; }
#skip-link { position: absolute; left: 40%; top: 60px; z-index: 1; }
#super-header #topic-path { position: absolute; left: 10px; }
#super-header #font-size { position: absolute; right: 10px; }

/* header
------------------------------------------------------------------------------------ */
//#logo-ilcaa { position: absolute; bottom: 3px; right: 5px; }
//#header h1 { padding: 0 0 0 140px; margin: 0; font-size: 16px; font-weight: bold; }
//#header h1 a { color: #fff; }
//#header a { text-decoration: none; }
//#header a:hover { background: none; }
//#header p { font-size: small; margin: 0; padding: 0 0 0 140px; }
//#header p#kyoten-name { padding-top: 3px; color: #ffffff; font-size: 14px; font-weight: bold; }
//#header p#tufs-name { padding-top: 0px; color: #ffffff; }
//#header li { display: inline; }
#title {
    height: 75px;
    //background: #ca4815 url("images/ilcaa_bar_ja.jpg") no-repeat top left;
    position: relative;
    z-index: 2;
}
#disp-option { position: absolute; top: 0; right: 15px; font-size: 90%; z-index: 3; }
#disp-option ul { margin-top: 5px; padding: 0; }
#disp-option li { float: left; list-style: none; margin-left: 1em; }
#disp-option li a { text-decoration: none; color: #000; }
#disp-option li a:hover { color: #fff; }

#main-menu { margin-top: 3px; }
ul#menu {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px/* 85% */;
    background-color: #292929;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    line-height: 1.6;
}
ul#menu li {
    display: inline;
}
ul#menu li a {
    float: left;
    background-color: #292929;
    border-right: 1px solid #999;
    color: #fff;
    text-decoration: none;
    padding: 0 9px;
}
ul#menu li a:hover{ background-color: #ddd; color: #000; }
ul#menu .current, 
ul#menu .current a{ background-color: #a6a6a6 !important; color: #000; }


/* footer
------------------------------------------------------------------------------------ */
#footer form { float: right; }
#footer form img { vertical-align: middle; }
address { font-size: small; font-style: normal; }

/* 1 column (contents)
------------------------------------------------------------------------------------ */
.one-col { width: 760px !important; padding: 10px 20px !important; }


/* main col
------------------------------------------------------------------------------------ */
#main-col h2 { margin-top: 5px; font-size: 130%; }
#main-col h3 { margin-top: 1.5em; }
#main-col h4, #main-col h5 { margin-bottom: .2em; }
/* #main-col h5 { font-size: inherit; font-weight: normal; text-decoration: underline; } */

/* font フォントの大きさ 2010.01.07 by kizuka
------------------------------------------------------------------------------------ */
h3.bb1 { margin-top: 1.5em; border-bottom: 1px solid #ccc; color: #330; }
font.h3 { margin-top: 1.5em; font-weight: bold; font-size: 120%; }

/* margin 文章と文章の間を空けたいとき 2010.01.06 by kizuka
------------------------------------------------------------------------------------ */
p.margin20 { margin: 2em auto 0em; }
p.margin30 { margin: 3em auto 0em; }

/* sub col
------------------------------------------------------------------------------------ */
#sub-col h3 { font-size: 110%; margin: 0; }

#sub-col .sub-menu, #sub-col .sub-menu ul { margin: 0; padding: 0; list-style: none; }
#sub-col .sub-menu+.sub-menu { margin-top: 1.3em !important; }
.one-col .sub-menu+.sub-menu { margin-top: 1.3em !important; }
#sub-col h3 a,
#sub-col .sub-menu a {
/*    border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff;
     background-color: #e0e0e0; */
    color: #600;
    display: block;
    padding: 3px 12px;
    text-decoration: none;
}
#sub-col h3 a:hover,
#sub-col .sub-menu a:hover {
    background-color: #eee;
}
#sub-col .sub-menu ul li a { padding-left: 24px; color: #333; }
#sub-col .current,
#sub-col .current a {
    background-color: #cc9 !important;
    color: #2b2b2b !important;
}

/* top page
------------------------------------------------------------------------------------ */
#sec-home .one-col { width: 800px !important; padding: 0 0 0 0 !important; }
#top-e { width: 790px; height: 100px; border: 0; padding:5px 5px 5px 5px; font-size:90%; background-color: red;}
#top-t { width: 790px; border: 0; padding:5px 5px 5px 5px; font-size:90%; text-align:right; }
#top-l { width: 220px; float: left; font-size: 90%; }
#top-r { width: 220px; float: right; font-size: 90%; }
#top-c { width: 320px; margin: 0 auto; font-size: 90%; }

//#top-c h4 { margin-bottom: 0; }
#top-c p { margin: .5em 0; }
#top-news, #top-newsoon, #top-recom, #top-mission, #top-c3, #top-essays, #top-reports, #top-twitter { border: 1px solid #ccc; padding: 10px; }
/*50周年用バナーが入るところ
#top-temp { width: 200px; background-color: #ee7300; color: #ffffff; padding: 10px 10px 10px 10px; margin-bottom: 10px;}*/
#top-news { width: 198px; margin-bottom: 10px; }
#top-news11 {width: 210px; height: 20px; background-color: #c4c400; color: #ffffff; padding: 0 0 0 10px; }

#top-newsoon { width: 198px; margin-bottom: 10px; }
#top-newsoon11 {width: 210px; height: 20px; background-color: #214979; color: #ffffff; padding: 0 0 0 10px; }

#top-recom { width: 198px; margin-bottom: 10px; }
#top-essays, #top-twitter { width: 198px; margin: 0 10px 10px 0;}
#top-recom11 { width: 210px; height: 20px; background-color: #ef2525; color: #ffffff; padding: 0 0 0 10px; }
#top-essays11 { width: 210px; height: 18px; background-color: #990000; color: #ffffff; padding: 0 0 0 10px; }
#top-twitter11 { width: 210px; height: 20px; background-color: #7abcbc; color: #ffffff; padding: 0 0 0 10px; }
#top-mission, #top-c3, #top-reports { width: 298px; margin: 0 10px 0 0; }
#top-mission11{ width: 310px; height: 20px; background-color: #34878b; color: #ffffff; padding: 0 0 0 10px; }
#top-reports11 {width: 310px; height: 20px; background-color: #a3a3a3; color: #ffffff; padding: 0 0 0 10px; }

#top-mission dd { margin-left: 1em; }
#top-mission dt { margin-top: .5em; }

#top-recom ul, #top-l li, #top-twitter ul { padding: 0; margin-left: 0; }
#top-recom li { list-style: none; margin: 8px 0; padding-left: 5px; border: 1px solid #aaa; border-left: 8px solid #292929; position: relative; }
#top-recom a { display: block; text-decoration: none; }
#top-recom li .recom1 { position: absolute; top: 13px; padding-right: 40px;}
#top-recom li .recom2 { position: absolute; top: 2px; padding-right: 40px;}
#top-recom li .recom4 { position: absolute; top: 2px; padding-right: 40px;}
#top-recom li:hover { background-color: #eee; border-left-color: #ef2525; }
#top-recom img { float: right; }
#ban_0 { background: url("images/ban_0.jpg") no-repeat center right; }
#ban_1 { background: url("images/ban_1.jpg") no-repeat center right; }
#ban_2 { background: url("images/ban_2.jpg") no-repeat center right; }
#ban_3 { background: url("images/ban_3.jpg") no-repeat center right; }
#ban_4 { background: url("images/ban_4.jpg") no-repeat center right; }
#ban_5 { background: url("images/ban_5.jpg") no-repeat center right; }
#ban_6 { background: url("images/ban_6.jpg") no-repeat center right; }
#ban_7 { background: url("images/ban_7.jpg") no-repeat center right; }
#ban_8 { background: url("images/ban_8.jpg") no-repeat center right; }

#top-twitter li { list-style: none; margin: 0; padding-left: 2px; border: none; position: relative; }
#top-twitter a { display: block; text-decoration: none; height: 50px; }
#top-twitter li .tw1 { position: absolute; top: 18px; padding-left: 40px; }
#top-twitter li .tw2 { position: absolute; top: 3px; padding-left: 40px; }
#top-twitter li .tw3 { position: absolute; top: 2px; padding-left: 40px; }
#top-twitter li:hover { background-color: #eee; }
#top-twitter img { float: left; }
#twitter_0 { background: url("images/twitter_bird.png") no-repeat center left; height: 45px; }
#twitter_1 { background: url("images/t_logo-a.png") no-repeat center left; height: 45px; }


#top-l ul, #top-l li { padding: 0; margin-left: 0; }
#top-l li { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; list-style: none; }
#top-l a { display: block; text-decoration: none; }
#top-l li a span { color: #000; font-size: 80%; }
#top-l li :hover { background-color: #eee; }
#top-l p :hover { background-color: #eee; }

#top-essays ul, #top-c li { padding: 0; margin-left: 0; }
#top-essays li { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; list-style: none; }
#top-essays a { display: block; text-decoration: none; }
#top-essays li a span { color: #000; font-size: 80%; }
#top-essays li :hover { background-color: #eee; }
#top-essays p :hover { background-color: #eee; }

#top-reports ul, #top-c li { padding: 0; margin-left: 0; }
#top-reports li { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; list-style: none; }
#top-reports a { display: block; text-decoration: none; }
#top-reports li a span { color: #000; font-size: 80%; }
#top-reports li :hover { background-color: #eee; }
#top-reports p :hover { background-color: #eee; }

#top-img {width: 320px; margin-top: 10px; margin-bottom: 10px;}
#top-img img{ margin: 0; text-align: center; }
#top-img p{ margin: 0; text-align: right; font-size: 95%; }

#top-mission ul { margin: 0 0 0 1em; padding: .5em; }
#top-mission p { font-size: 100%; }
#top-c3 ul { margin: 0 0 0 1em; padding: .5em; }


/* pick out
------------------------------------------------------------------------------------ */



/* site map
------------------------------------------------------------------------------------ */
.menu-block { float: left; width: 33%; margin-bottom: 20px; }
.menu-block h3 { margin: 0 0 .5em 0; font-size: 110%; border: none !important; }
.menu-block .sub-menu,
.menu-block .sub-menu ul {
    margin: 0;
    padding-left: 20px;
}
.menu-block ul { padding-left: 20px; }


/* about
------------------------------------------------------------------------------------ */
//#p-overview { font-size: 14px; background: #fff url("images/fig-line1.png") no-repeat 95px 20px; margin-bottom: 20px; }
//#p-overview li { list-style: none; }
//#p-overview #com { margin-top: 30px; position: relative; height: 3em; }
//#p-overview #com li { padding: 15px 3px; border: 1px dashed #aaa; margin-right: 35px; background-color: #eee; height: 1.5em; width: 12em; text-align: center; }
//#p-overview #com li#fig-ab { position: absolute; top: 0px;  left: 10px; }
//#p-overview #com li#fig-ac { position: absolute; top: 0px;  left: 200px; }
//#p-overview #com li.fig-ac-e { padding: 5px 3px 25px; }
//#p-overview #com li#fig-ec { position: absolute; top: 0px;  left: 390px; }

//#p-overview #org { margin-top: 50px; position: relative; height: 21em; border: 5px solid #eee; 
//background: #fff url("images/fig-line2.png") no-repeat 30px;
//}
//#p-overview #org ul, #p-overview #org li { margin: 0; padding: 0; }
//#p-overview #org li#fig-dir   { position: absolute; top: 20px;  left: 20px; }
//#p-overview #org li#fig-d-dir { position: absolute; top: 110px; left: 45px; }
//#p-overview #org li#fig-cncl  { position: absolute; top: 230px; left: 20px; }

//#p-overview #org li#fig-dir,
//#p-overview #org li#fig-d-dir,
//#p-overview #org li#fig-cncl
//{ width: 4em; padding: 5px 10px; background-color: #717a80; color: #fff; text-align: center; }

//#p-overview #org li#fig-proj { position: absolute; top: 20px; left: 170px; background-color: #eee; }
//#p-overview #org li#fig-proj div { background-color: #3d8c9f; color: #fff; }
//#p-overview #org li#fig-proj ul { margin: 10px 20px; }
//#p-overview #org li#fig-irc { position: absolute; top: 190px; left: 170px; background-color: #f7afa9; }
//#p-overview #org li#fig-rsc { position: absolute; top: 250px; left: 170px; background-color: #fcc479; }

//#p-overview #org li#fig-proj div,
//#p-overview #org li#fig-irc,
//#p-overview #org li#fig-rsc
//{ width: 340px; padding: 5px 10px; }


#p-committee #committee h4 { padding: 3px 15px; background-color: #eee; }
#p-committee #tantou h4 { padding-left: 5px; border-left: 20px solid #eee;  }

/* 要覧バックナンバー
------------------------------------------------------------------------------------ */
#gd-bn { margin: 0; padding: 0; }
#gd-bn img { border: 1px solid #ccc; }
#gd-bn li { list-style: none; float: left; padding: 3px 3px 0; text-align: center; border: 2px solid #fff; }
#gd-bn li+li { margin-left: 10px; }
#gd-bn li a:hover { text-decoration: none; }
#gd-bn li p { margin: 0; }
#gd-bn li:hover { border: 2px solid #ecaf76; }
#gd-bn li.current { background-color: #ecaf76; border: 2px solid #ecaf76; }

/* staff
------------------------------------------------------------------------------------ */
.staff-list { border: 1px solid #fff; margin-bottom: 1em;  position: relative; height: 80px; padding-left: 90px; }
//.staff-list:hover { border: 1px solid #ccc;  background-color: #fafaf0;  }
.staff-list img { position: absolute; left: 0; }
.staff-list ul { list-style-type: none; margin: 0 0 0 0; padding: 0; }
.staff-name { font-weight: bold; font-size: 105%; }

.staff-term { border-bottom: 1px solid #34878b; border-top: 1px solid #34878b; }

/* staff 外国人客員共通　リンクなしのCSS
------------------------------------------------------------------------------------ */
.staffnolink-list { border: 1px solid #fff; margin-bottom: 1em;  position: relative; height: 100px; padding-left: 110px; }
.staffnolink-list img { position: absolute; left: 0; }
.staffnolink-list ul { list-style-type: none; margin: 2px 0 0 0; padding: 0; }
.staffnolink-name { font-weight: bold; font-size: 105%; }

/* fellow, jr-fellow
------------------------------------------------------------------------------------ */
.fellow-list { border: 1px solid #fff; margin-bottom: 1em;  padding: 0; position: relative; height: 100px; padding-left: 110px; }
.fellow-list img { position: absolute; left: 0; }
.fellow-list ul { list-style-type: none; margin: 2px 0 0 0; padding: 0; }
.fellow-name { font-weight: bold; font-size: 105%; }

/* staff6 共同研究員のページ
------------------------------------------------------------------------------------ */
#researchers-toc .jump2anchor { margin: 0 0 2em 0; }
#researchers-toc h3 { margin-top: 2em; padding: 5px; line-height: 1; background-color: #eaeaff; }
#researchers-toc h4 { margin: .8em 0 .3em; }


/* projects
------------------------------------------------------------------------------------ */
#proj-side { width:300px; border-left: 15px solid #fff; background-color:#fff; margin-bottom: 0; }
#proj-side h3 { border: none; font-size: small; margin: .3em 0; }
#proj-side ul, #proj-side p { font-size: small; margin-top: 0; padding-left: 0; margin-left: 10px; }
#proj-side li { display: inline; }
#proj-side li+li:before { content: "| "; }
#proj-side-img { text-align: center; margin-bottom: 1.5em; }
#proj-side-img p { font-size: x-small; }
.proj-member { list-style: none; padding-left: 1.5em; margin: 0; }
.proj-member li { display: inline; /*white-space: nowrap;*/ }
.proj-member li:after { content: ", "; margin-right: .5em; }
.proj-member li:last-child:after { content: ""; }
    .proj-heading {  
 //       border-left:7px solid #ccc;  
 //       padding:.8em .9em;  
    }  
    .proj-headingsb {  
        display: block;  
        padding-left:1.5em;  
        font-weight:normal;  
        color:#000;  
    }  
.proj-history { list-style: none; padding-left: 1.5em; }
/*.proj-history li { margin-top: 1em; }*/
.proj-history li.subject { font-weight: bold; margin-bottom: .5em; }
.proj-history li.capter { color: #630; font-weight: bold; margin-left: 2em; margin-top: 0.5em; }
.proj-history li.subdate {font-weight: bold; margin-left: 2em; margin-top: 1em; }
.proj-history li.subroom { font-weight: bold; margin-left: 2em; margin-top: 1em; }
.proj-history li.start { margin-top:1em; }
.proj-history li.indent { margin: 0 0 .2em 1.5em; padding: 0; text-indent: -1.5em; }
.proj-history dl { margin: .3em 0 0 2em; }
.proj-history dd { margin-left: 1em; }
.proj-history div.comment { margin: 1em 2em 1.5em; }


/* publication
------------------------------------------------------------------------------------ */
#books-list li,
#books-list li a {
    padding: 3px 3px 3px 0;
}
#books-list li span { font-family: monospace; }
#books-list li a:hover { background-color: #ddf; }
#books-list li .current,
#books-list li .current a,
#books-list li .current a:hover {
    background-color: #bbf !important;
    color: #333 !important;
    text-decoration: none;
}
.bn-toc { float: left; width: 550px; }
.bn-menu { float: right; width: 200px; }

/* backnumber */
#books-toc dl {
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 0; margin: 0;
    width:100%;
}
#books-toc dt {
    line-height: 1.2em;
    position: relative;
    padding: 0 5em 0 0;
    text-align: left;
    border-bottom:1px dotted #000;
    clear: both;
    margin: 0  .4em 0;
    min-height: 0;
}
#books-toc dd.page {
    background: #fff;
    padding: 1px 0 1px 5px;
    position: absolute;
    bottom: 1.5em;
    right: -1px;
    z-index: 99;
}
#books-toc dt em {
    margin: 0 ;
    position: relative;
    top: .25em;
    padding: 0 5px 0 0;
    background: #fff;
    font-style: normal;
    font-weight: normal;
}
#books-toc .author { padding: 0; margin: 0; padding-left: 1.4em; color: gray; }
#books-toc dd.page{ bottom: 0; }
#books-toc .article { margin-left: 10px; }
#books-toc .article p { margin: 0 0 .2em 1em; color: #666; }
#books-toc .toc-sep { border-bottom: 3px double #99f; margin: 1em 0; }
#books-toc .toc-sep span { display: none; }
#books-toc .article+.jump2anchor { margin-top: 2em; }
#books-toc h3 { margin-top: 0; padding: 5px; line-height: 1; background-color: #eaeaff; }
#books-toc h4 { margin: .8em 0 .3em; }

#books-guide ul li { list-style-type: disc; }
#books-guide ol li { list-style-type: lower-alpha; }
#books-guide ol ul { padding-left: 1em; }
#books-guide ol ul li { list-style-type: circle; }
#books-guide>li { padding-bottom: .5em; }
#books-guide>li li { padding-top: .3em; }

#books-guide-e li { list-style-type: lower-alpha; padding-bottom: .5em; }

.books-title-list li { list-style-type: none; padding: 3px; text-indent: -3em; }
.books-title-list li span { font-family: 'Tahoma'; padding-right: 5px; }

.books-rest { list-style-type: none; padding: 0; text-align: right; }
.books-rest li { display: inline; padding: 0 .5em; }

/* field+ */
#fp-title { background: url("../images/books/fp_logo.png") no-repeat center left; padding-left: 110px; }
#fp-title span { display: none; }
#fp-date { position: absolute; right: 10px; top: 20px; }
.fp-subtitle { font-size: 80%; margin: 0 5px; }

#fp-bn { margin: 0; padding: 0; }
#fp-bn img { border: 1px solid #ccc; }
#fp-bn li { list-style: none; float: left; padding: 3px 3px 0; text-align: center; border: 2px solid #fff; }
#fp-bn li+li { margin-left: 10px; }
#fp-bn li a:hover { text-decoration: none; }
#fp-bn li p { margin: 0; }
#fp-bn li:hover { border: 2px solid #ece; }
#fp-bn li.current { background-color: #ece; border: 2px solid #ece; }
#fp-logo { border: none !important; padding: 10px 20px 15px; }
li#fp-logo-top { display: none; }

.pf-copy { font-size: 130%; font-weight: bold; text-align: center; letter-spacing: .4em; }
.pf-copy span { font-weight: normal; }
.pf-copy span span { font-weight: bold; color: red; }

/*  training 言語研修　*/
.letterimg { margin-bottom: -.5em; }



/* seminar
------------------------------------------------------------------------------------ */
.lang-past td { padding: .3em 1.5em; }
.lang-past ul { margin: 0; padding: 0; }
.lang-past li { list-style-type: none; }

/* Intensive Language Cources
------------------------------------------------------------------------------------ */
#lang-list li,
#lang-list li a {
    padding: 3px 3px 3px 0;
}
#lang-list li span { font-family: font-family: Verdana, Helvetica, "メイリオ",Meiryo, "'ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; }
#lang-list li a:hover { background-color: #ddf; }
#lang-list li .current,
#lang-list li .current a,
#lang-list li .current a:hover {
    background-color: #bbf !important;
    color: #333 !important;
    text-decoration: none;
}
.ln-toc { float: left; width: 550px; }
.ln-menu { float: right; width: 200px; }

#lang-toc .author { padding: 0; margin: 0; padding-left: 1.4em; color: gray; }
#lang-toc dd.page{ bottom: 0; }
#lang-toc .article { margin-left: 10px; }
#lang-toc .article p { margin: 0 0 .2em 1em; }
#lang-toc .article+.jump2anchor { margin-top: 2em; }
#lang-toc h3 { margin-top: 0; padding: 5px; line-height: 1; background-color: #eaeaff; }
#lang-toc h4 { margin: .8em 0 .3em; }
#lang-toc hr { color: #2b2b2b; }


/* 「読みもの」のページ
------------------------------------------------------------------------------------ */
#essays-list li,
#essays-list li a {
    padding: 3px 3px 3px 0;
}
#essays-list li span { font-family: font-family: Verdana, Helvetica, "メイリオ",Meiryo, "'ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; }
#essays-list li a:hover { background-color: #ddf; }
#essays-list li .current,
#essays-list li .current a,
#essays-list li .current a:hover {
    background-color: #bbf !important;
    color: #333 !important;
    text-decoration: none;
}
.in-toc { float: left; width: 550px; }
.in-menu { float: right; width: 200px; }

#essays-toc .author { padding: 0; margin: 0; padding-left: 1.4em; color: gray; }
#essays-toc dd.page{ bottom: 0; }
#essays-toc .article { margin-left: 10px; }
#essays-toc .article p { margin: 0 .2em 1em; }
#essays-toc .article+.jump2anchor { margin-top: 2em; }
#essays-toc h3 { margin-top: 0; padding: 5px; line-height: 1; background-color: #eaeaff; }
#essays-toc h4 { margin: .8em 0 .3em; }

/* 今月の写真
------------------------------------------------------------------------------------ */
.mphoto-list { border: 1px solid #fff; margin-bottom: 1em;  position: relative; height: 80px; padding-left: 90px; }
.mphoto-list object { position: absolute; left: 0; }
.mphoto-list ul { list-style-type: none; margin: 0 0 0 0; padding: 0; }
.mphoto-time { font-weight: bold; font-size: 105%; }

/* misc
------------------------------------------------------------------------------------ */
.gloss-box { border: 1px solid #ccc; background-color: #fff; width: 80%; margin: .5em auto; padding: .5em; }
.gloss td { border: none; }
.gloss { border: none; margin: 0; background-color: transparent;  }
.gloss .gll { font-style: italic; }
.gloss .num { font-style: normal; }

.sc { font-variant: small-caps; }



/* EVENT INFO
------------------------------------------------------------------------------------ */
#sec-event .one-col { width: 800px !important; padding: 10px 0px !important; }
#sec-event h2, #event-top { padding: 0 20px; }
#event-tab { position: absolute; right: 20px; top: 20px; padding: 0; margin: 0; font-size:16px; } 
#event-tab ul { list-style: none; margin: 0; padding: 0; } 
#event-tab ul li { display: inline; padding: 5px; border: 1px solid #eee; }
#event-tab ul li.current, #event-tab ul li:hover { background-color: #9c0; color: #fff; }
#event-tab ul li a { text-decoration: none; }
#event-desc { float: left; width: 420px; }
#event-room { float: right; }
#event-head+h3 { margin-top: 0; }

#event-top table ul { margin: 5px 0 0 0; padding: 0; text-indent: -15px; margin-left: 15px; }
#event-top table ol { margin: 0em 0em 0em 1em; padding: 0em 0em 0em 1em; }
#event-top table ul li { list-style: none; }
#event-top table p { margin: 5px 0; }
#event-top table strong, #event-top table strong a { color: #555; }
#event-top table h4 { color: #630; margin: 5px 0; font-weight: normal; }
#event-cal { margin: 30px 0; }
/*
#f-history li { white-space: nowrap; font-weight: bold; }
#f-history li a { font-weight: normal; }
*/


/* temp
------------------------------------------------------------------------------------ */
div.memo { background-color: #efefef; padding: 0 10px; margin-bottom: 30px; }


/* OL LIなどのリストのフォントの設定 2010.04.20 by kizuka
------------------------------------------------------------------------------------ */
li.h3 { margin-top: 1.5em; font-size: 120%; font-weight: bold; }
li.h4 { margin-top: .2em; font-size: 100%; font-weight: bold; }
li.none{ list-style: none; }


/* div丸ごとリンク　biggerlinkにリンク */
.site-link { border: 1px solid #fff; position: relative; height: 80px; }
.site-link:hover { border: 1px solid #ccc;  background-color: #fafaf0;  }

.mphoto-link { border: 1px solid #fff; position: relative; width: 330px; }
.mphoto:hover { border: 1px solid #ccc;  background-color: #fafaf0;  }

.ilc-link { border: 1px solid #fff; position: relative; height: 30px; width: 440px; }
.ilc-link:hover { border: 1px solid #fafaf0;  background-color: #fafaf0;  }


/* Google Search のCSS */
.google_s  { border: none; text-align:right; font-size: 120%; }


/* tables テーブルソーター */
table.tablesorter1 {
	margin: 1em auto 1.5em; 
   	padding: 0px;
	background: #f9f9f9;
    	color: #2b2b2b;
   	line-height: 1.6;
　　	font-size: small !important;
    	font-size: 100%;
	border: 1px solid #aaa; 
	border-collapse: collapse;
	table-layout: auto; width: 100%;
}
table.tablesorter1 thead tr th, table.tablesorter1 tfoot tr th {
	background: #f2f2f2;
	border: 1px solid #aaa; padding: 0.2em 0.5em;
}
table.tablesorter1 thead tr .header {
	background-image: url("images/bg.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter1 tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter1 tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter1 thead tr .headerSortUp {
	background-image: url("images/asc.gif");
}
table.tablesorter1 thead tr .headerSortDown {
	background-image: url("images/desc.gif");
}
table.tablesorter1 thead tr .headerSortDown, table.tablesorter1 thead tr .headerSortUp {
background-color: #cabdb8;
}

/* TinyTable V3 START */
/* {margin:0; padding:0; outline:0}
body {font:11px Verdana,Arial; margin:25px; background:#fff url(images/bg.gif) repeat-x}*/
#tablewrapper {width:600px; margin:0 auto}
#tableheader {height:55px}
.search {float:left; padding:6px; border:1px solid #c6d5e1; background:#fff}
#tableheader select {float:left; font-size:12px; width:125px; padding:2px 4px 4px}
#tableheader input {float:left; font-size:12px; width:225px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}
.tinytable { margin: 1em auto 1.5em; 
   	padding: 0px;
	background: #f9f9f9;
    	color: #2b2b2b;
   	line-height: 1.6;
　　	font-size: small !important;
    	font-size: 100%;
	border: 1px solid #aaa; 
	border-collapse: collapse;
	table-layout: auto; width: 100%;
}
/*{width:979px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none}*/
#tableheader {height:55px}
.search {float:left; padding:6px; border:1px solid #cabdb8; background:#fff}
#tableheader select {float:left; font-size:12px; width:125px; padding:2px 4px 4px}
#tableheader input {float:left; font-size:12px; width:225px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}
.tinytable th {background-color:#f2f2f2; text-align:center; color:#1b1b1b; border:1px solid #aaa; border-right:none;height:30px; }
.tinytable th h3 {font-size:95%; /*padding: 0; margin: 0;*/}
.tinytable td {padding: 0 6px; border-bottom:1px solid *#aaa*; border-right:1px solid #aaa; height:30px; }
.tinytable .head h3 {background:url(images/bg.gif) 2px center no-repeat; cursor:pointer; padding-left:10px;}
.tinytable .desc, .sortable {background-color:#cabdb8;}
.tinytable .asc {background-color:#cabdb8;}

.tinytable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#9c9c9c}
.tinytable .evenrow td {background:#f9f9f9}
.tinytable .oddrow td {background:#dcdcdc}
.tinytable td.evenselected {background:#f9f9f9}
.tinytable td.oddselected {background:#dcdcdc}
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}
#tablefooter {height:15px; margin-top:20px}
#tablenav {float:left}
#tablenav img {cursor:pointer}
#tablenav div {float:left; margin-right:15px}
#tablelocation {float:right; font-size:12px}
#tablelocation select {margin-right:3px}
#tablelocation div {float:left; margin-left:15px}
.page {margin-top:2px; font-style:italic}
#selectedrow td {background:#fafaf0}
/* TinyTable V3 END */

.eventindent_30 li {list-style: none; margin: 0 0 .2em 3em; text-indent: -3em; }
.eventindent_15 li {list-style: none; margin: 0 0 .2em 1.5em; text-indent: -1.5em; }