@charset "utf-8";

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


/* common
*******************************************************************************/
#content { padding: 0px; }

/*------- 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; }


/* tab */
.tab_nav {
	margin:  20px 0 0 0 !important;
	padding: 0 !important;
	position: relative;
	width: 966px;
}
.tab_nav ul {
	overflow: hidden;
	zoom:1;
	margin: 0 !important;
	padding: 0 !important;
background-color: #ffffff;
}
.tab_nav ul li {
	float: left;
	height: 44px;
	position:relative;
background-color: #ffffff;
}
.tab_nav ul li a {
	display:block;
	text-indent:-9999px;
	font-size: 0px;
	width:100%;
	height:100%;
	z-index: 999;
	
}

.tab_nav ul .tab-menu-intro { 
	width: 402px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
	background-image: url(/rs/category/tokushu/140430/img/140430-navi-home.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tab_nav ul .tab-menu-tricea {
	width: 282px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #a0e724;
	background-image: url(/rs/category/tokushu/140430/img/140430-navi-tricea.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 999;
}
.tab_nav ul .tab-menu-act_alpha {
	width: 282px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #6dbcff;
	background-image: url(/rs/category/tokushu/140430/img/140430-navi-act_alpha.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 999;
}
.tab_nav ul li .tab-bullet {
	position: absolute;
	left: 0px;
	bottom: 0px;	
	}


/*------- main -------- */
.section { margin: 0 0 0 0; }
.strong1 { color: #5bba00; }
.strong2 { color: #0096e1; }

#content #main #title-box h3  { margin: 30px 0 30px;}
#content #main #title-box p { font-size:1.6em; line-height:1.6; color: #6e6e6e; letter-spacing:3px; margin: 30px 0 30px; background-color: #ffffff; }


/* intro
*******************************************************************************/

.intro #content #main { text-align:center;}
.intro #content h3 { padding: 60px 0 20px;}
.intro #content #main p {
	font-size: 1.7em;
	line-height: 1.8;
	letter-spacing: 6px;
	color: #6e6e6e;
	padding: 30px 0 20px;
	clear:both;
}
#main #menu-list ul li {
	float: left;
	height: 375px;
	width: 412px;
	margin-left:48px;
	position:relative;
	z-index: 1;
}
#content #main #menu-list ul #menu-tricea {
	background-image: url(/rs/category/tokushu/140430/img/140430-home-bg-1.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}
#content #main #menu-list ul #menu-act_alpha {
	background-image: url(/rs/category/tokushu/140430/img/140430-home-bg-2.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}
#content #main #menu-list ul li a {
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background-color: #960;
	opacity:0;
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	zoom:1;
}
#content #main #menu-list ul li .photo {
	left: 200px;
	top: 153px;	
	position:absolute;
	z-index: -999;
	display:none;
}
#content #main #menu-list ul li .bullet {
	left: 300px;
	top: 146px;	
	position:absolute;
	z-index: 30;
	display:none;
}
#content #main #menu-list ul li .base {
	left: 277px;
	top: 140px;	
	position:absolute;
	z-index: 11;
}
#content #main #menu-list ul li .icon {
	left: 257px;
	top: 140px;	
	position:absolute;
	z-index: 20;
	display:none;
}

.intro .signature {
	font-size: 1.2em;
	line-height: 1.6;
	padding: 6px 0 6px 0;
	margin: 6px 0 0 0;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #b8b8b8;
background-color: #ffffff;

}

/* tricea
*******************************************************************************/
.tricea .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: 3px 0 3px 50px;	
}
.tricea .link a { color: #000; text-decoration: none; }
.tricea .link a:hover { text-decoration: underline;	}

#content #main #concept .title { float: left; width: 245px;}
#content #main #concept .article { float: left; width: 320px; margin-left: 40px; background-color: #ffffff;}

.tricea #content #main .title h4 { font-size:2.3em; line-height:1.6; color: #54ba01; letter-spacing:6px; font-weight:normal;}
.tricea #content #main .title .sub-title { font-size:0.6em; line-height:2; letter-spacing:3px;}
.tricea #content #main .title p { font-size:1.4em; line-height:1.7; color: #6e6e6e; letter-spacing:3px; margin:16px 0 19px;}
.tricea #content #main .article p { font-size:1.35em; line-height:1.8; letter-spacing:1px; margin-bottom:24px; background-color: #FFFFFF;}

.tricea #content #main #concept, .tricea #content #main #about, .tricea #content #main #plates, .tricea #content #main #point, .tricea #content #main #voice {
	background-image: url(/rs/category/tokushu/140430/img/140430-tricea-hr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 50px;
	padding-top: 40px;
}

#content #main #about .title { float: left; width: 245px;}
#content #main #about .article { float: right; width: 690px;}
#content #main #about .article ol li {
background-color: #FFFFFF;
}
#content #main #about .article ol li {
	font-size: 1.1em;
	line-height: 1.8;
	letter-spacing: 1px;
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 10px;
background-color: #FFFFFF;
}
#content #main #about .title img { margin-top: 80px;}

#content #main #plates .title { overflow: hidden; zoom:1; margin-bottom: 20px;}
#content #main #plates .title h4 { float: left; margin-top: 5px; margin-right: 10px;}
#content #main #plates .title .note  { float: left; background-color: #ffffff;}
#content #main #plates #concept .title p { margin-top: 0px;}
#content #main #plates #concept {
	background-image: none;
}

#content #main #point .title h4 { float: left;}
.tricea #content #main #point .title p { float: left; margin-left: 20px; font-size:1.2em; line-height:1.7; color: #54ba01; letter-spacing:2px; font-weight:bold;}
#content #main #point .article-box { margin-left:-86px; margin-top:8px;}
.tricea #content #main #point .article { float: left; width: 440px; margin-left:86px; margin-top:20px;}
.tricea #content #main #point .article h5 { font-size:1.5em; line-height:1.5; color: #4f4f4f; letter-spacing:2px; font-weight:bold; background-repeat: no-repeat; background-position: left center;}
.tricea #content #main #point .article.point1 h5, #content #main #point .article.point2 h5 { padding: 10px 0 10px 50px;}
.tricea #content #main #point .article.point3 h5, #content #main #point .article.point4 h5 { padding: 20px 0 20px 50px;}
.tricea #content #main #point .article.point1 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-tricea-icon-1.gif); }
.tricea #content #main #point .article.point2 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-tricea-icon-2.gif); }
.tricea #content #main #point .article.point3 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-tricea-icon-3.gif); }
.tricea #content #main #point .article.point4 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-tricea-icon-4.gif); }
#content #main #point .article p { margin-top: 15px; font-size:1.35em; line-height:1.8; letter-spacing:1px; background-color: #ffffff;}
#content #main #point .sub-article { 
	padding-top: 40px;
	margin-top: 40px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #b8b8b8;
}
#content #main #point .sub-article img { float: left; margin-top:15px;}
#content #main #point .sub-article p { float: right; width: 260px; font-size:1.2em; line-height:1.5;}

.tricea #content #main #voice .title h4 {
	padding-left: 135px;
	background-image: url(/rs/category/tokushu/140430/img/140430-tricea-icon-voice.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.tricea #content #main #voice .article-box { margin-top:20px; margin-bottom: 40px;  padding-left: 245px; background-image: url(/rs/category/tokushu/140430/img/140430-tricea-img-5-1.jpg); background-repeat: no-repeat; background-position: left bottom;}
.tricea #content #main #voice .article { float: left; width: 320px; margin-left:40px;}
#content #main #voice .article p { margin-top: 5px; margin-bottom: 0; font-size:1.35em; line-height:1.8; letter-spacing:1px; }
#content #main #voice .photo { margin-bottom: 30px; overflow: hidden; zoom:1;}

#content #main .note { font-size:1.1em; line-height:1.6; background-color: #ffffff;}

/* act_alpha
*******************************************************************************/
.act_alpha #content #main .title h4 { font-size:2.3em; line-height:1.6; color: #0092e6; letter-spacing:6px; font-weight:normal;}
.act_alpha #content #main .title .sub-title { font-size:0.6em; line-height:2; letter-spacing:3px;}
.act_alpha #content #main .title p { font-size:1.4em; line-height:1.7; color: #6e6e6e; letter-spacing:3px; margin:16px 0 19px;}
.act_alpha #content #main .article p { font-size:1.35em; line-height:1.8; letter-spacing:1px; margin-bottom:24px;}

.act_alpha #content #main #concept, .act_alpha #content #main #about, .act_alpha #content #main #plates, .act_alpha #content #main #point, .act_alpha #content #main #voice {
	background-image: url(/rs/category/tokushu/140430/img/140430-act_alpha-hr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 50px;
	padding-top: 40px;
}

.act_alpha #content #main .title .small { font-size:0.9em; line-height:1.7; color: #6e6e6e; letter-spacing:1px; margin:16px 0 19px;}

.act_alpha #content #main #point .title p { float: left; margin-left: 20px; margin-top: 10px; font-size:1.2em; line-height:1.7; color: #0092e6; letter-spacing:2px; font-weight:bold;}
.act_alpha #content #main #point .article { float: left; width: 440px; margin-left:86px; margin-top:0px; margin-bottom:20px;}
.act_alpha #content #main #point .article h5 { font-size:2em; line-height:1.5; color: #4f4f4f; letter-spacing:2px; font-weight:bold; background-repeat: no-repeat; background-position: left center;}
.act_alpha #content #main #point .article h5 { padding: 18px 0 18px 58px;}
.act_alpha #content #main #point .article.point1 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-act_alpha-icon-1.gif); }
.act_alpha #content #main #point .article.point2 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-act_alpha-icon-2.gif); }
.act_alpha #content #main #point .article.point3 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-act_alpha-icon-3.gif); }
.act_alpha #content #main #point .article.point4 h5 { background-image: url(/rs/category/tokushu/140430/img/140430-act_alpha-icon-4.gif); }

.act_alpha #content #main #voice .title h4 {
	padding-left: 135px;
	background-image: url(/rs/category/tokushu/140430/img/140430-act_alpha-icon-voice.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.act_alpha #content #main #voice .article-box { width: 460px; margin-top: 40px;}
.act_alpha #content #main #voice .article-box p { float: left;}
.act_alpha #content #main #voice .article-box .article { float: right; width: 310px;}

/* tricea-map
*******************************************************************************/
#content #main #plates .tricea-map {
	position: relative;
	width: 966px;
	height: 577px;
	background-image: url(/rs/category/tokushu/140430/img/140430-tricea-img-3-main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 0;
}
#content #main #plates .tricea-map a {
	
}
.tricea-map-btn-1 {
	position: absolute;
	left: 585px;
	top: 94px;
	width: 53px;
	height: 53px;
	opacity: 0;
}
.tricea-map-btn-2 {
	position:absolute;
	left:382px;
	top:154px;
	width:53px;
	height:53px;
	opacity: 0;
}
.tricea-map-btn-3 {
	position:absolute;
	left:715px;
	top:163px;
	width:53px;
	height:53px;
	opacity: 0;
}
.tricea-map-btn-4 {
	position:absolute;
	left:449px;
	top:288px;
	width:53px;
	height:53px;
	opacity: 0;
}
.tricea-map-btn-5 {
	position:absolute;
	left:637px;
	top:290px;
	width:53px;
	height:53px;
	opacity: 0;
}
.tricea-map-btn-6 {
	position:absolute;
	left:501px;
	top:360px;
	width:53px;
	height:53px;
	opacity: 0;
}
/*------- map-colorbox -------- */
#content #main div #student-001 .comment {}
.tricea #cboxLoadedContent{
	width: 640px;
}
.tricea .innerbox {
	width: 600px;
	padding: 20px;
	text-align: left;
}
.tricea .innerbox p {
	font-size: 1.2em;
	line-height: 1.7em;
	padding-top: 10px;
}