@charset "utf-8";

html	{
	background-color: #c0c0c0;
	}
	
body		{	
	width: 800px;
	margin: 0;
	padding: 0 1em 1em 1em;
	border-right: 1px solid #808080;
	background-color: #ccffff;
	color: #000000;
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック" , "Osaka",arial, helvetica, verdana ,sans-serif;
}

.display_none,label {
  display: none;
}

p	{ margin: 0.5em 1em; }

h1		{	color: #003333;
			font-size: 2em;
			font-weight: bold;	
			letter-spacing: 0.3em;
			text-align: center;
			}
h2		{	color: #003333;	} 
h3,h4		{	color: #003333;	}

/* 日本語・英語混在のページで、英語表示のスタイル　*/
span.en		{ color: #ff00ff;
			  font-size: 0.9em;
			  font-family: Times,serif;
			letter-spacing: 0;
			}
			
/* dlのスタイル　*/
dl 	{ margin-left: 3px;	}
dt	{ font-weight: bold;	}


/* 枠を使う内容のための設定。講習会のページなど　*/
.waku {	margin: 0 20px;
         padding: 0;
           color: #000033;
           background: #e0ffff;
		border: 1px solid #800000;
           }
.waku p	{padding: 0 0.5em; }
.waku h2, .waku h3	{	
			margin: 0 0 1em 0;
			padding: 0 0 0 0.5em;
			font-size: 1.2em;
			color: #ffffff;
			background-color: #800000;
			}
.waku dt	{ 
			 	margin-left: 1em; 
			  	padding-left: 0.5em;
			  }
.waku dl		{	margin: 0; }
.waku dt		{	border: 1px solid black;	}
.waku dd    	{	border-top: 3px solid gray;
				 	margin-left: 1em; 
				  	padding-left: 0.5em;
	}
.waku dd.application	{	padding: 3px;
					border-bottom: 3px solid red;
						}
.center		{ text-align: center;	}
.right		{ text-align: right;	}
.smaller	{ font-size: smaller;	}
.x-small	{ font-size: x-small;	}

span.gakunai	{font-weight: bold;
		background: #0000CC;
		color: #ffffff;
		}


/* テーブルを使う内容のための設定　フロアマップなど */
table .kore	{ background-color: #99ffff;
		font-weight: bold;
		font-size: x-small;
	}
table .hoka	{ background-color: #6699cc;
		 	font-size: xx-small;	}
table .haikei	{ background-color: #99ffff;	}


/*ブロック間に上下の空白を作る*/
.height_space {
  display: block;
  height: 30px;
  font-size: 1px;
}

/*テキストのまわりこみ防止*/
.clear_both {
  display: block;
  clear: both;
  height: 1px;
  font-size: 1px;
}

/* ヘッダーのスタイル */
#header	{
		clear: both;
		width: 800px;
		position: relative;
		text-align: left;
}

/* ロゴ */
#header #campus_n1	{
		clear: both;
		margin: 0;
		padding-left: 5px;
		font-size: 120%;
		color: #ffff00;
		background: #008080;
		font-weight: bold;
		font-family: "HG丸ｺﾞｼｯｸM-PRO",sans-serif;
		}

#header #campus_n2	{
		font-size: smaller;
		color: #ffff00;
		font-family: "Times New Roman",serif;
		font-style: italic;
		}
#header #kan	{ 
		font-size: 80%;
 		border: 2px solid #008080;
 		border-top: none;
		background: #ffff00;
		padding-left: 5px;
		font-weight: bold;
		color: #008080;
		}

/* ユーザーメニュー */
#user_menu ul	{
		clear: both;
		width: 100%;
		margin: 0;
		padding-left: 3px;
		}
#user_menu li	{
		display: block;
		float: right;
		border-right: 1px solid #c0c0c0;
		padding: 0 5px;
		color: #808080;
		font-size: xx-small;
		font-family: sansserif;
		text-align: center;
		}
#user_menu a	{
		color: #808080;
		text-decoration: none;
		}
		

/* ヘッダー＃ナビゲーション */
#navi_menu ul	{
		clear: both;
		width: 100%;
		margin: 0;
		padding-left: 3px;
		font-size: small;
		}

#navi_menu li	{
		display: block;
		width: 15%;
		float: left;
		color: #ffff00;
		font-family: "ヒラギノ丸ゴ Ｐｒｏ Ｗ６","Osaka","Comic Sans MS",sansserif;
		font-size: x-small;
		letter-spacing: 3px;
		background: #333399;
		margin: 0 0 0 1px;
		text-align: center;
		}
#navi_menu li.current	{
		background: #ccffff;
		color: #000066;
		font-weight: bold;
		font-size: 1.4em;
		border-top: 3px solid #ff8c00;
		}

#navi_menu a	{
		display: block;
		width: 100%;
		color: #ffffff;
		text-decoration: none;
		}
#navi_menu a:hover	{
		background: #000099;
		color: #ffffff;
		font-size: small;
		font-weight: bold;
		border-top: 2px solid #c0c0c0;
		}
		
		

/* Contentsブロック　*/
#contents	{
		width: 800px;
		clear: both;
		background: #ccffff;
		border-bottom: 1px dotted #808080;
		padding : 0.5em 0;
		float: left;
		}
		
#contents .main	{
		width: 75%;
		float: left;
		padding: 0 0.5em;
		font-size: 90%;
		}
		
#contents .sub	{
		width: 21%;
		float: right;
		overflow: auto;
		font-size: 82%;
		}
#contents .sub ul	{
		display: block;
		list-style: none;
		padding: 0 0.5em;
		margin: 0;
		border: 1px solid #339999;
		}
#contents .sub li	{
		background: #ccffcc;
		border-bottom: 1px dotted #339999;
		}
#contents .sub hr	{
		border: 3px dotted #339999;
		}
#contents .sub a	{
		text-decoration: none;
		}
#contents .sub a:hover	{
		text-decoration: underline;
		}


#contents .quick_links	{
		width: 21%;
		float: right;
		margin: 1em 0;
		padding: 0;
		overflow: auto;
		font-size: 82%;
		border-width: 3px 1px 5px 1px;
		border-color: #800000;
		border-style: solid;
		}
#contents .quick_links ul	{
		display: block;
		list-style: none;
		padding: 0.5em;
		margin: 0;
		}
#contents .quick_links a	{
		text-decoration: none;
		}
#contents .quick_links a:hover	{
		text-decoration: underline;
		}
		
		
		
/* フッター */
/* 外大の個人情報保護、図書館の自由宣言にリンクすること！！ */
#footer	{
		clear: both;
		width: 800px;
		}
#footer a {
		color: #808080;
		}

#footer ul	{
		margin: 0;
		padding: 0;
		font-size: small;
		}
#footer li	{
		display: inline;
		margin: 0 0.5em;
		}		

#footer address {
		text-align: right;
		font-size: x-small;
		font-style: normal;
		color: #808080;
		}
		

/* 読書のページ */
.dokusho h1{font-size:250%;
   background-color:#FFFF99;
   border: 1px blue solid;
   }
.dokusho {font-size: 80%;
		 font-family: 'Century', sans-serif, 'ＭＳ ゴシック';
		}
.dokusho h1{font-size:250%;
   background-color:#FFFF99;
   border: 1px blue solid;
   }
.dokusho h3	{color: #336633;
	background-color:#CCCCFF;
	padding: 0pt 3pt;
	}
.dokusho a { color: #660099;
			text-decoration: none; }
.dokusho a:hover { text-decoration: underline; }