@charset "utf-8";
/* ======================================================================== */
/* For /defaultj.html and /default.html only */
/* Top page specific: promotion area */
/* ======================================================================== */

#promo {
	margin-top: 16px;
	width: 902px;
	overflow: hidden;
}

#promo div.promonav {
	float: left;
	display: block;
	width: 270px;
}

#promo div.promonav ul {
	border-top: solid 1px #cccccc;
}

#promo div.promonav ul li {
	display: block;
	border-bottom: solid 1px #cccccc;
}

#promo div.promonav ul li a {
	display: block;
	width: 222px;
	height: auto;
	padding: 15px 6px 15px 42px;
	margin: 0;
	text-decoration: none;
	background: #efefef url(/images/bg_promo_nav_item.gif) no-repeat 0 0;
	color: #9e1b34;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
}

#promo div.promonav ul li a.pu_last {
	padding: 15px 6px 14px 42px;
}

/* IE 7/Win Hack */
*+html body #promo div.promonav ul li a {
	padding: 16px 6px 14px 42px;
}

*+html body #promo div.promonav ul li a.pu_last {
	padding: 15px 6px 14px 42px;
}

/* IE lte 6/Win Hack */
* html body #promo div.promonav ul li a {
	padding: 16px 6px 14px 42px;
}

* html body #promo div.promonav ul li a.pu_last {
	padding: 15px 6px 14px 42px;
}

#promo div.promonav ul li a:hover {
	background: #9e1b34 url(/images/bg_promo_nav_item_on.gif) no-repeat 0 0;
	color: #FFFFFF
}

#promo div.promocontent {
	float: right;
	display: block;
	width: 620px;
	height: 225px;
	overflow: hidden;
}

/* program intro slides */
#maincontent div.slides {
	display: block;
	width: 620px;
	height: 255px;
	padding: 0;
	margin: 0;
	position: relative;
	top: -30px;
	overflow: hidden;
}

* html body #maincontent div.slides {
	height: 225px;
}

*+html body #maincontent div.slides {
	height: 225px;
}

#maincontent div.slides div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 620px;
	height: 225px;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#maincontent .slides div a {
	display: block;
	width: 620px;
	height: 225px;
	text-decoration: none;
}

#maincontent .slides div h2 {
	background: none;
	border: none;
	font-size: 2.4em;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	color: #fff;
	top: 175px;
	left: 10px;
	padding: 0;
	margin: 0;
	line-height: 1.0em;
}

#maincontent .slides div.promo_aep h2 {
	font-size: 2.3em;
}

#maincontent .slides div p {
	position: relative;
	color: #fff;
	top: 175px;
	left: 14px;
	padding: 0;
	margin: 0;
	font-size: 1.4em;
}

#maincontent div.tabs {
	display: block;
	position: relative;
	top: 195px;
	width: 151px;
	height: 30px;
	z-index: 2;
	overflow: hidden;
	float: right;
	padding-right: 2px;
}

* html body #maincontent div.tabs {
	width: 155px;
}

#maincontent div.tabs a {
	display: block;
	padding: 2px 0;
	margin: 5px 0 5px 4px;
	border: 1px solid #fff;
	width: 15px;
	height: 14px;
	float: left;
	background: #000;
	color: #fff;
	text-align: center;
}

#maincontent div.tabs a:hover {
	background: #F90;
	text-decoration: none;
}

#maincontent div.tabs a.current {
	background: #F90;
}

.disabled {
	visibility: hidden !important;	
}


/* slide for each program */
#maincontent div.slides div.promo_ug {
	background: url(/images/promo_ug.jpg) no-repeat 0 0;
}

#maincontent div.slides div.promo_tesol {
	background: url(/images/promo_tesol.jpg) no-repeat 0 0;
}

#maincontent div.slides div.promo_law {
	background: url(/images/promo_law.jpg) no-repeat 0 0;
}

#maincontent div.slides div.promo_mba {
	background: url(/images/promo_mba.jpg) no-repeat 0 0;
}

#maincontent div.slides div.promo_aep {
	background: url(/images/promo_aep.jpg) no-repeat 0 0;
}

#maincontent div.slides div.promo_conted {
	background: url(/images/promo_conted.jpg) no-repeat 0 0;
}

#maincontent div.slides div.promo_cep {
	background: url(/images/promo_cep.jpg) no-repeat 0 0;
}


/* ======================================================================== */
/* top page specific: action area for inquiries */
/* ======================================================================== */

#actionarea {
	padding-top: 16px;
	height: auto;
	width: 902px;
	overflow: hidden;
}

#actionarea div.action_banner {
	display: block;
	height: 34px;
	width: 174px;
	float: left;
	padding: 16px 0 0 44px;
	margin: 0 10px 0 0;
	cursor: pointer;
}

/* IE 7/Win Hack */
*+html body #actionarea div.action_banner {
	height: 32px;
	padding: 18px 0 0 44px;
}

/* IE lte 6/Win Hack */
* html body #actionarea div.action_banner {
	height: 32px;
	padding: 18px 0 0 44px;
}

#actionarea div.action_banner:hover {
	background-position: 0 -50px;
}

#actionarea div.ab_last {
	margin: 0;
}

#actionarea div.application {
	background: url(/images/bg_act_application.gif) no-repeat 0 0;
}

#actionarea div.info_session {
	background: url(/images/bg_act_info_session.gif) no-repeat 0 0;
}

#actionarea div.brochure_request {
	background: url(/images/bg_act_brochure_request.gif) no-repeat 0 0;
}

#actionarea div.contact {
	background: url(/images/bg_act_contact.gif) no-repeat 0 0;
}

#actionarea div.info_session a {
	color: #0B4E5B;
}

#actionarea div.brochure_request a {
	color: #28541F;
}

#actionarea div.contact a {
	color: #A69417;
}

#actionarea div.application a {
	color: #3366CC;
}


#actionarea div.action_banner h2 {
	font-size: 1.6em;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#actionarea div.action_banner a {
	text-decoration: none;
}

#actionarea div.action_banner a:hover {
	text-decoration: underline;
}

#bannerarea {
	margin-top: 10px;
	padding-left: 1px;
	height: auto;
	width: auto;
	overflow: hidden;
	background: #ffffff;
}

#bannerarea div.banner {
	display: block;
	height: 64px;
	width: 198px;
	float: left;
	padding: 6px;
	margin: 0;
	border: 1px solid #aaaaaa;
	background: #DFEBF9;
}

#bannerarea div.banner h2 {
	font-size: 1.4em;
	color: #003366;
}

#bannerarea div.banner p {
	font-size: 1.0em;
}


/* ======================================================================== */
/* top page specific: program links */
/* ======================================================================== */

#program_links {
	display: block;
	height: auto;
	width: 900px;
	overflow: hidden;
	margin: 10px 0 0 0;
	background: #F6F6F6;
	border: 1px solid #CCCCCC;
}

#program_links ul li {
	float: left;
	padding: 6px 0 6px 13px;
	margin: 0 14px 0 0;
	font-size: 1.2em;
	background: url(/images/arrow_program_links.gif) no-repeat 0 9px;
}

/* IE 7/Win Hack */
*+html body #program_links ul li {
	padding: 6px 0 5px 13px;
	background: url(/images/arrow_program_links.gif) no-repeat 0 8px;
}

/* IE lte 6/Win Hack */
* html body #program_links ul li {
	padding: 6px 0 5px 13px;
	background: url(/images/arrow_program_links.gif) no-repeat 0 8px;
}

#program_links ul li.title {
	padding: 6px 0;
	margin: 0 16px 0 6px;
	background: none;
	color: #777777;
}


/* ======================================================================== */
/* top page specific: three column layout */
/* ======================================================================== */

/* === all columns common styles === */
#threecol {
	display: block;
	margin: 26px 0 0 0;
	width: 902px;
	overflow: hidden;
	background: transparent url(/images/bg_threecol.gif) no-repeat 0 0;
	padding: 0px;
}

div.threecol_btm {
	background: transparent url(/images/bg_threecol_btm.gif) no-repeat 0 bottom;
}

#maincontent {
	padding-bottom: 10px;
}

#threecol h2 {
	color: #333333;
	margin: 0 0 16px 0;
	font-size: 1.4em;
	padding: 0;
	background: none;
	border: none;
	font-weight: bold;
}

#threecol p, #threecol ul, #threecol dl {
	font-size: 1.2em;
	line-height: 1.6;
}

#threecol ul, #threecol p {
	padding-bottom: 20px;
}

#threecol ul li {
	margin-bottom: 12px;
}

#threecol ul.links01 li {
	line-height: 1.2;
	padding-bottom: 4px;
	margin-bottom: 0px;
}

#threecol a {
	color: #9e1b34;
	text-decoration: none;
}

#threecol a:hover {
	text-decoration: underline;
}

/* === left column === */
#threecol div.leftcol {
	display: block;
	width: 207px;
	margin-right: 20px;
	padding: 10px 9px 10px 9px;
	float: left;
}

/* === center column === */
#threecol div.centercol {
	display: block;
	width: 394px;
	margin-right: 20px;
	padding: 10px 9px;
	float: left;
}

#threecol div.centercol div.event_banners {
	margin: 0 0 20px 0;
	width: auto;
	overflow: hidden;
}

#threecol div.centercol dl {
	display: block;
	width: 394px;
	overflow: hidden;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	border-bottom: dotted 1px #cccccc;
}

#threecol div.centercol dt {
	float: left;
	height: 34px;
	width: 36px;
	padding: 10px 19px 20px 9px;
	margin: 0;
	line-height: 1;
	background: url(/images/bg_date_box.gif) no-repeat 0 0;
	color: #663300;
	font-size: 1.15em;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
}

#threecol div.centercol dt.double_dig_months {
	padding-left: 10px;
	width: 34px;
	background: url(/images/bg_date_box_doublej.gif) no-repeat 0 0;
}

#threecol div.centercol dt span {
	position: relative;
	top: 18px;
	left: 2px;
}

#threecol div.centercol dt.double_dig_months span {
	left: 0px;
}

#threecol div.centercol dd {
	float: right;
	width: 330px;
}

#threecol div.centercol div.announcements {
	border: 1px dotted #FF0000;
	background: #FEFEFE;
	padding: 6px;
	margin: 2px 0 18px 0;
}

/* === right column === */
#threecol div.rightcol {
	display: block;
	width: 207px;
	padding: 10px 9px;
	float: left;
}

#threecol div.rightcol ul li,
#threecol div.lefttcol ul li {
	border-bottom: dotted 1px #cccccc;
	padding: 0 0 12px 0;
	width: auto;
	overflow: hidden;
}

#threecol div.rightcol ul li img,
#threecol div.leftcol ul li img {
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

#threecol div.rightcol ul li img.icons,
#threecol div.leftcol ul li img.icons {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#threecol div.rightcol ul.links01 li {
	border-bottom: none;
	padding: 2px 0 2px 12px;
}

/* === An Update from the Dean === */
#threecol div.top_deans_update {
	margin-bottom: 10px;
}

#threecol div.top_deans_update a {
	display: block;
	width: 192px;
	height: 41px;
	padding: 12px 5px 5px 7px;
	border: 1px solid #aaaaaa;
	font-size: 1.6em;
	line-height: 1.1;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(/images/bnr_deans_message.jpg) no-repeat 0 0;
}

#threecol div.top_deans_update a span {
	font-size: 0.7em;
	font-weight: normal;
}

/* IE 7/Win Hack */
*+html body #threecol div.top_deans_update a span {
	position: relative;
	top: 4px;
}

/* IE lte 6/Win Hack */
* html body #threecol div.top_deans_update a span {
	position: relative;
	top: 4px;
}


/* === Find us on === */
#threecol ul.findus_banner {
	margin: 0;
	padding: 0;
}

#threecol ul.findus_banner li {
	margin: 0 0 6px 0;
	padding: 0;
	height: 30px;
	width: 100px;
	overflow: hidden;
	float: left;
	border: none;
}

#threecol ul.findus_banner li a img {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#threecol ul.findus_banner li a {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
	zoom: 1;
}

#threecol ul.findus_banner li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	zoom: 1;
}


/* === テンプルこぼれ話Feed === */
#threecol div.comm_blog {
	background: url(/images/bg_comm_blog_btm.gif) no-repeat bottom center;
	margin-bottom: 36px;
	padding-bottom: 12px;
}

#threecol div.comm_blog h3 {
	height: 31px;
	padding: 0;
	margin: 0;
	background: url(/images/bg_comm_blog_top.gif) no-repeat top center;
	overflow: hidden;
}

#threecol div.comm_blog h3 a {
	display: block;
	margin: 6px 8px 0 8px;
	text-indent: -9999px;
	overflow: hidden;
}

#threecol div.comm_blog ul {
	padding: 0;
	margin: 0px 12px 0px 12px;
}

#threecol div.comm_blog ul li {
	border: none;
	padding: 0;
	margin: 0;
}