@charset "utf-8";

/*******************************************************************************
 *      
 *  Web Site  : http://www.ritsumei.ac.jp/
 *  Modified  : 2012.3.12
 *  File         :  layout.css
 *  Description : 立命館大学 基本レイアウト用CSS
 *
 *******************************************************************************/

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

/* 基本レイアウト */

/*DOM

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


body {
behavior: url("csshover3.htc"); 
#background:#e8e8e8;
}

#all {
position: relative;
width:960px;
margin:0 auto 0;
padding-bottom:5px;
text-align:left;
#background:url("../img/bg-all.gif") no-repeat 50% 0 ;
}

#global_header{
position: relative;
height:85px;
}
#header{
position: relative;
}


#content{
position: relative;
clear:both;
padding-bottom:40px;
margin-top:5px;
width:960px;
#padding:30px 126px 0 22px;
background:#fff;
}
#main{
position: relative;
float:right;
width:598px;
padding-bottom:30px;
}
#sub{
position: relative;
float:left;
width:208px;
padding-bottom:30px;
}

#footer{
position: relative;
clear:both;
padding-top:2px;
margin-bottom:20px;
background:#FFF url("../img/bg-footer.gif") no-repeat 50% bottom ;
}
#global_footer{
clear:both;
position: relative;
}

.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;
}




/* 各要素基本レイアウト */

#main a{
-webkit-transition-property:background-color,color;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0s;
-moz-transition-property:background-color,color;
-moz-transition-duration: 0.1s;
-moz-transition-timing-function: linear;
-moz-transition-delay: 0s;
-o-transition-property:background-color,color;
-o-transition-duration: 0.1s;
-o-transition-timing-function: linear;
-o-transition-delay: 0s;
}
#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 p{
margin-bottom:15px;
font-size:1.2em;
line-height:1.6;
}


#main h2{
line-height:1.3;
font-size:2.1em;
margin-bottom:25px;
color:#b30808;
clear:both;
}


#main h3{
line-height:1.3;
font-size:1.6em;
/*font-family: "Hiragino Mincho Pro","HGS明朝E","MS PMincho",serif;*/
font-weight:normal;
margin-bottom:20px;
clear:both;
}

#main h4{
line-height:1.3;
font-size:2.2em;
font-weight:normal;
margin-top:40px;
margin-bottom:30px;
clear:both;
}

#main h5{
line-height:1.3;
font-size:1.4em;
font-weight:bold;
margin-top:30px;
margin-bottom:20px;
clear:both;
}

#main h6{
line-height:1.3;
font-size:1.2em;
font-weight:bold;
margin-top:30px;
margin-bottom:15px;
clear:both;
}


#main ol,
#main ul,
#main dl{
font-size:1.2em;
margin-bottom:20px;
}
#main ol ol,#main ol ul,#main ol dl,
#main ul ol,#main ul ul,#main ul dl,
#main dl ol,#main dl ul,#main dl dl{
font-size:1em;
margin:15px 0;
}


#main ul li{
background:transparent url("../img/circle-black.gif") no-repeat 0 1px;
padding-left:15px;
margin-bottom:3px;
_zoom:1;	/* for IE6 */
}
#main ul ol li{
background:none;
list-style-type: decimal;
list-style-position: inside;
padding-left:3px;
margin-bottom:3px;
}

#main ol li{
padding-left:3px;
margin-bottom:3px;
}
#main ol ol li{
padding-left:15px;
margin-bottom:3px;
}
#main ol ul li{
margin-left:12px;
padding-left:15px;
list-style-position: outside;
}


#main dl dt{
font-weight:bold;
margin:20px 0 10px;
}
#main dl dd{
margin:0 0 3px 10px;
}



#main table{
margin-bottom:40px;
border-top:#c8c8c8 solid 1px;
font-size:1.2em;
width:100%;
table-layout:fixed;
}

#main table caption{
text-align:left;
color:#666;
font-size:0.833em;
padding-bottom:3px;
}

#main table thead{
background:transparent url("../img/table-thead-bg.gif") repeat-x 0 bottom;
}
#main table thead th{
font-weight:normal;
}
#main table thead th,
#main table thead td{
padding:10px 13px 13px 0;
text-align:left;
}
#main table thead th span,
#main table thead td span{
padding-left:13px;
border-left:#c8c8c8 solid 1px;
display:block;
}
#main table thead th.firstChild span,
#main table thead td.firstChild span{
border-left:none;
}

#main table tbody th{
background:#f5f5f5;
font-weight:normal;
}

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

#main table tbody tr{
border-bottom:1px solid #e1e2e2;
}

#main table tfoot th,
#main table tfoot td{
background:#F5F5F5;
padding:10px 13px;
border-bottom:1px solid #e1e2e2;
text-align:left;
font-weight:bold;
}
#main table tfoot th{
background:#ebebeb;
}


#main table ol,#main table ul,#main table dl{
font-size:1em;
}


#main blockquote{
margin:0 20px 30px;
padding:20px;
font-size:1.2em;
border:4px solid #E1E2E2;
background:#F5F5F5;
color:#555;
}





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


#main .note{
color:#900;
font-size:1em;
}

#main .caption{
color:#666;
font-size:1em;
}

#main .attention{
margin:0 20px 20px;
padding:20px;
font-size:1.2em;
border:4px solid #990000;
background:#fae9e9;
color:#900;
}

#main .separate{
display:block;
margin:40px 0;
border:none;
height:8px;
background:#ebebeb;
color:#ebebeb;
}

#main .separate2px{
display:block;
margin:20px 0;
border:none;
height:2px;
background:#ebebeb;
color:#ebebeb;
}


#main .hide{
display:none;
}
#main .print{
display:none;
}

/* .link + .file */
#main .link a,
#main .link_list a,
#main .file a,
#main .file_list a{
-webkit-transition-property:background-color,color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0s;
-moz-transition-property:background-color,color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: linear;
-moz-transition-delay: 0s;
-o-transition-property:background-color,color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: linear;
-o-transition-delay: 0s;

}

/* .link系 */
#main .link a{
padding-left:15px;
text-decoration:underline;
background:transparent url("../img/arrow-red.gif") no-repeat 0 0;
}
#main .link a:hover{
color:#900;
background:#F2F2F2;
text-decoration:underline;
background:#F2F2F2 url("../img/arrow-red.gif") no-repeat 1px 0;
}

#main .link_list li{
padding-left:0;
background:none;
margin-bottom:5px;
}
#main .link_list li.nolink{
padding-left:15px;
background:transparent url("../img/arrow-red.gif") no-repeat 0 0;
}
#main .link_list li a{
padding-left:15px;
text-decoration:underline;
background:transparent url("../img/arrow-red.gif") no-repeat 0 0;
zoom:1;
}
#main .link_list li a:hover{
color:#900;
text-decoration:underline;
background:#F2F2F2 url("../img/arrow-red.gif") no-repeat 1px 0;
}

/* .file系 */

img.file_icon{
padding:0 2px;
vertical-align:baseline;
}

#main .file a{
padding-left:15px;
text-decoration:underline;
background-image:url("../img/arrow-red.gif");
background-repeat:no-repeat;
background-position:0 0;
}
#main .file a:hover{
color:#900;
background:#F2F2F2;
text-decoration:underline;
}

#main .file_list li{
padding-left:0;
background:none;
margin-bottom:5px;
}
#main .file_list li a{
padding-left:19px;
text-decoration:underline;
background-repeat:no-repeat;
background-position:0 0;
zoom:1;
}
#main .file_list li a:hover{
color:#900;
text-decoration:underline;
background-repeat:no-repeat;
background-position:1px 0;
}

#main .file_list li.icon_doc a{background-image:url("../img/icon-doc.gif");}
#main .file_list li.icon_xls a{background-image:url("../img/icon-xls.gif");}
#main .file_list li.icon_ppt a{background-image:url("../img/icon-ppt.gif");}
#main .file_list li.icon_pdf a{background-image:url("../img/icon-pdf.gif");}
#main .file_list li.no_icon  a{background-image:url("../img/arrow-red.gif");}


/* sentense */
#main ol.text_list li{
list-style-position:outside;
padding:0;
margin-left:1.7em;
margin-bottom:1em;
}

#main .fontsize10px{
font-size:10px;
}
#main .fontsize12px{
font-size:12px;
}
#main .fontsize14px{
font-size:14px;
}
#main .fontsize16px{
font-size:16px;
}





#main .left{
float:left;
margin:0 20px 20px 0;
}

#main .right{
float:right;
margin:0 0 20px 20px;
}

#main .center{
text-align:center;
margin-bottom:20px;
}

#main .align_left{text-align: left;}
#main .align_right{text-align: right;}
#main .align_center{text-align: center;}


a.return{
display:block;
background:transparent url("../img/icon-top.gif") no-repeat right 50%;
padding-right:17px;
color:#333;
font-size:1.1em;
}
a.return:hover{
color:#900;
text-decoration:underline;
background-color:#F2F2F2;
}





/* Navigation
*******************************************************************************/

#global_logo{
position:absolute;
left:0px;
}


/* グローバルナビゲーション（全サイト共通ナビ） */

#global_navigation{
position:absolute;
right:0;

width:600px;


}
#global_navigation ul li{
float:left;
border-left:1px solid #FFF;
line-height:1;
}
#global_navigation ul li.n_home{
border:none;
}
#global_navigation ul li a{
color:#fff;
padding:0 10px;
}
#global_navigation ul li a:hover{
color:#fff;
text-decoration:underline;
}





/* パンくずナビ */

#breadcrumb{
position:absolute;
top:-27px;
right:0;
}

#breadcrumb p{
font-size:1em;
margin-bottom:10px;
}
#breadcrumb p strong{
font-weight:normal;
}
#breadcrumb p a{
color:#000;
text-decoration:none;
}
#breadcrumb p a:hover{
color:#900;
background:none;
text-decoration:underline;
}



/* ローカルナビゲーション（各学部第二階層のナビ） */

#local_nav{
margin-bottom:75px;
}
#local_nav h2{
color:#777;
font-weight:normal;
font-size:1.1em;
padding-bottom:5px;
}

#local_nav ul{
border-top:7px solid #000;
_zoom:1;	/* for IE6 */
}
#local_nav ul li{
border-bottom:4px solid #e8e8e8;
font-size:1.2em;
font-weight:bold;
}
#local_nav ul li a{
display:block;
padding:7px 0 6px 2px;
color:#000;
-webkit-transition-property:background-color,color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0s;
-moz-transition-property:background-color,color;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: linear;
-moz-transition-delay: 0s;
-o-transition-property:background-color,color;
-o-transition-duration: 0.2s;
-o-transition-timing-function: linear;
-o-transition-delay: 0s;
zoom:1;
}
#local_nav ul li a:hover{
color:#900;
background-color:#f6f6f6;
}
#local_nav ul li a.current{
color:#900;
}
#local_nav ul li a.current:hover{
color:#900;
background-color:#fff;
cursor:default;
}
#local_nav ul li.no-link{
padding:7px 0 6px 2px;
}

#local_nav ul li ul{border-top:1px solid #e8e8e8;}
#local_nav ul li li{font-size:1em; border-bottom:1px solid #e8e8e8;font-size:0.8333em;}
#local_nav ul li li.lastChild{border:none;}
/* check line 561 */

#local_nav ul li li a{
padding:7px 0 6px 14px;
color:#000;
background-repeat:no-repeat;
background-position:2px center;
}
#local_nav ul li li.no-link{
padding:7px 0 6px 14px;
}

#local_nav ul li li li a{
padding:7px 0 6px 20px;
background-position:7px center;
}
#local_nav ul li li li.no-link{
padding:7px 0 6px 20px;
background-position:7px center;
}



/* 関連ナビゲーション（関連ページのナビ） */

#related_nav{
margin-top:130px;
}
#related_nav ul{
border-top:1px solid #c8c8c8;
}
#related_nav ul li{
border-bottom:1px solid #c8c8c8;
}
#related_nav ul li a{
display:block;
padding:3px 0 2px 2px;
width:218px;
color:#000;

-webkit-transition-property:background-color,color;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0s;
-moz-transition-property:background-color,color;
-moz-transition-duration: 0.1s;
-moz-transition-timing-function: linear;
-moz-transition-delay: 0s;
-o-transition-property:background-color,color;
-o-transition-duration: 0.1s;
-o-transition-timing-function: linear;
-o-transition-delay: 0s;
}
#related_nav ul li a:hover{
color:#900;
background:#f6f6f6;
}


/* サイトナビゲーション（フッター部分のナビ） */

#site_navigation{
clear:both;
margin-bottom:10px;
}
#site_navigation ul li{
float:left;
border-right:1px solid #000;
padding-right:5px;
margin-right:5px;
line-height:1;
}
#site_navigation ul li#n_privacypolicy{
border:none;
}
#site_navigation ul li a{
color:#000;
}
#site_navigation ul li a:hover{
color:#900;
text-decoration:underline;
}


/* ユーティリティナビゲーション（サイト右上文字サイズなど） */

#utility_navigation{
position:absolute;
left:3px;
top:65px;
font-size:1.1em;
}
#utility_navigation li{
float:left;
border-right:1px solid #000;
padding-right:5px;
margin-right:5px;
line-height:1.1;
}
#utility_navigation li.lastChild{
border-right:none;
}

#utility_navigation li a{color:#000;}
#utility_navigation li a:hover{color:#900; text-decoration:underline;}

#facebook{
position:absolute;
left:618px;
top:62px;
width:100px;
background:#E8E8E8;
}

#searchbox{
position:absolute;
left:733px;
top:63px;
width:230px;
background:#E8E8E8;
}
#searchbox form{
width:160px;
background:#E8E8E8;
}
#searchbox form{}
#searchbox fieldset{}
#searchbox legend span{
position:absolute;
top:4px;
left:0;
font-size:1.1em;
color: #000;
}
#searchbox p{
width:160px;
height:20px;
background:transparent url("../img/searchbox.gif") no-repeat 0 0 ;
}
#searchbox #searchKeyword{
width:130px;
margin:0 5px 0 5px;
padding-bottom:3px;
background:none;
border:none;
outline:0;
font-size:1em;
}
#searchbox .submit{
width:20px;
height:20px;
padding:0;
border-width:0;
border:0;
text-indent:-9999px;
background:transparent url("../img/searchbox.gif") no-repeat -140px 0 ;
}
#searchbox .submit:hover{
cursor:pointer;
background-position: -140px -30px ;
}


#detail-search{
position:absolute;
top:63px;
left:900px;
}




/* 補足ナビゲーション（サイト右上） */

#header_sup_nav{
position:absolute;
top:40px;
right:0;
}

/* 補足ナビゲーション（サイト右下） */

#footer_sup_nav{
position:absolute;
right:0;
top:25px;
z-index:10;
}
#header_sup_nav .only_home,
#footer_sup_nav .only_home{
display:none;
}





/* サイドニュース＆イベント */

#side-news,
#side-event{
position:relative;
margin-bottom:50px;
}
#side-news h2,
#side-event h2{
color:#777;
border-bottom:7px solid #000;
font-weight:normal;
padding-bottom:3px;
}
#side-news h3,
#side-event h3{
padding:5px 0;
margin-bottom:10px;
color:#793da3;
font-size:1.2em;
border-bottom:1px solid #000;
}
#side-news ul li,
#side-event ul li{
border-bottom:1px solid #c6c3b4;
font-size:1.2em;
zoom:1;
}
#side-news ul li a,
#side-event ul li a{
padding:5px 0;
color:#000;
display:block;
zoom:1;
}
#side-news ul li a:hover,
#side-event ul li a:hover{color:#900;background:#F2F2F2;text-decoration:underline;}
#side-news .tolist,
#side-event .tolist{
position:absolute;
top:2px;
right:0;
}

#side-event ul li a span.date{
font-size:0.833em;
color:#666;
}
#side-event ul li a:hover span.date{
color:#900;
}


/* サイドアーカイブ（ニュース、イベントページ用） */


#sub .nav-archive{
position:relative;
margin-bottom:45px;
}
#sub .nav-archive h2{
color:#777;
border-top:7px solid #000;
border-bottom:1px solid #000;
font-weight:normal;
}
#sub .nav-archive h2 img{
position:relative;
}
#sub .nav-archive h3{
padding:5px 3px 4px;
_padding:5px 3px 3px;	/* for IE6 */
color:#793da3;
font-size:1.2em;
border-bottom:1px solid #000;
}
#sub .nav-archive .tolist{
position:absolute;
top:14px;
right:0;
font-size:1px;
line-height:1;
}

#sub .nav-archive ul li{
border-bottom:1px solid #c6c3b4;
font-size:1.2em;
zoom:1;
}
#sub .nav-archive ul li a{
padding:5px 3px;
color:#000;
display:block;
zoom:1;
}
#sub .nav-archive ul li a:hover{
color:#900;
background:#F2F2F2;
text-decoration:underline;
}





/* スペシャルコンテンツ */

#side-special{
position:relative;
margin-bottom:20px;
}
#side-special .pickup{
display:block;
margin-bottom:5px;
}

#side-special h2{
color:#777;
border-bottom:7px solid #000;
font-weight:normal;
padding-bottom:3px;
}
#side-special h3{
padding:5px 0;
margin-bottom:10px;
color:#793da3;
font-size:1.2em;
border-bottom:1px solid #000;
}
#side-special ul li{
border-bottom:1px solid #c6c3b4;
font-size:1.2em;
zoom:1;
}
#side-special ul li a{
padding:5px 0;
color:#000;
display:block;
}
#side-special ul li a:hover{color:#900;background:#F2F2F2;text-decoration:underline;}
#side-special .tolist{
position:absolute;
top:2px;
right:0;
}


/* ページサポート（ページトップリンク、プリント機能） */

#page-support{
position:absolute;
top:-19px;
right:10px;
}
#page-support p {
float:left;
margin-right:10px;
line-height: 1.2;
padding-left: 10px;
}
#page-support p a {
display:block;
background:transparent url("../img/icon-print.gif") no-repeat right 50%;
padding-right:17px;
cursor: pointer;
color:#333;
font-size:1.1em;
}

#page-support p a:hover{
color:#900;
text-decoration:underline;
}

#footer #back_to_top{
margin-right:0;
}
#footer #back_to_top .return{
background:transparent url("../img/icon-top.gif") no-repeat right 50%;
}
#footer address{
margin-bottom:10px;
}
#footer address a{
color:#000;
}
#footer address a:hover{
color:#900;
text-decoration:underline;
}
#footer address strong{
font-weight:normal;
}



/* フッターサイトマップ */

#footer-sitemap{
background:url("../img/bg-footer-sitemap.gif") no-repeat 0 0;
padding:50px 25px 10px;
}


#footer-sitemap h2{
background:#000;
padding:5px 8px 4px;
margin-bottom:10px;
color:#FFF;
font-weight:normal;
zoom:1;
}

#footer-sitemap h2 a{
color:#FFF;
}
#footer-sitemap h2 a:hover{
text-decoration:underline;
}

#footer-sitemap h3{
color:#900;
position:absolute;
}
#footer-sitemap ul{
clear:both;
margin-bottom:8px;
padding-bottom:3px;
padding-left:190px;
border-bottom:1px solid #d6d6d6;
}
#footer-sitemap ul.lastChild{
border-bottom:none;
padding-left:0;
}
#footer-sitemap ul li{
float:left;
border-right:1px solid #878787;
margin-right:5px;
margin-bottom:5px;
padding:0px 5px 0 0;
white-space: nowrap;

}
#footer-sitemap ul li.firstChild{
padding-left:0;
}
#footer-sitemap ul li.lastChild{
border-right:none;
}
#footer-sitemap ul li a{
color:#444;
}
#footer-sitemap ul li a:hover{
color:#900;
text-decoration:underline;
}




#global_footer #copyright strong{
font-weight:normal;
}




/* contents
*******************************************************************************/


/* home */

.home #content{padding-top:350px;}
.home #main{float:left;}
.home #sub{float:right;}

.home #header_sup_nav li,
.home #footer_sup_nav li{
display:none;
}
.home #header_sup_nav .only_home,
.home #footer_sup_nav .only_home{
display:block;
}


.links_btn_form{
background-color:#efe;
border: 1px solid #cdc;
}


.links_btn_form:hover, .links_btn_form:focus{
background-color:#cfc;
}

.input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.input-group .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}