@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
	line-height: 1.6;
	color: #0088FF;
	background: #F4F2F4;
}
a {
	text-decoration: none;
	background: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #000064;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
	vertical-align: center;
}
em {
	font-weight: bold;
	color: #EE3333;
}

h2 {
	clear: both;
	padding-left: 20px;
	padding-top: 24px;
	height: 50px;
	color: #3333FF;
	font-size: 12pt;
	background: url(../img/h2.gif) left center no-repeat;
}
h3 {
	clear: both;
	width: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 5px solid #CCCCFF;
/*	border-right: 1px solid #CCCCCC; */
	font-size: 12pt;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}
dt {
	font-size: 10pt;
}
dd {	
	font-size: 10pt;
	padding-left: 10px;
}

/* ページ全体 */
#wrapper {
	width: 840px;
	background: #FFFFFF url(../img/bgr.gif) right top repeat-y;
}

	/* ヘッダー */
	#header {
		width: 100%;
		height: 112px;
	}
	/* 内容 */
	#content {
		overflow: auto !important;	/* 高さを primary または secondary の高さに合わせる */
		overflow/**/:hidden;
		float: left;
		width: 100%;
		background: #FFFFFF url(../img/bgf.gif) left top repeat-y;
		padding-bottom: 30px;
		font-size: 11pt;
	}
	/* フッター */
	#footer {
		clear: both;
		width: 824px;
		padding-top: 10px;
		border: 1px 1px solid #CCCCCC;
		text-align: center;
		font-size: 10pt;
		background: #FFFFEE;
	}
		/* #header の中 */
		/* ロゴマーク */
		#logo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 824px;
			background: #FFFFFF url(../img/logos.gif) left top no-repeat;	/* Ｙ横浜市立横浜商業高等学校 */
		}
		/* 印刷用 */
		#print {
			display: block;
			margin-left: 20px;
			margin-right: 30px;
			padding-left: 40px;
			padding-top; 30px;
			padding-bottom: 0px;
			padding-right: 0px;
			font-size: 10pt;
			border: 1px outset;
			background: #FFFFFF url(../img/rtg_print.gif) 20px center no-repeat;
		}
		#print img {
			vertical-align: top;
		}
		/* ページ履歴 */
		#hist {
			position: absolute;
			top: 45px;
			left: 200px;
			width: 625px;
			height: 34px;
			font-size: 10pt;
			font-weight: bold;
			color: #888888;
			background: #EEEEEE;
		}
			#hist p{
				margin-top: 6px;
			}
			#hist ul {
				margin-top: 6px;
				margin-left: 10px;
				list-style: none;
			}
			#hist li {
				float: left;
				margin-right: 10px;
				background: url(../img/v5_lis047.gif) left center no-repeat;
			}
			#hist li a {
				padding-left: 18px;
				text-decoration: none;
				color: #888888;
				background: url(../img/v5_lis048.gif) left center no-repeat;
			}
			#hist li a.stay {
			}
			#hist li a:hover {
				background: none;
				color: #0000FF;
			}
			/* 更新日 */
			#update {
				position: absolute;
				top: 10px;
				right: 0px;
				font-size: 9pt;
				font-weight: bold;
				color: #888888;
				background: #EEEEEE;
			}
			/* ナビゲーション（メインメニュー) */
		#navigation {
			position: absolute;
			top: 79px;
			left: 200px;
			height: 33px;
			z-index: 100;
			list-style-type: none;
	/*		background: #FFFFFF;	/* FireFoxでは height 分だけ有効 IEではサブメニューも塗りつぶされる*/ */
		}
			#navigation li {
				float: left;
				width: 104px;
			}
			#navigation li a {
				display: block;
				overflow: hidden;
				width: 100%;
			  	height: 0 !important;
				height /**/:33px;
				padding-top: 33px;
				background-image: url(../img/navigation.gif);
			}
		/* オフマウス時 */
		#nav01 a { background-position: 0      0; }
		#nav02 a { background-position: -104px 0; }
		#nav03 a { background-position: -208px 0; }
		#nav04 a { background-position: -312px 0; }
		#nav05 a { background-position: -416px 0; }
		#nav06 a { background-position: -520px 0; }

		/* 選択済み */
		#nav01 a.stay { background-position: 0      -66px; }
		#nav02 a.stay { background-position: -104px -66px; }
		#nav03 a.stay { background-position: -208px -66px; }
		#nav04 a.stay { background-position: -312px -66px; }
		#nav05 a.stay { background-position: -416px -66px; }
		#nav06 a.stay { background-position: -520px -66px; }

		/* オンマウス時 */
		#nav01 a:hover { background-position: 0      -33px; }
		#nav02 a:hover { background-position: -104px -33px; }
		#nav03 a:hover { background-position: -208px -33px; }
		#nav04 a:hover { background-position: -312px -33px; }
		#nav05 a:hover { background-position: -416px -33px; }
		#nav06 a:hover { background-position: -520px -33px; }
		/* プルダウンメニュー */
			#navigation  ul {
				background: #DDDDFF;
				list-style-type: none;
				z-index: 100;
			}
			#navigation  ul li {
				float: none;
				width: 102px;	/* for IE6 */
	/*			height: 28px; */
				padding: 0;
			}
			#navigation  ul li a {
				padding-top: 0px;
				padding-bottom:20px;
				border-bottom: 1px solid #CCCCFF;
				border-left: 1px solid #CCCCFF;
				border-right: 1px solid #CCCCFF;
			/*	height: 28px; */
				background: none;
				font-size: 11pt;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				color: #888888;
			}
			#navigation  ul li a:hover {
				color: #FFAAAA;
				background-image: none; 
				background-color: #3355FF;
			}
			#navigation li.parent ul, #navigation li.stay ul {
				display: none;
			}
			#navigation li.parentOn ul {
				display: block;
			}
		/* #content の中 */
		/* メイン領域 */
		#primary {
			float: right;
			margin-right: 5px;
			width: 615px;
			color: #000000;
		}
			#primary * {
				margin-right: 20px;
			}
			#primary * * {
				margin: 0;
			}
		/* サブ領域（リンク領域） */
		#secondary {
			float: left;
			width: 198px;
			line-height: 1.2;
			background: #FFFFFF; 
		}
			#secondary dl {
				margin-left: 20px;
				margin-top: 20px;
				margin-bottom: 20px;
				padding: 0;
				list-style: none;
			}
			#secondary dt {
				margin: 0;
				height: 33px;
				background: url(../img/secondarynavOn.gif) left center no-repeat;
			}
			#secondary dt a {
				display: block;
				padding: 5px 5px 5px 42px;
				width: 80px;
				color: #8888FF;
				font-size: 11pt;
				font-weight: bold;
				text-decoration: none;
				background: url(../img/secondarynavOff.gif) left center no-repeat;
			}
			#secondary dt a.stay {
				background: none;
				color: #FFFFFF;
			}
			#secondary dt a:hover {
				color: #888888;
				background: none;
			}
			#secondary dd {
				margin-bottom: 5px;
			}
			#secondary ul {
				margin-left: 40px;
				font-size: 10pt;
			}
			#secondary h3 {
				width: 170px;
			}
.pdf {
/*	display: block; */
	line-height: 2.0;
/*	height: 32px;
	margin-top:20px; */
	padding-left: 27px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
	background: url(../img/pdf-s.gif) left center no-repeat;
}				
.word {
/*	display: block; */
	line-height: 2.0;
/*	height: 32px;
	margin-top:20px; */
	padding-left: 27px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
	background: url(../img/word-s.gif) left center no-repeat;
}				

/* 位置固定メニュー IE6 では無効 */
#fixnav {
	position: fixed;
	width: 100%;
}
/* Google */
#google {
	margin-top: 20px;
	text-align: center;
	font-size: 10pt;
}
/* スクロールバー付き */
.box {
	width: 570px;
	height: 100px;
	overflow: auto;
	font-size: 10pt;
	padding: 10px;
	border: inset 2px
}