@charset "utf-8";

/*
 * 2007-04-13
 *
 */

/*
 * general elements
 * #page-* are individual page style
 *
 */

a:link {
	color: #005585;
	text-decoration: underline;
}

a:visited {
	color: #485270;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

em {
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
	text-indent: 1em;
}

table {
	font-size: 95%;
	width: 510px;
	line-height: 1.7;
	border-style: solid;
	border-color: #ccc;
	border-width: 0 0 1px 1px;
}

table th {
	font-weight: bold;
	margin: 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 0 0;
	text-align: left;
}

table thead th {
	text-align: center;
}

table td {
	margin: 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 0 0;
	text-align: right;
}

dl.q-and-a {
}

dl.q-and-a dt,
dl.q-and-a dd {
	margin: 0 0 0 2em;
	padding: 0;
	text-indent: -2em;
}

dl.q-and-a dt .type-q {
	font-family: "Verdona", "Courier New", "Courier", monospace;
	font-weight: bold;
	padding: 0 1em 0 0;
	color: #FF6600;
}

dl.q-and-a dd .type-a {
	font-family: "Verdona", "Courier New", "Courier", monospace;
	font-weight: bold;
	padding: 0 1em 0 0;
	color: #33CC99;
}

ul.classes-intro { /* outline/step.html */
	padding: 2em 2em;
	margin: 1.5em 0;
	background: #FFFFCC;
}

p.continue-link {
	margin: 1em 0;
}

ul.continue-link {
	margin: 1em 0;
	list-style: none;
	padding: 0 1em;
}

h1 {
	font-family: "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 160%;
	margin: 0 0 30px 0;
	color: #333333;
}

h2 {
	font-weight: bold;
	font-size: 140%;
	margin: 30px 0 10px;
	padding: 0;
	border-style: dotted;
	border-color: #999;
	border-width: 0 0 2px 0;
	color: #004D4E;
}


h3 {
	font-weight: bold;
	font-size: 110%;
	line-height: 150%;
	margin: 20px 0 15px;
	padding: 2px 0px 4px 6px;
	border-style: solid;
	border-color: #999;
	border-width: 0 0 0 7px;
	color: #333333;
}

h4 {
	font-weight: bold;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #333333;
}

#page-top #sub-content div.menu {
	height: 280px;
	background: #CCCCCC;
}

#page-top h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "meiryo", "ＭＳ Ｐゴシック", "HiraKakuPro-W3", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	font-size: 140%;
	margin: 20px 0 10px;
	padding: 0;
	padding-top: 0px;
	border-style: dotted;
	border-color: #999;
	border-width: 0 0 2px 0;
	color: #003366;
}


#page-top h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "meiryo", "ＭＳ Ｐゴシック", "HiraKakuPro-W3", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
/*	font-size: 90%; */
	line-height: 150%;
	margin: 15px 0 3px;
	padding: 2px 0 2px 5px;
	border-style: solid;
	border-color: #090;
	border-width: 0 0 0 6px;
	color: #333333;
}

#page-top h4 {
	font-weight: bold;
	font-size: 100%;
	line-height: 130%;
	margin: 15px 0 3px;
	padding: 2px 0px 3px 3px;
	border-style: solid;
	border-color: #fc0;
	border-width: 0 0 0 7px;
	color: #333333;
}

#page-top h5 {
	font-weight: bold;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #333333;
}

#page-top #content {
	padding: 0;
	font-size: 80%;
	line-height: 1.6;
}

#page-top #content address span {
	display: block;
	text-indent: 1em;
}

#page-top #content address span span {
	display: inline;
}

#page-news #content {
	background: url("../img/title_img/n_head_img.png") no-repeat left top;
}

#page-message #content {
	background: url("../img/title_img/m_head_img.jpg") no-repeat left top;
	padding: 60px 0 0 0;
}

#page-message #content img.message {
	margin: 0 0 0 20px 0;
}

#page-message #content.backnumber {
	padding: 80px 0 0 0;
}

#page-lecture #content {
	background: url("../img/title_img/l_head_img.png") no-repeat left top;
}

#page-future #content {
	background: url("../img/title_img/fu_head_img.png") no-repeat left top;
}

#page-admission #content {
	background: url("../img/title_img/a_head_img.png") no-repeat left top;
}

#page-faculty #content {
	background: url("../img/title_img/f_head_img.png") no-repeat left top;
}

#page-navi #content {
	background: url("../img/title_img/y_head_img.png") no-repeat left top;
}

#page-exhibition #content {
	background: url("../img/title_img/e_head_img.png") no-repeat left top;
}

#page-panf #content {
	background: url("../img/title_img/panf_head_img.png") no-repeat left top;
}

#page-outline #content {
	background: url("../img/title_img/o_head_img.png") no-repeat left top;
}

#page-project #content {
	background: url("../img/title_img/p_head_img.png") no-repeat left top;
}

#page-project #sub-content .menu-here {
	letter-spacing: 0;
	white-space: nowrap;
}

/* 内容がすくないページで margin をみずましし、footer があがってこないように */
.so-tiny-content {
	margin: 0 0 500px 0;
}

/*
 * site structual elements
 *
 * .whole {
 *     #top {}
 *     #navigation {
 *         #navigation-map {
 *             #navigation-*
 *         }
 *     }
 *     #content {
 *     }
 *     #sub-content {
 *     }
 *     #footer {
 *     }
 * }
 */

body {
	font-family: "Lucida Grande";
	line-height: 1.7;
	background: #666666 url("../img/common/gray-bg2.png") repeat-y;
	color: #191919;
}

.whole {
	width: 750px;
}

#top {
	height: 40px;
	margin: 0;
	padding: 0;
	background: #01871c url("../img/common/head_bg.gif");
}

#top a {
	display: block;
	width: 243px;
	height: 40px;
	overflow: hidden;
	background: url("../img/common/logo.gif") no-repeat left top;
	text-indent: -99999px;
}

#navigation {
}

#navigation h2,
#navigation .skip-to-main-content {
	display: none;
}

#navigation #navigation-map {
	position: absolute;
	top: 0;
}

#navigation .topic-path {
	font-size: 80%;
	line-height: 170%;
	margin: 0;
	padding: 2px 0;
	background: #000;
	color: #ff9;
	text-indent: 12px;
	letter-spacing: 0.1em;
}

#navigation .topic-path a:link ,
#navigation .topic-path a:visited {
	color: #ff6;
	text-decoration: underline;
}

#navigation #navigation-map {
}

#navigation #navigation-map ul li {
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	overflow: hidden;
}

#navigation #navigation-map ul li a {
    display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}

#navigation #navigation-map #navigation-home {
	top: 4px;
	left: 470px;
	width: 123px;
	height: 19px;
	background-image: url("../img/common/head_02_1.gif");
}

#navigation #navigation-map #navigation-sitemap {
	top: 4px;
	left: 593px;
	width: 69px;
	height: 19px;
	background-image: url("../img/common/head_02_2.gif");
}

#navigation #navigation-map #navigation-search {
	top: 4px;
	left: 662px;
	width: 72px;
	height: 19px;
	background-image: url("../img/common/head_02_3.gif");
}

#navigation #navigation-map #navigation-univguide {
	top: 27px;
	left: 555px;
	width: 40px;
	height: 8px;
	background-image: url("../img/common/head_03_1.gif");
}

#navigation #navigation-map #navigation-forentering {
    top: 27px;
    left: 595px;
	width: 87px;
	height: 8px;
	background-image: url("../img/common/head_03_2.gif");
}

#navigation #navigation-map #navigation-forstudent {
	top: 27px;
	left: 682px;
	width: 49px;
	height: 8px;
	background-image: url("../img/common/head_03_3.gif");
}


#content {
	width: 580px;
	float: left;
	background: #fff;
	padding: 80px 0 0 0; /* 60 (banner) + 20px (padding) */ 
	overflow: hidden;
}

#content .section {
	margin: 0 30px 30px;
}

#content .section .section {
	margin: 0;
}



#sub-content {
	float: left;
	width: 170px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0;
}

#sub-content div.menu ul {
	margin: 0;
	padding: 0;
	background: #ccc;
	color: #fff;
}

#sub-content div.menu h2 {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 10px;
	height: 19px;
	margin: 0 0 1px 0;
	padding: 1px 0 0 12px;
	border: none;
	background: #b3b3b3;
	color: #425E68;
	letter-spacing: 0.5em;
}

#sub-content div.menu ul {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	text-indent: 7px;
}

#sub-content div.menu ul li {
	font-size: 12px;
	border-style: solid;
	border-color: #e7e7dd;
	border-width: 0 0 1px 0;
	text-indent: 12px;
	letter-spacing: 0.1em;
}

#sub-content div.menu ul li .menu-here {
	display: block;
	padding: 4px 0 4px;
	background: #939393;
	color: #fff;
	letter-spacing: 0.1em;
}

#sub-content div.menu ul li a {
	display: block;
	padding: 4px 0 4px;
	color: #036;
	text-decoration: none;
}

#sub-content div.menu ul li a:hover {
	background: #369;
	color: #cff;
}

#sub-content div.menu ul.menu {
	margin: 0 0 15px 20px;
	padding: 0;
}

#sub-content div.sub-menu {
	margin: 5px 0 3px 0;
	padding: 0;
}

#sub-content div.sub-menu ul {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	text-indent: 7px;
}

#sub-content div.sub-menu ul li {
	font-size: 12px;
	border-style: solid;
	border-color: #ccc;
	border-width: 0 0 1px 0;
	text-indent: 12px;
	letter-spacing: 0.1em;
}


#sub-content div.sub-menu ul li .menu-here {
    display: block;
    padding: 4px 0 4px;
    background: #939393;
    color: #fff;
    letter-spacing: 0.1em;
}

#sub-content div.sub-menu h2 {
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 10px;
    height: 20px;
    margin: 0 0 1px 0;
    padding: 0 0 0 12px;
    border: none;
    color: #996;
    letter-spacing: 0.5em;
}

#sub-content div.sub-menu ul li a {
    display: block;
    padding: 4px 0 4px;
    color: #066;
    text-decoration: none;
}

#sub-content div.sub-menu ul li a:hover {
	background: #366;
	color: #fff;
}

#sub-content div.sub-menu ul.menu {
	margin: 0 0 15px 20px;
	padding: 0;
}

#footer {
	clear: both;
	color: #066;
	width: 750px;
	padding: 0;
	margin: 0;
}

#footer p {
	margin: 0 200px 0 30px; /* 200 = 170 + 30 */
}

#footer p.update {
	padding: 5px;
	border-style: solid;
	border-color: #999;
	border-width: 1px 0 0 0;
	text-aligalign: right;
}

#footer #copyright {
	font-family: "Arial", "Helvetica", sans-serif;
	margin: 10px 0 0 0;
	padding: 0 1em 0.2em;
	background: #01871C url("../img/common/foot_bg.gif");
	color: #fff;
	text-indent: 12px;
	
}