@charset "utf-8";

/* index.css：PC
 * ======================================
 * Main
 * ======================================
 */

  /* Main
------------------------------------------------------------------ */
#home #main {
}
#home #hospProgram {
	position: relative;
	height: 2085px;
}
#home #hospProgram div {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
#home #hospProgram p {
}
#home #hospProgram a {
}
#home #hospProgram:after {
	z-index: -1;
}
#home #hospProgram:before {
	z-index: -2;
}
#home #hospProgram div.hidden {
  	display: none;
}
#home #hospProgram em {
  	font-style: normal;
}

/* Box Shadow */
#home #hospProgram .lesson-videos:hover,
#home #hospProgram .slideshow-container:hover,
#home #hospProgram .myplan:hover,
#home #hospProgram .renewal:hover,
#home #hospProgram .club:hover,
#home #hospProgram .campaign:hover,
#home #hospProgram .try:hover,
#home #hospProgram .challenge:hover,
#home #hospProgram .facebookBlock:hover,
#home #hospProgram .line:hover,
#home #hospProgram .movie:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .job:hover {
  -moz-box-shadow: #666666 0 0 6px;
  -webkit-box-shadow: #666666 0 0 6px;
  box-shadow:  #666666 0 0 6px;
  z-index:9;
  zoom:1;
}

#home #hospProgram .lesson-videos:hover,
#home #hospProgram .slideshow-container:hover,
#home #hospProgram .myplan:hover,
#home #hospProgram .renewal:hover,
#home #hospProgram .club:hover,
#home #hospProgram .campaign:hover,
#home #hospProgram .try:hover,
#home #hospProgram .challenge:hover,
#home #hospProgram .facebookBlock:hover,
#home #hospProgram .line:hover,
#home #hospProgram .movie:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .job:hover {
	background:#000000;
}


/* バナーエリア
------------------------------------------------------------------ */

/* slideshow-container */
#home #hospProgram .slideshow-container {
	position: relative; top:0; left:0;
	width: 725px;
	background-color: #FFFFFF;
}
#home #hospProgram .slideshow-container img{
	position: absolute;
	width: 725px;
}
#home #hospProgram .slideshow-container .slide {
    position: absolute;
    opacity: 0; 
    transition: opacity 1s ease-in-out; 
    z-index: -1; 
}
#home #hospProgram .slideshow-container .slide.active {
    opacity: 1;
    z-index: 1; 
}

/* myplan */
#home #hospProgram .myplan {
	display: none;
}

/* renewal */
#home #hospProgram .renewal {
	display: none;
}

/* club */
#home #hospProgram .club {
	display: none;
}

 /* challenge */
 #home #hospProgram .challenge {
	position: absolute; top:370px; left:0;
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .challenge a {
	display: block;
	height: 355px;
	width: 355px;
}

/* campaign */
#home #hospProgram .campaign {
	position: absolute; top:740px; left:370px;
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .campaign img{
	width: 355px;
}
#home #hospProgram .campaign a {
	display: block;
	width: 355px;
	color: #000000;
	text-align: left;
}

/* try */
#home #hospProgram .try {
	position: absolute; top:370px; left:370px;
	width: 355px;
}
#home #hospProgram .try a {
	display: block;
	height: 355px;
	width: 355px;
}

/* lesson-videos */
#home #hospProgram .lesson-videos {
	position: absolute; top:1110px; left:370px;
	width: 355px;
}
#home #hospProgram .lesson-videos a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}

/* movie */
 #home #hospProgram .movie {
	position: absolute; top:740px; left:0px;
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .movie a {
	display: block;
	width: 355px;
	color: #000000;
	text-align: left;
}

/* facebookBlock */
#home #hospProgram .facebookBlock {
	position: absolute; top:1295px; left:0;
	width: 355px;
}
#home #hospProgram .facebookBlock a {
	display: block;
	height: 170px;
	width: 355px;
}

/* line */
#home #hospProgram .line {
	position: absolute; top:1480px; left:0;
	width: 355px;
}
#home #hospProgram .line a {
	display: block;
	height: 170px;
	width: 355px;
}

/* News */
#home #hospProgram .news {
	position: absolute; top:1110px; left:0;
	width: 325px;
	background-color: #FFFFFF;
	padding: 10px 15px;
}
#home #hospProgram .news p {
	font-size: 1.5rem; /* =15px */
	font-weight: bold;
	text-align: left;
}
#home #hospProgram .news .whatsNew {
	height: 120px;
	margin: 5px 0 0 0;
	overflow: auto;
	padding: 0 10px 0 0;
	}
#home #hospProgram .news .whatsNew dl {
	border-bottom: 1px dotted #999999;
	clear: both;
	margin: 0 0 5px 0;
	text-align: left;
}
#home #hospProgram .news .whatsNew dl dt {
	font-size: 1.0rem; /* =10px */
	float: left;
	line-height: 1.4;
	margin: 0;
	padding: 5px 0;
	width: 95px;
}
#home #hospProgram .news .whatsNew dl dd {
	font-size: 1.1rem; /* =11px */
	line-height: 1.3;
	margin: 0;
	padding: 5px 0 5px 95px;
}

 /* job */
#home #hospProgram .job {
	position: absolute; top:1295px; left:370px;
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .job a {
	display: block;
	width: 355px;
	color: #000000;
	text-align: left;
}

 /* liners */
#home #hospProgram .liners {
	position: absolute; top:1480px; left:370px;
	width: 170px;
}
#home #hospProgram .liners a {
	display: block;
	width: 170px;
}

/* facebook likebox */
#home #hospProgram .fb-page {
	display: block !important;
	position: absolute; top:1665px; left:0;
	text-align: left;
	width: 500px;
}
#home #hospProgram .likebox > div.hidden {
	display: block !important;
}

/* 未使用 */
/* CampaignS */
#home #hospProgram .campaignS {
	position: absolute; top:555px; left:370px;
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .campaignS a {
	display: block;
	height: 170px;
	width: 355px;
	color: #000000;
	text-align: left;
}
/* eo */
#home #hospProgram .eo {
	position: absolute; top:370px; left:0;
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .eo a {
	display: block;
	color: #000000;
	text-align: left;
}
#home #hospProgram .eo a img{
	width: 355px;
}