@charset "UTF-8";



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



	九大数理学府

	common.css

	

	Recent Edit | 2009.09.15

	

	

	*** Contents ***

	

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

	[2]  汎用クラス

	[3]  レイアウト、共通設定

	[4-1]  詳細設定 | トップページ

	[4-2]  詳細設定 | コーナーページ共通

	

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





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

	color:#333;

	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;

	font-size: 13px;

	*font-size: small;

	*font:x-small;

	line-height: 1.6;

}



h1,h2,h3,h4,h5,h6,strong{

	font-weight:bold;

	font-size:100%;

}



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;

}



q:before,q:after{

	content:'';

}



input, textarea, select{

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

	font-size:100%;

}



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:#19519d;

	text-decoration:none;

}

a:visited{

	color:#19519d;

	text-decoration:none;

}

a:hover{

	color:#ff7f00;

	text-decoration:none;

}



.f_red {

	color:#900;

}







/*	[2]	汎用クラス

************************************************************************/



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

/* */

/* For Mac IE Only \*//*/

.clearfix { overflow: hidden; }

/* */



.clear{

	clear: both;

}





.mt10{margin-top:10px;}

.mt20{margin-top:20px;}

.mb10{margin-bottom:10px;}

.mb20{margin-bottom:20px;}



.al-center{

	text-align:center;	

}

.al-right{

	text-align:right;	

}



/*	[3]	レイアウト、詳細設定

************************************************************************/



body{

	background-color:#fff;

	text-align:center;

}



#wrapper{

	background:url(../img/head_bg_01.gif) repeat-x;

	width:100%; /* for FF,Safari */  

	display:table; /* for FF,Safari */

}

#wrapper-inner{

	background:url(../img/head_bg_02.gif) no-repeat top center;

	width:100%; /* for FF,Safari */  

	display:table; /* for FF,Safari */

}

#wrapper-inner-top{ /* トップ用 */

	background:url(../img/head_bg_02_top.gif) no-repeat top center;

	width:100%; /* for FF,Safari */  

	display:table; /* for FF,Safari */

}



/* ===== ヘッダー ===== */



#header{

	margin:0 auto;

	height:105px;

	width:940px;

	text-align:left;

	position:relative;

	line-height:1.6;

}



#header h1{

	position:absolute;

	top:20px;

	left:10px;

}





#header #head-nav li {

	position:absolute;	

}



#header #head-nav li#head-nav-vo{

	top:5px;

	left:497px;

}



#header #head-nav li#head-nav-01{

	top:5px;

	left:594px;

}



#header #head-nav li#head-nav-02{

	top:5px;

	left:672px;

}



#header #head-nav li#head-nav-03{

	top:5px;

	left:739px;

}



#header #head-nav li#head-nav-04{

	top:5px;

	left:789px;

}



#header #head-nav li#head-nav-05{

	top:5px;

	left:867px;

}







#header #search-box{

	position:absolute;	

	top:60px;

	left:762px;

}

#header #search-box #search_text{

	width:120px;

	height:12px;
	
	font-size:85%;

}



#emg-bnr{

	position:absolute;	

	top:48px;

	left:562px;	

}



/* ===== メインビジュアル ===== */



#main-visual{

	margin:0 auto;

	width:920px;

	text-align:left;

}



#flash{

	

}



/* ===== グローバルナビ ===== */



#glob-navi li.lv1{

	float:left;

	position:relative;

}



#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:48px;	

	left:10px;

	width:210px;

}

#glob-navi li:hover .lv2 img{

	vertical-align:middle;

	padding:0.2em 0;

}



#glob-navi li:hover #lv2-1{

	background:transparent url(../img/glob_navi_pd1_bg_top.png) no-repeat top;

	_background:transparent url(../img/glob_navi_pd1_bg_top.gif) no-repeat top; /* for IE 6 */

	padding-top:8px;

}

#glob-navi li:hover #lv2-1 .inner{

	background:transparent url(../img/glob_navi_pd1_bg_btm.png) no-repeat bottom;

	_background:transparent url(../img/glob_navi_pd1_bg_btm.gif) no-repeat bottom; /* for IE 6 */

	padding-bottom:8px;

}

#glob-navi li:hover #lv2-1 ul{	

	background:transparent url(../img/glob_navi_pd1_bg_med.png) repeat-y;

	_background:transparent url(../img/glob_navi_pd1_bg_med.gif) repeat-y; /* for IE 6 */

	padding:0 10px 0 12px;

}

#glob-navi li:hover #lv2-2{

	background:transparent url(../img/glob_navi_pd2_bg_top.png) no-repeat top;

	_background:transparent url(../img/glob_navi_pd2_bg_top.gif) no-repeat top; /* for IE 6 */

	padding-top:8px;

}

#glob-navi li:hover #lv2-2 .inner{

	background:transparent url(../img/glob_navi_pd2_bg_btm.png) no-repeat bottom;

	_background:transparent url(../img/glob_navi_pd2_bg_btm.gif) no-repeat bottom; /* for IE 6 */

	padding-bottom:8px;

}

#glob-navi li:hover #lv2-2 ul{	

	background:transparent url(../img/glob_navi_pd2_bg_med.png) repeat-y;

	_background:transparent url(../img/glob_navi_pd2_bg_med.gif) repeat-y; /* for IE 6 */

	padding:0 10px 0 12px;

}

#glob-navi li:hover #lv2-3{

	background:transparent url(../img/glob_navi_pd3_bg_top.png) no-repeat top;

	_background:transparent url(../img/glob_navi_pd3_bg_top.gif) no-repeat top; /* for IE 6 */

	padding-top:8px;

}

#glob-navi li:hover #lv2-3 .inner{

	background:transparent url(../img/glob_navi_pd3_bg_btm.png) no-repeat bottom;

	_background:transparent url(../img/glob_navi_pd3_bg_btm.gif) no-repeat bottom; /* for IE 6 */

	padding-bottom:8px;

}

#glob-navi li:hover #lv2-3 ul{	

	background:transparent url(../img/glob_navi_pd3_bg_med.png) repeat-y;

	_background:transparent url(../img/glob_navi_pd3_bg_med.gif) repeat-y; /* for IE 6 */

	padding:0 10px 0 12px;

}

#glob-navi li:hover #lv2-4{

	background:transparent url(../img/glob_navi_pd4_bg_top.png) no-repeat top;

	_background:transparent url(../img/glob_navi_pd4_bg_top.gif) no-repeat top; /* for IE 6 */

	padding-top:8px;

}

#glob-navi li:hover #lv2-4 .inner{

	background:transparent url(../img/glob_navi_pd4_bg_btm.png) no-repeat bottom;

	_background:transparent url(../img/glob_navi_pd4_bg_btm.gif) no-repeat bottom; /* for IE 6 */

	padding-bottom:8px;

}

#glob-navi li:hover #lv2-4 ul{	

	background:transparent url(../img/glob_navi_pd4_bg_med.png) repeat-y;

	_background:transparent url(../img/glob_navi_pd4_bg_med.gif) repeat-y; /* for IE 6 */

	padding:0 10px 0 12px;

}





#glob-navi li:hover .lv2 li{

	margin-left:6px;

	padding-left:10px;

}

#glob-navi li:hover #lv2-1 li{

	background:url(../img/mark_arrow03_bl.gif) no-repeat left center;

}

#glob-navi li:hover #lv2-2 li{

	background:url(../img/mark_arrow03_gr.gif) no-repeat left center;

}

#glob-navi li:hover #lv2-3 li{

	background:url(../img/mark_arrow03_ye.gif) no-repeat left center;

}

#glob-navi li:hover #lv2-4 li{

	background:url(../img/mark_arrow03_re.gif) no-repeat left center;

}





#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:#ff7f00;

	text-decoration:none;

}





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



#header{ 

	z-index:4;

}

#glob-navi{

	z-index:3;

}

#main-contents{

	z-index:2;

}

#glob-navi #lv2-1{

	z-index:50;

}

#glob-navi #lv2-2{

	z-index:40;

}

#glob-navi #lv2-3{

	z-index:30;

}

#glob-navi #lv2-4{

	z-index:20;

}

#glob-navi .lv1{

	z-index:60;

}





/* ===== カラムポジション ===== */



#main-contents{

	margin:10px auto 20px;

	width:920px;

	text-align:left;

}



#left-column{

	float:left;

	width:200px;

}

#right-thru-column{

	float:right;

	width:700px;

}



/* ===== 左カラム ===== */





/* ===== 右カラム ===== */



.banner-box img{

	margin-bottom:8px;

}



/* カレンダー */



#calendar{

	margin-bottom:8px;

	height : 195px;

}



#cal-head{

	background:url(../img/cal_bg_head.gif) no-repeat;

	width:200px;

	height:22px;

	position:relative;

}

#cal-head h2{

	position:absolute;

	top:4px;

	left:8px;

}

#cal-head ul{

	position:absolute;

	top:4px;

	left:130px;

}

*:first-child+html #cal-head ul {

	top:0px; /* for IE 7 */

}

#cal-head li{

	float:left;

	margin-right:2px;

}



#cal-main{

	background:url(../img/cal_bg_main.gif) no-repeat 0px bottom;

	width:200px;

	padding:5px 0 8px;

}



#cal-main table{

	margin:0 0 0 8px;

}

#cal-main th{

	padding:0px 3px 3px;

}

#cal-main td{

	padding:2px 3px;

	font-size:1px;

}



#cal-link{

	padding:5px 0 0 8px;

}

#cal-link li{

	float:left;

	margin-right:5px;

}







/* ===== フッター ===== */



#footer{

	background:url(../img/foot_bg.gif) repeat-x 0px 14px;

}

*:first-child+html #footer{ /* for IE 7 */

	border-bottom:1px solid #15468b;

}

#footer-inner{

	margin:0 auto;

	height:160px;

	width:940px;

	text-align:left;

	position:relative;

	line-height:1;

}



#foot-pagetop{

	position:absolute;

	top:0;

	right:10px;

}



#foot-nav{

	position:absolute;

	top:34px;

	left:0;

}

#foot-nav li{

	float:left;	

}



#foot-address{

	position:absolute;

	top:70px;

	left:0;

}



#foot-link{

	position:absolute;

	top:92px;

	left:778px;

	width:155px;

}



#foot-link li{

	float:right;

}



#foot-link li#foot-link-01{

	padding:3px 5px 0 0;	

}





/*	[[4-2]  詳細設定 | コーナーページ共通

************************************************************************/



/* H2 */



#right-thru-column h2{

	margin-bottom:20px;

}

#right-thru-column h2.bottom-list{

	margin-bottom:5px;

}



/* メインコンテンツボックス */



#right-thru-column #contents-box{

	padding:0 10px 20px;

}



/* H3 */



.sttl-box{

		

}





/* パンくず */



#topic-path{

	margin:10px auto 0;

	width:920px;

	text-align:left;

	font-size:93%;

}



/* フロート */

.float-l{

	float:left;

}

.float-r{

	float:right;

}