@charset "utf-8";
/* CSS Document */

/*//////////// Type Selecter /////*/
body{
	background-color:#cd5e3c;
}

p {
	padding-left: 1em;
	padding-right: 1em;
	font: normal normal 90%/125% "�� �ゴシ�", sans-serif;
}

ul {
	padding-left: 1em;
	padding-right: 1em;
}

li {
	list-style-type: none;
	font: normal normal 90%/125% "�� �ゴシ�", sans-serif;
}

dl {
	padding-left: 1em;
	padding-right: 1em;
}

dt, dd {
	font: normal normal 90%/125% "�� �ゴシ�", sans-serif;
}

address {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	font: normal normal 100%/100% "�� �ゴシ�", sans-serif;
}

embed {
	padding-left: 1em;
}

/*////////// Wrapper /////*/
div#wrapper {
	background-color:#FFF;
	margin: auto;
	width: 900px;
	border: 1px #CCC solid;
	margin-top: 1em;
}

/*/////////// Header /////*/
div#sitetitle {
	width: 800px;
	height: 300px;
	background: #666 url(img/header.gif) no-repeat center center scroll;
	margin: auto;
	margin-top: 0;
}

div#sitetitle h1 {
	margin: 0;
	font: normal normal bold 90%/100% Arial, Helvetica, sans-serif;
	color: #999;
	position: relative;
	top: 270px;
	left: 20px;
}

#siteid {
	text-align: center;
	margin: 0;
}

#globalnavi {
	background-color: #C00;
	width: 900px;
	height: 35;
}
	

#globalnavi ul {
	margin: 0px 0px 1em;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#globalnavi li {
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
	color: #FFF;
	font: normal bold 100%/100% "�� �ゴシ�", sans-serif;
}

#globalnavi a:link,
#globalnavi a:visited,
#globalnavi a:active{
	color:#FFF;
	text-decoration: none;
}

/*/////////// Content /////*/

div#container {
	
}

div#main {
	padding-right: 5px;
	float: right;
	width: 600px;
	height: 1300px;
	overflow: auto;
}

div#sub {
	padding-left: 5px;
	float: left;
	width: 277px;
}

div#sub p {
	font-size: 85%;
}

div#main div, div#sub div {
	border: 1px #CCC solid;
}

div#main h1, div#sub h1 {
	margin-top: 0;
	color:#FFF;
	background-color:#C00;
	text-align: center;
	font: normal bold 130%/110% "�� �ゴシ�", sans-serif;
}

div#main h2 {
	padding-left: 1em;
	font: normal bold 100%/100% "�� �ゴシ�", sans-serif;
	color: #900;
}

div#main h3 {
	padding-left: 2em;
	font: normal bold 100%/100% "�� �ゴシ�", sans-serif;
}

div#main h4 {
	padding-left: 1em;
	font: normal bold 85%/100% "�� �ゴシ�", sans-serif;
	color: #009
}

div#main h5 {
	padding-left: 1em;
	font: normal bold 85%/100% "�� �ゴシ�", sans-serif;
	margin: 0px;
}

div#sub h2 {
	font: normal bold 100%/100% "�� �ゴシ�", sans-serif;
	color: #900;
}

div#sub li {
	font-size: 85%;
}

div#main a:link,
div#main a:visited,
div#main a:active,
div#sub a:link,
div#sub a:visited,
div#sub a:active {
	color: #C00;
	text-decoration: underline;
}

div#container:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

/*/////////// index /////*/
div#event dt{
	float: left;
	width: 60px;
}

div#event dd {
	width: 200;
	margin-left: 60px;
}

div#event dt, dd{
	font-size: 85%;
}

div#sitesummary div {
	margin: auto;
	width: 400px;
	height: 200px;
	overflow: scroll;
	border: 1px #333 solid;
	margin-bottom: 1em;
}

div#record li {
	color:#FFF;
	font-weight: bold;
	background-color: #39C;
}

div#record dl {
	margin-bottom: 2em;
}

div#record dt {
	clear: left;
	float: left;
	padding-left: 0;
	font-weight: bold;
}

div#record dd {
	padding-left: 3.5em;
}

div#record dl:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#announcement li{
	font-weight: bold;
}

/*////////// information /////*/
div#information a:link,
div#information a:visited,
div#information a:active {
	color: #900;
}

div#visa li {
	list-style-type: decimal;
}

div#graduation li {
	list-style-type: decimal;
	padding-top: 1em;
	padding- bottom: 1em;
}

div#careerforum dl {
	width: 600;
}

div#careerforum dt {
	float: left;
	width: 60px;
	clear: both;
}

div#careerforum dd {
	width: 540;
	margin-left: 60px;
}

div#careerforum li {
	list-style-type: decimal;
	padding-right: 1em;
}

div#restaurant dl {
	border: 1px solid #999;
	width: 535px;
	margin: 0 7px;
}

div#restaurant dt {
	float: left;
	width: 80px;
	padding: 5px 0 5px 0;
	clear:both;
}

div#restaurant dd {
	width: 465px;
	margin-left: 80px;
	padding: 5px 0 5px 10px;
	border-left: 1px solid #999;
}


div#officer dl {
	width: 550px;
	height: 160px;
}

div#officer img {
	boader: none;
}

div#officer dt {
	
	float: left;
}

div#officer dd  {

}

div#officer a {
	display: block;
	width: 120px;
	height: 160px;
}

div#officer a:link,
div#officer a:visited,
div#officer a:active {
	color: #FFF;
	text-decoration: none;
}

dl#hideprof a {
	background-image: url(img/prof_hide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

dl#hideprof a:hover {
	background-position: left top;
}

dl#mayuprof a {
	background-image: url(img/prof_mayu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

dl#mayuprof a:hover {
	background-position: left bottom;
}

dl#daisukeprof a {
	background-image: url(img/prof_dai.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

dl#daisukeprof a:hover {
	background-position: left bottom;
}

dl#naoprof a {
	background-image: url(img/prof_nao.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

dl#naoprof a:hover {
	background-position: left bottom;
}

dl#nanaprof a {
	background-image: url(img/prof_nana.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

dl#nanaprof a:hover {
	background-position: left bottom;
}



div#officerdetail dd {
	margin: 0;
}
/*////////// Footer /////*/
#footer p {
	text-align: center;
	font: normal normal 80%/100% "�� �ゴシ�", sans-serif;
	color: #333;
}