@charset "utf-8";

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

  /* Main
------------------------------------------------------------------ */
#home #main {
	height: 1720px;
}
#home #hospProgram {
	position: relative;
}
#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 .campaignS:hover,
#home #hospProgram .campaign:hover,
#home #hospProgram .campaign02:hover,
#home #hospProgram .try:hover,
#home #hospProgram .eo:hover,
#home #hospProgram .facebookBlock:hover,
#home #hospProgram .fitnessgolf:hover,
#home #hospProgram .movie:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .job:hover,
#home #hospProgram .choisupobu:hover,
#home #hospProgram .simulation: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 .campaignS:hover,
#home #hospProgram .campaign:hover,
#home #hospProgram .campaign02:hover,
#home #hospProgram .try:hover,
#home #hospProgram .eo:hover,
#home #hospProgram .facebookBlock:hover,
#home #hospProgram .fitnessgolf:hover,
#home #hospProgram .movie:hover,
#home #hospProgram .liners:hover,
#home #hospProgram .job:hover,
#home #hospProgram .choisupobu:hover,
#home #hospProgram .simulation:hover {
	background:#000000;
}

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

/* 全体の高さ */
#home #hospProgram {
	height: 1275px;
}

/* バナーの位置 */
#home #hospProgram .campaign {
	position: absolute;
    top:0; left:0;
}
#home #hospProgram .campaign02 {
	position: absolute;
    top:0; left:370px;
}
#home #hospProgram .movie {
	position: absolute;
    top:370px; left:0;
}
#home #hospProgram .campaignS {
	position: absolute;
    top:925px; left:0px;
}
#home #hospProgram .eo {
	position: absolute;
    top: 555px; left:370px;
}
#home #hospProgram .lesson-videos {
	position: absolute;
    top:740px; left:370px;
}
#home #hospProgram .try {
	position: absolute;
    top: 555px; left:370px;
}
#home #hospProgram .news {
	position: absolute;
    top:740px; left:0;
}
#home #hospProgram .fitnessgolf {
	position: absolute;
    top:925px; left:370px;
}
#home #hospProgram .simulation {
    position: absolute;
    top:370px; left:370px;
}
#home #hospProgram .job {
    position: absolute;
    top:1110px; left:0;
}
#home #hospProgram .choisupobu {
    position: absolute;
    top:1110px; left:370px;
}
#home #hospProgram .liners {
	position: absolute;
    top:1295px; left:515px;
}
#home #hospProgram .likebox {
	position: absolute; top:1295px; left:0px;
	width: 500px;
}
/*　右下
#home #hospProgram .liners {
	position: absolute;
	top:1110px; left:370px;
}
*/

/* バナーレイアウト */
/* corona */
#home #hospProgram .corona {
	width: 725px;
	background-color: #FFFFFF;
}
#home #hospProgram .corona a {
	display: block;
	height: 260px;
	width: 725px;
	color: #000000;
	text-align: left;
}

/* Campaign */
#home #hospProgram .campaign {
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .campaign a {
	display: block;
	height: 355px;
	width: 355px;
	color: #000000;
	text-align: left;
}
#home #hospProgram .campaign .lead {
	display: block;
	font-size: 1.3rem; /* =13px */
	position: absolute; top:42px; left:20px;
}
#home #hospProgram .campaign em {
	font-size: 2.6rem; /* =26px */
	font-weight: bold;
	letter-spacing: -0.02em;
	color:#E50012;
	position: absolute; top:58px; left:17px;
}
#home #hospProgram .campaign .period {
	 position: absolute; top:321px; left:0;
	padding: 5px 0;
	width: 355px;
	font-size: 1.6rem; /* =16px */
	color:#ffffff;
	text-align: center;
	background:url(../images/index/topback.png) no-repeat rgba(51,51,51,1);
	font-weight:bold;
}
#home #hospProgram .campaign .period span{
	font-size: 1.3rem; /* =13px */
}

 /* lesson-videos */
#home #hospProgram .lesson-videos {
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .lesson-videos a {
	display: block;
	height: 170px;
	width: 355px;
	color: #000000;
	text-align: left;
}

/* Try */
#home #hospProgram .try {
	width: 355px;
}
#home #hospProgram .try a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .try a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;
}
#home #hospProgram .try a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	zoom:1;
}
#home #hospProgram .try a:hover span {
	color: #ffffff;
}
#home #hospProgram .try .lead {
	display: none;
	position: absolute; top:50px; left:0;
	padding: 0 18px;
	width: 319px;
	font-size: 1.5rem; /* =15px */
	line-height: 2.4rem;
}
#home #hospProgram .try .lesson {
	position: absolute; top:136px; left:0;
	padding: 5px 0;
	width: 355px;
	font-size: 1.5rem; /* =15px */
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	background-color: rgba(0,164,150,0.8);
}

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

/* CampaignS */
#home #hospProgram .campaignS {
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .campaignS a {
	display: block;
	height: 170px;
	width: 355px;
	color: #000000;
	text-align: left;
}

 /* simulation */
#home #hospProgram .simulation {
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .simulation a {
	display: block;
	height: 170px;
	width: 355px;
	color: #000000;
	text-align: left;
}

 /* job */
#home #hospProgram .job {
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .job a {
	display: block;
	height: 170px;
	width: 355px;
	color: #000000;
	text-align: left;
}
 /* job */
#home #hospProgram .choisupobu {
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .choisupobu a {
	display: block;
	height: 170px;
	width: 355px;
	color: #000000;
	text-align: left;
}

/* Fitness Golf */
#home #hospProgram .fitnessgolf {
	width: 355px;
}
#home #hospProgram .fitnessgolf a {
	display: block;
	height: 170px;
	width: 355px;
	color: #FFFFFF;
	text-align: left;
	background: url(../images/index/arrow.png) no-repeat 342px 117px;
}
#home #hospProgram .fitnessgolf a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;
}
#home #hospProgram .fitnessgolf a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	zoom:1;
}
#home #hospProgram .fitnessgolf a:hover span {
	color: #ffffff;
}
#home #hospProgram .fitnessgolf .lead {
	display: none;
	position: absolute; top:35px; left:0;
	padding: 0 30px;
	width: 295px;
	font-size: 1.5rem; /* =15px */
	line-height: 2.4rem;
}
#home #hospProgram .fitnessgolf .collabo {
	position: absolute; top:136px; left:0;
	padding: 5px 0;
	width: 355px;
	font-size: 1.5rem;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	background-color: rgba(16,9,100,0.8);
}

/* News */
#home #hospProgram .news {
	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;
}

 /* liners */
#home #hospProgram .liners {
	width: 170px;
}
#home #hospProgram .liners a {
	display: block;
	height: 170px;
	width: 170px;
}
/* facebook likebox */
#home #hospProgram .fb-page {
	display: block !important;
	text-align: left;
	width: 500px;
}
#home #hospProgram .likebox > div.hidden {
	display: block !important;
}



/* 未使用 */
/* facebookBlock */
#home #hospProgram .facebookBlock {
	width: 355px;
	background-color: #FFFFFF;
}
#home #hospProgram .facebookBlock a {
	display: block;
	height: 170px;
	width: 355px;
	color: #000000;
	text-align: left;
}