*{
	margin: 0px;
	padding: 0px;

}
body {
	background-color: #F5F5F5;
	line-height: 150%;
	color: #333333;
	margin: 0px;
}

table#page, div#page {
	text-align: left;
	border: 1px solid #333333;
	background: #FFFFFF;
	width: 750px;
	height: 100%
}

div#body {
	text-align: left;
	background: #FFFFFF;
	width: 550px;
}

table#page td#head, div#head {
	padding: 10px 10px 5px 5px;
	margin: 0px;
	background: #245386;
	color: #FFFFFF;
	height: 40px;
}


div#menu {
	padding: 0.5em 0.5em 0px 30px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

table#page td#main, div#main {
	margin: 0px;
	border-left: 1px solid #CCCCCC;
	padding: 0px;
	background: #FFFFFF;
	float: left;
	width: 100%;
	text-align: center;
	vertical-align: top;
}

td#main p, div#main p {
	margin: 0px 40px 20px 40px;
}

td#main table, div#main table {
	margin: 5px 5px 5px 5px;
/*	margin: 30px 40px 30px 40px; */
}

div#scroll {
	height: 400px;
	overflow: auto;
}
div#scroll200 {
	height: 200px;
	overflow: auto;
}
div#scroll th {
	background: #D7E1EC;
}

div#submenu {
	width: 170px;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px;
	float: left;
}
div#submenu ul{
	margin: 0px 0px 0px 5px;
	list-style: circle;
	padding-left: 2em;
}
div#submenu p{
	margin: 0px 10px 10px;
	
}


table#page td#foot, div#foot {
	/* clear: both; */
	border-top: 1px solid #333333;
	padding: 0px;
	text-align: center;
	margin: 0px;
	clip: rect(auto, auto, 0px, auto);
	height: 30px;
}


td#foot p, div#foot p{
	margin: 5px 0px;
}


td#message {
	font-size: 95%;
	width: 550px;
	height: 35px;
}


.center {
	text-align: center;
}
.right {
	text-align: right ! important; 
}
.left {
	text-align: left ! important; 
}

table#page td#subtitle {
	font-size: 110%;
	margin: 0px 40px 20px 40px;
	padding: 5px 15px 5px;
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #CCCCCC;
	background: #F5F5F5;
	font-weight: normal;
}

div#subtitle {
	font-size: 110%;
	margin: 10px 40px 20px 0px;
	padding: 5px 15px 5px;
	width: 500px;
	border-bottom: 1px solid #CCCCCC;
	background: #F5F5F5;
	font-weight: normal;
}

strong {
	color: #CC3333;
}


h1 {
	font-size: 110%;
	padding: 5px 15px 5px;
	border-bottom: 1px solid #CCCCCC;
	background: #F3F3F3;
	font-weight: normal;
}
h2 {
	font-size: 110%;
	margin: 20px 20px 10px;
	color: #333333;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 5px;
}

h3{
	margin-left: 2px;
	margin-top:2px;
	margin-right:   2px;
	padding: 3px 3px 3px 3px;
	font-size: 110%;
	font-weight: normal;
	color:#FFFFFF;
	background-color: #001C7B;
}


dl {
	margin: 0px 0px 50px 40px;
}
dt {
	font-weight: bold;

}
dd {
	margin-bottom: 10px;
}


table#page td#template, div#template {
	margin-left: 10px;
	font-size: 60%;
	height: 20px;
}
div#messagebox {
	text-align: left;
	margin: 10px 10px 10px 10px;
	width: 500px;
}
div#messagebox2 {
	text-align:left;
	margin: 30px 30px 30px 70px;
	padding-left: 90px;
	font-size: 80%;
}
div#messagebox3 {
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	width: 500px;
	font-size: 90%;
	background-color: #FFC8C8;

}
div#messagebox4 {
	text-align: left;
	margin: 0px 5px 10px 10px;
	padding: 5px 5px 10px 10px;
	width: 520px;
	font-size: 100%;
	background-color: #FFFFFF;

}
div#messagebox5 {
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px;
	width: 500px;
	font-size: 90%;
	background-color: #B7FFB7;
}

div#messagebox6 {
	text-align: left;
	margin: 10px 15px 10px 10px;
	padding: 5px 5px;
	width: 480px;
	background-color: #FFFFFF;
}

div#messagebox7 {
	text-align: left;
	margin: 10px 15px 10px 10px;
	padding: 5px 5px;
	width: 480px;
	background-color: #FFFFFF;
}


div#messagebox8 {
	text-align: left;
	margin: 10px 15px 10px 10px;
	padding: 5px 5px;
	width: 480px;
	font-size: 90%;
}

div#messagebox9 {
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	line-height:18	px;
	font-size: 80%;
}

div#gakubu{
	text-align: left;
	margin-left: 45px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border: 1px solid #FFFFFF;
}
div#gakubu2{
	text-align: left;
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border: 1px solid #FFFFFF;
}
div#download{
	text-align: left;
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border: 0px ;
}

div#gakubu_name {
	text-align: left;
	margin-left: 25px;
	margin-right: 10px;
	margin-top:   10px;
	padding: 3px 3px 3px 3px;
	font-size: 110%;
	font-weight: normal;
	background: #FFFFFF;
	border-left: 8px solid #001C7B;
	border-bottom: 1px solid #001C7B;
}

/* エラーメッセージ */
.error { color: #FF0000 ! important; }

/* メッセージテキスト */
.announce {
	color: #0000FF;
 }

/* お知らせ */
div#infobox {
	border: 1px dashed #DABABA;
	padding: 5px;
	margin: 20px 0px 20px 0px;
	width: 600px;
	font-size: 80%;
	text-align: left;
}

div#infobox2 {
	border: 1px dashed #DABABA;
	padding: 5px;
	margin: 20px 0px 20px 0px;
	width: 600px;
	text-align: center;
}


/* 画面ID */
div#screenid {
	position: absolute;
	top: 15px;
	left: 700px;
 }

/* 再登録マーク(*) */
span#reentry {
	font-weight: bold;
	color: #FF0000;
}
/* 再DLマーク(*) */
span#redownload {
	font-weight: bold;
	color: #0000FF;
}

.subtitle2{
	margin-left: 1px;
	margin-top:10px;
	margin-right:   1px;
	padding: 3px 3px 3px 3px;
	font-size: 110%;
	font-weight: normal;
	color:#FFFFFF;
	background-color: #001C7B;
}

/*
 * 枠付きテーブル１（行ヘッダ）
 */
table#border {
	border: 1px solid black;
}
table#border th {
	padding: 0px 5px 0px 5px;
	border-right:  1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
}
table#border td {
	border-right:  1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/*
 * 枠付きテーブル２（列ヘッダ）
 */
table#border2 {
	border: 1px solid black;
}
table#border2 th {
	font-weight: normal;	
	text-align: left;
	background: #D7E1EC;
	border-right:   1px solid #000000;
	border-bottom:  1px solid #CCCCCC;
}
table#border2 td {
	border-right:  1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


/*
 * 枠付きテーブル３（行ヘッダ）
 */
table#border3 {
	border: 1px solid black;
}
table#border3 th {
	background: #D7E1EC;
	padding: 0px 5px 0px 5px;
	font-weight: normal;	
	border-right:  1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
}
table#border3 td {
	font-weight: normal;
	border-right:  1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


.pl5 { padding-left:  5px ! important; }
.pr5 { padding-right: 5px ! important; }
.pt5 { padding-top: 3px ! important; }


/* フォントサイズ */
.fs110 { font-size: 110% ! important; }
.fs90 { font-size: 90% ! important; }
.fs80 { font-size: 80% ! important; }
.fs70 { font-size: 70% ! important; }
.fs60 { font-size: 60% ! important; }

/* フォント */
.monospace { font-family:monospace; }
.bold { text-weight: bold; }

/* 文字色 */
.red { color: #FF0000; }
.gray { color: #808080; }
/* 背景色 */
.bg_navajowhite {background-color: #FFDEAD; }


.nowrap { white-space: nowrap; }

/* マージン */
.margin2 { margin: 2px; } 
.margin5 { margin: 5px; } 
.margin15 { margin: 15px; } 
.margin-left10  { margin-left: 10px; } 
.margin-left15  { margin-left: 15px; } 
.margin-left25  { margin-left: 25px; } 
.margin-right25 { margin-right: 25px; } 
.margin-left100 { margin-left: 200px; } 
.margin-top35  { margin-top:  35px; } 
.margin-top15  { margin-top:  15px; } 
.margin-top0   { margin-top:  0px ! important; } 
.margin-top5   { margin-top:  5px ! important; } 

/* パディング */
.pad3 { padding: 3px; }
.pad-lelf3  { padding-left: 3px; }
.pad-lelf5  { padding-left: 5px; }
.pad-right3 { padding-right: 3px; }
.pad-lelf15  { padding-left: 15px; }

.pad5 { padding: 5px; }

/* 枠 */
.box1 { border:1px solid gray; }

/* リンク */
A.link1:link    { color: #0000FF; } /* blue */
A.link1:visited { color: #0000FF; } /* blue */
A.link1:active  { color: #0000FF; } /* blue */
A.link1:hover   { color: #FF4500; } /* orangered */

/*-- 要素幅 --*/
.width100per { width: 100% ! important; }
.width80per { width: 80% ! important; }
.width1020 { width: 1020px ! important; }
.width1000 { width: 1000px ! important; }
.width980 { width: 980px ! important; }
.width950 { width: 950px ! important; }
.width900 { width: 900px ! important; }
.width850 { width: 850px ! important; }
.width830 { width: 830px ! important; }
.width820 { width: 820px ! important; }
.width800 { width: 800px ! important; }
.width750 { width: 750px ! important; }
.width745 { width: 745px ! important; }
.width735 { width: 735px ! important; }
.width715 { width: 715px ! important; }
.width700 { width: 700px ! important; }
.width630 { width: 630px ! important; }
.width620 { width: 620px ! important; }
.width615 { width: 615px ! important; }
.width610 { width: 610px ! important; }
.width600 { width: 600px ! important; }
.width580 { width: 580px ! important; }
.width565 { width: 565px ! important; }
.width500 { width: 500px ! important; }
.width400 { width: 400px ! important; }
.width350 { width: 350px ! important; }
.width310 { width: 310px ! important; }
.width280 { width: 280px ! important; }
.width250 { width: 250px ! important; }
.width210 { width: 210px ! important; }
.width200 { width: 200px ! important; }
.width180 { width: 180px ! important; }
.width150 { width: 150px ! important; }
.width100 { width: 100px ! important; }
.width80  { width:  80px ! important; }
.width70  { width:  70px ! important; }
.width60  { width:  60px ! important; }
.width50  { width:  50px ! important; }
.width40  { width:  40px ! important; }
.width30  { width:  30px ! important; }

/* 表示幅に合わせて改行 */
.wordbreak{ word-break: break-all; }

/* IE11対応 */

input[type="submit"] {
	padding: 3px 10px 3px 10px;
}

input[type="text"] {
	margin: 2px 0px 2px 0px;
	height: 22px;
}

input[type="input"] {
	margin: 2px 0px 2px 0px;
	height: 22px;
}

input[type="password"] {
	margin: 2px 0px 2px 0px;
	height: 22px;
}

input[type="file"] {
	margin: 2px 0px 2px 0px;
	height: 28px;
}

input[type="checkbox"] {
	margin: 2px 2px 2px 0px;
}

.centerbox {
	text-align:left;
	margin-left: auto !important;
	margin-right: auto !important;
}


.rightbox {
	text-align:left;
	margin-left: 185 !important;
}

hr{
	margin: 5px 0px 5px 0px;
}