@charset "utf-8";

/*******************************************************************************
 *      
 *  Web Site    : https://www.ritsumei.ac.jp/safetymanegement/
 *  created     : 2011.4.12
 *  Modified    : 2014.11.17
 *  File        : sm.css
 *  Description : 安全管理室 基本レイアウト用CSS
 *
 *******************************************************************************/

#lang_select li{cursor:pointer;}
.lang_jp .jp, .lang_en .en{display:block;}
.lang_jp .en, .lang_en .jp{display:none;}


#main .link_box {
background:none;
}

#main .link_box .thumb{
border: 1px solid #CCC;
padding: 1px;
display: block;
}

#main .link_box .thumb:hover{
border:1px solid #900;
}

#main .w10p{width: 10%;}
#main .w15p{width: 15%;}
#main .w20p{width: 20%;}
#main .w22p{width: 22%;}
#main .w25p{width: 25%;}
#main .w30p{width: 30%;}
#main .w40p{width: 40%;}

/* safety
*******************************************************************************/

.safety #main table tbody th {
    background: none repeat scroll 0 0 #E3EFF9;
    font-size: 12px;
    font-weight: normal;
}

/* manage_chart */
.safety_chart #frame{
}

.safety_chart #frame ul {
    position: relative;
	background: url("/safetymanagement/common/img/safety/safety_chart2_img.gif") no-repeat scroll 0 0 transparent;
	width: 700px;
	height: 630px;
	overflow: hidden;
}

.safety_chart #frame ul li {
    background: none;
    margin-bottom: 0;
    padding-left: 0;
}

.safety_chart #frame ul li.parts1 {
    position: absolute;
	top: 155px;
	left:122px;
}

.safety_chart #frame ul li.parts2 {
    position: absolute;
	top: 223px;
	left:121px;
}

.safety_chart #frame ul li.parts6 {
    position: absolute;
	top: 340px;
	left: 221px;
}

#colorbox{
	width:400px;
	height:300px;
	overflow:auto;}


/* outline */
.outline #main p{

}


.outline #main .term{
padding-left:10px;
border-left:2px #e5e5e5 solid;
margin:0 0 10px 3px;
}

.outline #sub #ln_outline ul{display:block;}

/*safetymanagement_news*/

.safetymanagement_news #main h3 {
background: none;
clear: both;
margin: 40px 0 30px;
padding: 0;
color:#FFFFFF;
}

/*safety_handbook*/

.safety_handbook #main p.subtitle {
    font-size: 1.3em;
    line-height: 1.6;
    margin-bottom: 15px;
	color:#2a6fbb;
}


/* campus
*******************************************************************************/

.campus #main table tbody th{
background:#e5f1eb;
font-weight:normal;
font-size: 12px;
}


.campus #main table tbody th, .campus #main table tbody td {
    border-bottom: 1px solid #E1E2E2;
    padding: 10px;
    text-align: left;
}

/* manual_individual */

.manual_individual #main h3 {
    clear: both;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 0;
}

/* fire_plan */
.fire_plan #main p{

}

.fire_plan #main h4{
font-size:0;
margin-bottom:20px;
}

.fire_plan #main h5{
color:#3071b9;
font-size:1.6em;
margin-bottom:20px;
}


.fire_plan #main .term{
padding-left:10px;
border-left:2px #e5e5e5 solid;
margin:0 0 10px 3px;
}

.fire_plan #sub #ln_fire_plan ul{display:block;}


/* link */

.link #main h4 {
    margin: 10px 0;
}

.link #main ul {
    float: left;
    padding-left: 10px;
	/*width: 320px;*/
}

.link #main ul li {
    background: url("/ir/global/common/img/bullet/circle-black.gif") no-repeat scroll 0 1px transparent;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 15px;
}

.link #main ul li span{
	display:block;
}

.link #main .section {
    margin-bottom: 20px;
}

/* case */


.case #ln_case-sub {
    display: block;
}


.list2011 #main, .list2012 #main {
    float: left;
    width: 1000px;
}

.case #main table tbody td {
    word-wrap:break-word;
	border-bottom: 1px solid #E1E2E2;
    padding: 10px;
    text-align: left;
}

.case #main p.textblock {
	display:block;
	padding: 20px 0 0;
}


.manual_individual #main table {
    margin-bottom: 0;
}

/* rikou
*******************************************************************************/
.rikou #main table tbody th{
background:#f1efe5;
font-weight:normal;
}



.rikou #main table tbody th.all{
background:#f1efe5;
font-weight:bold;
font-size:12px;
color:#A65700;
}

/* management_rule */

.management_rule #main h3 {
    font-size: 1.4em;
    margin-bottom: 20px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.manual_individual #main table {
    margin-bottom: 0;
}


/* rikou_link */

.rikou_link #main h4 {
    font-size: 1em;
    margin-bottom: 10px;
    margin-top: 0;
}

.rikou_link #main ul {
    float: left;
    padding-left: 10px;
    padding-top: 20px;
    width: 330px;
}

.rikou_link #main ul li {
    background: url("/ir/global/common/img/bullet/circle-black.gif") no-repeat scroll 0 1px transparent;
    margin-bottom: 3px;
    margin-left: 0;
    padding-left: 15px;
}

.rikou_link #main .section {
    margin-bottom: 20px;
}

/* safety_manual */

.safety_manual #back_to_top {
	float:right;
}

.safety_manual p#back_to_top a {
	font-size:11px;
	color: #333333;
	text-decoration:none;
}

.safety_manual #main .section {
    margin-bottom: 10px;
}


.safety_manual #main table tbody td {
    border-left: 1px solid #E1E2E2;
}

.safety_manual #main table thead th, .safety_manual #main table tbody th {
	width:207px !important;	
}


.safety_manual #main table tbody td.space {
	border-left: 0px solid #C8C8C8;
	border-bottom: 0px solid #C8C8C8;
	*:border-bottom: 1px solid #E1E2E2;
    display: block;
    padding-left: 13px;
}


.message #main h2{
margin-bottom:0;
}

/* safety_material */

.safety_material #main h3 {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    margin: 40px 0 30px;
    padding: 0;
}

/* dnaExperiment */

.dnaExperiment #main .styleRikou-h3 {
background: none repeat scroll 0 0 #A65700;
clear: both;
font-size: 1.3em;
font-weight: bold;
line-height: 1.3;
margin: 40px 0 30px;
padding: 3px 10px 2px 10px;
color:#FFFFFF;
}

.dnaExperiment #main .styleRikou-h4 {
background: none repeat scroll 0 0 #E5E5E5;
clear: both;
font-size: 1.3em;
font-weight: bold;
line-height: 1.3;
margin: 40px 0;
padding: 3px 10px 2px 10px;
border-left: 8px solid #A65700;
}

.dnaExperiment  .news{
	position:relative;
}

.dnaExperiment .news .sub-link {
    font-size: 0.1em;
    position: absolute;
    right: 0;
    top: -30px;
}

.dnaExperiment #news_list .article_box {
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    height: 300px;
    overflow: auto;
}

.dnaExperiment #news_list .article_box .firstChild{
	margin-top:10px;
}

.dnaExperiment .newsList .article_box {
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    height: 550px;
    overflow: auto;
}

.dnaExperiment .newsList .article_box .firstChild{
	margin-top:10px;
}

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


.news .read_more{margin:5px 0 0 -5px;}
.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;
}

.earthquake_advisory #news_list .thumb {
    border: 1px solid #CCCCCC;
    display: none !important;
    float: right;
    margin: 0 0 10px 10px;
    padding: 1px;
}

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

/*#news_list*/

.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 dotted #b0ab96;
}

.news #news_list .article .section {
    clear: none;
    margin: 0;
}

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


.news #news_list .article .section .desc p {
    font-size: 100%;
}

/*.newsList*/

.dnaExperiment #main .newsList h4{
clear:none;
margin:0 0 10px;
font-size:1.6em;
font-weight:bold;
}
.dnaExperiment #main .newsList .article{
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #b0ab96;
}

.dnaExperiment #main .newsList .article .section {
    clear: none;
    margin: 0;
}

.dnaExperiment  #main .newsList .article .section .desc {
    font-size: 1.2em !important;
    line-height: 1.6;
}


.dnaExperiment  #main .newsList .article .section .desc p {
    font-size: 100%;
}


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

.news #main #news_article .article p {
    font-size: 100%;
}



/*.news #news_list .article .section {
line-height: 1.6;
font-size:1.2em ;
margin-bottom: 15px;
margin:0;
clear:none;
}

.news #news_list .article .section .desc{
line-height: 1.6;
font-size:100%;
margin-bottom: 15px;
}*/

/* month_selector */
.news #month_selector{
margin-bottom:25px;
}

.news #month_selector li{
background:none;
list-style:none outside;
padding:0;
	float:left;
	display:inline;
margin:0;
	margin-right:1px;
	font-size:1em;
}

.news #month_selector li a{
	display:block;
	width:58px;
	vertical-align:middle;
	padding:5px 0;
text-decoration:none;
color:#000;
	text-align:center;
	background:#E9E9E9;
	border-bottom:3px solid #fff;
}

.news #month_selector li.firstChild a,
.news #month_selector li.lastChild a{width:54px;}

.news #month_selector li a:hover{
	border-bottom:3px solid #900;
	background:none;
}

.news #month_selector li a.current {
    background: none repeat scroll 0 0 #990000;
    color: #FFFFFF;
}


#main .entry_body{
line-height: 1.3;
font-size:1.2em;
}

#main .entry_body p,
#main .entry_body table,
#main .entry_body h6{font-size:1em;}

#main .entry_body li{font-size:0.9em;}

#main .entry_body h4{
font-size:1.33em;
}

#main .entry_body h5{
font-size:1.63em;
}



/* home
*******************************************************************************/
/* attention_box */

body.home .campus #attention-box {
position: absolute;
top: -114px;
left: 575px;
display: none;
cursor: pointer;
}


/* flash box */
#flashbox{height:334px;}
#flashbox_campus{height:204px;}
#flashbox_rikou{height:204px;}

.concept_box{
display:block;
position:relative;
width:1000px; height:350px;
}

.concept_box .concept_button{
position:absolute;
}

.concept_box #concept_1_button{ top:0; left:717px;}
.concept_box #concept_2_button{ bottom:0; left:735px;}
.concept_box #concept_3_button{ top:0; left:728px;}

#concept_1,
#concept_2,
#concept_3{display:none;}

.concept_1 #concept_1,
.concept_2 #concept_2,
.concept_3 #concept_3{display:block;}

/*banner*/

body.home .campus #home_application{
float:right;
clear:none;
}

body.home .campus #home_banner li{
list-style:none; margin:0; padding:0;
float:left;
margin-bottom:15px;
}

body.home .campuse #home_banner li.even{float:right;}


body.home .campus #main ol, body.home #main ul, body.home #main dl {
margin-bottom: 0;
}

/* home #main-img
*******************************************************************************/

#main-img {
    display: block;
    height: 334px;
    position: relative;
    width: 1000px;
}

#main-img img {
    opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
	zoom:1;
}

#main-img ul {
    position: relative;
}

#main-img ul li {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
    position: absolute;
}

#main-img ul li#photo1 {
    left: 0;
    top: 0;
	z-index:0;
}

#main-img ul li#photo2 {
    left: 0;
    top: 0;
	z-index:1;
}


#main-img ul li#grid1 {
    left: 0;
    top: 0;
}
#main-img ul li#grid2 {
    left: 0;
    top: 73px;
}
#main-img ul li#grid3 {
    left: 0px;
    top: 138px;
}
#main-img ul li#grid4 {
    left: 87px;
    top: 0;
}
#main-img ul li#grid5 {
    left: 87px;
    top: 73px;
}
#main-img ul li#grid6 {
    left: 261px;
    top: 0;
}
#main-img ul li#grid7 {
    left: 611px;
    top: 0;
}
#main-img ul li#grid8 {
    left: 611px;
    top: 138px;
}
#main-img ul li#grid9 {
    left: 786px;
    top: 0px;
}
#main-img ul li#grid10 {
    left: 0px;
    top: 205px;
}
#main-img ul li#grid11 {
    left: 173px;
    top: 205px;
}
#main-img ul li#grid12 {
    left: 173px;
    top: 269px;
}
#main-img ul li#grid13 {
    left: 261px;
    top: 204px;
}
#main-img ul li#grid14 {
    left: 436px;
    top: 205px;
}
#main-img ul li#grid15 {
    left: 436px;
    top: 270px;
}
#main-img ul li#grid16 {
    left: 524px;
    top: 205px;
}
#main-img ul li#grid17 {
    left: 698px;
    top: 204px;
}

#main-img p {
    left: 209px;
    position: absolute;
    top: 104px;
}
#main-img p img {
    opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
	zoom:1;
}
#carouselbox a:hover {
    background: none repeat scroll 0 0 transparent;
}


/* local nav
*******************************************************************************/

.safety_manual #sub #ln_safety_manual ul {
    display: block;
}

#sub #ln_safety_manual ul {
    display: none;
}


.case #sub #ln_case ul {
    display: block;
}

#sub #ln_case ul {
    display: none;
}

#local_nav ul li.urlnone {
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.2s;
    -moz-transition-property: background-color, color;
    -moz-transition-timing-function: linear;
    color: #000000;
    display: block;
    padding: 7px 0 6px 2px;
}

.application #sub #ln_application ul {
    display: block;
}
 
#sub #ln_application ul {
    display: none;
}


/* news
*******************************************************************************/

body.home #home_news_wide {
    float: left;
    margin-bottom: 0;
    padding-bottom: 25px;
    position: relative;
    width: 1000px;
}

body.home #home_news_wide .sub-link {
    font-size: 0.1em;
    position: absolute;
    right: 0;
    top: 40px;
}

body.home #home_news_wide ul {
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    height: 170px;
    overflow: auto;
}

body.home #home_news_wide ul li {
    background: url("/ir/global/common/img/line-dot.gif") repeat-x scroll 0 bottom transparent;
    padding: 5px 0;
    width: 100%;
}

body.home #home_news_wide ul li a {
    background: url("/ir/global/common/img/bullet/arrow-red.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    padding-left: 15px;
    text-decoration: none;
}
body.home #home_news_wide ul li a:hover {
    background: url("/ir/global/common/img/bullet/arrow-red.gif") no-repeat scroll 1px 0 transparent;
    color: #990000;
    text-decoration: underline;
}

body.home #home_news_wide li span.date {
    color: #666666;
    font-size: 1em;
    margin-right: 10px;
}



/* footer nav
*******************************************************************************/

body.home #footer_nav_safetymanagement ul li.none, body.home #footer_nav_campus ul li.none, body.home #footer_nav_rikou ul li.none {
    background: url("/ir/global/common/img/line-dot.gif") repeat-x scroll 0 bottom transparent;
    padding: 3px 3px 5px 20px;
	text-decoration: none;
	color: #000000;
    display: block;
}