@charset "utf-8";

/*******************************************************************************
 *      
 *  Web Site  : http://www.ritsumei.ac.jp/rs/category/tokushu/120606/
 *  Modified  : 2012.6.5
 *  lastUpdate  : 2012.6.5
 *  File         :  120903-style.css
 *  Description : 立命館大学 基本レイアウト用CSS
 *
 *******************************************************************************/


/* global
*******************************************************************************/
#content { padding: 0 0 15px 0; }
#main ul, #main dl, #main p { line-height: 160%; }

/*------- header -------- */
#header {
	width: 100%;
	height: 33px;
	position: relative;
	margin: 0;
	background-repeat: no-repeat;
	background-position: left bottom;
}


h2 { font-weight: normal; font-size: 1.2em; margin: 0 0 5px 0; }
h4 { margin: 0 0 0 0; }
H5 { margin: 0 0 23PX 0; }

#header p.date { position: absolute; top: 0; right: 0; font-size: 1.2em; line-height:170% }
#header .addthis_toolbox {
    position: absolute;
    right: 110px;
    top: 0;
    width: 100px;
}

#footer {
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: 1px;
    line-height: 160%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    position: relative;
}
#section01 #coda-nav-1 {
	background-image: url(/rs/category/tokushu/120928/img/120928-h3.gif);
	background-repeat: no-repeat;    
}

/* navi-j
*******************************************************************************/
.local_navi-j li a, .local_navi-e li a{
	display:block;
	text-indent:-9999px;
}

.local_navi-j li#home a{
	width: 192px;
	height: 65px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.local_navi-j li#home a:hover, 
.local_navi-j li#home.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: -192px 0px;
}

.local_navi-j li#students a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: 0px -65px;
}
.local_navi-j li#students a:hover, 
.local_navi-j li#students.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: -192px -65px;
}

.local_navi-j li#talk-1 a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: 0px -158px;
}
.local_navi-j li#talk-1 a:hover, 
.local_navi-j li#talk-1.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: -192px -158px;
}

.local_navi-j li#talk-2 a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: 0px -251px;
}
.local_navi-j li#talk-2 a:hover, 
.local_navi-j li#talk-2.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: -192px -251px;
}

.local_navi-j li#bldg a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: 0px -344px;
}
.local_navi-j li#bldg a:hover, 
.local_navi-j li#bldg.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-j.gif);
	background-repeat: no-repeat;
	background-position: -192px -344px;
}
/* navi-e
*******************************************************************************/
.local_navi-e li#home a{
	width: 192px;
	height: 65px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.local_navi-e li#home a:hover, 
.local_navi-e li#home.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: -192px 0px;
}

.local_navi-e li#students a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: 0px -65px;
}
.local_navi-e li#students a:hover, 
.local_navi-e li#students.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: -192px -65px;
}

.local_navi-e li#talk-1 a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: 0px -158px;
}
.local_navi-e li#talk-1 a:hover, 
.local_navi-e li#talk-1.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: -192px -158px;
}

.local_navi-e li#talk-2 a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: 0px -251px;
}
.local_navi-e li#talk-2 a:hover, 
.local_navi-e li#talk-2.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: -192px -251px;
}

.local_navi-e li#bldg a{
	width: 192px;
	height: 93px;
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: 0px -344px;
}
.local_navi-e li#bldg a:hover, 
.local_navi-e li#bldg.active a{
	background-image: url(/rs/category/tokushu/120928/img/120928-navi-e.gif);
	background-repeat: no-repeat;
	background-position: -192px -344px;
}


/* common
*******************************************************************************/
.section { margin: 0; }
#main .left { float: left; }
#main .right { float: right; }





/* panel 
*******************************************************************************/

#contents #main #report{
	position: relative;
	width: 966px;
	overflow: auto;
}
#contents .panel-wrapper .local_navi-j{
	width: 192px;
	float: left;
	background-image: url(/rs/category/tokushu/120928/img/120928-bg-top-j.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 10px;
}
#contents .panel-wrapper .article-j{
	float: right;
	width: 764px;
	padding-top: 30px;
	background-color: #FFF;
	background-image: url(/rs/category/tokushu/120928/img/120928-bg-top.gif);
	background-repeat: no-repeat;
}
#contents .panel-wrapper .local_navi-e{
	width: 192px;
	margin: 0px;
	float: right;
	background-image: url(/rs/category/tokushu/120928/img/120928-bg-top-e.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 10px;
}
#contents .panel-wrapper .article-e{
	float: left;
	width: 764px;
	padding-top: 30px;
	background-color: #FFF;
	background-image: url(/rs/category/tokushu/120928/img/120928-bg-top.gif);
	background-repeat: no-repeat;
}





/* body
*******************************************************************************/
/* 1-home */

#home #contents .h3-image {
	display: block;
	text-indent: -9999px;
	position: relative;
	width: 764px;
	height: 590px;
	background-repeat: no-repeat;
}
#home #contents .article-j .h3-image {
	background-image: url(/rs/category/tokushu/120928/img/120928-home-img-j.jpg);
}
#home #contents .article-e .h3-image {
	background-image: url(/rs/category/tokushu/120928/img/120928-home-img-e.jpg);
}
#home #contents .reporter {
	font-size: 1em;
	line-height: 1.5;
	padding: 10px 0 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
	
	
/* 2-voices */
#voices #contents h3 {
	margin: 0px;
	padding: 0px;
}
#voices #contents .description {
	font-size: 1.2em;
	line-height: 1.5;
	margin-left: 20px;
	margin-bottom: 20px;
}
#voices #contents .bottans {
	position: relative;
	width: 764px;
	margin: 0px;
	padding: 0px;
	height: 1455px;
}

#voices #contents #bottan01 {
	position: absolute;
	left: 543px;
	top: 62px;
}
#voices #contents #bottan02 {
	position: absolute;
	left: 231px;
	top: 255px;
}
#voices #contents #bottan03 {
	position: absolute;
	left: 11px;
	top: 317px;
}
#voices #contents #bottan04 {
	position: absolute;
	left: 231px;
	top: 483px;
}
#voices #contents #bottan05 {
	position: absolute;
	left: 541px;
	top: 551px;
}
#voices #contents #bottan06 {
	position: absolute;
	left: 9px;
	top: 820px;
}
#voices #contents #bottan07 {
	position: absolute;
	left: 233px;
	top: 875px;
}
#voices #contents #bottan08 {
	position: absolute;
	left: 452px;
	top: 872px;
}
#voices #contents #bottan09 {
	position: absolute;
	left: 452px;
	top: 1101px;
}
#voices #contents #bottan10 {
	position: absolute;
	left: 9px;
	top: 1137px;
}
#voices #contents #bottan11j {
	position: absolute;
	left: 530px;
	top: 1327px;
}
#voices #contents #bottan11e {
	position: absolute;
	left: 450px;
	top: 1327px;
}
#voices #contents #attention {
	position: absolute;
	left: 385px;
	top: 0px;
}
#voices #contents #photo01 {
	position: absolute;
	left: 11px;
	top: 21px;
}
#voices #contents #photo02 {
	position: absolute;
	left: 321px;
	top: 91px;
}
#voices #contents #photo03 {
	position: absolute;
	left: 540px;
	top: 382px;
}
#voices #contents #photo04 {
	position: absolute;
	left: 9px;
	top: 649px;
}
#voices #contents #photo05 {
	position: absolute;
	left: 320px;
	top: 705px;
}
#voices #contents #photo06 {
	position: absolute;
	left: 231px;
	top: 1195px;
}



/* 3-4-talk */
#talk #contents .article-j .description,
#talk #contents .article-e .description {
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 20px;
	_margin-top: 50px;
	margin-left: 20px;
}
#talk #contents .article-j h3,
#talk #contents .article-j h4 {
	margin: 0;
}
#talk #contents .article-e h3,
#talk #contents .article-e h4 {
	margin: 0 0 0 20px;
}

#talk #contents .h5-image {
	position: relative;
	width: 714px;
	height: 328px;
	margin: 0 0 0 50px;
}
#talk #contents .article-e .h5-image {
	margin: 0 0 0 20px;
}
.talk1 #contents .h5-image h5 {
	font-size: 1.5em;
	width: 238px;
	position: absolute;
	top: 255px;
	left: 50%;
	margin-left: -119px;
	text-align: center;
	color: #FFF;
}
.talk2 #contents .h5-image h5 {
	font-size: 1.5em;
	width: 357px;
	position: absolute;
	top: 255px;
	left: 50%;
	margin-left: -178px;
	text-align: center;
	color: #FFF;
}
#talk #contents .h5-image h5 .small {
		font-size: 0.7em;
}
#talk #contents .h5-image .left {
	padding: 0;
	float: left;
	position: relative;
}
#talk #contents .h5-image .center {
	padding: 0;
	float: left;
	position: relative;
}
#talk #contents .h5-image .right {
	padding: 0;
	float: right;
	position: relative;
}

#talk #contents .article-j .intro {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 40px 50px;
}
#talk #contents .article-e .intro {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 40px 20px;
}
#talk #contents .article-j .intro p {
	margin: 0 0 11px 0;
}
#talk #contents .talking {
	font-size: 1.2em;
	line-height: 1.5;
	width: 666px;
	margin: 10px 0 30px 50px;
}
#talk #contents .article-e .talking {
	margin: 10px 0 30px 20px;
}
#talk #contents .talking dt {
	clear: left;
	float: left;
	margin: 0 -1em 0.8em;
	width: 12.5em;
	color: #000;
	text-align: right;
}
#talk #contents .talking dd {
	margin-bottom: 0.8em;
	margin-left: 12.5em;
	padding-left: 0.8em;
	border-left-width: 0.3em;
	border-left-style: solid;
	border-left-color: #F60;
}
#talk #contents .talking .questions {
	border-left-color: #39F;
}
#talk #contents .talking .interviewer {
	color: #000;
}
#talk #contents .article-j .event-image {
	margin-left: 198px;
}
#talk #contents .article-e .event-image {
	margin-left: 168px;
}
#talk #contents .column {
	width: 666px;
	font-size: 1.2em;
	line-height: 1.8;
	margin: 50px 0 20px 50px;
}
#talk #contents .article-e .column {
	margin: 50px 0 20px 20px;
}
#talk #contents .column img {
	float: left;
}
#talk #contents .column h6 {
	font-size: 1em;
	font-weight: bold;
}
#talk #contents .column .QandA {
	float: right;
	width: 500px;
}
#talk #contents .column .QandA  dt {
	margin-bottom: 0.5em;
	margin-top: 1em;
	color: #099;
	padding-left: 0.5em;
	border-left-width: 0.3em;
	border-left-style: solid;
	border-left-color: #39F;
}




/* 5-building */
#bldg #contents .article-j .building p {
	font-size: 1.2em;
	background-image: url(/rs/category/tokushu/120928/img/120928-ihouse-building-j.jpg);
	background-repeat: no-repeat;
	height: 1270px;
	width: 744px;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	background-position: 0px 140px;
}
#bldg #contents .article-e .building p {
	font-size: 1.2em;
	background-image: url(/rs/category/tokushu/120928/img/120928-ihouse-building-e.jpg);
	background-repeat: no-repeat;
	height: 1270px;
	width: 744px;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	background-position: 0px 140px;
}
#bldg #contents .article-j .comment {
	font-size: 1.2em;
	height: 100px;
	margin: 20px 0 0 0;
	padding: 0 0 0 100px;
}
#bldg #contents .article-e .comment {
	font-size: 1.2em;
	height: 90px;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}
#bldg #contents .mentor {
	width: 443px;
	float: left;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}
#bldg #contents .mentor p {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0 0 0 0;
	padding: 20px 0 0 60px;
}
#bldg #contents .article-e .mentor p {
	padding: 20px 0 0 30px;
}
#bldg #contents .reporter {
	width: 252px;
	float: right;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}
#bldg #contents .article-e .reporter {
	width: 252px;
	float: right;
	margin: 0 30px 30px 0;
	padding: 0 0 0 0;
}
#bldg #contents .reporter p {
	font-size: 1.2em;
	line-height: 1.7;
	margin: 0 0 30px 0;
	padding: 0 10px 0 10px;
}
#bldg #contents .questions {
	color: #399;
}
#bldg #contents .answers {
	color: #F60;
}
#bldg #contents .author {
	clear: both;
	width: 704px;
	margin: 40px 0px 20px 20px;
	padding: 20px;
	background-image: url(/rs/category/tokushu/120928/img/120928-ihouse-footer.gif);
	overflow: auto;
	zoom:1;
}
#bldg #contents .article-e .author {
	width: 704px;
	margin: 40px 20px 20px 0;
	padding: 20px;
}
#bldg #contents .author-name {
	float: right;
	font-size: 1em;
	padding: 6px;
	background-color: #FFF;
	border: 3px solid #000;
	width: auto;
}

/* voice
*******************************************************************************/
.popup{ width:60px; }
.popup #content{ padding-bottom:0; }
.popup #main{
float:none;
width:640px;
}

#colorbox-report {
	width: 610px;
	margin: 15px;
}
#colorbox-report h3 {
	font-size: 1.5em;
	margin: 15px;
}
#colorbox-report p {
	font-size: 1.2em;
	margin: 15px;
}
#colorbox-report dl {
	pading: 15px;
	margin: 15px;
}
#colorbox-report dt {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #06C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #09F;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
#colorbox-report dl dt .data {
}
#colorbox-report dd {
	font-size: 1.4em;
	line-height: 1.7em;
	margin-bottom: 15px;
}
#colorbox-report .message {
	width: 280px;
	margin-top: 0;
	padding: 0;
	float: right;
}
#colorbox-report .photo {
	width: 320px;
	margin-top: 0;
	padding: 0;
	float: left;
}