@charset "utf-8";
/*-----------------------------------------
東京大学学部横断型教育プログラムメディアコンテンツCSS
-------------------------------------------
gram inc.
Last-Modified:2010.3.30
-----------------------------------------*/
/* 共通設定
-----------------------------------------*/
html{
    background:url("../img/back.gif") center repeat-y;
}
body{
    width:776px;
    margin:0 auto;
    padding:0;
    font-size:80%;
    color:#363636;
    background:#ffffff;
    height:100%;
}
img{
    margin:0;
    padding:0;
    border:0;
}
a{
    color:#363636;
    outline: none;
}
ul{
    list-style:none;
}
h2{
    margin:20px 0 5px -16px;
    font-size:120%;
}
th{
    text-align: left;
    vertical-align: top;
    font-weight:normal;
}
td{
    text-align: left;
    vertical-align: top;
}
.nowrap{
    white-space: nowrap;
}
.accent{
  color:#faca66;
}
.red{
  color:#ff0000;
}
.topmargin0{
    margin-top:0;
}
.topmargin40{
    margin-top:40px;
}
/* カラムレイアウト-----------------------*/
.wrapper{
    min-height:800px;
    height: auto !important;
    height: 800px;
}
.header{
    width:776px;
    margin:0;
    padding:0;
    }
.header img{
  width: 100%;
}
#navi{
    width:776px;
    height:28px;
    margin:0;
    padding:10px 0 0 30px;
    border-bottom:1px dotted #999999;
    position:relative;
}
#navi ul{
    height:16px;
    width:776px;
    margin:0 auto;
    padding:0;
}
#navi ul li{
    height:16px;
    margin:0;
    padding:0 23px 0 0;
    float:left;
}
#navi ul li a{
    height:16px;
    display:block;
}
/* サブメニュー-------------------------*/
#navi ul ul {
    visibility:hidden;
    position:absolute;
    top: 45px;
    left: 135px;
    width:500px;
}
#navi ul#submenu2{
    visibility:visible;
    position:absolute;
    top: 45px;
    left: 135px;
}
#navi ul ul li {
    float:left;
    _width:70px;
}
#navi ul ul li a {
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
}
#navi ul ul li a:hover {
    color: #faca66;
    font-weight:normal;
}
.kugiri{
background:url("../img/menu_slash.gif") no-repeat top right;
}
/*
.linktext{
    text-indent:-9999px;
}
*/
.linktext{
  margin:-3px 2px 2px 5px;
  font-size:100%;
  text-decoration: none;
  font-weight: bold;
  /*選択後色変更・太字*/
}
.linktext:hover{
    color: #faca66;
    font-weight: bold;
}

/*
#home{background:url("../img/menu_top.gif") no-repeat 0 -16px;width:115px;}
#course{background:url("../img/menu_kaiko.gif") no-repeat 0 -16px;width:57px}
#registration{background:url("../img/menu_rishu.gif") no-repeat 0 -16px;width:126px}
#curriculum{background:url("../img/menu_curriculum.gif") no-repeat 0 -16px;width:85px}
#link{background:url("../img/menu_kanren.gif") no-repeat 0 -16px;width:58px}
#contact{background:url("../img/menu_contact.gif") no-repeat 0 -16px;width:86px}
#notice{background:url("../img/menu_notice.gif") no-repeat 0 -16px;width:87px}
#home:hover,#course:hover,#registration:hover,#curriculum:hover,#link:hover,#contact:hover,#notice:hover{
    background-position:0 0;
}

#at_home{background:url("../img/menu_top.gif") no-repeat 0 0;width:115px;}
#at_course{background:url("../img/menu_kaiko.gif") no-repeat 0 0;width:57px;}
#at_registration{background:url("../img/menu_rishu.gif") no-repeat 0 0;width:126px}
#at_curriculum{background:url("../img/menu_curriculum.gif") no-repeat 0 0;width:85px}
#at_link{background:url("../img/menu_kanren.gif") no-repeat 0 0;width:58px}
#at_contact{background:url("../img/menu_contact.gif") no-repeat 0 0;width:86px}
#at_notice{background:url("../img/menu_notice.gif") no-repeat 0 0;width:87px}
*/
#at_home,#at_course,#at_registration,#at_curriculum,#at_link,#at_contact,#at_notice{
    color: #faca66;
    font-weight: bold;
}
#submenu_current a{color:#faca66;}
#contents{
    width:736px;
    margin:0 auto;
    padding:40px 0 0 0;
}
#contents h1{
    background-color: #faca66;
    color:#ffffff;
    font-size: 18px;
    text-align: center;
    width: 11em;
}
#content{
    width:574px;
    margin:0 auto;
    padding:0;
}
.footer{
    width:776px;
    margin:100px 0 0 0;
    padding-top:5px; /* 35px */
    background:#58514d /*url("../img/footer.gif") no-repeat top left*/;
    color:#ffffff;
    text-align:center;
}
/* top用設定
-----------------------------------------*/
#topinfo1{
    width:340px;
    float:left;
    margin:0 30px 50px 0;
}
#topinfo1 dl{
    width:340px;
}
#topinfo1 dt{
    width:200px;
	float:left;
    clear:both;
}
#topinfo2{
    width:340px;
    float:right;
    margin:0 0 50px 0;}
#topinfo2 table th{
    padding:0 6px 0 0;
}
#topinfo2 table td{
    padding:0 0 20px 0;
}
.sponsor{
    margin:0;
    width:740px;
    border-top:1px dotted #999999;
    clear:both;
}
#sponsor{
    margin:5px 0 0 60px;
}
#line_sponsor{
    margin:60px 0 60px 60px;
}
#oshirase_kugiri{
  padding-bottom:10px;
  border-bottom:1px dotted #999999;
}
/* curriculum用設定
-----------------------------------------*/
#curriculum_img{
    display:block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top:20px;
}
/* course用設定
-----------------------------------------*/
#course_menu{
    position:relative;
    left:120px;
    font-size:110%;
    margin-bottom:-20px;
}
#course_menu a:hover{
    color:#faca66;
}
.coursetable{
    margin-top:20px;
    border:solid 1px #000000;
    width:100%;
}
.coursetable th{
    white-space: nowrap;
}
.coursetable td{
    vertical-align:middle;
}
.coursetable caption{
    text-align:left;
    font-size:115%;
    vertical-align:middle;
}
.coursetable_bg{
    background:#e9e9e9;
}
.syllabus{
    font-size:90%;
}
.syllabus a{
    text-decoration:underline;
}
.coursetable_width{
    width:60%;
}
.bordertable{
    border:1px solid;
    border-collapse: collapse;
    width:100%;
}

.bordertable tr:nth-child(odd) {
 background-color: #e9e9e9;
}

.bordertable th,.bordertable td{
    border:1px solid;
    border-collapse: collapse;
    padding:0 3px;
}
.mediacontent_table{
    width:100%;
    background:#e9e9e9;
}
.mediacontent_table td{
    padding:0 5px;
}