@charset "UTF-8";

/*==============================================

	九州女子大学・九州女子短期大学
	
	common.css
	Recent Edit | 2008.09.19


	*** Contents ***
	   
	[1]	ブラウザリセット、基本設定
	[2]	レイアウト、共通設定
	[3]	メインカラム個別設定、汎用クラス
	
==============================================*/


/*	[1] ブラウザリセット、基本設定
************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{
	margin:0;
	padding:0;
}

body{
	zoom:1;
	background:#fff;
	color:#333;
	font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	*font-size: small;
	*font:x-small;
	line-height: 1.6;
	_line-height: 1.5; /* for IE 5.5〜6 */
}
h1,h2,h3,h4,h5,h6,strong{
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:bold;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

img{
	border:0;
	vertical-align:top;
}

address,em,th,dt{
	font-style:normal;
	font-weight:normal;
}
li{
	list-style:none;
}

h1,h2,h3,h4,h5,h6,strong{
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:bold;
	font-size:100%;
}

q:before,q:after{
	content:'';
}

input, textarea, select{
	font-family:"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

input, select {
	vertical-align: middle;
}

table{
	font-size:1em; /* for IE 5.5 */
}
th,td{
	font-size: 13px;
	*font-size: small;
	*font:x-small;
	font-size: 100%;
}
caption,th{
	text-align:center;
}

a:link{
	color:#ae0007;
	text-decoration:underline;
}
a:visited{
	color:#98397a;
	text-decoration:underline;
}
a:hover{
	color:#ff61ad;
	text-decoration:underline;
}
p img{
	vertical-align:middle;
	margin:0 2px;
}

hr{
visibility:hidden;
}



/*	[2]	レイアウト、共通設定
************************************************************************/

/* コンテナ */

body{
	background-color:#9e1c28;
}
#container-wrapper{
	background:#f7f6e8 url(../img_cmn/header_bg.gif) repeat-x top;
	text-align:center;
}
#container-inner{
	background:#f7f6e8 url(../img_cmn/header_bg.gif) repeat-x top ;
	width:930px;
	margin:0 auto;
	text-align:left;
}

/* ヘッダ（ローカルナビまで） */

#header{
	position:relative;
	height:160px;
}

h1{
	width:368px;
	height:68px;
	background:url(../img_cmn/logo_bg.gif) no-repeat 0px 0px;
	position:absolute;
	top:0px;
	left:11px;
}
h1 img{
	margin-left:4px;
}

/* 言語切り替えナビ・サイトナビ */

#lang-navi{
	position:absolute;
	top:26px;
	right:12px;
}
#lang-navi li{
	float:left;
}

#site-navi{
	position:absolute;
	top:44px;
	right:12px;
}
#site-navi li{
	float:left;
}

/* ユーザ別ナビ・検索ボックス */

#belt{
	position:absolute;
	top:75px;
	left:10px;
	width:900px;
}

#user-navi{
	float:left;
}
#user-navi li{
	float:left;	
}

#search-box{
	float:right;
}
#searchform input{
	color:#999;
	font-size:85%;
	margin:0;
	padding:0;
}

/* グローバルナビ */

#glob-navi{
	position:absolute;
	top:103px;
	left:15px;
	z-index:10;
}
#glob-navi .lv1{
	float:left;
	margin-right:5px;
	position:relative;
	height:50px;
}

/* グローバルナビ プルダウン */

#glob-navi .lv2{ /* for IE 6 Rollover */
	behavior:url("/css/csshover.htc");
}
#glob-navi .lv2{
	display:none;
}

#glob-navi li:hover .lv2{
	display:block;
	position:absolute;
	top:38px;	
	left:30px;
	width:210px;
}

#glob-navi li:hover .lv2{
	background:transparent url(../img_cmn/glob_navi_lv2_bg_top.png) no-repeat top;
	_background:transparent url(../img_cmn/glob_navi_lv2_bg_top.gif) no-repeat top; /* for IE 6 */
	padding-top:8px;
}
#glob-navi li:hover .lv2 .inner{
	background:transparent url(../img_cmn/glob_navi_lv2_bg_btm.png) no-repeat bottom;
	_background:transparent url(../img_cmn/glob_navi_lv2_bg_btm.gif) no-repeat bottom; /* for IE 6 */
	padding-bottom:8px;
}
#glob-navi li:hover .lv2 ul{	
	background:transparent url(../img_cmn/glob_navi_lv2_bg_med.png) repeat-y;
	_background:transparent url(../img_cmn/glob_navi_lv2_bg_med.gif) repeat-y; /* for IE 6 */
	float:none;
	padding:0 10px 0 12px;
}
#glob-navi li:hover .lv2 li,
#glob-navi li:hover .lv2 dd{
	margin-left:6px;
	padding-left:10px;
	background:url(../img_cmn/mark_arrow_mr.gif) no-repeat left 5px;
}

#glob-navi li:hover .lv2 .inner div{
	background:transparent url(../img_cmn/glob_navi_lv2_bg_med.png) repeat-y;
	_background:transparent url(../img_cmn/glob_navi_lv2_bg_med.gif) repeat-y; /* for IE 6 */
	padding:0 10px 0 12px;
}
#glob-navi li:hover .lv2 .inner div ul{
	padding:0;
	background:transparent none;
}

#glob-navi li:hover .lv2 .inner div #lv2-2-cap1{
	margin-bottom:8px;
}
#glob-navi li:hover .lv2 .inner div #lv2-2-cap2{
	margin-bottom:4px;
	border-bottom:1px solid #c5777e;
}
#glob-navi li:hover .lv2 .inner div #lv2-2-cap3{
	margin:8px 0 4px 0;
	border-bottom:1px solid #c5777e;
}
#glob-navi li:hover .lv2 .inner div #lv2-2-cap4{
	margin:8px 0;
}

#glob-navi li .lv2 li a,
#glob-navi li .lv2 dd a{
	color:#333;
	text-decoration:none;
}
#glob-navi li .lv2 li a:hover,
#glob-navi li .lv2 dd a:hover{
	color:#ae0007;
	text-decoration:underline;
}

/* for IE 6〜7 z-index修正 */

#header{ 
	z-index:4;
}
#ttl-box{
	z-index:3;
}
#main-contents{
	z-index:2;
}
#glob-navi #lv1-1{
	z-index:50;
}
#glob-navi #lv1-2{
	z-index:40;
}
#glob-navi #lv1-3{
	z-index:30;
}
#glob-navi #lv1-4{
	z-index:20;
}
#glob-navi #lv1-5{
	z-index:50;
}




/* 学科・学部以外共通 */

#main-contents-introduction h3,
#main-contents-examination h3, 
#main-contents-visitor h3,
#main-contents-information h3,
#main-contents-campus h3{
	margin:10px 0;
	padding:10px 0 14px 55px;
	color:#FFF;
	font-size:120%;
	background:url(../img_cmn/sttl_bg_02.gif) no-repeat;
}

#main-contents-introduction h3 a,
#main-contents-examination h3 a, 
#main-contents-visitor h3 a,
#main-contents-information h3 a,
#main-contents-campus h3 a{
	color:#FFF;
}


#main-contents-topics h4,
#main-contents-introduction h4,
#main-contents-examination h4, 
#main-contents-visitor h4,
#main-contents-information h4,
#main-contents-campus h4{
	margin:10px 0 5px;
	color:#ae0007;
	font-size:110%;
}




/* Adobe Reader */
.adobereader{
	width:648px;
	padding:20px 15px;
	border:1px solid #999;
	background-color:#FFF;
	margin:0 auto;
}




/* メインコンテンツ */
.noteBlock01{
padding:10px;
background-color:#FFFFFF;
border:1px solid #B94047;
}
/* フッター */

#footer-wrapper{
	text-align:center;
	background:url(../img_cmn/footer_bg.gif) repeat-x;
}
#footer-inner{
	background:url(../img_cmn/footer_bg.gif) repeat-x;
	width:930px;
	margin:0 auto;
	text-align:left;
	color:#fff;
	font-size:85%;
	padding-top:10px;
}
#footer-inner a{
	color:#fff;
	text-decoration:none;
}
#footer-inner a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer-linx{
	text-align:center;
	margin:0 15px 10px;
	padding-bottom:10px;
	border-bottom:1px solid #c46168;
}
#footer-linx li{
	display:inline;
	text-align:center;
}
#footer-inner .clearfix{
	margin:0 15px;
}
#footer-inner #address-left{
	float:left;
	width:545px;
}
#footer-inner #address-right{
	float:right;
	width:351px;
	padding-top:15px;
}


/*	[3] メインカラム個別設定、汎用クラス
************************************************************************/

/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* For Except Mac IE ¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */

.clear {
	clear: both;
}

.clear-L{
clear:left;
}

.clear-R{
clear:right;
}



/* align */
.center{ 
	text-align:center; 
}

.middle{ 
	vertical-align:middle; 
}

.left{ 
	text-align:left; 
}

.right{ 
	text-align:right; 
}

.fleft{ 
	float:left; 
}

.fright{ 
	float:right; 
}



/* 年間イベントカレンダー */

#event-calendar{
	border:1px solid #999;
	margin-bottom:6px;
	background-color:#fff;
	padding:4px;
	_padding:4px 2px; /* for IE 6 */
	font-size:70%;
}
#event-calendar .inner{

}
#event-calendar .date{
	color:#a30e22;
	font-weight:bold;
	margin:4px 0px 0px 4px;
}
#event-calendar dl{
	line-height:1.6;
	margin-top:5px;
	padding:0px 4px;
}
#event-calendar dt{
	float:left;
	clear:left;
}
#event-calendar dd{
	padding-left:6em;
}

/* ページのトップに戻る */

.pagetop{
	text-align:right;
	margin-top:20px;
}
.pagetop a{
	padding-left:12px;
	background:url(../img_cmn/mark_arrow_up.gif) no-repeat left;
}

/* 三角付きリンク */

.mark-arrow a{
	background:url(../img_cmn/mark_arrow_mr.gif) no-repeat left center;
	padding-left:10px;
}


/* 三角付きリンク・右寄せ */

.view-detail{
	text-align:right;
}
.view-detail a{
	background:url(../img_cmn/mark_arrow_mr.gif) no-repeat left center;
	padding-left:10px;
}


/* 汎用マージン・パディング */

.mt5 { margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt300{ margin-top: 300px !important; }


.mb5 { margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb200{ margin-bottom: 200px !important; }

.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }

.mr5{ margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr30{ margin-right: 30px !important; }

.mw10{ margin:0 10px !important; }
.mw15{ margin:0 15px !important; }

.mh10{ margin:10px 0 !important; }
.mh15{ margin:15px 0 !important; }
.mh20{ margin:20px 0 !important; }

.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }

.pb5{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb200{ padding-bottom: 200px !important; }


/* フォント */

/* font-size */
.x-small{ 
font-size: 70%;	/*9px*/
line-height:1.2;
}


.small{ 
font-size: 85%;	/*11px*/
line-height:1.4;
}

.medium{ 
font-size: 123%; /*16px*/
}

.bold{ font-weight:bold; }

.normal{ font-weight:normal; }


/* color */
.fred{ color:#f00; }

.fblue{ color:#2F73F8; }

.fgray{ color:#666; }

.fmaroon{ color:#ae0007; }




/*	[4] 右カラム個別設定、汎用クラス
************************************************************************/

/* バナー */
.banner-zone img.link-banner{	
	padding:1px;
	margin-bottom:6px;
}
.banner-zone a img.link-banner{
	display:block;
	border:1px solid #ae0007;
}

.banner-zone a:hover img.link-banner{
	border:1px solid #999;
}

hr.clear-R{
	margin:0;
	padding:0;
}


/* 枠なしバナー */

.banner-zone .link-banner-nf a img {	
	margin-bottom:6px;
}