@charset "utf-8";
body {
	background: url(../img/back.gif) repeat-x;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}
#wrapper {
	width: 685px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 80px;
	width: 490px;
	float: left;
}
#header h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#contact {
	width: 195px;
	float: right;
	height: 80px;
	text-align: right;
	clear: right;
}
#contact li {
	display: inline;
	list-style: none;
}

#contact ul {
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a  img {
	border-style: none;
}


#navi {
	height: 40px;
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#navi a {
	margin-top: 9px;
}
#navi ul {
	margin: 0px;
	padding: 9px 0px 0px;
	list-style: none;
}

#navi li {
	display: inline;
}
#pankuzu {
	background: #DCDCFF;
	height: 25px;
	padding: 0px;
	line-height: 25px;
	width: 685px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#pankuzu a {
	text-decoration: none;
	background: url(../img/pankuzu.gif) no-repeat left;
	padding-left: 20px;
	margin-left: 10px;
}
#content {
	width: 515px;
	float: right;
}
#content p {
	margin-bottom: 15px;
}

#content h2 {
	font-size: medium;
	line-height: 30px;
	height: 30px;
	width: 515px;
	background: url(../img/h2.gif) no-repeat center;
	display: block;
	text-align: left;
	text-indent: 20px;
	margin-top: 2px;
}
#content h3 {
	line-height: 28px;
	background: url(../img/h3.gif) no-repeat center;
	height: 28px;
	width: 515px;
	text-align: left;
	display: block;
	text-indent: 35px;
	font-size: medium;
	margin: 0px;
	padding: 0px;
}

#content h4 {
	background: url(../img/h4.gif) no-repeat left center;
	line-height: 25px;
	height: 25px;
	font-style: normal;
	padding-left: 25px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: medium;
}
#content h5 {
	line-height: 25px;
	background: url(../img/h5.gif) no-repeat left center;
	height: 25px;
	font-size: large;
	margin-left: 10px;
	padding-left: 25px;
	margin-bottom: 5px;
	color: #FF6600;
}
#content h6 {
	line-height: 30px;
	background: url(../img/h6.gif) no-repeat left center;
	height: 30px;
	font-size: medium;
	font-style: normal;
	padding-left: 50px;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
#content a {
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}

#content  em {
	font-weight: bold;
	color: #FF9900;
	font-style: normal;
}
#content   li  {
	margin: 0px;
	padding: 0px;
}
#content ul {
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 0px;
}
#content table {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	font-size: small;
}

#content ol {
	margin-top: 0px;
	padding-top: 0px;
}

#word {
	background: url(../img/wordicon_large.gif) no-repeat;
	height: 32px;
	padding-left: 40px;
	line-height: 32px;
	float: left;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
}
ul#link {
	list-style: none;
	margin-left: 10px;
}

#pdf {
	line-height: 32px;
	background: url(../img/pdficon_large.gif) no-repeat;
	height: 32px;
	padding-left: 40px;
	display: block;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
}
#attention {
	clear: left;
}



#list ul li {
	list-style: none;
	display: inline;
}
#list em {
	margin-left: 30px;
	color: #333333;
	border-left: 10px solid #0000FF;
	padding-left: 5px;
}

#list #subjects {
	margin-right: 30px;
	margin-top: 20px;
}







li#remote  {
	color: #0099FF;
	font-size: medium;
	font-weight: bold;
}




li#remote p {
	color: #333333;
}

img#remote {
	margin-left: 7px;
}

#gp {
	margin-top: 0px;
	padding-left: 10px;
	margin-bottom: 10px;
}



.process p {
	padding-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom: 1px dotted #9797FF;
}
.agreement  p {
	padding-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom: 1px dotted #9797FF;
	font-weight: bold;
	color: #FF6600;
}
#president {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 10px;
	text-align: right;
}



#date {
	float: right;
	margin: 0px;
	padding: 0px;
}
#gakucho {
	float: left;
	margin-right: 10px;
}

#side {
	width: 160px;
	float: left;
}
#side ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#side li {
	margin: 0px;
	padding: 0px;
}
#introduction {
	font-size: medium;
	line-height: 1.5em;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background: #FEF3E5;
}
#introduction p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#info_top {
	width: 515px;
	margin: 0px;
	padding: 0px;
	height: 28px;
	background: url(../img/netclass_news.gif) no-repeat;
}
#info_bottom {
	margin: 0px;
	border: 1px solid #B3B3B3;
	height: 195px;
	width: 513px;
	text-align: center;
	padding-top: 3px;
}
#info_bottom iframe {
	height: 185px;
	width: 500px;
	padding-top: 5px;
}
#access {
	width: 158px;
	border: 1px solid #B3B3B3;
	margin-top: 5px;
}
#access p {
	font-size: small;
	margin-top: 0px;
	padding: 3px 5px;
	background: url(../img/access_back_over.gif) no-repeat center center;
}
#access a {
	background: url(../img/access_back.gif) no-repeat center center;
	display: block;
	text-decoration: none;
}
#access a:hover {
	background: url(../img/access_back_over.gif) no-repeat center center;
	display: block;
	text-decoration: underline;
}


#style {
	width: 158px;
	border: 1px solid #B3B3B3;
	margin-top: 10px;
}
#style p {
	font-size: small;
	margin-top: 0px;
	padding: 3px 5px;
	background: url(../img/style_back_over.gif) no-repeat center center;
}
#style a {
	background: url(../img/style_back.gif) no-repeat center center;
	display: block;
	text-decoration: none;
}
#style a:hover {
	background: url(../img/style_back_over.gif) no-repeat center center;
	display: block;
	text-decoration: underline;
}


#footer {
	clear: both;
	text-align: center;
	font-size: x-small;
	line-height: 16px;
	height: 45px;
	background: url(../img/footer_back.gif) repeat-x;
	margin: 0px;
}
#footer p {
	padding: 0px;
	font-size: small;
	margin-top: 3px;
	margin-bottom: 2px;
}

#footer  address {
	font-style: normal;
	font-size: small;
	padding-top: 3px;
}
#footer a {
	text-decoration: none;
	color: #333333;
}
#footer a:hover {
	color: #FFFFFF;
}

#banner {
	height: 33px;
	width: 685px;
	clear: both;
	padding-top: 15px;
	margin-bottom: 5px;
}

#banner ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#banner li {
	display: inline;
	margin: 0px 2px;
	padding: 0px;
	float: left;
}
#sidenavi {
	width: 160px;
	float: left;
	text-align: center;
}
#sidenavi   ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#sidenavi  li {
	margin: 0px;
	padding: 1px 0px 0px;
	height: 30px;
	width: 160px;
	list-style: none;
}
#sidenavi  li  img {
	vertical-align: top;
	margin: 1px 0px 0px;
	padding: 0px;
}
#report {
	float: left;
	width: 160px;
	text-align: center;
	clear: both;
}
#report ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#report li {
	margin: 0px;
	padding: 1px 0px 0px;
}
#report a {
	line-height: 30px;
	background: url(../img/mainbutton.jpg) no-repeat;
	height: 30px;
	width: 160px;
	display: block;
	font-size: medium;
	text-decoration: none;
	color: #333333;
}
#report a:hover {
	font-size: medium;
	line-height: 30px;
	color: #FFFFFF;
	background: url(../img/mainbutton_over.jpg) no-repeat;
	display: block;
}
#flash {
	width: 685px;
	margin-top: 10px;
	font-size: small;
	line-height: 1.3em;
}
#flash img {
	float: left;
	margin-right: 10px;
}
#subject {
	text-align: right;
	width: 515px;
	background: url(../img/subject.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin: 0px;
}
#subject   img {
	margin-top: 25px;
	margin-right: 35px;
}
#opencampus {
	text-align: right;
	width: 515px;
	background: url(../img/opencampus.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#opencampus img {
	margin-top: 25px;
	margin-right: 35px;
}
#remedial {
	text-align: right;
	width: 515px;
	background: url(../img/remedial.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#remedial img {
	margin-top: 25px;
	margin-right: 35px;
}
#support {
	text-align: right;
	width: 515px;
	background: url(../img/support.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#support img {
	margin-top: 25px;
	margin-right: 35px;
}
#recurrent {
	text-align: right;
	width: 515px;
	background: url(../img/recurrent.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin: 0px;
}
#recurrent img {
	margin-top: 25px;
	margin-right: 35px;
}
#open_lecture {
	text-align: right;
	width: 515px;
	background: url(../img/open_lecture.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin: 0px;
}

#open_lecture img {
	margin-top: 25px;
	margin-right: 35px;
}
#person_bank {
	text-align: right;
	width: 515px;
	background: url(../img/person_bank.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin: 0px;
}
#person_bank img {
	margin-top: 25px;
	margin-right: 35px;
}
#license {
	text-align: right;
	width: 515px;
	background: url(../img/license.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin: 0px;
}
#license img {
	margin-top: 25px;
	margin-right: 35px;
}
#fdsd {
	text-align: right;
	width: 515px;
	background: url(../img/license.gif) no-repeat 30px bottom;
	padding: 0px;
	height: 90px;
	margin: 0px;
}
#fdsd img {
	margin-top: 25px;
	margin-right: 35px;
}
#staff {
	width: 515px;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px dotted #9999FF;
	margin-bottom: 20px;
	text-align: right;
}
#top {
	width: 515px;
	margin-top: 20px;
	clear: both;
}
#top a {
	text-decoration: none;
	background: url(../img/pagetop.gif) no-repeat right;
	text-align: right;
	line-height: 20px;
	float: right;
	padding-right: 24px;
}
#top a:hover {
	text-decoration: underline;
	background: url(../img/pagetop_over.gif) no-repeat right;
	text-align: right;
	line-height: 20px;
	float: right;
	padding-right: 24px;
}
.map {
	border-bottom: 1px dotted #9999FF;
	margin-bottom: 10px;
}

.map p {
	padding-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
}
.map a {
	text-align: right;
	float: right;
	margin-left: 10px;
}
.map h4 {
	margin-top: 0px;
}
#accessmap {
	width: 680px;
	clear: both;
	float: right;
}
#accessmap h3 {
	background: url(../img/h3.gif) no-repeat center center;
	display: block;
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
#accessmap img {
	float: left;
	margin-right: 10px;
}
#traffic {
	width: 265px;
	float: right;
	padding: 0px;
}

#traffic  h4 {
	border-left: 10px solid #FF6600;
	border-bottom: 1px dotted #FF6600;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
}
#traffic h5 {
	font-size: medium;
	margin-bottom: 0px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#traffic h6 {
	font-size: medium;
	background: url(../img/h5.gif) no-repeat left center;
	padding-left: 25px;
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#traffic  ul {
	font-size: small;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#traffic p {
	margin: 0px;
	padding: 0px;
}

#traffic a {
	text-decoration: none;
}
#traffic a:hover {
	color: #FF9900;
	text-decoration: underline;
}
#traffic  img  {
	margin-top: 15px;
	float: right;
}
#inquiry ul {
}
#inquiry h5 {
	color: #333333;
}
#inquiry img {
}
#inquiry p a img {
	float: right;
}


#sitemap h6 {
	font-size: medium;
	line-height: 26px;
	background: url(../img/h6.gif) no-repeat;
	margin-left: 15px;
	padding-left: 55px;
	margin-top: 10px;
	padding-top: 0px;
	font-weight: normal;
}
#sitemap    ul li  {
	list-style: url(none) none;
	margin-top: 5px;
	line-height: 20px;
	padding-left: 25px;
	margin-bottom: 15px;
	background: url(../img/h7.gif) no-repeat;
	font-size: medium;
}
#sitemap ul ul li {
	line-height: 12px;
	background: url(../img/listmark2.gif) no-repeat;
	padding-left: 15px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#sitemap ul ul ul li {
	background: url(../img/listmark1.gif) no-repeat;
	margin-left: 60px;
}
#maptop a {
	float: right;
	line-height: 18px;
	background: url(../img/pagetop.gif) no-repeat right;
	padding-right: 25px;
	text-decoration: none;
}
#maptop a:hover {
	float: right;
	line-height: 18px;
	background: url(../img/pagetop_over.gif) no-repeat right;
	padding-right: 25px;
	text-decoration: underline;
}
#mailadress {
	margin-left: 20px;
}
ul#purpose {
	margin-left: 10px;
	padding-left: 0px;
	margin-top: 30px;
}

ul#purpose li  {
	list-style: none;
	background: url(../img/h4.gif) no-repeat;
	font-weight: bold;
	padding-left: 25px;
	margin-left: 0px;
	line-height: 17px;
	padding-bottom: 5px;
}
ul#campuslink {
	list-style: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	font-size: medium;
}
ul#campuslink li {
	margin-bottom: 5px;
}

#campuslink  li a {
	background: url(../img/listmark1.gif) no-repeat left center;
	padding-left: 20px;
}
#campuslink li a:hover {
	background: url(../img/listmark2.gif) no-repeat left center;
	padding-left: 20px;
}
img#lecture {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
p#current {
	clear: both;
}
img#pic {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
p#net  {
	padding: 0px;
	margin: 8px 0px 0px;
}
.experience  {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 2px dotted #DCDCFF;
	clear: both;
}

.experience h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 2px;
	padding-top: 0px;
}
.experience     p    {
	text-align: center;
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 0px;

}
.experience img {
	margin-top: 0px;
	padding-top: 0px;
}
#promotion {
	margin-top: 10px;
}
#promotion  ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#promotion   li  {
	display: inline;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
}
.left-photo {
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.left-photo img {
	float: left;
	margin-right: 10px;
	clear: right;
}
.left-photo h5 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.left-photo p {
	margin-top: 0px;
	padding-top: 0px;
}

.right-photo {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
}

.right-photo img {
	float: right;
	margin-left: 10px;
}
.report       a   {
	margin-top: 0px;
	padding-top: 0px;
	float: right;
}
.report {
	border-bottom: 1px dotted #1403F2;
	padding-bottom: 30px;
}
p#gp {
	margin: 10px 0px 0px;
	padding: 0px;
}
#netclass {
	margin-top: 3px;
	margin-bottom: 3px;
}
.net {
	clear: both;

}
.net p {
	margin: 0px;
	padding: 0px;
}

.net p a   {
	float: right;
	margin: 0px;
	padding: 0px;
}

.net ul  {
	background: url(../img/listmark2.gif) no-repeat;
	line-height: 12px;
	list-style: none;
	margin: 40px;
	padding: 40px;
}
#netinfo_top {
	width: 515px;
	margin: 0px;
	padding: 0px;
	height: 28px;
	background: url(../img/netclass_news.gif) no-repeat;
}
#netinfo_bottom {
	margin: 0px;
	border: 1px solid #B3B3B3;
	height: 195px;
	width: 513px;
	text-align: center;
	padding-top: 3px;
}
#netinfo_bottom iframe {
	height: 185px;
	width: 500px;
	padding-top: 5px;
}
.enter {
	margin: 0px 0px 30px;
}
.enter img {
	margin-right: 60px;
	margin-left: 60px;
}


#guidance  h6 {
	background: url(../img/h6.gif) no-repeat;
	line-height: 26px;
	width: 300px;
}
#guidance ul {
	list-style: none;
}
#guidance li {
	background: url(../img/listmark2.gif) no-repeat;
	line-height: 12px;
	padding-left: 18px;
}
#course h4 {

}
#course  p img {
	margin: 0px 5px 0px 30px;
	padding: 0px;
}
#course li {
	margin-left: 30px;
	list-style: none;
	padding-left: 25px;
	margin-top: 20px;
	background: url(../img/listmark3.gif) no-repeat;
}
#course   td#name   {
	background: #C8C8FF;
	text-align: center;
}
#course  tr td#college {
	background: #F9E0B7;
	padding-left: 5px;
	padding-right: 0px;
}
#course tr td {
	padding-left: 5px;
}
ul#subjectlist     li   {
	background: url(none);
	display: inline;
	margin-left: 5px;
}
ul#subjectlist img {
	margin-top: 20px;
}
p#backnumber {
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: right;
}
#content dl {
	margin-left: 15px;
}
