/* 共通 */
body {
 margin: 0;
 padding: 0;
 width: 750px;
 font-size: 75%;
 line-height: 150%;
 background-image: url(img/university/bg.gif); 
 background-repeat: no-repeat;
 background-position: bottom left;
}

h1 {
 font-size: 130%;
 margin: 20px 0;
}

h2 {
 font-size: 120%;
 margin: 20px 0;
}

a {  color: #ff6600 }
a:link {   color: #ff6600 }
a:visited { color: #ff6600 }
a:active { color: #ff6600 }
a:hover {  color: #ff9900 }

/* header */
#header {
 background-image: url(img/university/header.gif);
 background-repeat: no-repeat;
 height: 90px;
}

#header .logo {
 float: left;
}

#header .headerMenu {
 float: right;
 margin-top: 34px;
}

#header .headerMenu .ccho {
 margin-left: 20px;
}


#header .headerSmallMenu {
 float: right;
 width: 189px;
 margin: 7px 2px 0 0;
}
 

/* container */
#container {
 vertical-align: top;
 margin: 0;
 padding: 0;
}

/* left */
#left {
 width: 130px;
 background-image: url(img/university/leftmenu.gif);
 background-repeat: no-repeat;
 background-color:#fc6;
 vertical-align: top;
 float: left;
}


#left ul {
 margin: 0;
 padding: 0;
}

#left ul li {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

#left ul li.office a:hover {
 background-image: url(img/university/bt_office.gif);
 background-repeat: no-repeat;
}

#left ul li.coordinator a:hover {
 background-image: url(img/university/bt_coordinator.gif);
 background-repeat: no-repeat;
}

#left ul li.inquiry a:hover {
 background-image: url(img/university/bt_inquiry.gif);
 background-repeat: no-repeat;
}

#left ul li a {
  margin: 0 ;
  padding: 0;
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 26px;
}

#left ul li.office .selected {
 background-image: url(img/university/bt_office.gif);
 background-repeat: no-repeat;
}

#left ul li.coordinator .selected {
 background-image: url(img/university/bt_coordinator.gif);
 background-repeat: no-repeat;
}

#left ul li.inquiry .selected {
 background-image: url(img/university/bt_inquiry.gif);
 background-repeat: no-repeat;
}

/*コーディネーター紹介部分なし*/
#left2 {
 width: 130px;
 background-image: url(img/university/leftmenu2.gif);
 background-repeat: no-repeat;
 background-color:#fc6;
 vertical-align: top;
 float: left;
}

#left2 ul {
 margin: 0;
 padding: 0;
}

#left2 ul li {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

#left2 ul li.office a:hover {
 background-image: url(img/university/bt_office.gif);
 background-repeat: no-repeat;
}

#left2 ul li.coordinator a:hover {
 background-image: url(img/university/bt_coordinator.gif);
 background-repeat: no-repeat;
}

#left2 ul li.inquiry a:hover {
 background-image: url(img/university/bt_inquiry.gif);
 background-repeat: no-repeat;
}

#left2 ul li a {
  margin: 0 ;
  padding: 0;
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 26px;
}

#left2 ul li.office .selected {
 background-image: url(img/university/bt_office.gif);
 background-repeat: no-repeat;
}

#left2 ul li.coordinator .selected {
 background-image: url(img/university/bt_coordinator.gif);
 background-repeat: no-repeat;
}

#left2 ul li.inquiry .selected {
 background-image: url(img/university/bt_inquiry.gif);
 background-repeat: no-repeat;
}




/* main */
#main {
 width: 590px;
 float: right;
 border-right: 1px solid #ccc;
 padding: 0 10px 30px 10px;
}

/* オフィス概要*/
table.univinfo {
 width: 580px;
 border-collapse: collapse;
 margin-bottom: 30px;
}

table.univinfo th {
 background-image: url(img/university/univinfo_th.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 180px;
 height: 27px;
 text-align: left;
 padding: 3px 10px 0 10px;
 border-bottom: 2px solid #fc6;
 vertical-align: bottom;
 color:#630;
}

table.univinfo td {
 width: 400px;
 height: 27px;
 padding: 3px 10px 0 10px;
 border-bottom: 2px solid #fc6;
 vertical-align: bottom;
}

.brief {
 width: 370px;
 background-color: #efefef;
 padding: 10px;
}

.map {
 float: right;
}

#maintext {
 margin-top: 30px;

}
.mainimg {
 width: 250px;
 font-weight: bold;
 float: right;
 padding: 0 0 20px 20px;
}

/* 問い合わせ */
table.inquiry {
 width: 580px;
 border: 2px solid #600;
}

table.inquiry td.title {
 text-align: center;
 padding: 5px;
 font-weight: bold;
 color: #600;
 background-color: #ffc;
}

table.inquiry th {
 width: 190px;
 text-align: right;
 padding: 5px;
}

table.inquiry td {
 padding: 5px;
}

table.inquiry td.button {
 padding: 5px;
 text-align: center;
}



/* handai */

table.handaiInq {
 width: 590px;
 border-collapse: collapse;
 border: 1px dotted #ccc;
}

table.handaiInq th{
 padding: 5px;
 text-align: left;
}

table.handaiInq td{
 padding: 5px 5px 5px 25px;
}

.details {
 text-align: right;
}

/* kwangaku */
p.program {
 margin: 0;
 width: 310px;
 border-bottom: 1px solid #333;
 font-weight: bold;
}


/* コーディネーター紹介 */
.cd {
 border-bottom: 1px dotted #ccc;
 padding-bottom: 10px;
 clear: both;
}

.cdb {
 padding-bottom: 10px;
 clear: both;
}

.cdimg {
 width: 100px;
 margin: 10px 10px 90px 0;
 float: left;
 text-align: center;
}

table.briefhistory{
 width:470px;
 border-collapse: collapse;
 border: 1px solid #fc6;
 margin-bottom: 10px;
}

table.briefhistory td.title{
 padding: 5px;
 background-color: #fc6;
 text-align: center;
 font-weight: bold;
 width:470px;
}

table.briefhistory th{
 padding: 5px 0 5px 10px;
 font-weight: normal;
 width: 80px;
 text-align: left;
 border-bottom: 1px solid #fc6;
 vertical-align: top;
}

table.briefhistory td{
 padding: 5px 10px;
 border-bottom: 1px solid #fc6;
 text-align: left;
 width: 360px;
 vertical-align: top;
}

table.briefhistory td.unit{
 padding: 5px 10px;
 border-bottom: 1px solid #fc6;
 text-align: left;
 width: 440px;
 vertical-align: top;
}

.workday {
 font-weight: bold;
}

.ruby {
 font-size: 70%;
 }