@charset "Shift_JIS";

/******** The University of Tokyo index_j.html settings file  **************************************************************/
/* after  **************************************************************************************/
#threecolumns:after,
body#index #topics-area:after,
body#index #promotion:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}

/* topicsArea  *******************************************************************************************/
body#index #topics-area {
	clear:both;
	width:784px;
	margin-bottom:10px;
}

/* promotion area  ***************************************************************************************/
body#index #promotion {
	float:left;
	width:585px;
	padding-left:4px;
}

/* banner-area  *******************************************************************************************/
body#index #banner-area{
float:left;
padding-left:10px;
padding-right:10px;
}

body#index #banner-area img{
display:block;
margin-bottom:5px;
}
body#index #banner-area img,
body#index #banner-area a img{
border:1px solid #969696;
}

/* promotional-area  **************************************************************************************/
body#index #promotional-area {
	float:right;
	width:430px;
}

@media print {
	body#index #promotional-area {
	width:420px;
}
}

body#index #promotional-area img {
	margin-left:7px;
	margin-bottom:2px;;
	border:1px solid #969696;
}

body#index #promotional-area h1 {
	margin:0 0 2px 7px;
	padding:0;
	color:#5b6879;
	font-size:0.9em;
	font-weight:normal;
}

body#index #promotional-area h1 a {
	color:#0000FF;
}

body#index #promotional-area p {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.35;
}

body#index #promotional-area p.more {
	clear:both;
	margin:6px 0 0 0;
	padding:0;
	text-align:right;
}

/* academic-info  ****************************************************************************************/
body#index #academic-info {
	float:right;
	width:180px;
}

body#index #academic-info h2 {
	height:17px;
	margin:0;
	padding:4px 0 0 0;
	background:transparent url(../../images-060331/academic-info-bg.gif) repeat-x top left;
	color:#000;
	font-size:12px;
	text-align:center;
}

body#index #academic-info .box {
	height:219px;
	padding:10px;
	border:1px solid #969696;
}

body#index #academic-info .box h3,
body#index #academic-info .box p {
	font-size:10px;
	line-height:1.25em;
}

body#index #academic-info .box h3 {
	margin-top:0;
	padding-top:0;
	color:#000;
	font-weight:normal;
}

body#index #academic-info .box img {
	float:right;
	margin-left:2px;
	margin-bottom:2px;
	border:1px solid #969696;
}


/* threecolumns  *****************************************************************************************/
body#index #threecolumns{
	clear:both;
	width:784px;
	margin:0;
	padding:0;
	background:transparent url(../../images-060331/threecolumns_bg.gif) repeat-y 0 0;
	}

/* lcolumn-01  *******************************************************************************************/
#threecolumns #lcolumn-01{
float:left;
width:618px;
}
/* rcolumn  **********************************************************************************************/
#threecolumns #rcolumn-01{
float:right;
width:150px;
padding-left:10px;
}
#threecolumns #rcolumn-01 img,
#threecolumns #rcolumn-01 a img{
border:0 none;
}

#threecolumns #rcolumn-01 div.fl {
	margin-bottom:10px;
}

#threecolumns #rcolumn-01 div.fl img{
margin-right:5px;
}
#threecolumns #rcolumn-01 p {
margin:2px 0 0 0;
padding:0;
font-size:11px;
}

/* lcolumn-01-lcolumn  ***********************************************************************************/
#threecolumns #lcolumn-01-lcolumn{
float:left;
width:160px;
}

#threecolumns #lcolumn-01-lcolumn img {
	margin-left:4px;
	margin-bottom:4px;
	border:none;
}

/* lcolumn-01-rcolumn  ***********************************************************************************/
#threecolumns #lcolumn-01-rcolumn{
float:right;
width:447px;
}
/* threecolumns table   ***********************************************************************************/
/*#threecolumns #lcolumn-01-rcolumn table.news,
#threecolumns #lcolumn-01-rcolumn table.event{
border:0 none;
margin:0;
padding:0;
width:447px;
}
#threecolumns #lcolumn-01-rcolumn table.news tr td,
#threecolumns #lcolumn-01-rcolumn table.event tr td{
padding:3px;
}
#threecolumns #lcolumn-01-rcolumn table.news tr td.txt02,
#threecolumns #lcolumn-01-rcolumn table.event tr td.txt02{
font-size:12px;
}
#threecolumns #lcolumn-01-rcolumn table.news tr td img,
#threecolumns #lcolumn-01-rcolumn table.event tr td img{
margin-left:10px;
}
#threecolumns #lcolumn-01-rcolumn table.event tr td img{
margin-top:3px;
}*/
#threecolumns #lcolumn-01-rcolumn table.todaysevents tr td img{
margin-left:6px;
margin-top:3px;
margin-right:5px;
}
#threecolumns #lcolumn-01-rcolumn table.todaysevents tr td.txt02{
font-size:12px;
}


/* intra  ****************************************************************************/
#threecolumns #lcolumn-01-lcolumn h3.intra{
margin:0 10px 0 5px;
padding:0;
background:#DCDCDC;
height:18px;
text-align:center;
font-size:12px;
font-weight:normal;
color:#000000;
line-height:18px;
border:1px solid #999999;
}
#threecolumns #lcolumn-01-lcolumn ul.intra{
margin:0 10px 0 5px;
padding:2px 2px 0 2px;
background:#5C81AE;
border-right:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
}
#threecolumns #lcolumn-01-lcolumn ul.intra li{
margin:0 0 0.5em 0;
padding:0 0 0 14px;
background:#5C81AE url(../../global/images/arrow_grey.gif) no-repeat 0 0.3em;
font-size:12px;
line-height:1.2em;
}
#threecolumns #lcolumn-01-lcolumn ul.intra li a{
color:#ffffff;
}


/* threecolumns heading-area  ****************************************************************************/
#threecolumns div.heading-area{
clear:both;
height:16px;
background:#EBEBEB;
border:1px solid #C8C8C8;
margin-bottom:8px;
}
#threecolumns h2{
margin:0;
padding:0 0 0 4px;
font-size:11px;
font-family: arial,sans-serif;
color:#000000;
font-weight:normal;
line-height:16px;
}

#threecolumns h2 span {
font-size:0.95em;
vertical-align:-0.95;
}

#threecolumns h2.information{
text-align:center;
padding-left:0;
}

#threecolumns div.heading-area p.more{
margin:0;
padding:0 4px 0 0;
text-align:right;
font-size:11px;
line-height:16px;
}

/* threecolumns Today's Events heading  *******************************************************************/
#threecolumns #lcolumn-01-rcolumn h3.todaysevents{
width:425px;
margin:0 0 0 12px;
padding:0 0 3px 0;
font-size:11px;
color:#000000;
font-weight:normal;
font-family:arial,sans-serif;
background:url(../../images-060331/todaysevents_line.gif) no-repeat bottom left;
}


/** news,event,today'sevent ul **********************************************************************************************/
body#index ul#news,
body#index ul#event,
body#index ul#todaysevent,
body#visitor ul#news,
body#visitor ul#event{
clear:both;
padding:0;
list-style-type:none;
}

body#index ul#news,
body#index ul#event,
body#index ul#todaysevents,
body#visitor ul#news,
body#visitor ul#event{
margin:0.8em 0 2em 0;
}


body#index ul#todaysevents{
margin:0.8em 1.5em 0.8em 1.5em;
}



body#index ul#news li,
body#index ul#event li,
body#visitor ul#news li,
body#visitor ul#event li{
list-style-type:none;
margin:4px 6px 4px 8px;
padding:2px 6px 2px 14px;
background:url(../../global/images/arrow_blue.gif) no-repeat 0.1em 0.5em;
line-height:1.2em;
font-size:12px;
}

/* list(link icon)  **************************************************************************************/
#threecolumns ul,
#threecolumns ul li{
list-style-type:none;
}

#threecolumns ul{
clear:both;
margin:3px 10px 15px 5px;
padding:0;
}
#threecolumns ul li{
margin:0 0 0.5em 0;
padding:0 0 0 14px;
background:#ffffff url(../../global/images/arrow_blue.gif) no-repeat 0 0.3em;
font-size:12px;
line-height:1.2em;
}

#threecolumns #lcolumn-01-lcolumn ul.border{
padding:0 0 22px 0;
border-bottom:1px solid #646464;
}

#threecolumns #rcolumn-01 ul.border{
margin-top:12px;
margin-right:5px;
padding:0 0 35px 0;
border-bottom:1px solid #646464;
}
/*for safari
html* #threecolumns #rcolumn-01 ul.border li{
line-height:1.4em;
}*/

/* footer index  **************************************************************************************/
body#index #footer{
margin:5px 0;
}
body#index #footer-area{
padding-top:10px;
}




/****************** for visitor page settings  ***************************************************************************************/
body#visitor #threecolumns #rcolumn-01 ul.border{
margin-top:0;
}

/****************** for visitor page settings for foreignstudents  ***************************************************************************************/
body.international #maincontents {
 background-image:none!important;
}

body.international #main{
float:right;
width:623px;
margin:0 0 18px 0;
padding:0;
}

body.international #localmenu{
float:left;
width:145px;
margin:0;
padding:0 5px 5px 5px;
}


body.international #lcolumn-01-lcolumn {
 width:135px;
padding-left:5px;
padding-right:5px;
}

body.international #lcolumn-01-lcolumn ul {
 margin:0;
	padding:0;
	list-style:none;
}

body.international #lcolumn-01-lcolumn ul li {
 font-size:12px;
	line-height:1.4em;
}

body.international .bg_pic {
 background:url(../../res03/images/bg_foreignstudent.jpg) no-repeat top left;
	height:565px;
	padding:1px 15px 0 15px;
	margin-bottom:12px;
}

body.international .bg_pic h3 {
 color:#000;
	font-size:16px;
	margin:0;
	padding:0;
font-weight:bold;
}

body.international .bg_pic .item {
 margin-top:10px;
}

* html body.international .bg_pic .item {
 margin-top:6px;
}

body.international .bg_pic .fr_txt {
 float:left!important;
	width:350px;
}

.ml96 {
 margin-left:96px;
}

body.international .bg_pic .item p {
 margin:2px 0 0 0;
 padding:0;
}

body.international .bg_pic .item ul {
 margin:6px 0 0 2px;
	padding:0;
	list-style:none;
}

body.international .bg_pic .item ul li {
 margin:2px 0;
	padding:0;
}

body.international div.heading-area {
height:16px;
background:#EBEBEB;
border:1px solid #C8C8C8;
margin-bottom:8px;
}

body.international div.heading-area h3 {
 color:#000;
	font-size:12px;
	margin:0;
	padding:0 0 0 36px;
}


body.international div.heading-area p.more{
margin:0;
padding:0 4px 0 0;
text-align:right;
font-size:11px;
line-height:16px;
}

body.international .item_info_l {
 float:left;
	width:300px;
}

body.international .item_info_r {
 float:right;
	width:300px;
}

body.international .item_info_l p,
body.international .item_info_r p {
margin:0;
padding:0;
}