@charset "utf-8";

/*******************************************************************************
 *
 *  Web Site  : https://www.ritsumei.ac.jp/rs/category/imaritsu/140627/
 *  Modified  : 2014.9.30
 *  lastUpdate  : 2014.9.30
 *  File         :  14930-style.css
 *  Description : 立命館大学 基本レイアウト用CSS
 *
 *******************************************************************************/


/* common
*******************************************************************************/

/*------- header -------- */
#header {
	width: 100%;
	position: relative;
}
h2 { font-weight: normal; font-size: 1.2em; margin: 0 0 5px 0; }
#header p.date { position: absolute; top: 0; right: 0; font-size: 1.2em; }
#header .addthis_toolbox { width: 100px; position: absolute; top: 0; right: 110px; }

.link {
	background-image: url("/rs/common/img/bullet_link_sc.gif");
	background-position: left 6px;
	background-repeat: no-repeat;
	background-size: auto auto;
	font-size: 1.2em;
	padding-bottom: 3px;
	padding-left: 50px;
	padding-right: 0;
	padding-top: 3px;
}
#footer {
	border-top-color: #ff0000;
	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;
}

/*------- contents title -------- */
#cont_ttl {
	width: 100%;
	position: relative;
	text-align:center;
}
#main #cont_ttl p {
	line-height: 1.5;
	font-size: 1.3em;
	letter-spacing:1px;
	margin: 17px 0 30px 0;
	color: #de0000;
}

.voice-kic #main, .voice-bkc #main {
	margin-top: 40px;
}
.map #main, .voice-kic #main, .voice-bkc #main {
	margin-top: 30px;
}
/*------- main -------- */
.section { margin: 0 0 40px 0; }
#main .acc_container01 {
	display: none;
	border-top-width:1px;
	border-top-color: #ff0000;
	border-top-style: solid;
}
/*------- lead-box -------- */
.lead-box {
	position: relative;
	background-image: url(/rs/category/tokushu/140930/img/rs-secrets-logo.gif);
	background-repeat: no-repeat;
	padding-left: 170px;
	font-size: 1.2em;
	line-height: 1.4;
	margin-top: 20px;
	margin-bottom: 5px;
}
/*------- title-box -------- */
#main #title-box {
	position: relative;
	background-color: #ffc4a8;
	height: 435px;
	width: 966px;
	margin-bottom: 47px;
}
#main #title-box h3 {
	position: absolute;
	left: 30px;
	top: 18px;
}
#main #title-box p {
	position: absolute;
	left: 630px;
	top: 150px;
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: 1px;
	z-index: 10;
}
#main #title-box .animation_ie8 {
	display: none;
}
.ie8 #main #title-box .animation_ie8, .ie9 #main #title-box .animation_ie8, .ie10 #main #title-box .animation_ie8{
display :block;
}
.ie8 #main #title-box #doors, .ie9 #main #title-box #doors, .ie10 #main #title-box #doors{
display :none;
}
#main #title-box .door-static_ie8{
z-index: -999;
}
.ie8 #main #title-box .door-static_ie8, .ie9 #main #title-box .door-static_ie8, .ie10 #main #title-box .door-static_ie8{
z-index :8;
}

#main #title-box #img-inside {
	position: absolute;
	left: 363px;
	bottom: 0px;
	height: 306px;
	width: 242px;
	overflow: hidden;
	background-color: #cedfb2;
}
#main #title-box #img-inside img{
	margin-left: 0px;
	margin-top: 0px;
	height: 306px;
	width: 242px;
}
#main #title-box #img-inside-static {
	display: none;
	position: absolute;
	left: 363px;
	bottom: 0px;
	height: 306px;
	width: 242px;
	overflow: hidden;
	background-color: #cedfb2;
}
#main #title-box #img-inside-static img{
	margin-left: -10px;
	margin-top: -15px;
	height: 336px;
	width: 266px;
}
#main #title-box #img-inside-shadow {
	position: absolute;
	left: 363px;
	bottom: 0px;
}
#main #title-box #icon-enter{
	position: absolute;
	left: 446px;
	top: 250px;
		display: none;
	margin-top:35px;
	margin-left:35px;
	height: 8px;
	width: 8px;
}
#main #title-box #img-bg1{
	position: absolute;
	left: 0px;
	bottom: 4px;
}
#main #title-box #img-bg2{
	position: absolute;
	right: 0px;
	bottom: 4px;
}
#main #title-box #icon-door-left{
	position: absolute;
	left: 242px;
	bottom: 0px;
	margin-left:121px;
}
#main #title-box #icon-door-right{
	position: absolute;
	right: 240px;
	bottom: 0px;
	margin-right:121px;
}
#main #title-box #icon-door-left-static{
	position: absolute;
	left: 242px;
	bottom: 0px;
	margin-left:0px;
	display: none;
}
#main #title-box #icon-door-right-static{
	position: absolute;
	right: 240px;
	bottom: 0px;
	margin-right:0px;
	display: none;
}
#main #title-box #icon-door-left-static_ie8{
	position: absolute;
	left: 242px;
	bottom: 0px;
	margin-left:0px;
	display: none;
}
#main #title-box #icon-door-right-static_ie8{
	position: absolute;
	right: 240px;
	bottom: 0px;
	margin-right:0px;
	display: none;
}
#main #title-box #icon-click{
	position: absolute;
	left: 212px;
	top: 310px;
}
#main #title-box #icon-door-crevice{
	position: absolute;
	left: 484px;
	bottom: 0px;
}
#main #title-box #bottom-edge{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 3px;
	width: 966px;
	border-top-width:1px;
	border-top-color: #b2b2b2;
	border-top-style: solid;
	background-color: #fff;
}
#main #title-box #title-button {
	position: absolute;
	left: 363px;
	top: 129px;
	height: 306px;
	width: 243px;
}

/*------- doors -------- */
#doors {
	position: absolute;
	bottom: 0;
	left: 363px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	width: 242px;
	height: 306px;
	border: 0px solid #fff;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
#doors,
#doors * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#doors a {
	color: #333;
}
#doors a:hover {
	text-decoration: none;
}
#doors .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#doors .img-1 {
	width: 121px;
	height: 306px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
#doors .img-2 {
	width: 121px;
	height: 306px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
#doors a:hover .img-1 {
	-webkit-transform: rotatey(-180deg);
	-moz-transform: rotatey(-180deg);
	-ms-transform: rotatey(-180deg);
	-o-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
}
#doors a:hover .img-2 {
	-webkit-transform: rotatey(180deg);
	-moz-transform: rotatey(180deg);
	-ms-transform: rotatey(180deg);
	-o-transform: rotatey(180deg);
	transform: rotatey(180deg);
}






/*------- outline-h4-animation -------- */
#main #outline-h4-animation {
	position: absolute;
	top: 480px;
	left: 435px;
	display: none;
}

/*------- outline -------- */
#main #outline {
	margin-bottom: 32px;
	overflow: hidden;
	zoom:1;
	display: none;
	margin-top: -800px;
}
#main #outline h4{
	text-align: center;
	margin-top: -18px;
}
#main #outline .left {
	width: 708px;
	margin: 30px 0 0 0;
}
#main #outline .right {
	width: 229px;
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}
#main #outline .right dt {
	font-weight: bold;
	color: #ff0000;
	margin-top: 8px;
}
#main #outline .right dd {
	width: 229px;
}
/*------- secrets -------- */
#main #secrets {
	margin-top: 12px;
	overflow: hidden;
	zoom:1;
	margin-left: -56px;
}
#main #secrets .section {
	margin-bottom: 0px;
}
#main #secrets h4 {
	padding-left: 56px;
	margin-bottom: 30px;
}
#main #secrets h5 {
	line-height: 1;
	font-weight: normal;
	padding: 10px 18px 10px 18px;
	background-color: #fff700;
	margin-top: -21px;
	margin-bottom: 18px;
	display: inline-block;
	letter-spacing: 2px;
	font-size: 2em;
}
#main #secrets h5 .small {
	font-size: 0.7em;
}
#main #secrets h5.movie {
	margin-top: 0;
	font-size: 1.5em;
	line-height: 1.6;
	letter-spacing: 1px;
	padding: 8px 11px 6px 11px;
}
#main #secrets .movie-embed {
    display: none;
}
#main #secrets p {
	font-size: 1.5em;
	line-height: 1.6;
	letter-spacing: 1px;
	background-color: #ffffff;
}
#main #secrets p.link {
	font-size: 1.2em;
}
#main #secrets p.small{
	font-size: 1.2em;
}
#main #secrets .article {
	float: left;
	width: 455px;
	padding-left: 56px;
	margin-bottom: 48px;
}
#main #secrets .narrow {
	width: 199px;
}
/*------- machines -------- */
#main #machines {
	margin-top: 12px;
	overflow: hidden;
	zoom:1;
}
#main #machines .section {
	margin-bottom: 0px;
}
#main #machines  .title-box  {
	text-align: center;
	margin-bottom: 40px;
}
#main #machines .title-box h5 {
	font-size: 1.8em;
	line-height: 1;
	font-weight: normal;
	margin-top: 31px;
	margin-bottom: 18px;
	letter-spacing: 2px;
}
#main #machines h5 .small {
	font-size: 0.7em;
}

#main #machines .title-box p{
	font-size: 1.2em;
	margin-bottom: 15px;
}
#main #machines .article p{
	font-size: 1.2em;
	line-height: 1.8;
}
#main #machines .article {
	float: left;
	width: 211px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 48px;
}
#main #machines .article h6{
	font-size: 1.3em;
	line-height: 1.6;
	padding: 8px 12px 5px 12px;
	background-color: #fff700;
	margin-bottom: 13px;
	display: block;
	text-align:center;
}
#main #machines .article h6 .small{
	font-size: 0.9em;
	font-weight: normal;
}
/*------- rooms -------- */
#main #rooms {
	margin-bottom: 40px;
	overflow: hidden;
	zoom:1;
	border-top-color: #ff0000;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #ff0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #efefef;
	padding-left: 64px;
}
#main #rooms h4 {
	margin-top: 34px;
	margin-left: -68px;
	padding-bottom: 34px;
	text-align: center;
}
#main #rooms h5 {
	font-size: 1.4em;
	margin-top: 12px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
#main #rooms p {
	font-size: 1.4em;
	line-height: 1.4;
	letter-spacing: 1px;
}
#main #rooms .article {
	float: left;
	width: 319px;
	padding-left: 67px;
	margin-bottom: 46px;
}

/*------- voices -------- */
#main #voices {
	margin-bottom: 40px;
	overflow: hidden;
	zoom:1;
	margin-left: -43px;
}
#main #voices h4 {
	margin-top: 34px;
	padding-bottom: 52px;
	margin-left: 84px;
	text-align: center;
}
#main #voices h5 {
	font-size: 1.5em;
	margin-top: 12px;
	margin-bottom: 24px;
	font-weight: normal;
	letter-spacing: 1px;
}
#main #voices h5 .small {
	font-size: 0.8em;
	line-height: 1.6;
	margin-top: 12px;
	margin-bottom: 24px;

}
#main #voices p {
	font-size: 1.5em;
	line-height: 1.6;
	text-align: left;
	letter-spacing: 1px;
}
#main #voices .article {
	float: left;
	width: 400px;
	padding-left: 84px;
	margin-bottom: 46px;
	text-align: center;
}

/*------- link -------- */
#main #link {
	margin-bottom: 40px;
	overflow: hidden;
	zoom:1;
	margin-left: 42px;
	width: 883px;
	margin-bottom: 84px;


}
#main #link h4 {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.6;
	text-align: left;
	letter-spacing: 1px;
	margin: 0 0 25px 0 ;

}
#main #link .left {
	float: left;
	margin: 0;
	padding: 0;
}
#main #link .right {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 441px;
	height:228px;
	margin-left: 1px;
	background-color: #000;
	color: #fff;
	padding: 15px 15px 15px 20px ;
}
#main #link .about {
	margin: 0 0 15px 0 ;
}
#main #link p {
	font-size: 1.3em;
	line-height: 1.6;
	text-align: left;
	letter-spacing: 1px;
	margin: 0 0 0 0;
}
#main #link p .link{
	margin: 0 0 5px 0 ;
}
#main #link p a, #main #link p a:hover, #main #link p a:visited {
	color: #fff;
	text-decoration: none;
}

/*------- archive -------- */
#main #archive h4 {
	font-size: 1.3em;
	line-height: 1;
	font-weight: normal;
	color: #ff0000;
	padding: 20px 20px 18px 20px;
	margin-bottom: 40px;
	border-top-color: #ff0000;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #ff0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #ffe9e9;
}
#main #archive ul {
	margin-left: -33px;
}
#main #archive li.article {
	float: left;
	width: 127px;
	padding-left: 66px;
	margin-bottom: 46px;
}
#main #archive li img {
	border-color: #d5d5d5;
	border-width: 1px;
	border-style: solid;
}
#main #archive li .date {
	font-size: 0.9em;
	line-height: 1;
	margin-bottom: 6px;
}
#main #archive li p {
	font-size: 1.3em;
	line-height: 1.6;
	margin-top: 5px;
}
#main #archive li a {
	text-decoration: none;
	color: #000
}
#main #archive li a:hover {
	text-decoration: none;
	color: #ff0000
}
#main #archive li img:hover {
	border-color: #ff0000;
}