@charset "utf-8";

/* Reset */
html,body{margin:0;padding:0;font-size:100%;line-height: 100%;}
p,blockquote,address,div,p,hr,noscript{margin:0;padding:0;border:0;font-size:100%;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;font-size:100%;}
pre{margin:0;padding:0;border:0;font-size:100%;}
a,img,map,q,sub,sup,span,bdo{margin:0;padding:0;border:0;}
br{margin:0;padding:0;border:0;letter-spacing:0;}
tt,i,b,big,small{margin:0;padding:0;border:0;}
code,samp,var{margin:0;padding:0;border:0;font-size:100%;}
strong,dfn,kbd,cite,abbr,acronym,em{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;}
ins{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;text-decoration:none;}
del{margin:0;padding:0;border:0;font-size:100%;font-style:normal;}
form,fieldset{margin:0;padding:0;border:0;font-size:100%;}
legend,label,select,optgroup,option,button{margin:0;padding:0;font-size:100%;}

/* Hidden */
#MRecommend,
#MLink {
	display: none;
}


/* Common */
body {
	font-size: 12px;
	color: #828485;
	text-align: center;
	font-family: "Meiryo", "MS PGothic", Osaka;
}
#Wrap {
	margin: 40px auto;
	width: 800px;
	text-align: left;
}
.Clear {
	clear: both;
}
.Clear hr {
	display: none;
	height: 1px;
	overflow: hidden;
}

/* Right Area */
#MenuArea {
	background: #231815;
	width: 222px;
	float: right;
	height: 514px;
	position: relative;
}
#Menu {
	list-style: none;
	position: absolute;
	top: 24px;
	left: 18px;
}
#MenuArea h1 {
	position: absolute;
	left: 152px;
	top: 255px;
}
#Menu li {
	width: 188px;
	height: 13px;
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#Menu li a {
	width: 188px;
	height: 13px;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#Menu li a:hover,
#Menu li a:active {
	background-image: none;
}
#Menu li a:focus {
	outline: none;
}
#MWellcome, #MWellcome a {background-image: url(../images/menu_wellcome.gif);}
#MRecommend, #MRecommend a {background-image: url(../images/menu_recommend.gif);}
#MProgram, #MProgram a {background-image: url(../images/menu_program.gif);}
#MLecture, #MLecture a {background-image: url(../images/menu_lecture.gif);}
#MApplication, #MApplication a {background-image: url(../images/menu_application.gif);}
#MAccess, #MAccess a {background-image: url(../images/menu_access.gif);}
#MLink, #MLink a {background-image: url(../images/menu_link.gif);}
#Navi {
	position: absolute;
	left: 18px;
	top: 464px;
}
#MHome {
	margin-bottom: 10px;
}
#MHome a {
	background: url(../images/menu_home.gif) no-repeat left top;
	display: block;
	height: 10px;
	width: 50px;
	text-indent: -9999px;
	overflow: hidden;
}
#MContact a {
	background: url(../images/menu_contact.gif) no-repeat left top;
	height: 9px;
	width: 83px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


/* Footer */
#Footer {
	border-top: 1px solid #231815;
	padding-top: 10px;
	width: 520px;
}
#Copyright {
	font-size: 10px;
	color: #231815;
	padding-left: 15px;
	float: left;
}
#PageTop {
	float: right;
}
#TopFooter {
	padding-top: 10px;
	width: 555px;
}
#TopFooter #Copyright {
	float: none;
	padding-left: 15px;
}



/* MainContents */
#Contents {
	width: 570px;
	float: left;
}
#Contents .HeadImage {
	margin-bottom: 35px;
}
.Block {
	width: 480px;
	margin-left: 40px;
}
#Contents h2 {
	padding-bottom: 15px;
	border-bottom: 1px solid #828485;
	margin-bottom: 12px;
	width: 520px;
}
#Contents h2 img {
	margin-left: 40px;
}
#Contents h3 {
	padding-bottom: 15px;
	border-bottom: 1px solid #828485;
}
#Contents h4 {
	font-size: 16px;
	margin: 35px 0px 35px 15px;
}
.Text {
	line-height: 215%;
	margin: 0px 0px 35px 40px;
}
.Block .Text {
	line-height: 215%;
	margin: 0px 0px 35px 0px;
}
dl {
	margin-bottom: 35px;
}
dt {
	font-size: 16px;
	margin-bottom: 10px;
}
dd {
	line-height: 215%;
}