@charset "utf-8";



/*---------------------------------------
 * Base Settiong
---------------------------------------*/ 


body {
	font-family: 'Open Sans',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	-webkit-text-size-adjust: none;
	line-height: 1.7;
	webkit-text-size-adjust: 100%;
	color: #333333;
	background: #E6FFFF;
}
/* ie7 */ *:first-child+html body { font-size: 88%; /* 75%; */}
/* ie6Below */ * html body { font-size:88%; /* font-size: 75%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 88%\9;}


a{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

li{
	list-style: none;
}

.serif{
	font-family: 'Rosarivo', serif;
	
}

.mb10{	margin-bottom: 10px;}
.mb15{	margin-bottom: 15px;}
.mb20{	margin-bottom: 20px;}








/*---------------------------------------
 * Header
---------------------------------------*/


header{
	width: 100%;
	height: 60px;
	background: url(../images/temp/bg_temp-02.png) 0 0 repeat;	
	border-bottom: 2px solid #FF0000;
	position: fixed;
	top:0;
	left:0;
	z-index: 999;
}

header #header-in{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

header #header-in h1{
	width: 200px;
	height: 200px;
	position: absolute;
	top:-56px;
	left: -148px;
	z-index: 10;
}




/* Global Nav
---------------------------------------*/

header nav {
	width: 789px;
	height: 60px;
	padding: 0 0 0 199px;
}

header nav ul li{
	float: left;
}

header nav ul .n7{
	margin-right: 0;
}

header nav ul li a{
	display: block;
	height: 60px;
	background: url(../images/temp/nav_temp-01.png);
	text-indent: -9999px;
}

header nav .n1 a{
	width: 83px;
	background-position: 0 0;
}

header nav .n2 a{
	width: 116px;
	background-position: -83px 0;
}

header nav .n3 a{
	width: 132px;
	background-position: -199px 0;
}

header nav .n4 a{
	width: 116px;
	background-position: -332px 0;
}

header nav .n5 a{
	width: 151px;
	background-position: -449px 0;
}

header nav .n6 a{
	width: 95px;
	background-position: -600px 0;
}

header nav .n7 a{
	width: 95px;
	background-position: -695px 0;
}

header nav ul li a:hover{
	background-position-y: -60px;
}

#about header nav .n1 a{
	background-position-y: -60px;
}

#campuslife header nav .n2 a{
	background-position-y: -60px;
}

#howtoapply header nav .n3 a{
	background-position-y: -60px;
}

#curriculum header nav .n4 a{
	background-position-y: -60px;
}

#degree-career header nav .n5 a{
	background-position-y: -60px;
}

#sitemap header nav .n6 a{
	background-position-y: -60px;
}

#enquiry header nav .n7 a{
	background-position-y: -60px;
}




/*---------------------------------------
 * Footer
---------------------------------------*/


footer{
	width: 100%;
	background: #000631;
}




/* Footer Nav
---------------------------------------*/

footer #footer-nav{
	width: 1000px;
	margin: 0 auto;
	padding: 65px 0 80px;
	color: #FFFFFF;
	
	
}

footer #footer-nav .title{
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 400;
}

footer #footer-nav ul li{
	float: left;
	
}

footer #footer-nav ul li.fn1{
	margin-right: 53px;
}

footer #footer-nav ul li.fn2{
	margin-right: 30px;
}

footer #footer-nav ul li.fn3{
	margin-right: 63px;
}

footer #footer-nav ul li.fn4{
	margin-right: 53px;
}

footer #footer-nav ul li.fn5{
	margin-right: 42px;
}

footer #footer-nav ul li.fn6{
	margin-right: 53px;
}

footer #footer-nav ul li.fn7{
	margin-right: 53px;
}


footer #footer-nav ul li.last{
	padding-right: 0;
}

footer #footer-nav .footer-subnav{
	float: none;
	width: inherit;
}

footer #footer-nav .footer-subnav li{
	padding-right: 0;
	float: none;
	margin-top: 5px;
}

footer #footer-nav .footer-subnav li.first{
	margin-top: 20px;
}

footer #footer-nav .footer-subnav li:before{
	content:"- ";
}



/* Footer Credit
---------------------------------------*/

footer #footer-credit{
	background: url(../images/temp/bg_temp-01.gif) 0 50% repeat;
	width: 100%;
	padding:50px 0;
}

footer #footer-credit #footer-credit-in{
	width: 1000px;
	margin: 0 auto;
	color: #48558C;
	font-size: 11px;
	position: relative;
}

footer #footer-credit #footer-credit-in .footer-logo01{
	position: absolute;
	top:-5px;
	right:159px;
	width: 182px;
	height: 33px;
}

footer #footer-credit #footer-credit-in .footer-logo02{
	position: absolute;
	top:-16px;
	right:10px;
	width: 116px;
	height: 55px;
}




/*---------------------------------------
 * Main Content
---------------------------------------*/ 

#content{
	margin-top: 60px;
}







/*---------------------------------------
 * Top
---------------------------------------*/ 

.top section{
	width: 100%;
}

.top section .sec-inner{
	width: 1000px;
	height: 700px;
	margin: 0 auto;
	position: relative;
}


/* Section1
---------------------------------------*/ 

.top .sec01{
	background: url(../images/top/img_top-01.jpg) 50% 0 no-repeat #33577B;
	position: relative;
}

.top .sec01 .sec-inner .catch-copy{
	width: 819px;
	height: 354px;
	position: absolute;
	top:85px;
	left:95px;
}

.top .sec01 .sec-inner .obj{
	width: 627px;
	height: 998px;
	position: absolute;
	top:470px;
	left:-70px;
	
}

.top .sec01 .sec-inner .ln-btn{
	width: 108px;
	height: 125px;
	position: absolute;
	top:470px;
	left:448px;
	z-index: 100;
}

.top .sec01 .video-message{
	position :absolute;
	bottom:30px;
	width: 100%;
	z-index: 100;
	text-align: center;
	color: #FFFFFF;
	font-size: 22px;
}

.top .sec01 .youtube{
	position :absolute;
	bottom:-210px;
	width: 400px;
	height: 225px;
	z-index: 100;
}

.top .sec01 .youtube01{
	
	left:50%;
	margin-left: -420px;
}

.top .sec01 .youtube02{
	
	left:50%;
	margin-left: 20px;
}



/* Section2
---------------------------------------*/ 


.top .sec02{
	background: url(../images/top/img_top-02.jpg) 50% 0 no-repeat #b2b300 ;
}

.top .sec02 .sec-inner .catch-copy{
	width: 810px;
	height: 166px;
	position: absolute;
	top:294px;
	left:135px;
}

.top .sec02 .sec-inner .obj{
	width: 216px;
	height: 215px;
	position: absolute;
	bottom:-107px;
	left:50%;
	margin-left: -103px;
}





/* Section3
---------------------------------------*/ 

.top .sec03{
	background: url(../images/top/img_top-03.jpg) 50% 0 no-repeat #02b059;
}

.top .sec03 .sec-inner .catch-copy{
	width: 631px;
	height: 225px;
	position: absolute;
	top:243px;
	left:195px;
}

.top .sec03 .sec-inner .obj{
	width: 260px;
	height: 714px;
	position: absolute;
	top:-14px;
	right:-70px;
	
}

.top .sec03 .sec-inner .obj2{
	width: 159px;
	height: 91px;
	position: absolute;
	bottom:-45px;
	left:50%;
	margin-left: -79px;

}





/* Section4
---------------------------------------*/ 

.top .sec04{
	background: url(../images/top/img_top-04.jpg) 50% 0 no-repeat #CC6600;
}

.top .sec04 .sec-inner .catch-copy{
	width: 823px;
	height: 433px;
	position: absolute;
	top:138px;
	left:50%;
	margin-left: -456px;
}






/* Section5
---------------------------------------*/

.top .sec05{
	background: #E6FFFF;
	height: 400px;
}

.top .sec05 .sec-inner{
	height: auto;
	position: relative;
}

.top .sec05 .cont-index{
	position: absolute;
	top:-78px;
	background: url(../images/top/bg_top-01.png) 0 150px no-repeat;
	height: 600px;
	
}

.top .sec05 .cont-index li{
	width: 156px;
	float:left;
	padding-right: 55px;
	text-indent: -9999px;
	position: relative;
}

.top .sec05 .cont-index li.last{
	padding-right: 0;
}

.top .sec05 .cont-index li a{
	width: 156px;
	text-indent: -9999px;
	display: block;
	width: 156px;
	height: 156px;
}

.top .sec05 .cont-index .cn1 a{
	background: url(../images/top/btn_top-01.png) 0 0 no-repeat;
}

.top .sec05 .cont-index .cn2 a{
	background: url(../images/top/btn_top-01.png) -212px 0 no-repeat;
}

.top .sec05 .cont-index .cn3 a{
	background: url(../images/top/btn_top-01.png) -423px 0 no-repeat;
}

.top .sec05 .cont-index .cn4 a{
	background: url(../images/top/btn_top-01.png) -635px 0 no-repeat;
}

.top .sec05 .cont-index .cn5 a{
	background: url(../images/top/btn_top-01.png) -844px 0 no-repeat;
}


.top .sec05 .cont-index li a:hover{
	background-position-y: -162px;
}

.top .sec05 .cont-index .sub-cont-index li{
	width: 96px;
	height: 96px;
	padding: 0;
	float:none;
	position: absolute;
	top:0;
	left:0;
}

.top .sec05 .cont-index .sub-cont-index .scn1{	top:316px;	left:0;}
.top .sec05 .cont-index .sub-cont-index .scn2{	top:232px;	left:71px;}
.top .sec05 .cont-index .sub-cont-index .scn3{	top:316px;	left:139px;}
.top .sec05 .cont-index .sub-cont-index .scn4{	top:232px;	left:0;}
.top .sec05 .cont-index .sub-cont-index .scn5{	top:316px;	left:71px;}
.top .sec05 .cont-index .sub-cont-index .scn6{	top:232px;	left:139px;}
.top .sec05 .cont-index .sub-cont-index .scn7{	top:316px;	left:-219px;}
.top .sec05 .cont-index .sub-cont-index .scn8{	top:232px;	left:-148px;}
.top .sec05 .cont-index .sub-cont-index .scn9{	top:316px;	left:-81px;}
.top .sec05 .cont-index .sub-cont-index .scn10{	top:232px;	left:-10px;}
.top .sec05 .cont-index .sub-cont-index .scn11{	top:316px;	left:60px;}
.top .sec05 .cont-index .sub-cont-index .scn12{	top:232px;	left:-78px;}
.top .sec05 .cont-index .sub-cont-index .scn13{	top:316px;	left:-10px;}
.top .sec05 .cont-index .sub-cont-index .scn14{	top:232px;	left:57px;}

.top .sec05 .cont-index .sub-cont-index li a{
	background-image:none;
	width: 96px ;
	height: 96px ;
	display: block;
	padding: 0;
	border-radius: 48px;
	color: #000000;
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	position: relative;
}


.top .sec05 .cont-index .sub-cont-index li a:hover{
	color: #FFFFFF;
}

.top .sec05 .cont-index .sub-cont-index .scn1 a,
.top .sec05 .cont-index .sub-cont-index .scn2 a,
.top .sec05 .cont-index .sub-cont-index .scn3 a{	background-color: #F39F6B;}

.top .sec05 .cont-index .sub-cont-index .scn4 a,
.top .sec05 .cont-index .sub-cont-index .scn5 a,
.top .sec05 .cont-index .sub-cont-index .scn6 a{	background-color: #CF9AB3;}

.top .sec05 .cont-index .sub-cont-index .scn7 a,
.top .sec05 .cont-index .sub-cont-index .scn8 a,
.top .sec05 .cont-index .sub-cont-index .scn9 a,
.top .sec05 .cont-index .sub-cont-index .scn10 a,
.top .sec05 .cont-index .sub-cont-index .scn11 a{	background-color: #DDB340;}

.top .sec05 .cont-index .sub-cont-index .scn12 a,
.top .sec05 .cont-index .sub-cont-index .scn13 a,
.top .sec05 .cont-index .sub-cont-index .scn14 a{	background-color: #90BE54;}

.top .sec05 .cont-index .sub-cont-index .scn1 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn2 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn3 a:hover{	background-color: #D75B11;}

.top .sec05 .cont-index .sub-cont-index .scn4 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn5 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn6 a:hover{	background-color: #A75079;}

.top .sec05 .cont-index .sub-cont-index .scn7 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn8 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn9 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn10 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn11 a:hover{	background-color: #A37D1D;}

.top .sec05 .cont-index .sub-cont-index .scn12 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn13 a:hover,
.top .sec05 .cont-index .sub-cont-index .scn14 a:hover{	background-color: #6B9337;}

.top .sec05 .cont-index .sub-cont-index li a span{
	display: block;
	width: 96px;
	position: absolute;
	text-align: center;
	top:50%;
	line-height: 1;
	left:0;
	margin-top: -0.5em;
}

li a .pos2l{
	margin-top: -1em !important;
}
li a .pos3l{
	margin-top: -1.5em !important;
}

/*クリッカブルマップ*/

.top .btnmap{
	position: absolute;
	top:115px;
	left:0;
	
}

 



/* Section6
---------------------------------------*/

.top .sec06{
	width: 100%;
	height: auto !important;
	background: #E6FFFF; 
	padding-bottom: 53px;
	
}

.top .sec06 .sec-inner{
	width: 940px;
	height: auto;
	margin: 0 auto;
	background: #275157;
	padding: 45px 30px;
	
}

.top .sec06 .sec-inner .title{
	float: left;
	width: 91px;
	padding-right: 24px;
}

.top .sec06 .sec-inner .news-headline{
	float: right;
	width:825px;
}

.top .sec06 .sec-inner .news-headline dl dt{
	float: left;
	clear:both;
	font-size: 16px;
	width: 110px;
	color: #FFFFFF;
	
		
}

.top .sec06 .sec-inner .news-headline dl dd{
	color: #FFFFFF;
	padding-left: 110px;
	line-height: 2;
	margin-bottom: 8px;
}







/*---------------------------------------
 * Lower Template
---------------------------------------*/


.lower #head-visual{
	width: 100%;
	height: 160px;
	background: #29465F;
}

.lower #head-visual .head-visual-inner{
	width: 1000px;
	margin: 0 auto;
}

.lower #content-inner{
	width: 1000px;
	margin: 0 auto;
}

.lower #main{
	float: right;
	width: 658px;
	margin-top: 112px;
	margin-bottom: 60px;
}

.lower #main section{
	margin-bottom: 52px;
}

.lower #main section h3{
	margin-bottom: 30px;
}

.lower #main section .col-3 li{
	width: 200px;
	margin:0 29px 30px 0;
	float: left;
}

.faculty #main section .col-4 li{
	width: 157px;
	margin: 0 10px 30px 0;
	float: left;
}





/* Side
---------------------------------------*/ 

.lower aside{
	float: left;
	width: 182px;
	background: url(../images/about/bg_about-01.gif) 0 0 repeat-y;
	position: relative;
	top:-100px;
	z-index: 20;
	margin-left: 58px;
}

#howtoapply .lower  aside,
#sitemap .lower  aside,
#news .lower aside,
#enquiry .lower aside,
#weblogs .lower aside{
	background: none;
}

.lower aside nav ul li{
	width: 100px;
	margin: 20px auto 0;
}

.lower aside nav ul li.first{
	margin-top: 36px;
}

.lower aside nav ul li a{
	display: block;
	width: 100px;
	height: 100px;
	/*border-radius: 50px;*/
	
	line-height: 1;
	position: relative;
	/*text-align: center;*/
	
}

.lower aside nav ul li a span{
	display: block;
	width: 100px;
	text-align: center;
	position: absolute;
	top:50%;
	margin-top: -0.5em;
	font-size: 15px;
}

aside nav ul li a span.pos2l{
	margin-top: -1em !important;
}

aside nav ul li a span.pos3l{
	margin-top: -1.5em !important;
}







/* Curriculum Side
---------------------------------------*/ 

.curriculum h2{
	height: 212px;
}

.curriculum aside{
	float: left;
	width: 342px;
	background: none;
	position: relative;
	top:-100px;
	z-index: 20;
	margin-left: 0px;
}

.curriculum aside .cource{
	float: left;
	width: 100px;
}

.curriculum aside .cource nav ul li{
	width: 100px;
	margin: 20px 0 0;
}

.curriculum aside .cource nav ul li.first{
	margin-top: 0;
}

.curriculum aside .cource nav ul{
	background: url(../images/about/bg_about-01.gif) -41px -10px repeat-y;
}

.curriculum aside .session{
	margin-top: 2px;
	float: right;
	width: 175px;
	padding-right: 30px;
}

.curriculum aside .session ul li {
	border-radius: none;
	line-height: 1.3;
	font-weight: 700;
	font-size: 11px;
}



.curriculum aside .session ul li a{
	color: #000000;
	background: url(../images/curriculum/bg_curriculum-01.gif) 0 50% no-repeat;
	padding-left: 15px;
	margin-bottom: 25px;
	display: block;
}

.curriculum aside .session ul li a:hover{
	color: #FF0000;
	text-decoration: none;
	background: url(../images/curriculum/bg_curriculum-01_on.gif) 0 50% no-repeat;
}




/*---------------------------------------
 * About
---------------------------------------*/

.about aside nav ul li a{
	/*background: #F39F6B;*/
	background: url(../images/about/bg_about-100.png) 0 0 no-repeat;
}

.about aside nav ul li a:hover{
	/*background: #E84D00;*/
	background: url(../images/about/bg_about-100_on.png) 0 0 no-repeat;
}

.faculty aside nav ul .about-sn1 a{
	/*background: #E84D00;*/
	background: url(../images/about/bg_about-100_on.png) 0 0 no-repeat;
}

.aboutou aside nav ul .about-sn2 a{
	/*background: #E84D00;*/
	background: url(../images/about/bg_about-100_on.png) 0 0 no-repeat;
}

.lifeinosaka aside nav ul .about-sn3 a{
	/*background: #E84D00;*/
	background: url(../images/about/bg_about-100_on.png) 0 0 no-repeat;
}


/* Faculty
---------------------------------------*/

.faculty #main section .box{
	margin-bottom: 42px;
}

.faculty #main section .box .name{
	line-height: 1.5;
	background: url(../images/about/bg_faculty-01.gif) 0 0 no-repeat; 
	padding-left: 10px;
}

.faculty #main section .box .name1{
	color: #53A1AB;
	font-size: 11px;
	font-weight: 700;
}

.faculty #main section .box .name2{
	color: #53A1AB;
	font-size: 15px;
	font-weight: 700;
}

.faculty #main section .box .name3{
	color: #B3CED3;
	font-size: 14px;
	font-weight: 100;
}

.faculty #main section .box .text{
	float: right;
	width: 420px;
}

.faculty #main section .box .text .name{
	margin-bottom: 15px;
}

.faculty #main section .box .photo{
	width: 200px;
	float: left;
}

.faculty #main section ul li img{
	display: block;
	line-height: 1;
}

.faculty #main section ul li .class{
	font-size: 9px;
	background: #C8BB9B;
	padding: 2px 9px;
}

.faculty #main section ul li .name1{
	color: #53A1AB;
	font-size: 11px;
	font-weight: 100;
	background: #DDECEE;
	padding: 7px 4px 1px;
	line-height: 1.1;
}

.faculty #main section ul li .name2{
	color: #53A1AB;
	font-size: 13px;
	font-weight: 700;
	background: #DDECEE;
	padding: 1px 4px 9px;
}

.faculty #main .sec03 ul li .name2{
	color: #53A1AB;
	font-size: 13px;
	font-weight: 700;
	background: #DDECEE;
	padding: 0 4px 3px;
	line-height: 1;
}



.faculty #main .sec03 ul li .name2{
	color: #53A1AB;
	font-size: 13px;
	font-weight: 700;
	background: #DDECEE;
	padding: 0 4px 3px;
	line-height: 1;
}

.faculty #main section ul li .name3{
	color: #333333;
	font-size: 9px;
	font-weight: 100;
	background: #DDECEE;
	padding: 0 4px 9px;
	line-height: 1.6;
}





/* About O.U.
---------------------------------------*/

.aboutou #main section .box{
	margin-bottom: 42px;
}

.aboutou #main .sec01 .box .photo{
	margin-bottom: 10px;
}

.aboutou #main section .box .text .indent{
	text-indent: 1em;
}

.aboutou #main section ul li figcaption{
	text-align: right;
	color:#37727a;
}

.aboutou #main section ul li .small-font{
	font-size: 10px;
}

.aboutou #main .sec03 .box .text{
	margin-bottom: 42px;
}





/* Life In Osaka
---------------------------------------*/

.lifeinosaka #main .sec01 .box .text{
	margin-bottom: 42px;
}

.lifeinosaka #main .q-a dt{
	background: url(../images/about/bg_lifeinosaka-01.gif) 0 0 no-repeat;
	width:578px;
	height: 36px;
	padding: 47px 20px 0;
	color: #C30C21;
	line-height: 1.3;
	margin-bottom: 20px;
}

.lifeinosaka #main .q-a dt.additional{
	padding-top: 40px;
	height: 43px;
}

.lifeinosaka #main .q-a dd{
	background: url(../images/about/bg_lifeinosaka-02.gif) 0 0 no-repeat;
	width: 578px;
	height: 66px;
	padding: 47px 20px 0;
	color: #151A60;
	line-height: 1.3;
	margin:0 0 40px 40px;
 }
 
 
 
 
 
 
 /*---------------------------------------
  * How To Apply
 ---------------------------------------*/ 
 
 
 .howtoapply #main h4{
	 background: url(../images/howtoapply/bg_howtoapply-01.gif) 0 50% no-repeat;
	 font-size: 15px;
	 color: #53A1AB;
	 padding-left: 10px;
	 margin-bottom: 20px;
 }
 
  .howtoapply #main .box{
	  margin-bottom: 40px;
  }
  
  .howtoapply #main .box a{
	  color: #FF3F00;
  }
  
  .howtoapply #main .box .pdf-link .text{
	  float: left;
	  width: 440px;
  }
  
  .howtoapply #main .box .pdf-link .pdf{
	  float: right;
	  width: 200px;
	  color: #52A1AA;
	  font-size: 10px;
	  padding-top: 20px;
  }
  
  .howtoapply #main .box .pdf-link .pdf01{
	  padding-top: 0px;
  }
  
  
  
  .howtoapply #main .additional{
	  text-indent: -20px;
	  margin-left: 20px;
  }
  
  .howtoapply #main .additional2{
	  
	  margin-left: 20px;
  }
 
  .howtoapply #main .additional span{
	   padding-right: 10px;
   }
   
  .howtoapply #main .box dl{
	  margin-left: 20px;
  }
   
  .howtoapply #main .box dl dt{
	  float: left;
	  clear: both;
	  width: 133px;
	  padding-right: 20px;
	  margin-bottom: 5px;
  }
  
  .howtoapply #main .box dl dd{
	  padding-left: 153px;
	  margin-bottom: 5px;
  }
  
  
  
  
  
  
  
/*---------------------------------------
 * Campus Life 
---------------------------------------*/ 


.campuslife aside nav ul li a{
	/*background: #CF9AB3;*/
	background: url(../images/campuslife/bg_campuslife-100.png) 0 0 no-repeat;
}

.campuslife aside nav ul li a:hover{
	/*background: #A75079;*/
	background: url(../images/campuslife/bg_campuslife-100_on.png) 0 0 no-repeat;
}

.testimonials aside nav ul .about-sn1 a{
	/*background: #A75079;*/
	background: url(../images/campuslife/bg_campuslife-100_on.png) 0 0 no-repeat;
}

.support aside nav ul .about-sn2 a{
	/*background: #A75079;*/
	background: url(../images/campuslife/bg_campuslife-100_on.png) 0 0 no-repeat;
}

.club aside nav ul .about-sn3 a{
	/*background: #A75079;*/
	background: url(../images/campuslife/bg_campuslife-100_on.png) 0 0 no-repeat;
}



/* Testimonials
---------------------------------------*/ 

.testimonials #main .box h4{
	background: url(../images/campuslife/bg_testimonials-01.gif) 0 100% no-repeat;
	color: #53A1AB;
	font-size: 15px;
	line-height: 1.3;
	padding-left: 10px;
	margin-bottom: 20px;
}

.testimonials #main .box h4 span{
	display: block;
	color: #B3CED3;
	font-weight: 100;
	font-size: 13px;
	margin-top: 3px;
}

.testimonials #main .box{
	  margin-bottom: 40px;
 }
 
 .testimonials #main .box .indent{
	 text-indent: 0.5em;
 }
 
.testimonials #main .box .youtube01{
	float: left;
	width: 319px;
}

.testimonials #main .box .youtube02{
	float: right;
	width: 319px;
}
 
 
 
/* Support
---------------------------------------*/ 

.support #main .box a{
	  color: #FF3F00;
  }
  
.support #main .box table{
	width: 658px;
	margin-top: 40px;
}

.support #main .box table tr th{
	background: url(../images/campuslife/bg_support-01.gif) 0 0 no-repeat #CF9AB3;
	font-weight: 400;
}

.support #main .box table tr .span1{
	width: 354px;
	border-right:3px solid #E6FFFF;
	
}

.support #main .box table tr .span2,
.support #main .box table tr .span3{
	width: 149px;
}

.support #main .box table tr .span2{
	border-right:3px solid #E6FFFF;
}

.support #main .box table tr td{
	padding: 8px 0 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right:3px solid #E6FFFF;
}
 
.support #main .box .photo{
	margin-top: 40px;
}





/* Club
---------------------------------------*/ 

.club #main .box .photo{
	float: left;
	width: 200px;
}

.club #main .box .photo img{
	line-height: 1;
	padding-bottom: 20px;
}

.club #main .box .text{
	float: right;
	width: 420px;
}
  
  
  
  
  
  
/*---------------------------------------
 * Degree & Career 
---------------------------------------*/ 


.degree-career aside nav ul li a{
	/*background: #90BE54;*/
	background: url(../images/degree-career/bg_degree-career-100.png) 0 0 no-repeat;
}

.degree-career aside nav ul li a:hover{
	/*background: #56762C;*/
	background: url(../images/degree-career/bg_degree-career-100_on.png) 0 0 no-repeat;
}

.program aside nav ul .about-sn1 a{
	/*background: #56762C;*/
	background: url(../images/degree-career/bg_degree-career-100_on.png) 0 0 no-repeat;
}

.degree aside nav ul .about-sn2 a{
	/*background: #56762C;*/
	background: url(../images/degree-career/bg_degree-career-100_on.png) 0 0 no-repeat;
}

.fees aside nav ul .about-sn3 a{
	/*background: #56762C;*/
	background: url(../images/degree-career/bg_degree-career-100_on.png) 0 0 no-repeat;
}





/* Program
---------------------------------------*/ 


.program #main .box .list-image{
	margin: 40px 0;
}

.program #main .sec02 .box .text{
	float: left;
	width: 420px;
}

.program #main .sec02 .box .photo{
	width: 200px;
	float: right;
}




/* Degree
---------------------------------------*/ 

.degree #main .box a{
	  color: #FF3F00;
}
  
.degree #main .box1{
	margin-bottom: 40px;
}

.degree #main .box1 .text{
	margin: 25px 0;
}
 

.degree #main .box2 .text{
	width: 420px;
	float: left;
}

.degree #main .box2 .photo{
	width: 200px;
	float: right;
}


.degree #main .box2 .photo img{
	padding-bottom: 10px;
}




/* Fees
---------------------------------------*/ 

.fees #main .box .photo{
	margin-bottom: 40px;
}







/*---------------------------------------
 * Curriculum 
---------------------------------------*/ 

.curriculum aside nav ul li a{
	/*background: #DDB340;*/
	background: url(../images/curriculum/bg_curriculum-100.png) 0 0 no-repeat;
}

.curriculum aside nav ul li a:hover{
	/*background: #95741C;*/
	background: url(../images/curriculum/bg_curriculum-100_on.png) 0 0 no-repeat;
}

body.chemistry aside nav ul .about-sn1 a{
	/*background: #95741C;*/
	background: url(../images/curriculum/bg_curriculum-100_on.png) 0 0 no-repeat;
}

body.biology aside nav ul .about-sn2 a{
	/*background: #95741C;*/
	background: url(../images/curriculum/bg_curriculum-100_on.png) 0 0 no-repeat;
}

body.physics aside nav ul .about-sn3 a{
	/*background: #95741C;*/
	background: url(../images/curriculum/bg_curriculum-100_on.png) 0 0 no-repeat;
}

body.mathmatics aside nav ul .about-sn4 a{
	/*background: #95741C;*/
	background: url(../images/curriculum/bg_curriculum-100_on.png) 0 0 no-repeat;
}

body.other aside nav ul .about-sn5 a{
	/*background: #95741C;*/
	background: url(../images/curriculum/bg_curriculum-100_on.png) 0 0 no-repeat;
}





.curriculum #main .tabs ul li{
	float: left;
	margin-right: 15px;
	font-weight: 700;
	margin-bottom: 42px;
	
}

.curriculum #main .tabs ul li a{
	color: #000000;
	padding: 0 14px 12px;
	background: url(../images/curriculum/bg_curriculum-01.gif) 0 1px no-repeat;
}

.curriculum #main .tabs ul li a:hover{
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #FF0000;
	background: url(../images/curriculum/bg_curriculum-01_on.gif) 0 1px no-repeat;
}

.curriculum #main h3{
	font-size: 30px;
	background: url(../images/curriculum/bg_curriculum-02.gif) 0 28px repeat-x;
	font-weight: 300;
}

.curriculum #main h4{
	background: url(../images/curriculum/bg_curriculum-03.gif) 0 100% no-repeat;
	font-size: 15px;
	color: #53A1AB;
	padding-left: 15px;
	margin-bottom: 30px;
}

.curriculum #main .cont{
	margin-bottom: 40px;
}

.curriculum .under-maintenance{
	font-size: 15px;
	color: #53A1AB;
	font-weight: 700;
}


/* Cont3
---------------------------------------*/ 

.curriculum #main .cont3 .post .text{
	float: left;
	width: 420px;
}

.curriculum #main .cont3 .post .photo{
	float: right;
	width: 200px;
}



/* Cont4
---------------------------------------*/ 

.curriculum #main .cont4 table{
	margin-top: 40px;
}

.curriculum #main .cont4 table tr th{
	background: url(../images/curriculum/bg_curriculum-04.gif) 0 0 no-repeat #008C8C;
	font-weight: 400;
	color:#FFFFFF;
}

.curriculum #main .cont4 table tr .span1{
	width: 64px;
	border-right:5px solid #E6FFFF;
}

.curriculum #main .cont4 table tr .span2{
	width: 79px;
	border-right:5px solid #E6FFFF;
}

.curriculum #main .cont4 table tr .span3{
	width: 386px;
	border-right:5px solid #E6FFFF;
}

.curriculum #main .cont4 table tr .span4{
	width: 113px;
	
}

.curriculum #main .cont4 table tr td{
	padding: 8px 10px 4px;
	border-bottom: 1px solid #CCCCCC;
	border-right :5px solid #E6FFFF;
}

.curriculum #main .cont4 table tr .center{
	text-align: center;
}

.curriculum #main .cont4 table tr .last{
	border-right:none;
}

.curriculum #main .cont4 .free_space{
	margin-top: 40px;
}




/* Cont6
---------------------------------------*/

.curriculum #main .cont6 .text{
	float: right;
	width: 420px;
}

.curriculum #main .cont6 .photo{
	width: 200px;
	float: left;
}

.curriculum #main .cont6 .text .instructor{
	margin-bottom: 10px;
}

.curriculum #main .cont6 .text .title{
	color: #7EACB6;
	line-height: 1.3;
}

.curriculum #main .cont6 .text .name{
	color: #53A1AB;
	font-size: 15px;
	font-weight: 700;
}

.curriculum #main .cont6 .text .credits{
	background: url(../images/curriculum/txt_curriculum-01.gif) 0 1px no-repeat;
	padding-left: 70px;
	margin-bottom: 10px;
}

.curriculum #main .cont6 .text .message{
	margin-bottom: 20px;
}

.curriculum #main .cont6 .text .homepage .personal-hp{
	color: #FF3F00;
	letter-spacing: 2px;
	background: url(../images/curriculum/bg_curriculum-05.gif) 0 5px no-repeat;
	padding-left: 12px;
}

.curriculum #main .cont6 .text .homepage a{
	color: #000000;
}






/*---------------------------------------
 * News
---------------------------------------*/ 

#news #main section article{
	padding-top: 60px;
}

#news #main section article h4{
	color: #53A1AB;
	font-size: 15px;
	background: url(../images/news/bg_news-01.gif) 0 100% no-repeat;
	line-height: 1.3;
	padding-left: 10px;
	margin-bottom: 15px;
}

#news #main section article .post{
	line-height: 1.9;
}





/* Page Navi
---------------------------------------*/ 

#news .wp-pagenavi {
	clear: both;
	margin-top: 60px;
}

#news .wp-pagenavi a,#news .wp-pagenavi span {
	text-decoration: none;
	color:#78aeb2;
	border: none;
	padding: 3px 5px;
	margin: 2px;
}

#news .wp-pagenavi span{
	border: 1px solid #53A1AB;
}

#news .wp-pagenavi a:hover,#news  .wp-pagenavi span.current {
	color: #39767E;
	border: none;
}

#news .wp-pagenavi span.current {
	font-weight: bold;
}






/*---------------------------------------
 * Sitemap
---------------------------------------*/ 

#sitemap #main section a{
	color: #333333;
	
}


#sitemap .color-chemistry{
	color: #FF4C4C !important;
}

#sitemap .color-biology{
	color: #00D835 !important;
}

#sitemap .color-physics{
	color: #3F00FF !important;
}

#sitemap .color-mathematics{
	color: #D800D8 !important;
}

#sitemap .color-others{
	color: #00D8D8 !important;
}





/* Colum1
---------------------------------------*/ 

#sitemap #main section .colum1{
	width: 60px;
	float: left;
}

#sitemap #main section .colum1 p a{
	line-height: 1;
	display: block;
	width: 60px;
	background: url(../images/sitemap/bg_sitemap-01.gif) 100% 50% no-repeat;
}


/*ブラウザ調整*/

.firefox #main section .colum1 p {
	margin-top: 1px
}




/* Colum2 Current
---------------------------------------*/ 


#sitemap #main section .colum2{
	width: 323px;
	float: left;
}



#sitemap #main section .colum2 ul li{
	background: url(../images/sitemap/bg_sitemap-02.gif) 0 0 no-repeat;
	line-height: 1;
	position: relative;
	
}

#sitemap #main section .colum2 ul li.current-about,
#sitemap #main section .colum2 ul li.current-campuslife,
#sitemap #main section .colum2 ul li.current-degree-career{
	padding-bottom: 90px;
}

#sitemap #main section .colum2 ul li.current-howtoapply,
#sitemap #main section .colum2 ul li.current-sitemap{
	padding-bottom: 60px;
}

#sitemap #main section .colum2 ul li.current-curriculum{
	padding-bottom: 150px;
}


	

#sitemap #main section .colum2 ul li a{
	background: url(../images/sitemap/bg_sitemap-01.gif) 0 50% no-repeat;
	padding-left: 18px;
}

#sitemap #main section .colum2 ul li.first a{
	background: url(../images/sitemap/bg_sitemap-03.gif) 0 3px no-repeat;
}

#sitemap #main section .colum2 ul li.last a{
	background: url(../images/sitemap/bg_sitemap-04.gif) 0 3px no-repeat;
}







/* Colum2 Child
---------------------------------------*/ 


#sitemap #main section .colum2 ul li ul{
	position: absolute;
	top:0;
	left:155px;
	margin-left: -10px;
}

#sitemap #main section .colum2 ul li ul li{
	padding-bottom: 10px;
	background-position: 10px 0;
}

#sitemap #main section .colum2 ul li ul li.last{
	padding-bottom: 0;
}

#sitemap #main section .colum2 ul li ul li a{
	background: url(../images/sitemap/bg_sitemap-01.gif) 10px 50% no-repeat !important;
	padding-left: 30px;
}

#sitemap #main section .colum2 ul li ul li.first a{
	background: url(../images/sitemap/bg_sitemap-05.gif) 0 50% no-repeat !important;
}

#sitemap #main section .colum2 ul li ul li.last a{
	background: url(../images/sitemap/bg_sitemap-04.gif) 10px 5px no-repeat !important;
}





/* Colum3
---------------------------------------*/


#sitemap #main section .colum3{
	width: 265px;
	float: left;
	padding-left: 10px;
}

#sitemap #main section .colum3 div{
	margin-bottom: 30px;
}

#sitemap #main section .colum3 p{
	line-height: 1;
	margin-bottom: 10px;
}

#sitemap #main section .colum3 ul li{
	background: url(../images/sitemap/bg_sitemap-02.gif) 0 0 no-repeat;
	line-height: 1;
	position: relative;
	padding-bottom: 10px;
	
}

#sitemap #main section .colum3 ul li.last{
	background: url(../images/sitemap/bg_sitemap-02.gif) 0 0 no-repeat;
	line-height: 1;
	padding-bottom: 0;
	
}

#sitemap #main section .colum3 ul li a{
	background: url(../images/sitemap/bg_sitemap-01.gif) 0 50% no-repeat;
	padding-left: 18px;
	
}

#sitemap #main section .colum3 ul li.first a{
	background: url(../images/sitemap/bg_sitemap-03.gif) 0 3px no-repeat;
}

#sitemap #main section .colum3 ul li.last a{
	background: url(../images/sitemap/bg_sitemap-04.gif) 0 3px no-repeat;
}

#sitemap #main section .colum3 .class5 ul li{
	background: none;
}

#sitemap #main section .colum3 .class5 ul li a{
	background: url(../images/sitemap/bg_sitemap-01.gif) 0 50% no-repeat !important;

}






/*---------------------------------------
 * Weblogs
---------------------------------------*/ 

#weblogs #main section article{
	margin-bottom: 80px !important;
}

#weblogs #main section article.last{
	margin-bottom:0px;
}

#weblogs #main section article h4{
	color: #53A1AB;
	font-size: 15px;
	background: url(../images/news/bg_news-01.gif) 0 100% no-repeat;
	line-height: 1.3;
	padding-left: 10px;
	margin-bottom: 15px;
}

#weblogs #main section article h4 a{
	color: #53A1AB;
}

#weblogs #main section article .post{
	line-height: 1.9;
	word-break: break-word;
}

#weblogs aside .avatar{
	width: 170px;
	height: 170px;
	position: relative;
	border-radius: 50%;
	margin: 30px 0;
}
/*
#weblogs aside .avatar .frame{
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}

*/

#weblogs aside .author-prof{
	margin-bottom: 50px;
	word-break: break-word;
}


#weblogs aside .author-name {
	font-weight: 700;
	font-size: 15px;
	color: #53A1AB;
	margin-bottom: 10px;
}

#weblogs aside .author-title{
	color: #53A1AB;
	font-size: 12px;
	font-weight: 300;
}

#weblogs aside .categories .category{
	color: #53A1AB;
	font-size: 15px;
	margin-bottom: 15px;
}


#weblogs aside .categories a{
	color: #53A1AB;
}



/* 記事整形
---------------------------------------*/ 


#weblogs .post .alignnone{
	margin: 15px 0;
}

#weblogs .post .aligncenter{
	margin: 15px auto;
	display: block;
}

#weblogs .post img.alignleft{
	margin: 15px 20px 15px 0;
	display: inline;
	float: left;
}

#weblogs .post .alignright{
	margin: 15px 0 15px 20px;
	display: inline;
	float: right;
}

#weblogs .post ul li{
	list-style:disc;
	margin-left: 1.5em;
}

#weblogs .post ol li{
	list-style:decimal;
	margin-left: 1.5em;
}

#weblogs .post h1{
	font-size: 2em;
	color: #53A1AB;
}

#weblogs .post h2{
	font-size: 1.8em;
	color: #53A1AB;
}

#weblogs .post h3{
	font-size: 1.5em;
	color: #53A1AB;
	margin-bottom: 0 !important;
}

#weblogs .post h4{
	font-size: 1.3em;
	color: #53A1AB;
	background: none !important;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	
	
}

#weblogs .post h5{
	font-size: 1.17em;
	color: #53A1AB;
}

#weblogs .post h6{
	font-size: 1em;
	color: #53A1AB;
}






/* Page Navi
---------------------------------------*/ 

#weblogs .wp-pagenavi {
	clear: both;
	margin-top: 60px;
}

#weblogs .wp-pagenavi a,#weblogs .wp-pagenavi span {
	text-decoration: none;
	color:#78aeb2;
	border: none;
	padding: 3px 5px;
	margin: 2px;
}

#weblogs .wp-pagenavi span{
	border: 1px solid #53A1AB;
}

#weblogs .wp-pagenavi a:hover,#weblogs .wp-pagenavi span.current {
	color: #39767E;
	border: none;
}

#weblogs .wp-pagenavi span.current {
	font-weight: bold;
}






/* Page Navi（Single Page)
---------------------------------------*/ 

#weblogs .nav-below{
	text-align: center;
}

#weblogs .nav-below .nav-previous,
#weblogs .nav-below .nav-next{
	width: 40%;
	display: inline-block;
}

#weblogs .nav-below .nav-previous{
	text-align: left;
}

#weblogs .nav-below .nav-next{
	text-align: right;
}

#weblogs .nav-below a{
	color: #FF3F00;
	 
}