@charset "utf-8";

* {
 margin:0;
 padding:0;
}



body{
    width:750px;
    border-left:solid 1px black;
    border-right:solid 1px black;
    border-bottom:solid 1px black;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a{
    text-decoration: none;
    color: blue;
}

h2{
    background-color:#F5F5F5;
    margin: 5px;
    padding:5px 5px 5px 10px;
    font-size:150%;
    font-weight: bold;
    border:solid 2px #D3D3D3;
    border-radius: 10px; /* CSS3 Draft */
    -webkit-border-radius: 10px; /* Safari, Google Chrome */
    -moz-border-radius: 10px; /* Firefox */
    box-shadow: 2px 2px 5px #363636; /* CSS3 Draft */
    -moz-box-shadow: 2px 2px 5px #363636; /* Firefox */
    -webkit-box-shadow: 2px 2px 5px #363636; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:1;
}


h3{
    background-color:#DEDEDE;
    margin: 5px;
    padding:5px 5px 5px 5px;
    border-left: solid 10px #909090;
    font-size:120%;
    font-weight: normal;
}

h4{
    margin: 5px;
    padding:5px 5px 3px 5px;
    border-left: solid 10px #D0D0D0;
    border-bottom: solid 2px #D0D0D0;
    font-size:100%;
    font-weight: normal;
}


dd{
    margin: 0px 0px 0px 45px;
}
dt{
    margin: 0px 0px 0px 30px;
}

.header{
    width:750px;
    height:130px;
    background-color:#3D63A2;
    border-bottom:solid 1px black;
}


.header .maintitle{
    width: 340px;
    height: 90px;
    margin: 20px 10px;
    float:left;
    color: white;
    font-weight: bold;
    font-size:100%;
}

#univname{
    font-size:90%;
    margin:0;
    padding:0;
    text-shadow: 2px -2px 3px #191970; /* CSS3 Draft */
}

#departmentname{
    font-size:200%;
    margin:0;
    padding:0;
    text-shadow: 2px -2px 3px #191970; /* CSS3 Draft */
}

#englishname{
    font-size:80%;
    margin:0;
    padding:0;
    text-shadow: 2px -2px 3px #191970; /* CSS3 Draft */
}

/* Begin For English Pages */
.header .maintitle_en{
    width: 330px;
    height: 120px;
    margin: 5px 5px;
    float:left;
    color: white;
    font-weight: bold;
    font-size:100%;
}

#univname_en{
    font-size:11px;
    margin:0;
    padding:0;
    text-shadow: 2px -2px 3px #191970;
}

#departmentname_en{
    font-size:22px;
    font-weight:bold;
    margin:0;
    padding:0;
    text-shadow: 2px -2px 3px #191970; /* CSS3 Draft */
}

#japanesename{
    font-size:12px;
    margin:0;
    padding:0;
    text-shadow: 2px -2px 3px #191970;
}

.header .infobox_en{
    width: 400px;
    height:120px;
    padding: 5px;
    float:right;
}
.header .infobox_en .contact{
    width:280px;
    height:120px;
    padding: 0px;
    float:left;
    text-align:right;
    color: white;
    font-size: 90%;
}


.header .infobox_en .contact .lislink{
    height: 20px;
}
.header .infobox_en  .contact .lislink a{
    color: white;
    font-weight:bold;
    text-align: center;
    padding: 0px 10px;
    margin: 5px;
    border: 1px solid #E55D19;
    background-color:#EDA900;
    background: -moz-linear-gradient(top, #FF8C00, #EDA900 50%, #FF8C00); /* Firefox */  
    background: -webkit-gradient(linear, left top, left bottom, from(#FF8C00), color-stop(0.5, #EDA900), to(#FF8C00)); /* Safari, Google Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EDA900, endColorstr=#FF8C00)"; /* IE */
    text-decoration: none;
    border-radius: 5px; /* CSS3 Draft */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    -moz-border-radius: 5px; /* Firefox */
    box-shadow: 3px 3px 3px #5B250A; /* CSS3 Draft */
    -moz-box-shadow: 3px 3px 3px #5B250A; /* Firefox */
    -webkit-box-shadow: 3px 3px 3px #5B250A; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:1;
}

.header .infobox_en  .contact .lislink a:hover{
    border: 1px solid #9ACD32;
    background-color:#00A926;
    background: -moz-linear-gradient(top, #7FFF00, #00A926 50%, #7FFF00); /* Firefox */  
    background: -webkit-gradient(linear, left top, left bottom, from(#7FFF00), color-stop(0.5, #00A926), to(#7FFF00)); /* Safari, Google Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00A926, endColorstr=#7FFF00)"; /* IE */
    border-radius: 5px; /* CSS3 Draft */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    -moz-border-radius: 5px; /* Firefox */
    box-shadow: 1px 0px 3px #363636; /* CSS3 Draft */
    -moz-box-shadow: 1px 0px 3px #363636; /* Firefox */
    -webkit-box-shadow: 1px 0px 3px #363636; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:5;
}

.header .infobox_en .contact .contactaddress{
    height: 100px;
    text-shadow: 2px -2px 3px #191970;
    font-size:10px;
}
.header .infobox_en .utlink{
    width: 100px;
    height: 90px;
    padding: 15px 0px;
    float:right;
}

.header .infobox_en .utlink a img{
    border-style:none;
}
.header .infobox_en .utlink a:hover{
    position: relative;
    top: 1px;
    left: 1px;
}
/* End For English Pages */

/* Infobox */

.header .infobox{
    width: 380px;
    height:120px;
    padding: 5px;
    float:right;
}


.header .infobox .contact{
    width:270px;
    height:120px;
    padding: 0px;
    float:left;
    text-align:right;
    color: white;
    font-size: 90%;
}


.header .infobox .contact .lislink{
    height: 20px;
}
.header .infobox  .contact .lislink a{
    color: white;
    font-weight:bold;
    text-align: center;
    padding: 0px 10px;
    margin: 5px;
    border: 1px solid #E55D19;
    background-color:#EDA900;
    background: -moz-linear-gradient(top, #FF8C00, #EDA900 50%, #FF8C00); /* Firefox */  
    background: -webkit-gradient(linear, left top, left bottom, from(#FF8C00), color-stop(0.5, #EDA900), to(#FF8C00)); /* Safari, Google Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EDA900, endColorstr=#FF8C00)"; /* IE */
    text-decoration: none;
    border-radius: 5px; /* CSS3 Draft */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    -moz-border-radius: 5px; /* Firefox */
    box-shadow: 3px 3px 3px #5B250A; /* CSS3 Draft */
    -moz-box-shadow: 3px 3px 3px #5B250A; /* Firefox */
    -webkit-box-shadow: 3px 3px 3px #5B250A; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:1;
}

.header .infobox  .contact .lislink a:hover{
    border: 1px solid #9ACD32;
    background-color:#00A926;
    background: -moz-linear-gradient(top, #7FFF00, #00A926 50%, #7FFF00); /* Firefox */  
    background: -webkit-gradient(linear, left top, left bottom, from(#7FFF00), color-stop(0.5, #00A926), to(#7FFF00)); /* Safari, Google Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00A926, endColorstr=#7FFF00)"; /* IE */
    border-radius: 5px; /* CSS3 Draft */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    -moz-border-radius: 5px; /* Firefox */
    box-shadow: 1px 0px 3px #363636; /* CSS3 Draft */
    -moz-box-shadow: 1px 0px 3px #363636; /* Firefox */
    -webkit-box-shadow: 1px 0px 3px #363636; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:5;
}



.header .infobox .contact .contactaddress{
    height: 100px;
    text-shadow: 2px -2px 3px #191970;
}


.header .infobox .utlink{
    width: 100px;
    height: 90px;
    padding: 15px 0px;
    float:right;
}

.header .infobox .utlink a img{
    border-style:none;
}
.header .infobox .utlink a:hover{
    position: relative;
    top: 1px;
    left: 1px;
}

/* Main Menu */
.mainmenu{
    clear: both;
    width:730px;
    height:70px;
    background-color:#F0F0F0;
    padding: 5px 10px;
    border-bottom:solid 1px black;
    _width:750px; /* IE<6 */
}
.mainmenu ul li{
    list-style: none;
    float: left;
}

.mainmenu ul li a{
    float: left;
    text-align: center;
    margin: 5px;
    padding: 2px 10px;
    border: 1px solid #D3D3D3;
    color: #000000;
    font-size: 95%;
    background-color: #F5F5F5;
    background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD 50%, #F5F5F5); /* Firefox */  
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), color-stop(0.5, #DDDDDD), to(#F5F5F5)); /* Safari, Google Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DDDDDD)"; /* IE */
    text-decoration: none;
    border-radius: 5px; /* CSS3 Draft */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    -moz-border-radius: 5px; /* Firefox */
    box-shadow: 1px 1px 3px #363636; /* CSS3 Draft */
    -moz-box-shadow: 1px 1px 3px #363636; /* Firefox */
    -webkit-box-shadow: 1px 1px 3px #363636; /* Safari, Google Chrome */
    /* behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc);*/ /* IE */
    /behavior: none; /* IE6 and 7 */
    /padding: 2px 10px; /* IE6 and 7 */
    /width: 100px; /* IE6 and 7 */
    _width: 125px; /* IE<6 */
    z-index:1;
}


.mainmenu ul li a:hover{
    color: #FFFFFF;
    background-color: #6D6D6D;
    background: -moz-linear-gradient(top, #6D6D6D, #606060 50%, #6D6D6D); /* Firefox */  
    background: -webkit-gradient(linear, left top, left bottom, from(#6D6D6D), color-stop(0.5, #606060), to(#6D6D6D)); /* Safari, Google Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6D6D6D, endColorstr=#606060)"; /* IE */
    border-radius: 5px; /* CSS3 Draft */
    -webkit-border-radius: 5px; /* Safari, Google Chrome */
    -moz-border-radius: 5px; /* Firefox */
    box-shadow: 3px 3px 3px #000000;
    -moz-box-shadow: 3px 3px 3px #000000; /* Firefox */
    -webkit-box-shadow: 1px 0px 3px #000000; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:3;

}


div.email{
    width: 187;
    height: 10;
    padding: 5px;
    text-align: right;
    line-height: 100%;
}


.main{
    clear: both;
    width:750px;
    height:auto;
}

.submenu{
    width:170px;
    _width: 158px; /* IE<6 */
    float:left;
    margin:12px 6px 12px 12px;
}

.submenu h2{
    width:156px;
    height:26px;
    _width:158px; /* IE<6 */
    _height:36px; /* IE<6 */
    line-height: 26px;
    font-weight: normal;
    border: solid 2px #D3D3D3;
    padding:5px;
    margin: 0px;
    font-size: medium;
    text-align: center;
    font-size: 120%;
    background-color:#FFF5D7;
    background: -moz-linear-gradient(top, #FFF5D7, #FFDFA8); /* Firefox */  
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF5D7), to(#FFDFA8)); /* Safari, Google Chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF5D7, endColorstr=#FFDFA8)"; /* IE */
}

.submenu h2 a{
    color:#000000;
}
.submenu .unit{
    margin: 12px 0px;
    border: solid 2px #D3D3D3;
    padding: 6px;
}

.submenu ul{
    list-style-image: url(../img/p_mark.gif);
    margin: 0px 0px 0px 1.5em;
    padding: 0px;
}

.submenu ul ul{
    list-style-image: none;
    list-style-type: circle;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    font-size:90%;
}

.honmon{
    width:542px;
    float:right;
    margin:12px 12px 12px 6px;
    padding: 0px;
    border: solid 1px #CCCCCC;
    background-color:#E6EDF7;
    line-height: 150%;
}

.honmon li{
    margin: 3px 3px 3px 40px;
}

.honmon .unit{
    margin: 12px 5px;
    padding: 6px;
    background-color:#FFFFFF;
    border:solid 2px #D3D3D3;
    -webkit-border-radius: 10px; /* Safari, Google Chrome */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px; /* CSS3 Draft */
    box-shadow: 1px 1px 3px #363636; /* CSS3 Draft */
    -moz-box-shadow: 1px 1px 3px #363636; /* Firefox */
    -webkit-box-shadow: 1px 1px 3px #363636; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:1;
}



.honmon .unit p{
    margin: 0px;
    text-indent: 0em;
    padding: 5px 5px 5px 20px;
}

/* For Top Page*/
.honmon_top{
    width:726px;
    margin:12px;
    padding: 0px;
    border: solid 1px #CCCCCC;
    background-color:#E6EDF7;
    line-height: 150%;
}


.honmon_top .unit{
    margin: 12px 5px;
    padding: 6px;
    background-color:#FFFFFF;
    border:solid 2px #D3D3D3;
    -webkit-border-radius: 10px; /* Safari, Google Chrome */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px; /* CSS3 Draft */
    box-shadow: 1px 1px 3px #363636; /* CSS3 Draft */
    -moz-box-shadow: 1px 1px 3px #363636; /* Firefox */
    -webkit-box-shadow: 1px 1px 3px #363636; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:1;
}



.honmon_top .unit p{
    margin: 0px;
    text-indent: 0em;
    padding: 5px 5px 5px 20px;
}

.honmon_top ul{
    list-style-image: url(../img/p_mark.gif);
    margin: 0px 0px 0px 5em;
    padding: 0px;
}
.honmon_top ul ol{
    margin: 0px 0px 0px 1em;
    padding: 0px;
}

/* Footer */
.footer{
    width:750px;
    clear:both;
    background-color:#999999;
    color: white;
    font-size: 72%;
}

div.date{
    padding: 5px;
    text-align: left;
    float: left;
}
div.copyright{
    padding: 5px;
    text-align: right;
}


/* Table */
table{
    border-collapse: collapse;
    margin: 0px 3em;
}

thead{
    padding: 3px 18px 3px 10px;
    border: 2px solid #999999;
    font-weight: bold;
    text-align: center;
}

th{
    border: 2px solid #999999;
}
tfoot{
    padding: 3px 18px 3px 10px;
    border: 2px solid #999999;
    font-weight: bold;
    text-align: center;
}

td{
    padding: 3px;
    border: 2px #999999 solid;
}

table.timetable{
    width:440px;
}
td.table_a{
    background-color:#DEDEDE;
    text-align: center;
}
td.table_b{
    background-color:#F0F0F0;
    width: 30px;
    text-align: center;
}

/* Picture Gallery */
div.gallery {
    float: left;
    width:191px;
    margin: 5px;
    padding: 20px 33px;
    background-color:#FFFFFF;
    border:solid 2px #D3D3D3;
    -webkit-border-radius: 10px; /* Safari, Google Chrome */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px; /* CSS3 Draft */
    box-shadow: 1px 1px 3px #363636; /* CSS3 Draft */
    -moz-box-shadow: 1px 1px 3px #363636; /* Firefox */
    -webkit-box-shadow: 1px 1px 3px #363636; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:1;
}
.gallery img {
    padding: 0px;
}
.gallery p{
    text-indent: 0em;
    font-weight: bold;
    font-size: 90%;
}

/* Picture Gallery 2 */
div.gallery2 {
    width: 508px;
    margin: 5px;
    padding: 10px;
    background-color:#FFFFFF;
    border:solid 2px #D3D3D3;
    -webkit-border-radius: 10px; /* Safari, Google Chrome */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px; /* CSS3 Draft */
    box-shadow: 1px 1px 3px #363636; /* CSS3 Draft */
    -moz-box-shadow: 1px 1px 3px #363636; /* Firefox */
    -webkit-box-shadow: 1px 1px 3px #363636; /* Safari, Google Chrome */
    behavior: url(http://gamp.c.u-tokyo.ac.jp/css/ie-css3.htc); /* IE */
    /behavior: none; /* IE6 and 7 */
    position: relative;
    z-index:1;
}
.imagebox{
    float:left;
    margin-right: 1em;
}

.gallery2 p{
    margin:0px;
    padding:10px;
}

.gallery2 h3{
    background-color:#EEEEEE;
    margin: 5px 0px;
    padding:5px 5px 5px 5px;
    border-left: solid 10px #606060;
    border-right: solid 10px #606060;
    border-top: solid 3px #606060;
    border-bottom: solid 3px #606060;
    font-size:130%;
    font-weight: bold;
}

.gallery2 ul{
    margin: 3px 3px 3px 175px;
}

.floatclear{
    clear: both;
}
strong{
    color: red;
    font-weight: bold;
}