@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
  width: 100%;
  height: 100%;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style: none;}

body {
  text-align: center;
}

img {
  vertical-align: bottom;
  border: none;
}

a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#all img {
  width: 100%;
  max-width: 1400px;
  min-width: ;
}

#all span {
	position: absolute;
	display: inline-block;
}

#all span.left {
	left: 30px;
	top: 7px;
}

#all span.right {
	right: 20px;
	top: 0;
}

#sp {
	background-color: #666;
}

#sp,
#sp #all {
	width: 380px;
	height: auto;
	margin: 0 auto;
}

#sp #all img {
	max-width: 100%;
	height: auto;
}


#index {
	height: 3244px;
	background: url(../img/index.png) center top no-repeat;}

#column {
	height: 3154px;
	background: url(../img/column.png) center top no-repeat;}

#column_detail {
	height: 4553px;
	background: url(../img/column_detail.png) center top no-repeat;}

#interview {
	height: 2877px;
	background: url(../img/interview.png) center top no-repeat;}

#interview_detail {
	height: 4005px;
	background: url(../img/interview_detail.png) center top no-repeat;}

#masters {
	height: 3599px;
	background: url(../img/masters.png) center top no-repeat;}

#masters_detail {
	height: 2380px;
	background: url(../img/masters_detail.png) center top no-repeat;}

#about {
	height: 1924px;
	background: url(../img/about.png) center top no-repeat;}

#cast {
	height: 2272px;
	background: url(../img/cast.png) center top no-repeat;}

#corner {
	height: 1971px;
	background: url(../img/corner.png) center top no-repeat;}

#timetable {
	height: 2055px;
	background: url(../img/timetable.png) center top no-repeat;}

#contact {
	height: 2508px;
	background: url(../img/contact.png) center top no-repeat;}