@charset "utf-8";
/* 2013.03.25 作成 R-plant */
/* 2013.09.XX 更新 */
/* general setting */
* { margin:0; padding:0; }
html { overflow-y:scroll; }
body { margin:0; padding:0; background:white url("../img/bg_side.gif") repeat-x 0 0; color:#666; font-family:Verdana, "メイリオ", Meiryo, sans-serif; text-align:center; font-size:80%; line-height:180%; }
h1, h2, h3, h4, h5, h6, .sidenav { font-family:Trebuchet MS, "メイリオ", Meiryo, sans-serif; }
h1 { margin:0 0 20px; padding:0; color:darkblue; font-size:25px; font-weight:normal; line-height:28px; border-bottom:darkblue 1px solid; clear:both; }
h1 span { font-size:60%; font-weight:lighter; }
h2 { margin:0 0 10px; padding:2px 5px 0; border:1px solid darkblue; font-size:110%; font-weight:normal; color:darkblue; clear:both; }
h2.top { margin-bottom:5px; color:#002043; border:1px solid #002043; }
h3 { margin:0 0 15px; padding:0 0 0 5px; border-left:5px double #36c; font-size:110%; color:#36c; clear:both; }
h4 { margin:0 0 15px; padding:0 5px; font-size:110%; background:#f5f5f5; color:#36c; clear:both; }
h5 { margin:0 0 15px; font-size:100%; color:#666; clear:both; }
p { margin:0 0 15px; }
img { border:0; }
a:link { color:#36c; text-decoration:underline; }
a:visited { color:#36c; text-decoration:underline; }
a:hover { color:darkblue; text-decoration:none; }
dl, ul, ol { margin:0 0 15px 25px; }
em { font-weight:bold; font-style:normal; color:black; }
strong { font-weight:bold; font-style:normal; color:black; }
hr { margin:20px 0; border:0; border-top:1px dotted #b5b5b5; clear:both; }
table { margin:0 0 10px 0; border-collapse:collapse; }
/* contents wrapper */
#wrapper { margin:0 auto; padding:0; width:900px; text-align:left; }
/* header */
#header { margin:0 auto; width:900px; height:117px; position:relative; text-align:left; background:url("../img/bg_header.jpg") 0 0 no-repeat; }
#header img { width:420px; height:60px; display:block; float:left; }
#header img.utlogo { width:120px; height:32px; position:absolute; top:38px; left:780px;  }
.topnav { padding:38px 0 0; width:480px; height:20px; line-height:150%; overflow:hidden; font-size:90%; text-align:right; }
.topnav li { list-style-type:none; display:inline; }
.topnav li a { padding:0 5px 0 15px; text-decoration:none; background:url("../img/icon_more.gif") no-repeat 0 2px; }
.topnav li a:hover { background:url("../img/icon_more_dark.gif") no-repeat 0 2px; color:darkblue; }
.mainnav { margin:0; padding:0; width:900px; height:37px; list-style-type:none; position:absolute; top:80px; left:0; background:url("../img/bg_menu.gif") repeat-x 0 0 #36c; }
.mainnav a { margin:0; padding:0; width:100px; height:37px; position:absolute; top:0; text-decoration:none; text-indent:-9999px; display:block; }
.mainnav-news a { background:url("../img/menu_news.gif") 0 0 no-repeat; left:0; }
.mainnav-about a { background:url("../img/menu_about.gif") 0 0 no-repeat; left:100px; }
.mainnav-research a { background:url("../img/menu_research.gif") 0 0 no-repeat; left:200px; }
.mainnav-activities a { background:url("../img/menu_activities.gif") 0 0 no-repeat; left:300px; }
.mainnav-education a { background:url("../img/menu_education.gif") 0 0 no-repeat; left:400px; }
.mainnav-members a { background:url("../img/menu_members.gif") 0 0 no-repeat; left:500px; }
.mainnav-recruit a { background:url("../img/menu_recruit.gif") 0 0 no-repeat; left:600px; }
.mainnav-links a { background:url("../img/menu_links.gif") 0 0 no-repeat; left:700px; }
.mainnav a:hover, #news .mainnav-news a, #about .mainnav-about a, #research .mainnav-research a, #education .mainnav-education a, #activities .mainnav-activities a, #members .mainnav-members a, #recruit .mainnav-recruit a, #links .mainnav-links a, #news .mainnav-news-e a, #about .mainnav-about-e a, #research .mainnav-research-e a, #education .mainnav-education-e a, #activities .mainnav-activities-e a, #members .mainnav-members-e a, #recruit .mainnav-recruit-e a, #links .mainnav-links-e a { background-position:0 -37px; }
.mainnav-about-e a { background:url("../img/menu_about_e.gif") 0 0 no-repeat; left:0; }
.mainnav-research-e a { background:url("../img/menu_research_e.gif") 0 0 no-repeat; left:100px; }
.mainnav-members-e a { background:url("../img/menu_members_e.gif") 0 0 no-repeat; left:200px; }
.mainnav-links-e a { background:url("../img/menu_links_e.gif") 0 0 no-repeat; left:300px; }
/* container */
#container { padding:20px 0 0 0; position:relative; }
/* main column */
#main { width:670px; float:left; }
#crumbs { margin-bottom:20px; font-size:90%;  }
#crumbs a { text-decoration:none; }
#main-l { width:210px; float:left; }
#main-r { width:440px; float:right; }
#half-l { width:325px; float:left; }
#half-r { width:325px; float:right; }
/* side column */
#side { width:200px; float:right; }
h2.category, h2.category-e { margin-bottom:0; padding:5px 10px; width:180px; height:90px; color:white; background:#36c; }
#news h2.category { background:url("../img/category_news.gif") 0 0 no-repeat; text-indent:-9999px; }
#about h2.category { background:url("../img/category_about.gif") 0 0 no-repeat; text-indent:-9999px; }
#research h2.category { background:url("../img/category_research.gif") 0 0 no-repeat; text-indent:-9999px; }
#activities h2.category { background:url("../img/category_activities.gif") 0 0 no-repeat; text-indent:-9999px; }
#education h2.category { background:url("../img/category_education.gif") 0 0 no-repeat; text-indent:-9999px; }
#members h2.category { background:url("../img/category_members.gif") 0 0 no-repeat; text-indent:-9999px; }
#recruit h2.category { background:url("../img/category_recruit.gif") 0 0 no-repeat; text-indent:-9999px; }
#links h2.category { background:url("../img/category_links.gif") 0 0 no-repeat; text-indent:-9999px; }
#about h2.category-e { background:url("../img/category_about_e.gif") 0 0 no-repeat; text-indent:-9999px; }
#research h2.category-e { background:url("../img/category_research_e.gif") 0 0 no-repeat; text-indent:-9999px; }
#members h2.category-e { background:url("../img/category_members_e.gif") 0 0 no-repeat; text-indent:-9999px; }
#links h2.category-e { background:url("../img/category_links_e.gif") 0 0 no-repeat; text-indent:-9999px; }
.sidenav { margin:0 0 20px; padding:0; list-style:none; }
.sidenav ul { margin:0; padding:0; list-style:none; font-size:100%; }
.sidenav li a { margin:1px 0; padding:5px; color:darkblue; border-left:darkblue 8px solid; border-bottom:darkblue 1px solid; display:block; text-decoration:none; line-height:160%; }
.sidenav li a:hover { margin:1px 0; padding:5px; background:#f5f5f5; text-decoration:none; }
.sidenav li li a { padding-left:18px; background:url("../img/line_angle.gif") 0.2em 0.8em no-repeat; }
.sidenav li li a:hover { padding-left:18px; background:url("../img/line_angle_dark.gif") 0.2em 0.8em no-repeat #f5f5f5; text-decoration:none; }
.banner { margin:0 0 20px; }
.banner img { margin:0 0 5px; display:block; }
.utlogo img { margin:0 0 10px; display:block; float:right; }
/* footer */
#footer { margin:20px 0; padding:5px 0; width:100%; position:relative; text-align:center; color:#36c; border-top:#36c 5px solid; clear:both; }
#footer address { font-size:10px; font-style:normal; }

/*////////////misc////////////*/
/* スライドショー (w900 x h240px) */
#slidecontainer { margin-bottom:20px; position:relative; width:900px; height:240px; overflow:hidden; }
#slidecontainer img { width:900px; height:240px; display:none; position:absolute; }
#slidecontainer h1 { margin:0; padding:0px; width:300px; height:240px; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; position:absolute; top:0; left:600px; border:none; background:url("../img/slide_text300.png") 0 0 no-repeat; text-indent:-9999px }
/* ニュースヘッドライン */
.news-headline { margin-left:0; padding:0; list-style-type:none; }
.news-headline dt { padding:3px 0; width:80px; color:#666; float:left; clear:both; }
.news-headline dd { padding:3px 0 3px 90px; border-bottom:#36c 1px dotted; color:#36c; }
.news-headline dd a { text-decoration:none; display:block; }
/* ニュース個別記事 */
.news { margin-bottom:20px; }
.news dl { margin:0 0 10px 0; padding:0; list-style-type:none; }
.news dt { padding:0 5px 0 5px; width:80px; border:1px solid darkblue; color:white; background:#36c; float:left; clear:both; }
.news dd { margin-left:90px; padding:0 5px 0 5px; border:1px solid darkblue; font-size:110%; color:#36c; }
.news p, .news ul, .news h3 { margin-bottom:10px; }
.news h2 { font-size:100%; font-weight:bold; }
.news h3 { font-size:100%; font-weight:normal; }
/* 沿革 */
.history { clear:both; }
.history dl { margin:0 0 20px 0; padding:0; list-style-type:none; background:#dcdcdc; }
.history dt { padding:2px 5px; width:80px; color:#36c; border-top:white 1px solid; background:#dcdcdc; float:left; clear:both; }
.history dt.headerline { width:660px; }
.history dd { padding:2px 5px; width:570px; border-top:white 1px solid; background:#f5f5f5; float:left; }
/* イベントレポート */
.event { margin:0 0 20px; padding:9px; border:1px solid #dcdcdc; background:#f5f5f5; clear:both; }
.event h2 { border:none; color:white; background:#36c; }
.byline { padding:0 5px; display:block; text-align:right; font-size:90%; }
.event h3 { font-size:100%; margin:10px 0; line-height:1em; }
.event ul.venue { margin-left:0; list-style-type:none; color:#36c; }
.event ul.venue li { padding-left:25px; background:url("../img/bullet_circle.gif") no-repeat 8px 6px; }
h2.trigger { background:url("../img/icon_plus_dark.gif") no-repeat 640px 6px; }
h2.active { background:url("../img/icon_minus_dark.gif") no-repeat 640px 6px; }
/* メンバー */
.memberslist h2 { margin:0; }
.memberslist ul { margin:0 0 20px; padding:0; width:668px; list-style-type:none; }
.memberslist li { margin:10px 10px 0 0; padding:0; width:155px; border:1px solid #ccc; text-align:center; float:left; }
.memberslist h3 { margin:0; padding:0; border:none; background:#f5f5f5; }
.memberslist h3 img { height:90px; }
.memberslist h3 span { margin-bottom:-7px; display:block; color:white; font-size:90%; font-weight:normal; background:#333; }
.memberslist dl { margin:0; font-size:90%; }
.memberslist dt { margin:0; color:white; background:#333; }
.memberslist dd { padding:2px; border-top:1px solid #ccc; font-size:90%; line-height:125%; }
/* サイトマップ */
ul.sitemap { margin-left:0; }
.sitemap li { list-style-type:none; }
.sitemap li ul { margin-bottom:0; }
.sitemap li a { padding-left:20px; text-decoration:none; background:url("../img/bullet_triangle.gif") no-repeat 2px 6px; display:block; }
.sitemap li a:hover { color:darkblue; background:url("../img/bullet_triangle_dark.gif") no-repeat 2px 6px; }
.sitemap li li a { padding-left:20px; text-decoration:none; background:url("../img/line_angle.gif") no-repeat 2px 6px; display:block; }
.sitemap li ul li a:hover { color:darkblue; background:url("../img/line_angle_dark.gif") no-repeat 2px 6px; }
/* 汎用クラス */
/* go to pagetop link, more link*/
.go2top { margin:20px 0; border-top:1px dotted #b5b5b5; text-align:right; font-size:10px; line-height:200%; clear:both; }
.go2top a { color:#36c; text-decoration:none; }
.go2top a:hover { color:darkblue; text-decoration:none; }
.more { text-align:right; clear:both; font-size:90%; }
.more a:after { content:url("../img/icon_more.gif"); display:block; float:right; position:relative; top:6px; left:2px; }
.more a:hover:after { content:url("../img/icon_more_dark.gif"); }
/* lists */
ul.circle, ul.triangle { margin-left:0; list-style-type:none; }
.circle li { padding-left:20px; background:url("../img/bullet_circle.gif") no-repeat 2px 6px; }
.triangle li { padding-left:20px; background:url("../img/bullet_triangle.gif") no-repeat 0 5px; }
.circle li ul li, .triangle li ul li { list-style-type:none; background:url("../img/bullet_dot.gif") no-repeat 2px 6px; }
.circle li ol li, .triangle li ol li { padding-left:0; background:none; }
ul.download, ul.link { margin-left:5px; list-style-type:none; }
.download li a { padding-left:20px; background:url("../img/icon_download.gif") no-repeat 0 1px; }
.download li a:hover { background:url("../img/icon_download_dark.gif") no-repeat 0 1px; }
.link li a { padding-left:20px; background:url("../img/icon_link.gif") no-repeat 0 2px; }
.link li a:hover { background:url("../img/icon_link_dark.gif") no-repeat 0 2px; }
/* basic table style */
table.basic { border:darkblue 1px solid; }
.basic th { background:#36c; color:white; font-weight:normal; }
.basic th, .basic td { padding:2px 5px; }
/* photo with caption */
.photo-l { margin:0 5px 10px 0; padding:10px; border:1px solid #dcdcdc; float:left; }
.photo-r { margin:0 0 10px 5px; padding:10px; border:1px solid #dcdcdc; float:right; }
.photo-l p, photo-r p { margin:5px 0 0; padding:0; line-height:150%; font-size:90%; display:block; }
/* common */
.bg-pale { background:#f5f5f5; }
.bg-blue { color:white; background:#36c; }
.bg-dark { color:white; background:darkblue; }
.bg-orange { color:white; background:#f60; }
.gray { color:#999; border-color:#999; }
.blue { color:#36c; border-color:#36c; }
.dark { color:darkblue; border-color:darkblue; }
.orange { color:#f60; border-color:#f60; }
.floatleft { float:left; padding-right:10px; }
.floatright { float:right; padding-left:10px; }
.floatclear { clear:both; }
.alignleft { text-align:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.large { font-size:120%; line-height:200%; }
.small { font-size:9pt; line-height:160%; }
.border { padding:9px; border:1px solid #999; margin-bottom:20px; }

/* clearfix */
.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display: inline-block; } /* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; } /* End hide from IE-mac */