@charset "utf-8";
/* CSS Document */

/* -- reseter -- */
.submenu{display:none;}

#AnswerWhyRU .wrap{margin-left:632px;}
#WhyRU{cursor:pointer;}

/* -- reseter end -- */



/* close button */

.contentClose{
height:30px; width:80px;
position:absolute;
bottom:5px; right:5px;
background:url(../../img/prospective/button-close.png) no-repeat;
text-indent:-9999em;
cursor:pointer;
z-index:100;
}


div.footer{margin-top:20px;}

#prospective-index{
width:100%; height:607px;
position:relative;
}


/* HEAD */
.head{height:85px; padding-top:15px;}
.head h2{
	height:85px; width:285px;
	background:url(../../img/prospective/ps_head_why-ru-trans.png) no-repeat top left;
	font-size:1%; text-indent:-9999em;
	float:left;
}

.head #AnswerWhyRU{
float:right;
width:632px;
overflow:hidden;
}
.head #AnswerWhyRU .wrap{
width:3160px;
}
.head #AnswerWhyRU img{
display:block; float:left;
}


/* navi */
.nav{
background:url(../../img/prospective/ps_menu_bg-trans.png) repeat-y left;
color:#fff;
}

.nav li{
font-size:14px; font-weight:bold;
list-style:none outside;
float:left;
line-height:35px;
padding-right:13px; margin-right:9px;
background:url(../../img/prospective/ps_menu_separater.gif) no-repeat right center;
vertical-align:baseline;
cursor:pointer;
position:relative;
}


.nav li.active{color:#ccc;}

/* nav > submenu */
#submenuWrap{

}

#submenuWrap li{list-style:none;}

.submenu{
position:absolute;
top:0; left:0;
line-height:1;
background:url(../../img/prospective/ps_submenu_bg-fff60.png);
color:#000;
font-size:14px;
padding:6px 10px;
text-align:left;
cursor:pointer;
}

#submenuWrap #Academic-Excellence-sub	{width:330px; left:20px;}
#submenuWrap #Student-Support-sub		{width:270px; left:178px;}
#submenuWrap #Student-Life-sub			{width:290px; left:315px;}
#submenuWrap #Location-sub				{width:240px; left:422px;}
#submenuWrap #Global-Network-sub		{width:210px; left:504px;}


/* dynamicBox [ MAIN CONTENT PART ] */
#dynamicBox{height:400px;}

.dContent{
background:url(../../img/prospective/ps_dynamicBox_bg-00080.png);
height:360px;
color:#fff;
padding:20px;
}

.dContent .jScrollPaneContainer{float:left;}/* scrollerContainer */
.dContent .article{ /* leftColumn */
width:585px; height:360px;
padding-right:20px;
float:left;
overflow:hidden;
}
.dContent .student{ /* rightColumn */
width:215px; height:360px;
float:right;
overflow:hidden;
position:relative;
z-index:10;
}

.dContent .student .studentWrap{
width:645px;
}

.dContent .student .section{
width:215px;
float:left;
overflow:hidden;

}

.dContent .student .section .sec1,
.dContent .student .section .sec2,
.dContent .student .section .sec3{
height:320px;
width:205px;
padding-right:10px;
overflow:hidden;
}

.dContent .student .section p.photo{
width:190px;
height:120px;
}

.dContent .student .section .student-nav{
text-align:center;
padding-top:10px;
clear:both;
background:url(../../img/prospective/ps_student-nav_center.gif) no-repeat 96px 9px;
}
.dContent .student .section .student-nav li{
list-style:none outside;
width:20px; height:13px;
display:block!important;display:inline;
}
.dContent .student .section .student-nav li.previous{float:left; margin-left:55px;}
.dContent .student .section .student-nav li.next{float:right; margin-right:75px;}


.dContent .student .section .student-nav li span{
background-image:url(../../img/prospective/ps_student-nav.gif);
background-repeat:no-repeat;
width:20px; height:13px; display:block;
text-indent:-9999px;
cursor:pointer;
}

.dContent .student .section .student-nav li.next span{background-position:-7px 0;}
.dContent .student .section .student-nav li.previous span{background-position:0 0;}
/*.dContent .student .section .student-nav li.next span.hover{background-position:-60px -30px;}
.dContent .student .section .student-nav li.previous span.hover{background-position:0 -30px;}*/


/* left */
.dContent .article h3{
font-size:24px;
margin-bottom:15px;
}

.dContent .article h4{
font-size:18px;
margin:10px 0 5px;
}

.dContent .article p{
margin:10px 0;
}

.dContent .article .img{
display:block!important; display:inline;
float:right;
width:205px;
margin:0 0 10px 20px;
}
.dContent .article .img img{
display:block; margin-bottom:15px;
}


.dContent .article ul.link{
margin:15px 0;	
}
.dContent .article ul.link li{
font-size:12px;
line-height:1.5;
}

.dContent .article ul.link li.under-construction{
background:url(../../img/prospective/ps_article_link-arrow.gif) no-repeat 0 4px;
color:#CCC;
padding-left:17px;
}

.dContent .article ul.link a{
background:url(../../img/prospective/ps_article_link-arrow.gif) no-repeat 0 2px;
}
.dContent .article ul.link a:link,
.dContent .article ul.link a:visited{color:#0cf;}
.dContent .article ul.link a:hover{color:#f00;}

/* right */
.dContent .student h4,
.dContent .student p{
font-size:12px;
margin-bottom:20px;
}

/* absolute */
.head, .nav, #submenuWrap, #dynamicBox{position:absolute; width:920px;}
.nav{top:530px;}
#submenuWrap{top:565px;}
#dynamicBox{
top:115px; left:15px;
width:890px;
}

/* ===========================================
	background change
=========================================== */
#background{position:absolute;
width:920px; height:607px;
}

#background img{position:absolute; z-index:0;}


/* ===========================================
	Scroll Pane
============================================== */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* ------------------------------------------------
	Life in Kyoto and Kusatsu
--------------------------------------------------- */
#kyoto-kusatsu-body{
	background:url(../../img/prospective/ps_knk-bg.jpg) no-repeat 0 90px;
	padding:70px 240px 30px;
}

#kyoto-kusatsu-body #kyoto{margin-bottom:50px;}


#kyoto-kusatsu-body h3{
text-indent:-9999px;
height:50px;
background-position:top left;
background-repeat:no-repeat;
}

#kyoto-kusatsu-body #kyoto h3{ background-image:url(../../img/prospective/ps_knk-kyoto.gif);}
#kyoto-kusatsu-body #kusatsu h3{background-image:url(../../img/prospective/ps_knk-kusatsu.gif);}



#kyoto-kusatsu-body p{
margin-bottom:1em;
}