/* 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;border:0;font-size:100%;}


/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/* Contents */
body {
	font-family: font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #231815;
	font-size: 12px;
}
h3.Subheading {
	font-size: 12px;
	color: #948C69;
}
#Contents h2 {
	font-size: 16px;
	color: #948C69;
	border-left: solid 6px #948C69;
	line-height: 120%;
	padding-left: 10px;
	margin-bottom: 15px;
}
.InformationArea h2 {
	background: url(../images/icon_square_khaki..gif) no-repeat left top;
	padding-left: 13px;
}
.Copy{
	font-size: 10px;
	color: #231815;
}
#Wrap {
	width: 792px;
	margin: 0px auto;
}
#Container {
	 height: 100%;
	 overflow: auto;
     position: relative;
     z-index: 1;
}
#ContainerInner {
     padding: 0px 0px 32px;
}
.HeaderWrap {
	margin-top: 34px;
	background: #241500;
	height: 343px;
}
.Header {
	width: 792px;
	margin: 0px auto;
}
#Menu {
	height: 53px;
	width: 607px;
	list-style: none;
	margin-left: 8px;
}
#Menu li {
	float: left;
	height: 27px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Menu a {
	height: 27px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#Menu a:hover {
	background: none;
}
#HMtop, #HMtop a {
 background-image: url(../images/menu_top.gif);
  width: 78px;
}

#HMprogramme, #HMprogramme a { background-image: url(../images/menu_programme.gif); 
 width: 113px;
 }

#HMschedule, #HMschedule a { 
background-image: url(../images/menu_schedule.gif);
width: 113px;
}


#HMapplication, #HMapplication a { 
background-image: url(../images/menu_application.gif);
width: 124px;
}

#HMaccess, #HMaccess a {
background-image: url(../images/menu_access.gif);
width: 100px;
}

#HMqa, #HMqa a { 
background-image: url(../images/menu_q_a.gif);
width: 79px;
}

#Top {
	width: 760px;
	margin-left: 8px;
}
.ImageArea {
	float: left;
	width: 607px;
}
.RogoArea p {
	position: absolute;
	width: 2em;
	left: 76px;
	bottom: 0px;
	text-align: center;
	height: 4em;
	color: #DFE676;
	line-height:15px;
}
.RogoArea {
	float: right;
	width: 115px;
	height: 256px;
	position: relative;
}
#Contents {
	width: 608px;
	background: url(../images/background.gif) repeat-y left;
	padding-right: 9px;
	padding-left: 9px;
}
#ButtonArea {
	float: right;
	width: 160px;
	list-style: none;
}
#ButtonArea .PopupButton .Course {
	width: 100px;
	vertical-align: bottom;
	padding-right: 5px;
	line-height: 120%;
}
#ButtonArea .PopupButton .Pohot {
	width: 43px;
	vertical-align: bottom;
}
#ButtonArea .PopupButton {
	background: #181100;
	width: 148px;
	padding: 6px;
	margin-bottom: 9px;
}
.PopupButton .CourseName {
	font-size: 10px;
	color: #DFE676;
}
.PopupButton .Name {
	font-size: 12px;
	color: #DEE0D9;
}
#ButtonArea .GotoProgramme {
	font-size: 12px;
	color: #828485;
	text-align: right;
	background: url(../images/icon_triangle_gray.gif) no-repeat 47px 4px;
}
.PopupButton .CourseName a:link,
.PopupButton .CourseName a:visited,
.PopupButton .CourseName a:hover,
.PopupButton .CourseName a:active {
	color: #DFE676;
}
.PopupButton .Name a:link,
.PopupButton .Name a:visited,
.PopupButton .Name a:hover,
.PopupButton .Name a:active {
	color: #DEE0D9;
}
#ButtonArea li a:link, #ButtonArea li a:visited {
	text-decoration: none;
}
#ButtonArea li a:hover, #ButtonArea li a:active {
	text-decoration: underline;
}


/* Footer */
#Wrap .Footer {
	width: 625px;
	background: url(../images/background_last.gif) no-repeat left bottom;
	padding-top: 40px;
	margin-bottom: 34px;
}
#Wrap .Footer p {
	font-size: 10px;
	color: #828485;
	float: right;
}
#Wrap .Footer .Copyright {
	float: left;
	width: 470px;
}
#Wrap .Footer .Contact {
	float: right;
	width: 100px;
}
#Wrap .Footer .Contact a {
	padding-right: 15px;
	display:block;
	text-align: right;
	margin-right: 17px;
	background: url(../images/icon_mail.gif) no-repeat right 3px;
}
.Footer .Copyright span {
	margin-left: 12px;
}
.FooterMenu {
	width: 100%;
	  height:32px;
     position: absolute;
     bottom: 0;
     right: 16px;
     z-index: 2;
	background: #241500;
      margin-left: 16px;
}
 html {
     height: 100%;
     overflow: hidden; 
	 }

 body {
     height:100%;
     overflow:hidden;
	 }
.FooterMenu ul {
	list-style: none;
	text-align: center;
	margin-right: 166px;
	margin-top: 9px;
}
.FooterMenu li {
	font-size: 11px;
	color: #E0E776;
	display:inline;
	border-right: 1px solid #DFE676;
	padding-left:13px;
	padding-right:13px;
	line-height: 14px;
}
.FooterMenu li.last {
	border-left: 1px solid #DFE676;
}
.Contact a:link, .Contact a:visited {
	color: #828485;
	text-decoration: none;
}
.Contact a:hover, .Contact a:active {
	color: #828485;
	text-decoration: underline;
}
.FooterMenu li a:link, .FooterMenu li a:visited {
	color: #E0E776;
	text-decoration: none;
}
.FooterMenu li a:hover, .FooterMenu li a:active {
	color: #E0E776;
	text-decoration: underline;
}
#Contents a:link, #Contents a:visited {
	color: #948C69;
	text-decoration: underline;
}
#Contents a:hover, #Contents a:active {
	color: #948C69;
	text-decoration: none;
}