@charset "utf-8";

/*******************************************************************************
 *      
 *  Web Site  : http://www.ritsumei.ac.jp/se2012/re/
 *  Modified  : 2011.10.20
 *  Description : 理工学部 電気電子工学科 レイアウト用CSS
 *
 *******************************************************************************/



/* Layout
*******************************************************************************/

/* 基本レイアウト */

/*DOM

+body
+-#all
+--#global_header
+--#header
+--#content
+---#main
+---#sub
+-#footer
+-#global_footer
*/

html{
background:url(/se2012/re/ee/eng/common/img/common/bg-html.jpg) repeat 50% 0;
height:100%;
}
body{
height:100%;
background:url(/se2012/re/ee/eng/common/img/common/bg-body.jpg) repeat-x 1px 0;
font-family:sans-serif, Helvetica, Arial, ;
}

#all {
/*height:100%;*/
width:960px;
background:url(/se2012/re/ee/eng/common/img/common/bg-all.jpg) repeat-y right 0;
margin:0 auto 0;
text-align:left;
padding:0;
}

#header{
position: absolute;
top:0;
left:0;
height:225px;
width:960px;
zoom:1;
z-index:10;
}


#content{
position: relative;
clear:both;
background:url(/se2012/re/ee/eng/common/img/common/bg-content.jpg) no-repeat right 0;
min-height:705px;
height:auto !important;
height:705px;
padding: 0 0 40px 0;
}
#main{
float:left;
width:640px;
margin-top:265px;
}
#sub{
float:left;
width:220px;
}

#footer{
position: relative;
border-top:8px solid #d7d7d7;
width:640px;
padding-top:15px;
padding-bottom:30px;
color: #666666;
}


.section{clear:both;}
hr{clear:both;}

#noJs {
width: 960px;
border: 5px solid #900;
font-size:1.6em;
color: #666666;
margin: 0 auto 15px;
text-align:center;
padding: 10px;
}

address strong{
	font-size:1.3em;
	color:#000;
}

#main .surround {
    background: none repeat scroll 0 0 #EBEBEB;
    padding: 0 20px 10px;
	margin-bottom:20px;
}

#main .surround h5{
    padding-top: 10px;
	margin:0 0 10px 0;
}

#main .surround ol,#main .surround ul{
	margin:0 0 10px 0;
}

.red{
	color:#990000;
}


/* 各要素基本レイアウト */
#main a{}
#main a:link{color:#006699;text-decoration:underline;}
#main a:visited{color:#006699;text-decoration:underline;}
#main a:hover{color:#990000;background:#F2F2F2;text-decoration:underline;}
#main a:active{color:#990000;background:#F2F2F2;text-decoration:underline;}

#main h3{
    background: none repeat scroll 0 0 #E5E5E5;
    border-bottom: medium none;
    border-left: 10px solid #FF7F00;
    border-top: medium none;
    clear: both;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 3px 12px 3px;
	font-family:sans-serif, Helvetica, Arial!important;
}

#main h4 {
    clear: both;
    font-size: 1.6em;
	font-weight:bold;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 40px;
	color:#5b9d05;
}

#logo{
position:absolute;
top:35px;
left:0;
}

#renewal_appeal{
position:absolute;
top:118px;
left:0;
}
#department_navigation{
position:absolute;
top:158px;
left:0;
margin-left:0;
}
#department_navigation ul{
margin-top:8px;
height:67px;
width:960px;
}
#department_navigation ul li{
margin-left:0;
}
#department_navigation ul li a,
#department_navigation ul li a:hover{
border:0 !important;
}

#header_sup_nav{
top:8px;
}
#header_sup_nav li{
float:left;
display:inline;
margin-left:10px;
padding-left:10px;
border-left:1px solid #CCC;
line-height:1;
}
#header_sup_nav li.firstChild{
border-left:0;
}
#header_sup_nav li a{
color:#666;
}
#header_sup_nav li a:hover{
color:#900;
text-decoration:underline;
}
#header_sup_nav li.n_sup_lang{
line-height:0;
margin-top:-1px;
}

#cboxTitle {
}

#cboxLoadedContent {
	margin-top:60px!important;
}

#main table caption {
    color: #000;
    font-size: 1.1em;
	padding:10px 0;
}


/* ================================================= 
	HOME
==================================================== */

body.home #all{
background:url(/se2012/re/ee/eng/common/img/home/home-bg-all.jpg) repeat-y right 0;
height:100%;
}
body.home #content{
/*background:url(/se2012/re/ee/eng/common/img/home/home-bg-content.jpg) no-repeat 0 0;
min-height:750px;
height:auto !important;
height:750px;*/
>padding-bottom: 0;	/* for IE6-7 */
}
body.home #main{
float:left;
width:500px;
}
body.home #sub{
position:absolute;
width:400px;
top:710px;
right:0;
float:none;
}
body.home #footer{
width:500px;
padding-top:0;
border:none;
}
body.home #back_to_top{display:none;}



body.home #header_sup_nav li{
display:block;
}
body.home #main #main-images{
margin-bottom:30px;
height:249px !important;
}
body.home #main #main-images li{
background:none;
margin:0;
padding:0;
}
body.home #main #home_news{
width:500px;
}
body.home #main #home_news h2{
border-bottom:2px solid #0094c3;
}
body.home #main #home_news .sub-link{
top:16px;
}
body.home #main #home_news ul{
border:0;
height: 180px;
}
body.home #main #home_news ul li{
width:470px;
}
body.home #bnr-area{
background:url(/se2012/re/ee/eng/common/img/home/home-bg-bnr.jpg) no-repeat 0 0;
}
body.home #bnr-area ul li{
float:left;
margin:13px 10px 0;
padding-bottom:12px;
display: inline;
}



/* ================================================= 
	outline
==================================================== */

.outline #main table td ul{
margin-bottom:0;
margin-top:10px;
font-size:0.833em;
}
.outline #main table td ul li{
background: url("/se2012/re/ee/eng/common/img/curriculum/curriculum-circle-01.gif") no-repeat 0 1px;
color:#333;
}
.outline #main table td strong{
color:#a61903;
}


/* ================================================= 
	curriculum
==================================================== */

.curriculum #main #subject-list h4{
margin-bottom:8px;
}
.curriculum #main #subject-list ul{
float:left;
width:305px;
margin-right:15px;
margin-bottom:5px;
}
.curriculum #main #subject-list ul li{
border-bottom:1px solid #D2D2D2;
color:#333;
}

.curriculum #main #grade1 ul li{ background: url("/se2012/re/ee/eng/common/img/curriculum/curriculum-circle-01.gif") no-repeat 0 1px;}
.curriculum #main #grade2 ul li{ background: url("/se2012/re/ee/eng/common/img/curriculum/curriculum-circle-02.gif") no-repeat 0 1px;}
.curriculum #main #grade3 ul li{ background: url("/se2012/re/ee/eng/common/img/curriculum/curriculum-circle-03.gif") no-repeat 0 1px;}
.curriculum #main #grade4 ul li{ background: url("/se2012/re/ee/eng/common/img/curriculum/curriculum-circle-04.gif") no-repeat 0 1px;}


.curriculum #main table{
margin-bottom:0;
}
.curriculum #main table td{
vertical-align:top;
}
.curriculum #main table td ul{
margin-bottom:0;
}
.curriculum #main table td li{
line-height:1.2;
margin-bottom:3px;
}

.curriculum #main .qualification_list{
float:left;
width:160px;
}



/* ================================================= 
	faculty
==================================================== */

.faculty #main .innerbox{
}

.faculty #main .professer-box{
background:url(/se2012/re/ee/eng/common/img/faculty/faculty-bg-professer-box.jpg) no-repeat 0 bottom;
width:310px;
float:left;
margin-right:20px;
margin-bottom:20px;
}
.faculty #main .professer-box a{
text-decoration:none;
}
.faculty #main .professer-box a:hover{
text-decoration:underline;
background:#FFF;
}
.faculty #main .name{
margin-bottom:0;
}
.faculty #main .mail{
background:url(/se2012/re/ee/eng/common/img/faculty/faculty-bg-professer-box-mail.gif) no-repeat 0 0;
padding-top:3px;
padding-bottom:5px;
margin-bottom:5px;
}
.faculty #main .mail a{
color:#FFF;
text-decoration:none;
margin-left:40px;
}
.faculty #main .mail a:hover{
color:#FFF;
text-decoration:underline;
background:none;
}
.faculty #main .office,
.faculty #main .theme,
.faculty #main .keywords,
.faculty #main .profile{
margin-left:10px;
margin-right:10px;
margin-bottom:6px;
padding-left:80px;
padding-bottom:4px;
font-size:1.1em;
zoom:1;
line-height:1.3em;
}

.faculty #main .theme{
	min-height:29px;
	_height:29px;
}


.faculty #main .office{background:url(/se2012/re/ee/eng/common/img/faculty/faculty-professer-icon_center.gif) no-repeat 0 0;}
.faculty #main .theme{background:url(/se2012/re/ee/eng/common/img/faculty/faculty-professer-icon_theme.gif) no-repeat 0 0;}
.faculty #main .keywords{background:url(/se2012/re/ee/eng/common/img/faculty/faculty-professer-icon_keyword.gif) no-repeat 0 0;}
.faculty #main .profile{background:url(/se2012/re/ee/eng/common/img/faculty/faculty-professer-icon_profile.gif) no-repeat 0 0;}

.faculty #main .no-link{
color:#FFF;
padding-left:40px;
}


.faculty #colorbox .innerbox{
padding:15px;
width:400px;
background:url(/se2012/re/ee/eng/common/img/common/bg-html.jpg) repeat 50% 0;
}
.faculty #colorbox .innerbox p{
font-size:1.2em;
line-height:1.6;
margin-bottom:15px;
}
.faculty #colorbox .innerbox .left{
float:left;
}
.faculty #colorbox .innerbox .photo-box{
border-top:3px double #D2D2D2;
padding-top:15px;
font-size:1em;
}
.faculty #colorbox .innerbox .photo-box p{
margin-bottom:0;
font-size:1em;
}
.faculty #colorbox .innerbox .photo-box img{
margin:0 15px 5px 0;
}





/* ================================================= 
	course
==================================================== */


.course #main h4{
background:#ededed;
border-top:5px solid #f8b75f; 
margin-top:25px;
margin-bottom:0;
}
.course #main h4 a{
background:url(/se2012/re/ee/eng/common/img/course/course-plusminus.gif) no-repeat 614px 0 ;
display:block;
}
.course #main h4 a:hover{
background:url(/se2012/re/ee/eng/common/img/course/course-plusminus.gif) no-repeat 614px -78px ;
}
.course #main h4.active a{
background:url(/se2012/re/ee/eng/common/img/course/course-plusminus.gif) no-repeat 614px -40px ;
}
.course #main h4.active a:hover{
background:url(/se2012/re/ee/eng/common/img/course/course-plusminus.gif) no-repeat 614px -118px ;
}

.course #main ul{
float:left;
width:160px;
font-size:1em;
}
.course #main li{
color:#333;
}

.course #main .courselist-eee h5,
.course #main .courselist-ph h5{
height:23px;
padding-left:155px;
font-size:1.4em;
font-weight:normal;
padding-top:5px;
}
.course #main .courselist-eee h5{background:url(/se2012/re/ee/eng/common/img/course/course-h5-eee.gif) no-repeat 0 0 ;}
.course #main .courselist-ph h5{background:url(/se2012/re/ee/eng/common/img/course/course-h5-ph.gif) no-repeat 0 0 ; margin-top:30px;}

.course #main .courselist h5{margin-bottom:15px;}
.course #main .courselist h6{margin-top:0;}

.course #main .courselist-eee li{background: url("/se2012/re/ee/eng/common/img/course/course-circle-eee.gif") no-repeat 0 1px;}
.course #main .courselist-ph li{background: url("/se2012/re/ee/eng/common/img/course/course-circle-ph.gif") no-repeat 0 1px;}

/* ================================================= 
	research
==================================================== */

.research #main #reBox01 ul.left{
	width:46%;
	margin:0;
}

.research #main #reBox01 ul.right{
	width:46%;
	margin:0;
}

.research #reBox02 ul.left{
	width:46%;
	margin:0;
}

.research #reBox02 ul.right{
	width:46%;
	margin:0;
}

.research #reBox03 p#button{
	padding-left:280px;
}

.research #reBox03 p#button a{
	background: no-repeat url("/se2012/re/ee/eng/common/img/research/e-renext_btn_o.gif") ;
	width:71px;
	height:18px;
	display:block;
	text-indent:-9999px;
}

.research #reBox03 p#button a.active{
	background: no-repeat url("/se2012/re/ee/eng/common/img/research/e-renext_btn.gif") ;
}

/* ================================================= 
	highschool
==================================================== */
.highschool #main .digest{
width:305px;
float:left;
clear:none;
margin-right:30px;
margin-bottom:20px;
}
.highschool #main digest2{
clear:both;
float:left;
}
.highschool #main .digest h4{
margin-top:20px;
}

.highschool #main .digest2 h4{
margin-top:0px;
}

.highschool #main table thead th{
text-align:center;
}


/* ================================================= 
	graduate
==================================================== */
.graduate #main h2{
	margin-bottom:5px;
}

.graduate #main p.title{
	font-size:1.7em;
	margin-bottom:40px;
	color:#555;
	padding-left:3px;
}

.graduate #main #gsBox03 table {
	margin-bottom:10px;
}

.graduate #main table th{
	text-align:center;
}

.graduate #main table .tCenter{
	text-align:center;
}

.graduate #main table .caTitle{
	background:#000;
	color:#FFF;
	padding:3px 0;
	text-align:center;
	font-size:1.0em;
}

.graduate table th{
	font-size:0.9em;
}

.graduate table td span{
	font-size:0.8em;
	color:#F00;
	display:block;
	padding-top:2px;
}

.graduate #main #gsBox04 img.gsImg01{
	padding:10px 0 10px 50px;
}

.graduate #main #gsBox06 ol li a{
	font-size:0.8em;
}

.graduate #main #gsBox06 ol li p.link{
	margin-top:5px;
}

#main .nav {
    border: 8px solid #E9E9E9;
    padding: 12px 17px;
	margin-bottom:40px;
}
#main .nav ul {
    margin: 0;
}
#main .nav li {
	background:none;
	padding-left:0;
}

#main .nav li a {
    background-image: url("/se2012/re/ee/common/img/graduate/icon_rectangle.gif");
    background-position: left top;
	background-repeat:no-repeat;
    line-height: 1;
    margin: 5px 0;
    padding-left: 35px;
	height:13px;
	display:block;
}

#main .nav li a:hover {
    background-position: left bottom;
    color: #000000;
    text-decoration: none;
}

.graduate #main table .date {
    text-align: left;
}

.graduate #main #back_to_top {
	text-align:right;
	font-size:1.0em;
}

.graduate #main a.return {
    background: url("/ir/global/common/img/bullet/arrow-gray-up.gif") no-repeat scroll 0 50% transparent;
    color: #333333;
    padding-left: 10px;
	text-decoration: none;
}
.graduate #main a.return:hover {
    color: #990000;
    text-decoration: underline;
}

.graduate #main h6.tableTitle {
	font-weight:normal;
}

/* ================================================= 
	utility
==================================================== */

.link #main h4{
margin:0 0 20px;
color:#000;
font-weight:normal;
}
.link #main .link-list{
width:310px;
float:left;
padding-right:10px;
}
.link #main .link-list ul{
margin-bottom:40px;
}
.link #main .link-list ul li{
margin-left:15px;
text-indent:-15px;
text-indent:0px \9;
margin-bottom:10px;
}




/* ================================================= 
	NEWS
==================================================== */


.news .read_more{margin:5px 0 0 0;}
.news .read_more a{background:none;}
.news .post_date{font-size:1.2em; color:#666; margin-bottom:5px;}


/* list page */

.news #news_list .thumb{
	float:right;
	margin:0 0 10px 10px;
	display:block;
	padding:1px;
	border:1px solid #ccc;
}

.news #main .time{
margin-bottom:5px;
font-size:1em;
color:#666;
}

.news #news_list h4{
clear:none;
margin:0 0 10px;
font-size:1.6em;
font-weight:bold;
}
.news #news_list .article{
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #D2D2D2;
}
.news #news_list .article .section{
margin:0;
clear:none;

}


.news #news_list .article .section .desc{
line-height: 1.6;
font-size:1.2em !important;
}
.news #news_list .article .section .desc p{font-size:100%;}


/* year_selector */
.news #year_selector{
margin-bottom:25px;
padding-bottom:15px;
border-bottom:3px solid #D7D7D7;
}

.news #year_selector li{
background:none;
list-style:none outside;
padding:0;
float:left;
display:inline;
margin:0;
margin-right:8px;
font-size:0.917em;
line-height:1;
>line-height:1.5;	/* for IE6-7 */
}

.news #year_selector li a{
display:block;
vertical-align:middle;
padding:5px 10px;
>padding:3px 10px;	/* for IE6-7 */
text-decoration:none;
color:#000;
text-align:center;
background:#EEE;
border-top:1px solid #DDD;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-left:3px solid #FF7F00;
}

.news #year_selector li a:hover,
.news #year_selector li a.current{
background:#FF7F00;
border:1px solid #FF7F00;
border-left:3px solid #FF7F00;
color:#FFF;
}

/* article */

.news #main h3{
  border: none;
	clear: both;
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 25px;
	padding: 0;
	background: none;
	font-family:sans-serif, Helvetica, Arial!important;
}

.news #main #news_article .entry_body{
font-size:1.2em;
line-height:1.8;
}

.news #main #news_article .entry_body p,
.news #main #news_article .entry_body ol,
.news #main #news_article .entry_body ul,
.news #main #news_article .entry_body dl,
.news #main #news_article .entry_body h6{
font-size:100%;
}

.news #main #news_article .entry_body h4{font-size:183%;}
.news #main #news_article .entry_body h5{font-size:133%;}