html,body{
background: #f3f3f3;
}
body{
font-family: sans-serif;
/*background-image: url(../img/bg-header.png);*/
background-image: url(../img/bg.png);
background-position: top 0;
background-repeat: repeat;
color: #4c665d;
font-size: 12px;
}
a{
color: #62a3ab;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.clearfix:after, .article:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .article {display:block;}

#container{
position: relative;
width: 761px;
margin: 0 auto;
z-index: 0;
}
#header{
position: fixed;
width: 100%;
height: 92px;
background: url(../img/bg-header.png) repeat-x 0 0;
z-index: 100;
}

#header-inner{
width: 755px;
margin: 0 auto;
}
#header-inner #site-title{
margin: 19px 0 0 12px;
float: left;
}
#header-inner #site-title a{
display: block;
width: 326px;
height: 0;
overflow: hidden;
padding-top: 51px;
background: url(../img/buttons.png) no-repeat 0 0;
}

#header-inner div.navigations{
width: 395px;
height: 82px;
float: right;
border: 1px solid #f2f2f2;
border-width: 0 1px;
}

#navi-function{
float: right;
height: 25px;
}
#navi-function li{
float: right;
font-size: 12px;
line-height: 22px;
background: url(../img/buttons.png) no-repeat 0 -58px;
padding: 0 18px 0 15px;
}

#navi-global{
clear: both;
width: 395px;
border-top: 1px solid #f2f2f2;
}
#navi-global li{
float: left;
position: relative;
border-right: 1px solid #f2f2f2;
height: 56px;
}
#navi-global li.members{
width: 95px;
}
#navi-global li.projects{
width: 90px;
}
#navi-global li.publications{
width: 113px;
}
#navi-global li.access{
width: 94px;
border-right: none;
}
#navi-global li div{
position: absolute;
bottom: 1px;
left: 1px;
height: 3px;
background: #f2f2f2;
z-index: 2;
}
#navi-global li.members div{
width: 93px;
background: #96cad6;
}
#navi-global li.projects div{
width: 88px;
background: #ddda84;
}
#navi-global li.publications div{
width: 111px;
background: #e49b89;
}
#navi-global li.access div{
width: 92px;
background: #89ace4;
}
#members #navi-global li.members div,
#projects #navi-global li.projects div,
#publications #navi-global li.publications div,
#access #navi-global li.access div{
height: 54px;
}
#navi-global li a{
display: block;
position: relative;
text-align: center;
font-size: 16px;
padding-top: 21px;
height: 35px;
z-index: 100;
}
#members #navi-global li.members a,
#projects #navi-global li.projects a,
#publications #navi-global li.publications a,
#access #navi-global li.access a,
#navi-global li a:hover{
text-decoration: none;
color: #fff;
}
/* contents */
.contents{
width: 753px;
padding-top: 92px;
padding-left: 3px;
padding-right: 4px;
position: relative;
background: url(../img/bg-container.png) repeat-y 0 0;
}
.contents .primary-title{
font-size: 20px;
color: #5c8d99;
padding: 15px 0 15px 41px;
border-bottom: 1px solid #e6e6e6;
}
#navi-yearly{
position: absolute;
top:150px;
right: -68px;
width: 70px;
padding-bottom: 16px;
background: url(../img/bg-yearly-footer.png) no-repeat bottom left;
}
#navi-yearly h5{
background: url(../img/bg-yearly-header.png) no-repeat 0 0;
width: 70px;
height: 0;
overflow: hidden;
padding-top: 35px;
}
#navi-yearly ul li{
background: url(../img/bg-yearly-body.png) repeat-y 0 0;
width: 70px;
}
#navi-yearly ul li a{
display: block;
color: #fff;
font-size: 14px;
width: 61px;
height: 23px;
text-align: center;
}
#navi-yearly ul li a.selected{
border-top:1px solid #8b873a;
border-bottom:1px solid #d3d1ad;
background: #aba967;
}

#publications #navi-yearly{
background: url(../img/bg-yearly-footer-r.png) no-repeat bottom left;
}
#publications #navi-yearly h5{
background: url(../img/bg-yearly-header-r.png) no-repeat 0 0;
}
#publications #navi-yearly ul li{
background: url(../img/bg-yearly-body-r.png) repeat-y 0 0;
}
#publications #navi-yearly ul li a.selected{
border-top:1px solid #953c33;
border-bottom:1px solid #d7afa6;
background: #b36b59;
}

.section{
background: url(../img/bg-section.gif) repeat-x 0 0;
}

.section .yearly,
.section .label{
border-left: 8px solid #c0ba44;
height: 20px;
color: #fff;
background: #dddA84;
font-size: 14px;
line-height: 20px;
width:35px;
padding: 0 16px;
}
#top .section .label{
text-align: center;
padding: 0 12px;
width: 83px;
}
#publications .section .yearly{
border-left: 8px solid #cc5e49;
background: #e49a88;
}
#access .section .yearly{
border-left: 8px solid #3f75cc;
background: #89ace4;
}
#access .section.english .yearly{
width: 61px;
}
#projects .section a{
color: #ddda84;
}
#projects p.link a,
#projects p.link a:link{
display: block;
position: absolute;
right: 40px;
bottom: 20px;
width: 59px;
padding-top: 15px;
height: 0;
overflow: hidden;
background: url(../img/buttons.png) no-repeat -359px 0;
}
#projects p.link a:hover{
background-position: -359px -19px;
}
#projects p.link a:active{
background-position: -359px -38px;
}

#publications .section a{
color: #e49a88;
}
.article{
clear: both;
position: relative;
padding: 20px 40px;
border-bottom: 1px solid #e6e6e6;
}
.article p,
.article h3{
float: right;
width: 487px;
}
#projects .article p.year{
font-weight: bold;
margin-top: 5px;
}
#publications .article p,
#publications .article h3{
float: none;
width: 538px;
text-align: justify;
}
#access .article p{
float: none;
font-size: 14px;
line-height: 28px;
margin-bottom: 1em;
}
#publications div.text-container{
float: left;
width: 538px;
text-align: justify;
}
#publications div.links{
float: right;
width: 90px;
}
#publications div.links a{
display: block;
width: 59px;
padding-top: 15px;
height: 0;
overflow: hidden;
background: url(../img/buttons.png) no-repeat -430px 0;
margin-bottom: 6px;
}
#publications div.links li.pdf a,
#publications div.links li.pdf a:link{
background-position: -430px 0;
}
#publications div.links li.movie a,
#publications div.links li.movie a:link{
background-position: -501px 0;
}
#publications div.links li.project a,
#publications div.links li.project a:link{
background-position: -572px 0;
}

#publications div.links li.pdf a:hover{
background-position: -430px -19px;
}
#publications div.links li.movie a:hover{
background-position: -501px -19px;
}
#publications div.links li.project a:hover{
background-position: -572px -19px;
}

#publications div.links li.pdf a:active{
background-position: -430px -38px;
}
#publications div.links li.movie a:active{
background-position: -501px -38px;
}
#publications div.links li.project a:active{
background-position: -572px -38px;
}

#access .map-links{
margin-left: 260px;
width: 419px;
}
#access .map-links li{
float: left;
}
#access .map-links li.detail-map{
width: 163px;
}
#access .map-links li.detail-map a,
#access .map-links li.detail-map a:link{
display: block;
width: 151px;
padding-top: 22px;
height: 0;
overflow: hidden;
background: url(../img/buttons.png) no-repeat -643px 0;
}
#access .english .map-links li.detail-map a,
#access .english .map-links li.detail-map a:link{
background-image: url(../img/buttons-en.png);
}
#access .map-links li.detail-map a:hover{
background-position: -643px -25px;
}
#access .map-links li.detail-map a:active{
background-position: -643px -50px;
}
#access .map-links li.campus-map{
width: 256px;
}
#access .map-links li.campus-map a,
#access .map-links li.campus-map a:link{
display: block;
width: 253px;
padding-top: 22px;
height: 0;
overflow: hidden;
background: url(../img/buttons.png) no-repeat -643px -87px;
}
#access .english .map-links li.campus-map a,
#access .english .map-links li.campus-map a:link{
background-image: url(../img/buttons-en.png);
}
#access .map-links li.campus-map a:hover{
background-position: -643px -112px;
}
#access .map-links li.campus-map a:active{
background-position: -643px -137px;
}
.article h3{
font-size: 13px;
font-weight: bold;
}
.article p.image{
float: left;
width: 164px;
padding: 1px;
border: 1px solid #ccc;
}
.contents-end{
border: none;
}
#copyright{
text-align: center;
background: url(../img/bg-footer.png) no-repeat;
position: relative;
z-index: 2;
top:-1px;
padding: 37px 0 121px;
}
#bigmap-container{
width: 668px;
height: 364px;
padding: 3px;
border: 1px solid #efefef;
margin-bottom: 20px;
}
#bigmap{
width: 668px;
height: 364px;
}
#top .contents{
padding-top: 81px;
}
/*********************************************************
#top billboard - JP
*********************************************************/
#top #billboard{
width: 299px;
height: 216px;
padding: 65px 20px 0 434px;
background: url(../img/billboard.png) no-repeat 0 0;
color: #fff;
}
#top #billboard h2{
font-size: 18px;
font-weight: bold;
margin-bottom: 12px;
}
#top #billboard p{
font-size: 14px;
line-height: 24px;
}
#top #billboard a{
color: #fff;
border-bottom: dotted 1px #fff;
}
/*********************************************************
#top billboard - EN
*********************************************************/
#top #billboard-en{
width: 299px;
height: 216px;
padding: 65px 20px 0 434px;
background: url(../img/billboard-en.png) no-repeat 0 0;
color: #fff;
}
#top #billboard-en h2{
font-size: 18px;
font-weight: bold;
margin-bottom: 12px;
}
#top #billboard-en p{
font-size: 14px;
line-height: 24px;
}
#top #billboard-en a{
color: #fff;
border-bottom: dotted 1px #fff;
}
/*********************************************************
#top billboard - END -
*********************************************************/
#top .section .label{
border-left: 8px solid #5ba3b9;
background: #98ccd9;
}
#top .section dl{
margin: 10px 40px;
}
#top .section dl:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#top .section dl {display:block;}

#top .section dl dt,
#top .section dl dd{
border-top: #98ccd9 1px solid;
font-size: 14px;
color: #4c665d;
line-height: 18px;
font-weight: bold;
}
#top .section dl dt{
float: left;
width: 140px;
height: 24px;
padding: 0 11px 2px;
clear: both;
margin-right: 12px;
_margin-right:6px;
background: url(../img/buttons.png) no-repeat -6px -113px;
}
#top .section dl dd{
float: left;
width: 491px;
height: 24px;
padding: 0 4px;
}
p.more a,
p.more a:link{
display: block;
background: url(../img/buttons.png) no-repeat -911px 0;
width: 52px;
height: 0;
padding-top: 14px;
overflow: hidden;
}
p.more a:hover{
background-position: -911px -17px;
}

p.more a:active{
background-position: -911px -34px;
}

#top .section div.projects{
float: left;
width: 434px;
}
#top .section div.projects p.more{
margin: 14px 0 0 364px;
}
#top .section div.projects .label{
border-left: 8px solid #c0ba44;
background: #ddda84;
}
#top .section div.projects ul:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#top .section div.projects ul {display:block;}

#top .section div.projects ul{
margin: 10px 0 0 20px;
}
#top .section div.projects li{
float: left;
position: relative;
width: 128px;
height: 128px;
padding: 1px;
border: 1px solid #ccc;
border-right: none;
}
#top .section div.projects li a span{
position: absolute;
display: none;
top:0;
left:0;
width: 102px;
height: 98px;
padding: 16px 14px;
font-size: 12px;
line-height: 20px;
font-weight: bold;
background: url(../img/overlay.png) no-repeat;
color: #fff;
}
#top .section div.projects li a:hover span{
display: block;
}
#top .section div.projects li.last-child{
border-right: 1px solid #ccc;
}

#top .section div.publications{
float: right;
width: 319px;
height: 227px;
background: url(../img/shadow-vertical.gif) repeat-y 0 0;
}
#top .section div.publications .label{
border-left: 8px solid #ca5d48;
background: #e49a88;
}
#top .section div.publications ul{
margin: 12px 0 0 39px;
}
#top .section div.publications ul li{
width: 210px;
border-top: 1px solid #dbedf2;
padding: 9px 4px 9px 25px;
background: url(../img/buttons.png) no-repeat -1040px 11px;
}
#top .section div.publications ul li a{
line-height: 10px;
color: #4c665d;
}
#top .section div.publications p.more{
margin: 0 0 0 231px;
}

#top .section:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#top .section {display:block;}

#members div.members h3,
#members div.members h4,
#members div.members h5,
#members div.members h6{
float: none;
font-size: 12px;
font-weight: normal;
color: #5c8c99;
border-bottom: 1px solid #abd5de;
width: 100%;
clear: both;
}

#members div.members ul{
padding-left: 77px;
width: 632px;
}
#members div.article ul li{
float: left;
position: relative;
}
#members div.members ul li{
border-bottom: 1px #f1f1f1 solid;
padding: 10px 0;
width: 278px;
margin-right: 38px;
_margin-right:19px;
color: #4c665d;
font-size: 14px;
font-weight: bold;
}
#members div.members ul li span.position{
font-size: 12px;
padding-right: 1em;
}

#members div.article ul li a,
#members div.article ul li a:link{
display: block;
position: absolute;
right: 0;
width: 59px;
padding-top: 14px;
height: 0;
overflow: hidden;
background: url(../img/buttons.png) no-repeat -972px 0;
}

#members div.article ul li a:hover{
background-position: -972px -17px;
}

#members div.article ul li a:active{
background-position: -972px -35px;
}
#members div.members ul li a{
top:16px;
}


#members div.graduate,
#members div.guest-graduate{
background-color: #99ccd9;
}
#members div.graduate{
border-bottom: none;
}
#members div.graduate ul:after,
#members div.guest-graduate ul:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#members div.graduate ul,
#members div.guest-graduate ul {width: 708px;margin-bottom:10px;display:block;}

#members div.guest-graduate{
background-image: url(../img/bg-graduate.gif);
background-position: 0 bottom;
background-repeat: repeat-x;
padding-bottom: 44px;
}
#members div.graduate h3,
#members div.guest-graduate h4{
width: 753px;
padding-top: 59px;
overflow: hidden;
height: 0;
float: none;
margin: -20px 0 18px -40px;
}
#members div.graduate #heading-graduate{
background: url(../img/heading-graduate.gif) no-repeat 0 0;
}
#members div.graduate #heading-graduate-en{
background: url(../img/heading-graduate-en.gif) no-repeat 0 0;
}
#members div.graduate h6{
color: #fff;
font-size: 12px;
border-bottom: 1px solid #fff;
clear: both;
}

#members div.graduate li,
#members div.guest-graduate li{
color: #fff;
font-size: 12px;
padding: 5px 0;
width: 318px;
margin-right: 36px;
font-weight: bold;
}
#members div.graduate li a{
top:7px;
}
#members div.guest-graduate li{
font-size: 11px;
}
#members div.guest-graduate li span.from{
font-weight: normal;
display: block;
width: 257px;
}
#members div.guest-graduate li a{
top:10px;
}

#members div.guest-graduate #heading-guest-graduate{
background: url(../img/heading-guest-graduate.gif) no-repeat 0 0;
}
#members div.guest-graduate #heading-guest-graduate-en{
background: url(../img/heading-guest-graduate-en.gif) no-repeat 0 0;
}

#members div.guest-graduate div.guest-graduate{
padding: 0;
border-top: 1px solid #e1ebee;
background: none;
}