@charset "Shift_JIS";

/* Contents */

#content p, #content li {
	padding: 0px 10px;
}


/* Index TopNews */

#topnews {
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../images/bg_contents.png) 0px 32px no-repeat;
}
#topnews h2 {
	height: 32px;
	margin-bottom: 5px;
	background: url(../images/topnews.gif) left top no-repeat;
	text-indent: -3000px;
}
#topnews h3 {
	font: 20px/130% normal;
	color: #FF0066;
	margin: 0 15px 10px 220px;
	padding: 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
#topnews img {
    padding: 4px;
	margin: 7px 10px 1px 20px;
	border :1px solid #cccccc;
	background-color: #FFFFFF;
	/* width: 180px; */
	/* height: 140px; */
	float: left;
}
#topnews li {
	margin: 0px 15px 5px;
	vertical-align: middle;
	border-bottom: 1px solid #EEEEEE;
}
#topnews p {
	color: #333333;
	margin: 0px 10px;
}
#topnews .backnumber a {
	width: 85px;
	height: 12px;
	margin-top: 10px;
	margin-left: 455px;
	background: url(../images/backnumber.gif) no-repeat;
	display: block;
	text-indent: -3000px;
}


/* Index Information & Topics */

#info {
	margin-top: 25px;
	background: url(../images/bg_contents.png) 0px 32px no-repeat;
}
#info h2 {
	height: 32px;
	margin-bottom: 15px;
	background: url(../images/information.gif) left top no-repeat;
	text-indent: -3000px;
}

#info li {
	margin: 0px 15px 5px;
	vertical-align: middle;
	border-bottom: 1px solid #EEEEEE;
}
#info p {
	padding: 0 15px;
	font-size: 0.8em;
	color: #777777;
	/* background: url(../images/bg_info.gif) repeat; */
	text-align: right;
}
#info .backnumber a {
	width: 85px;
	height: 12px;
	background: url(../images/backnumber.gif) no-repeat;
	margin-left: 455px;
	display: block;
	text-indent: -3000px;
}

/* Topics */

.topics {
	padding: 15px;
	background: url(../images/bg_topics.png) no-repeat left top;
}
.topics:after {
	content:".";
	display: block;
	visibility: hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
.topics h2 {
	margin: 20px 0 10px;
	padding: 0px 15px;
}
.topics h3 {
	font: bold 1.5em/1.8em normal;
	color: #FF0066;
	text-decoration: none;
	margin: 15px 0;
	border-bottom: 1px dotted #CCCCCC;
}
.topics h4 {
	font: bold 1.1em/1.3em normal;
	text-decoration: none;
	margin-top: 20px;
	margin-left: 5px;
}
.topics h5 {
	font: bold 1.1em/2.0em normal;
	margin-top: 5px;
}
.topics h6 {
	font: bold 1.0em/1.5em normal;
}
.topics p, .topics ol {
	margin: 0 0 20px;
}
.topics li {
	margin-left: 30px;
	list-style-position: outside;
	list-style-type: decimal;
}
.topics .license {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.topics .license p {
	margin: 0 !important;
}
.topics .depa_ph , .topics .depa_ph_exp {
	padding:18px;
	/* border: 1px solid #CCCCCC; */
	background-color: #FFFFFF;
}
.topics .depa_ph dt {
	width: 170px;
	height: 170px;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background:#CCCCCC url(../images/bg_depa_ph.png) repeat-x left top;
	float: left;
}
.topics .depa_ph dt.cell3 {
	width: 512px !important;
	height: 170px;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	float: left;
}
.topics .depa_ph_exp dt {
	width: 170px;
	height: 170px;
	margin: 0 5px 5px;
	padding: 0;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background:#CCCCCC url(../images/bg_depa_ph.png) repeat-x left top;
	float: left;
	clear: both;
}
.topics .depa_ph_exp dd {
	height: 170px;
	margin: 5px 5px 5px 175px;
	padding: 0;
	text-align: left;
	line-height: 1.3em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.topics .depa_ph .comment , .topics .depa_ph_exp .comment {
	font-size:1em;
	text-align: right;
	padding: 0;
	margin: 0;
	clear: both;
}

.blog {
	margin-bottom: 20px;
}

/* Department */

h2.department {
	margin-bottom: 0;
}
p.depa_bt {
	margin: 0 0 5px;
	padding: 0;
	text-align: right;
	list-style: none;
}
p.depa_bt img {
	margin: 0 0 0 5px;
	padding: 0;
}

/* Events */

.events ul {
	padding: 0;
	margin: 0px 0px 10px;
}
.events li {
	list-style-type: none;
	margin: 7px 5px ;
	padding: 5px 0px 5px;
	border-bottom: thin dotted #999999;
	font: 1.0em/1.4em "Times New Roman", Times, serif;
}
.events li a {
	text-decoration: none;
}


/* Table */

table.chart {
	width: 550px;
	margin: 15px 0;
	font-size: 0.9em;
	line-height: 1.3em;
	background-color: #CCCCCC;
	border: 1px solid #999999;
}
table.chart th {
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 5px;
	background-color: #9999BB;
	
}
table.chart td {
	margin: 0;
	padding: 8px;
	background-color: #FFFFFF;
}


/* ----------------------------------------------
 = Examination Page Styles
---------------------------------------------- */

#content .exam h2 { clear: both; height: 65px; margin-bottom: 20px; padding-left: 20px; font-size: 1.7em; line-height: 70px; text-shadow: 1px 1px 3px #999; background: -moz-linear-gradient(top, #fff, #ececec); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec)); border-top: solid 3px #014c00; border-bottom: solid 1px #999; overflow: hidden; }
#content .exam h3 { margin: 30px 0 15px; padding: 10px 15px; color: #333; font-size: 1.4em; text-align: left; line-height: 1.2; background: url(../images/h3_bg.png) repeat-x; border-top: solid 3px #ccc; border-bottom: solid 1px #ccc; overflow: hidden; }
#content .exam h4 { margin: 25px 0 5px; font-size: 1.2em; line-height: 1.5em; border-bottom: solid 1px #ccc; }

#content .exam ul { margin-left: 20px; }
#content .exam ul li { list-style-type: disc; }

/* ----------------------------------------------
 = Postgraduate2012 Page Styles
---------------------------------------------- */

#postgraduate2012 #content h4 { margin-left: 10px; color: #333; font-size: 1.4em; font-weight: normal; }
#postgraduate2012 #content h5 { margin-left: 15px; color: #333; font-size: 1.2em; font-weight: normal; }
#postgraduate2012 #content p { margin-left: 20px; }
#postgraduate2012 #content ul { margin: 0 0 30px 40px; }
#postgraduate2012 #content ul li { margin: 0; padding: 0; list-style-type: disc; }