/***************************************/
/*            common                   */
/***************************************/

html, body, dl, dt, dd, ol, ul, li, table, tr, th, td, address {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body {
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	font-family:'ＭＳ Ｐゴシック', Osaka, sans-serif;
	background-color: #000;
	color: #fff;
}

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

ol, ul {
	list-style: none;
}

img {
	border: none;
}

textarea {
	font-size: 12px;
}

.attention {
	color: #990000
}

.b_text {
	margin: 0 4px 0 0;
	color: #cc0000;
	font-size: 129%;
}

.pagetop {
	float: left;
	width: 920px;
	margin: 0 0 0 0;
	text-align: right;
}



/***************************************/
/*            layout                   */
/***************************************/

#container {
	width: 840px;
	margin: 20px auto;
	position: relative;
}

#wrapbox {
	width: 840px;
	height: 764px;
	margin: 0 auto;
	padding: 0;
	float: left;
	border: 3px solid #A2691E;
}

#contentsbox {
	width: 840px;
	height: 764px;
	margin: 0;
	line-height: 150%;
	float: left;
	background-position: right 1px;
	background-repeat: no-repeat;
}

.bg {
	background: url(../img/bg.jpg) 0 0 no-repeat;
}

.bg2 {
	background: url(../img/bg_top.jpg) 0 0 no-repeat;
}



/***************************************/
/*                menu                 */
/***************************************/

table.menu {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background-color: #fff;

	position: absolute;
	top: 101px;
	left: 42px;
}

table.menu tr, table.menu td {
	margin: 0;
	padding: 0;
}



/***************************************/
/*                 text                */
/***************************************/

h1 {
	position: absolute;
	top: 37px;
	left: 22px;
}

h2 {
	position: absolute;
	top: 30px;
	left: 30px;
}

.toplead {
	position: absolute;
	top: 265px;
	left: 49px;
}

.notice {
	position: absolute;
	top: 30px;
	left: 514px;
}

.txtbox_system { margin: 270px 0 0 135px; }
.txtbox_school { margin: 290px 0 0 135px; }
.txtbox_access { margin: 280px 0 0 190px; }
.txtbox_mail   { margin: 290px 0 0 160px; }

.bfont p {
	font-size: 16px;
	margin: 3px 0 3px 20px;
	line-height: 150%;
}

.ul_system {
	margin: 15px 0;
	font-size: 11px;
	line-height: 140%;
}

.bfont2 p {
	font-size: 16px;
	margin: 10px 0 10px 20px;
	line-height: 150%;
}

.bank2 {
	position: absolute;
	top: 315px;
	left: 460px;
}

.txtbox_school p {
	line-height: 170%;
}

.school {
	position: absolute;
	top: 440px;
	left: 610px;
}



/***************************************/
/*               form                  */
/***************************************/

table.form {
	width: 489px;
	margin: 5px 0 0 0;
	border-collapse: collapse;
}

table.form th, table.form td {
	padding: 2px 0;
}

table.form th {
	width: 180px;
	line-height: 160%;
	color: #fff;
}

table.form td {
	padding: 2px 10px;
	line-height: 160%;
}

table.form .attention {
	color: #ff9900;
}



/***************************************/
/*             clearfix                */
/***************************************/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/***************************************/
/*                link                 */
/***************************************/

a:link    { color: #fff; text-decoration: underline; }
a:visited { color: #fff; text-decoration: underline; }
a:hover   { color: #ff9900; text-decoration: underline; }

.purchase_list a:link    { color: #336666; text-decoration: underline; }
.purchase_list a:visited { color: #336666; text-decoration: underline; }
.purchase_list a:hover   { color: #ff9900; text-decoration: underline; }

a.on:hover {
filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
]