@charset "UTF-8";
@import url(default.css);
@import url(common.css);
@import url(class.css);

/* ------- President Pages Start ------- */

div#content .pageNavi { margin:1em; }
div#content .preLeft { float:left; width:280px; }
div#content .preRight { float:right; width:290px; }
div#content .preLeft p { line-height:1.8; }
div#content .preRight p.imgBox { text-align:right; }
div#content .preRight h4 { margin:0.7em 0 0.3em 0.7em; }
div#content .preRight p.descript {
	margin:0 0 1em 1em;
	font-size:0.9em;
}

/*---------------------------------------*/
/* ------- Univ Color Page Start ------- */

div#content .colorLeft { float:left; width:300px; margin:0 0 2em 0; }
div#content .colorRight { float:right; width:260px; }
div#content .colorLeft p { line-height:1.8; }
div#content div.halfLeft dl dt { margin-bottom:0.3em; font-size:1.1em; }
div#content div.halfLeft dl dd { margin-bottom:1.2em; }

div#content div.halfRight img.leftImg,
div#content div.halfRight img.rightImg {
	margin-bottom:20px;
	padding:1px;
	border:1px solid #ccc;
	border-color:#ddd #bbb #aaa #ccc;
}

div#content div.halfRight img.leftImg { float:left; }
div#content div.halfRight img.rightImg { float:right; }

/*---------------------------------------*/
/* ----- Super Lecture Page Start ------ */

div#content div.lecTopL { float:left; width:205px; }
div#content div.lecTopR { float:right; width:360px; }
div#content div.lecTopL p { line-height:1.9; }
div#content div.lecTopR img.leftImg,
div#content div.lecTopR img.rightImg {
	margin-bottom:20px;
	padding:1px;
	border:1px solid #ccc;
	border-color:#ddd #bbb #aaa #ccc;
}
div#content div.lecTopR img.leftImg { float:left; }
div#content div.lecTopR img.rightImg { float:right; }
div#content div.lectLeft { float:left; width:280px; }
div#content div.lectRight { float:right; width:280px; }
div#content div.lectLeft h4,
div#content div.lectRight h4 {
	font-size:1.2em;
	margin:1em 0 0 0;
	padding:0.2em 0.5em;
	background:#5e53a0;
	color:#fff;
}

div#content div.lectLeft h4 span.small,
div#content div.lectRight h4 span.small {
	margin:0 0 0 1em;
	font-size:0.7em;
	letter-spacing:0.1em;
}

div#content div.lectLeft h5,
div#content div.lectRight h5 {
	margin:0;
	padding:0.2em 0.5em;
	border:1px solid #5e53a0;
	font-size:1em;
	font-weight:normal;
}

div#content div.lectLeft p,
div#content div.lectRight p {
	margin:0;
	padding:0.5em 0.8em;
	border-bottom:1px solid #5e53a0;
	border-left:1px solid #5e53a0;
	border-right:1px solid #5e53a0;
}

/*---------------------------------------*/
/* --------- Yasabi Page Start --------- */

div#content div.yasTopL { float:left; width:280px; }
div#content div.yasTopR { float:right; width:280px; padding:0 0 2em 0 }
div#content div.yasTopL p { line-height:1.8; }
div#content div.yasLeft { float:left; width:340px; }
div#content div.yasRight { float:right; width:220px; padding:0 0 2em 0 }

div#content div.yasLeft h4 {
	font-size:1.1em;
	font-weight:800;
}

div#content div.yasLeft p { line-height:1.9; margin-bottom:3em; }

div#content p.yasabi {
	margin:0 0 1.5em 0;
	line-height:1.8;
}

p.imageFloatL img {
	float:left;
	margin:0 1em 10px 0;
	padding:1px;
	border:1px solid #eee;
}

div#content p.yasCap {
	margin:0 0 2em 0;
	text-align:right;
}

p.imageFloatR img {
	float:right;
	margin:0 0 10px 20px;
	padding:1px;
	border:1px solid #eee;
}

/*---------------------------------------*/
/* -------- Transit Page Start --------- */

div#content p.traText {
	line-height:1.8;
	margin:0 0 1.5em 0;
}

div#content p.traText img {
	float:right;
	margin:0 0 0 1em;
}

div#content p.traCap {
	margin:0 0 2em 0;
	text-align:right;
}

div#content div.traLeft {
	float:left;
	width:370px;
	margin-bottom:2em;
}

div#content div.traRight {
	float:right;
	width:190px;
	margin-bottom:2em;
	text-align:right;
}

div#content div.traLeft dl {
	float:left;
	width:370px;
	padding:0.7em 0 0.3em 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

div#content div.traLeft dl dt {
	float:left;
	width:4.5em;
}

div#content div.traLeft dl dd {
	margin:0 0 0.8em 4.7em;
}

/*---------------------------------------*/
/* -------- Project Page Start --------- */

p.proTextL,
p.proTextR {
	line-height:1.9;
	padding-bottom:2em;
	border-bottom:1px solid #ddd;
}
p.proTextR:after ,
p.proTextL:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

p.proTextL img {
	float:left;
	margin:0 2em 0 0;
}

p.proTextR img {
	float:right;
	margin:-2em 0 0 2em;
}

/*---------------------------------------*/
/* ------ organization Page Start ------ */

table.orgTable {
	border:1px solid #5e53a0;
	margin-bottom:2em;
}

table.orgTable th.topTh,
table.orgTable th.secondTh,
table.orgTable th.thirdTh{
	padding:0.5em;
	border-right:1px solid #5e53a0;
	border-bottom:1px solid #5e53a0;
	color:#fff;
}

table.orgTable th.topTh {
	background:url(../imgs/res/orgTbg_01.gif) no-repeat #87c;
}

table.orgTable th.secondTh {
	background:url(../imgs/res/orgTbg_02.gif) no-repeat #98d;
}

table.orgTable th.thirdTh {
	background:url(../imgs/res/orgTbg_03.gif) no-repeat #aac;
}

table.orgTable td {
	border-right:1px solid #5e53a0;
	border-bottom:1px solid #5e53a0;
	background:url(../imgs/res/orgTbg_04.gif) no-repeat #cbf;
}

div#content div.tripLeft,
div#content div.tripCent,
div#content div.tripRight {
	margin-bottom:2em;
	height:300px;
	background:url(../imgs/res/labobg.gif) no-repeat;
}

div#content div.tripLeft p,
div#content div.tripCent p,
div#content div.tripRight p {
	padding-right:1.5em;
	line-height:1.8;
}

div#content div.tripLeft p.algt,
div#content div.tripCent p.algt,
div#content div.tripRight p.algt {
	padding-right:2em;
	line-height:1.4;
}

p.orgText {
	line-height:1.9em;
}

p.orgText img {
	float:left;
	margin:0 2em 0 0;
}

/*---------------------------------------*/
/* -------- history Page Start --------- */
div#hisBind {
	float:left;
	width:580px;
	padding-top:3em;
}

div#hisBind div#college {
	float:left;
	width:270px;
}

div#hisBind div#univ {
	float:right;
	width:270px;
}

div#hisBind div#college dd,
div#hisBind div#univ dd {
	margin:0 0 2em 4.7em;
}

div#hisBind div#college dt,
div#hisBind div#univ dt {
	float:left;
	width:4.5em;
}