/* 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 */

body {
	background: url(../images/background_brown..gif) repeat-x left top;
	font-family: font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #231815;
	font-size: 12px;
	padding: 34px 0px;
}
.RogoArea {
	float: right;
	width: 115px;
	height: 322px;
	position: relative;
}
.RogoArea p {
	position: absolute;
	width: 2em;
	left: 85px;
	bottom: 0px;
	text-align: center;
	height: 4em;
	color: #DFE676;
	line-height:15px;
}
.Copy {
	line-height: 140%;
	margin-bottom:29px;
	margin-left:47px;
	padding-top: 12px;
}

.Copy, .InformationArea .RecentEntries li  {
	font-size: 10px;
	color: #231815;
}
.InformationArea dt, .InformationArea {
	font-size: 16px;
	color: #948C69;
}
.InformationArea dt {
	background: url(../images/icon_dot..gif) no-repeat left 12px;
	padding: 7px 0px 3px 10px;
}
.InformationArea span, .InformationArea dd {
	font-size: 12px;
	line-height: 150%;
	color: #231815;
}
.RecentEntries {
	background: #DDDFD8 no-repeat left top;
}
.InformationArea {
	float: left;
	width: 575px;
}
.RecentEntries {
	padding: 14px 19px;
	width: 508px;
	margin-left: 29px;
	margin-top: 30px;
}
.MainContents {
	width: 781px;
}
.InformationArea .AutumnWinter {
	margin-left: 47px;
	width: 512px;
}
h3.Subheading {
	font-size: 12px;
	color: #948C69;
	background: url(../images/icon_square_khaki..gif) no-repeat left 3px;
	padding-left: 13px;
	margin-bottom: 10px;
}
h2 {
	font-size: 16px;
	color: #948C69;
	background: url(../images/icon_square_khaki..gif) no-repeat left top;
	padding-left: 13px;
}
.InformationArea h2 {
	background: url(../images/icon_square_khaki..gif) no-repeat left top;
	padding-left: 13px;
	margin-bottom: 11px;
	line-height: 120%;
}
#Wrap {
	width: 792px;
	margin: 0px auto;
}
#Menu {
	height: 53px;
	width: 607px;
	list-style: none;
	margin-left: 9px;
}
#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: 9px;
}
.ImageArea {
	float: left;
	width: 613px;
}
#Contents {
	width: 787px;
	background: url(../images/background.gif) repeat-y left;
	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;
}
.GotoProgramme a:link, .GotoProgramme a:visited {
color: #818384;
text-decoration: none;
}
.GotoProgramme a:hover, .GotoProgramme a:active {
color: #818384;
text-decoration: underline;
}

/* Footer */
#Wrap .Footer {
	width: 630px;
	background: url(../images/background_last.gif) no-repeat left bottom;
	padding-top: 40px;
}
#Wrap .Footer p {
	font-size: 10px;
	color: #828485;
}
#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;
}
.Contact a:link, .Contact a:visited {
	color: #828485;
	text-decoration: none;
}
.Contact a:hover, .Contact a:active {
	color: #828485;
	text-decoration: underline;
}
.RecentEntries ul {
	list-style: none;
	font-size: 10px;
	line-height: 160%;
	color: #231815;
}
.InformationArea dd p {
	font-size: 12px;
	color: #231815;
	line-height: 150%;
	padding-top: 20px;
}
.AutumnWinter dl {
	background: url(../images/hr_dot.gif) repeat-x left top;
}
.AutumnWinter dd {
	background: url(../images/hr_dot.gif) repeat-x left top;
}