@charset "utf-8";

/*******************************************************************************
 *      
 *  Web Site  : https://www.ritsumei.ac.jp/international/aims/
 *  Modified  : 2013.11.28
 *  lastUpdate  : 2014.10.07
 *  File         :  aims_layout.css
 *  Description : 立命館大学 世界展開力強化事業レイアウトCSS
 *
 *******************************************************************************/



/*  Reset
*******************************************************************************/

html,body,div,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,
dl,dt,dd,ul,ol,li,
form,legend,fieldset,input,textarea,
th,td,
address,
iframe{
margin: 0;
padding: 0;
text-decoration: none;
font-style: normal;
font-variant: normal;
}

body{
position: relative;
margin: 0;
padding: 0;
border:0;
}

a{
text-decoration: none;
overflow: hidden;
outline: none;
}
img,a,fieldset{
border:0;
}


img{
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}

hr{
display: none;
}

ol{
list-style-position: inside;
}

ul li{
list-style:none;
}

table {
border-width: 0;
border-spacing: 0; 
border-style: solid;

}

table,th, td {
border-collapse: collapse;
empty-cells: show;
box-sizing: border-box; 
  -moz-box-sizing:border-box;
}

fieldset{
border:0;
}

iframe{
border:0;
outline: 0;
}



/* Font
*******************************************************************************/
body {font:10px/1.4 Helvetica, Arial, sans-serif;}
table {font-size:inherit;}
*:first-child+html body{
font-size:62.5%;
font-family:Helvetica, Arial, sans-serif;
}
/*\*/* html body{font-size:62.5%;}/**/
/*\*//*/ select, input, textarea{font-family:Helvetica,clean,sans-serif;} /**/

h1,h2,h3,h4,h5,h6{font-size:100%;}






/*  Clear Floats Without Structural Markup (http://www.positioniseverything.net/easyclearing.html)
*******************************************************************************/
#all:after,
#global_header:after,
#header:after,
#department_navigation:after,
#content:after,
#main:after,
#sub:after,
#footer:after,
#site_navigation:after,
#global_footer:after,
.section:after,
.clearfix:after,
.entry:after,
.unit:after{
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#all,
#global_header,
#header,
#department_navigation,
#content,
#main,
#sub,
#footer,
#site_navigation,
#global_footer,
.section,
.clearfix,
.entry,
.unit{
  zoom:1;
}




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

/* 基本レイアウト */

/*DOM

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



#all {
position: relative;
width:960px;
margin:0 auto 0;
padding-bottom:30px;
text-align:left;
}

#global_header{
	position: relative;
	background:#900;
	z-index:20;
}
#header{
	position: relative;
	z-index:11;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	border-bottom: 8px solid #dbdbdb;
}
#content{
	position: relative;
	clear:both;
	padding-bottom:40px;
	z-index:0;
}
#main{
	float:right;
	width:640px;
}
#sub{
	float:left;
	width:220px;
	min-height:450px;
	height:auto !important;
	height:450px;
}

#footer{
	position: relative;
	border-top:8px solid #d7d7d7;
	padding-top:15px;
}
#global_footer{
	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.3em;
line-height:1.6;
}


#main h2{
line-height:1.3;
font-size:2em;
margin-bottom:40px;
clear:both;
}

#main h3{
line-height:1.3;
font-size:3.3em;
font-family: 'Crimson Text', serif;
font-weight:normal;
margin-bottom:40px;
clear:both;
}
#main h3.catch { margin: 0 0 20px 0; }
#main h4{
	line-height: 1.3;
	background: none repeat scroll 0 0 #E5E5E5;
	border-bottom: medium none;
	border-left: 10px solid #01b5a2;
	border-top: medium none;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 4px 12px 2px;
}

#main h5{
	color:#009f8e;   
	line-height:1.3;
	font-size:1.6em;
	font-weight:bold;
	margin-top:30px;
	margin-bottom: 7px;
	clear:both;
}

#main h6{
line-height:1.3;
font-size:1.3em;
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(/international/aims/common/img/common/bullet/circle-black.gif) no-repeat 0 1px;
padding-left:15px;
margin-bottom:3px;
}
#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:#e1e2e2 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(/international/aims/common/img/common/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 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: 1.2em;
}
#main span.note { font-size: 1em; }

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

#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:40px 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(/international/aims/common/img/common/bullet/arrow-red.png) no-repeat 0 0;
}
#main .link a:hover{
color:#900;
background:#F2F2F2;
text-decoration:underline;
background:#F2F2F2 url(/international/aims/common/img/common/bullet/arrow-red.png) 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(/international/aims/common/img/common/bullet/arrow-red.png) no-repeat 0 0;
}
#main .link_list li a{
padding-left:15px;
text-decoration:underline;
background:transparent url(/international/aims/common/img/common/bullet/arrow-red.png) no-repeat 0 0;
zoom:1;
}
#main .link_list li a:hover{
color:#900;
text-decoration:underline;
background:#F2F2F2 url(/international/aims/common/img/common/bullet/arrow-red.png) 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(/international/aims/common/img/common/bullet/arrow-red.png);
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(/international/aims/common/img/common/icon/icon-doc.gif);}
#main .file_list li.icon_xls a{background-image:url(/international/aims/common/img/common/icon/icon-xls.gif);}
#main .file_list li.icon_ppt a{background-image:url(/international/aims/common/img/common/icon/icon-ppt.gif);}
#main .file_list li.icon_pdf a{background-image:url(/international/aims/common/img/common/icon/icon-pdf.gif);}
#main .file_list li.no_icon  a{background-image:url(/international/aims/common/img/common/bullet/arrow-red.png);}


/* 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{
background:transparent url(/international/aims/common/img/common/bullet/arrow-gray-up.png) no-repeat 0 50%;
padding-left:10px;
color:#333;
}
a.return:hover{
color:#900;
text-decoration:underline;
}


/* margin-bottom-px */
#main .mb0{ margin-bottom: 0 !important;}
#main .mb5{ margin-bottom: 5px !important;}
#main .mb10{ margin-bottom: 10px !important;}
#main .mb15{ margin-bottom: 15px !important;}
#main .mb20{ margin-bottom: 20px !important;}
#main .mb30{ margin-bottom: 30px !important;}
#main .mb40{ margin-bottom: 40px !important;}
#main .mb50{ margin-bottom: 50px !important;}



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

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

#global_navigation{
position:absolute;
top:7px;
right:0;
}
#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;
}



/* デパートメントナビゲーション（各学部メインのナビ） */
#department_navigation{
	position:relative;
	margin-bottom:50px;
	margin-left:-1px;
}
#department_navigation li{
	float:left;
	margin-left:1px;
}
#department_navigation ul li a{
	display:block;
	border-bottom:8px solid #dbdbdb;
}
#department_navigation ul li a:hover{
	border-bottom:8px solid #900;
}
#department_navigation ul li a.current{
	border-bottom:8px solid #900;
	cursor:default;
}
/* #department_navigation dropdown */
#header ul.subnav{
	display:none;
}
#header #department_navigation li{
	position:relative;
}
#header #department_navigation li ul{
	position:absolute;
	z-index:10;
}
#header #department_navigation li li{
	background:#fff;
	float:none;
	text-align:left;
	border:1px solid #C8C8C8;
	border-top:none;
	width:189px;
	margin:0;
	padding:0;
	height:auto;
}
#header #department_navigation li li a{
	color:#000;
	height:auto;
	border:none;
	padding:5px 10px;
	width:169px;
}
#header #department_navigation li li a:hover{
	color:#900;
	background:#F6F6F6;
}




/* パンくずナビ */

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



/* ローカルナビゲーション（各学部第二階層のナビ） */
#local_nav ul li ul {display:none;}

#local_nav ul{
border-top:3px solid #ececec;
}
#local_nav ul li{
border-bottom:3px solid #ececec;
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;
}
#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 li{font-size:1em;}
#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;
background-image:url(/international/aims/common/img/common/bullet/arrow-gray.png);
}
#local_nav ul li li a:hover{background-image:url(/international/aims/common/img/common/bullet/arrow-red.png);}

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

#local_nav ul li li li { margin-left: 5px; }


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

#related_nav{
margin-top:130px;
margin-bottom: 40px;
}
#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;
}

#related_nav .banner{
	padding-top: 30px;
}
#related_nav .banner img{
	padding-bottom: 10px;
}


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

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


/* ユーティリティナビゲーション（サイト右上文字サイズなど） */
#utility_navigation{
	position:absolute;
	right:0;
	top:10px;
	font-size:1.1em;
	width: 410px;
}

#lang_change {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
#lang {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100px;
  position: relative;
	background: url(/international/aims/common/img/common/lang-ttl.gif) left top no-repeat; 
}
#lang li.sub {
  display: block;
  line-height: 24px;
  margin: 0 0 0 66px;
	padding: 0;
	width: 20px;
	text-indent: -9999px;
  text-decoration: none;
  cursor: pointer;
	background: url(/international/aims/common/img/common/lang-btn.gif) right top no-repeat; 
}
#lang li ul li {
  position: relative;
	margin: 0;
	padding: 0;
	width: 67px;
}
#lang li ul li, #lang li ul li a{
  display: block;
  width: 67px;
  cursor: pointer;
}
#lang ul li a{
  text-align: left;
  text-indent: 0;
}
#lang li ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #fff;
  position: absolute;
  left: -9999px;      /* hide sub menu */
}
#lang li.click ul {
  position: absolute;
  left: -9999px;      /* hide sub-sub menu */
}
#lang li.click ul li.hover ul ul {
  position: absolute;
  left: -9999px;      /* hide sub-sub-sbu menu */
}
#lang li.hover {  z-index: 500; }
#lang li.click ul li {
  margin: 0;
  width: 67px;
	position: absolute;
}
#lang li.click ul li#lang_jp { top: 0; left: 0; }
#lang li.click ul li#lang_eng { top: 0; left: 67px; }
#lang li.click ul li#lang_id { width: 82px; top: 0; left: 134px; }
#lang li.click ul li#lang_id a { width: 82px; }
#lang li.click ul li#lang_th { width: 52px; top: 0; left: 216px; }
#lang li.click ul li#lang_th a { width: 52px; }

#lang li.click ul{
  left: 86px;          /* show sub menu */
  top: 0;
  background: #fff;
}
#lang li.click ul li.hover ul, #lang li.click ul li.hover ul li.hover ul {
  left: 110px;        /* show sub-sub, sub-sub-sub menu */
  top: 0;
  background: #fff;
}




#f_size_change{
float:left;
padding-right:10px;
position: absolute;
top: 0;
right: 160px;
float: none;
z-index: 10;
}

#f_size_change p{
float: left;
padding:4px 5px 0 0;
}
#f_size_change ul{float: left;}
#f_size_change li {
display:inline;
float: left;
padding:0;
margin-right:1px;
background:transparent url(/international/aims/common/img/common/font-size.gif) no-repeat 0 0;
width:20px;
height:20px;
text-indent:-5000px;
}

#f_size_change #fontS{background-position:0 0;}
#f_size_change #fontM{background-position:-20px 0;}
#f_size_change #fontL{background-position:-40px 0;}

#f_size_change li:hover{cursor : pointer;}
#f_size_change #fontS:hover{background-position:0 -20px;}
#f_size_change #fontM:hover{background-position:-20px -20px;}
#f_size_change #fontL:hover{background-position:-40px -20px;}

.fontS #fontS{background-position:0  -20px !important;}
.fontM #fontM{background-position:-20px  -20px !important;}
.fontL #fontL{background-position:-40px  -20px !important;}

/* フォントサイズ切り替え */
.fontS #main{font-size:0.834em !important;} 	/*pタグ内フォントサイズ10px相当*/
.fontM #main{font-size:1em !important;}		/*pタグ内フォントサイズ12px相当*/
.fontL #main{font-size:1.167em !important;}	/*pタグ内フォントサイズ14px相当*/



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


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

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

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

#footer_sup_nav{
position:absolute;
right:0;
}
#header_sup_nav .only_home,
#footer_sup_nav .only_home{
display:none;
}
#footer #footer_sup_nav li {
	float: left;
	margin: 0 0 0 12px;
}

#footer #back_to_top{
position:absolute;
top:-30px;
right:0;
}
#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;
}
#global_footer #copyright strong{
font-weight:normal;
}




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


/* home */
#home #header { margin: 0; }
#home #department_navigation{
margin-bottom:3px;
}

#home #content{
padding-bottom:40px;
}

#home #main{
float:none;
width:960px;
padding-bottom:0;
}
#home #main h2{
margin-bottom:0;
font-size:1em;
}


#home #main .section{margin-bottom:0;}

#home #footer #back_to_top{
display:none;
}



#home #main #flashbox{
margin-bottom:25px;
}


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





/* lang_select
*******************************************************************************/

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


/* summary(in img300)
*******************************************************************************/
.summary .right{width:300px;}
.summary .left{width:300px;}


/* archive month_selectot
*******************************************************************************/
.news #month_selector li a.current, .event #main #month_selector li a.current, .events #main #month_selector li a.current, .blog #main #month_selector li a.current {
    background: none repeat scroll 0 0 #990000;
    color: #FFFFFF;
}
.news #month_selector li a.current:hover, .event #main #month_selector li a.current:hover, .events #main #month_selector li a.current:hover, .blog #main #month_selector li a.current:hover {
    background: none repeat scroll 0 0 #990000;
    color: #FFFFFF;
	border-bottom: 3px solid #990000;
}