@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}

#wrapper .text_s{
	font-size:smaller;
	color:#999;
	width:924px;
	margin:10px auto;
	display:block;
}

#wrapper a{
	color:#e85656;
}
#wrapper a:hover{
	color:#DB4D43;
	text-decoration:none;
}
#wrapper{
	color:#ffffff;
	width:950px;
	margin:0 auto;
	padding:0;
	font-size:13px;
}
#wrapper #hraCPheader,
#wrapper #hraCPcontent{
	width:924px;
	margin:0 auto;
	overflow: hidden;
}

/*tab*/
#wrapper #hraCPcontent #hraTab{
	overflow: hidden;
	width: 892px;
	padding: 0;
	margin: 20px auto 15px auto;
}
#wrapper #hraCPcontent #hraTab li{
	width: 50%;
	list-style: none;
	float: left;
	text-align: center;
	padding: 20px 0;
	cursor: pointer;
	border: 1px solid #000000;
	/*border-bottom: 3px solid #d6d6d6;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

  background-color: #878787;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF878787', endColorstr='#FF444444');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #878787), color-stop(50%, #707070), color-stop(100%, #444444));
  background-image: -webkit-linear-gradient(top, #878787 0%, #707070 50%, #444444 100%);
  background-image: -moz-linear-gradient(top, #878787 0%, #707070 50%, #444444 100%);
  background-image: -o-linear-gradient(top, #878787 0%, #707070 50%, #444444 100%);
  background-image: linear-gradient(top, #878787 0%, #707070 50%, #444444 100%);
}
#wrapper #hraCPcontent #hraTab li.left{
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right:none;
}
#wrapper #hraCPcontent #hraTab li.right{
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left:none;
}

#wrapper #hraCPcontent #hraTab li.stay{
  background-color: #404040;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF404040', endColorstr='#FF828282');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(50%, #656565), color-stop(100%, #828282));
  background-image: -webkit-linear-gradient(top, #404040 0%, #656565 50%, #828282 100%);
  background-image: -moz-linear-gradient(top, #404040 0%, #656565 50%, #828282 100%);
  background-image: -o-linear-gradient(top, #404040 0%, #656565 50%, #828282 100%);
  background-image: linear-gradient(top, #404040 0%, #656565 50%, #828282 100%);

  -webkit-box-shadow: inset #131313 0px 0px 15px;
  -moz-box-shadow: inset #131313 0px 0px 15px;
  box-shadow: inset #131313 0px 0px 15px;
 }
#wrapper #hraCPcontent #hraFAQ{
	display: none;
}
#wrapper #hraCPcontent .inner{
	background-color: #ffffff;
	color: #414141;
	border:1px solid #434343;
	padding: 0 10px 10px 10px ;
  -webkit-box-shadow: 0px 0px 10px #1d1d1d;
  -moz-box-shadow: 0px 0px 10px #1d1d1d;
  box-shadow: 0px 0px 10px #1d1d1d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/*//tab*/
#wrapper #hraCPheader{
	background-color:#000;
}
#wrapper #hraCPheader .pc{
}
#wrapper #hraCPheader .sp{
	display: none;
}
#wrapper #hraCPheader img.hraCPsp{ display:none;}

#wrapper #hraCPschedule{
	background:url(../images/bg_schedule01.jpg) no-repeat;
	width:950px;
	height:72px;
	text-indent:-5000px;
}
#wrapper #hraCPschedule br{
	display:none;
}
#wrapper #hraCPcontent{
	background-color:#363636;
	padding-bottom:20px;
}
#wrapper #hraCPcontent div{
	margin:0 auto;
	padding:10px 0;
	width:870px;
}
#wrapper #hraCPheader h2,
#wrapper #hraCPcontent h3{
	margin:0;
	padding:0;
}
#wrapper #hraCPheader h2{
	height:525px;
}
#wrapper #hraCPcontent div h3{
	background:url(../images/titlebg_1.jpg) no-repeat;
	width:870px;
	height:50px;
	line-height:50px;
	padding-left:20px;
	color: #ffffff;
}

#wrapper #hraCPcontent #hraFAQ h4{
	color: #881a0b;
	padding-left: 10px;
	margin-top: 30px;
}
#wrapper #hraCPcontent #hraFAQ p{
	border-bottom: 1px dotted #444;
	color: #414141;
	padding: 10px 30px 30px 30px;
	text-indent:-1.5em;
}
#wrapper #hraCPcontent #hraFAQ p span.m{
	padding-left:50px;
}
#wrapper #hraCPcontent #hraFAQ p.bordernone{
	border-bottom:none;
}

#wrapper #hraCPcontent div p{
	padding:10px 25px;
}
#wrapper #hraCPcontent div p strong{
	font-size:1.2em;
}
#wrapper #hraCPcontent div ul{
	padding:10px 25px;
	list-style:none;
}
.cpInner02 span,
.cpInner05 ul li,
.cpInner08 ul li{
	padding-left: 1em;
    text-indent: -1em;
}
.cpInner07 ul li{
	margin: 10px 0;
}
.txtbgRed{
	text-align: center;
	background-color: red;
	color: #fff;
	width: 530px;
	display: block;
	margin: 15px auto;
	padding: 10px;
	font-size: 18px;
}
/*#wrapper #hraCPcontent div ul{
	overflow:hidden;
	padding:0 25px;
}
#wrapper #hraCPcontent div ul li{
	float:left;
	list-style:none;
}
#wrapper #hraCPcontent div ul li.img01{
	margin-right:20px;
}*/
#wrapper #hraCPcontent div.btnarea{
}
#wrapper #hraCPcontent div.btnarea ul{
	overflow: hidden;
}
#wrapper #hraCPcontent div.btnarea ul li{
	float: left;
	width: 394px;
	border: 3px solid #ebebeb;
	text-align: center;
	padding: 10px 0;
}
#wrapper #hraCPcontent div.btnarea ul li h4{
	padding: 20px;
}
#wrapper #hraCPcontent div.btnarea ul li.b01{
	margin-right: 20px;
}
#wrapper #hraCPcontent div.btnarea a.btn01{
	background:url(../images/btn_1.png) no-repeat #ffffff;
	width:288px;
	height:68px;
	display:block;
	text-indent:-5000px;
	margin:0 auto;
	border: none;
}
#wrapper #hraCPcontent div.btnarea span.btn01_close{
	background:url(../images/btn_1_close.png) no-repeat #ffffff;
	width:288px;
	height:68px;
	display:block;
	text-indent:-5000px;
	margin:0 auto;
	border: none;
}
#wrapper #hraCPcontent div.btnarea a.btn01:hover{
	opacity: 0.8;
}

#wrapper #hraCPcontent div.btnarea p{
	font-size:small;
	text-align:center;
}
#wrapper #hraCPcontent div.btnarea a.icon{
	padding-right: 15px;
	background: url(../images/icon_window01.png) no-repeat right 1px;
	margin-right: 5px;
}


#wrapper #hraCPcontent div .imgRight{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#wrapper #hraCPcontent div .modelbox{
	position: relative;
}
#wrapper #hraCPcontent div .modelbox .plus{
	position: absolute;
	top: 250px;
	left: 405px;
}
#wrapper #hraCPcontent div .modelbox h4{
	display: none;
}
#wrapper #hraCPcontent div .modelbox ul{
	height: 540px;
	overflow: hidden;
}
#wrapper #hraCPcontent div .modelbox ul li ul li{
	text-align: center;
	padding: 0;
}
#wrapper #hraCPcontent div .modelbox ul li ul li a,
#wrapper #hraCPcontent div .modelbox ul li ul li a img{
	border: none;
}
#wrapper #hraCPcontent div .modelbox .model01{
	background: url(../images/bg_model01.jpg) no-repeat center top;
	margin-right: 1px;
	float: left;
	width: 409px;
	height: 540px;
}
#wrapper #hraCPcontent div .modelbox .model01 ul {
	padding-top: 80px;
}
#wrapper #hraCPcontent div .modelbox .model02{
	background: url(../images/bg_model02.jpg) no-repeat center top;
	float: left;
	width: 409px;
	height: 540px;
}
#wrapper #hraCPcontent div .modelbox .model02 ul {
	padding-top: 95px;
}
.br-sp br{
	display: none;
}


@media (max-width:640px){
	#wrapper{
		width:100% !important;
	}
	#wrapper #hraCPheader,
	#wrapper #hraCPcontent,
	#wrapper #hraCPschedule{
		width: auto !important;
	}
	#wrapper #hraCPcontent div{ width:95%;}
	#wrapper{font-size:14px;}
	#wrapper #hraCPheader h2{
		height:auto;
	}
	#wrapper #hraCPheader img.hraCPpc{ display:none;}
	#wrapper #hraCPheader img.hraCPsp{ display: inline; width:100%;}
	#wrapper #hraCPheader img{
		width:100%;
	}
	#wrapper #hraCPheader .pc{
		display: none;
	}
	#wrapper #hraCPheader .sp{
		display: block;
		padding: 10px;
	}
	#wrapper #hraCPheader .present{
		text-align: left;
		border-top: solid 5px #cab837;
		border-bottom: solid 5px #cab837;
		margin: -7px 0 0 0;
	}
	#wrapper #hraCPheader .present strong{
		font-size: 1.2em;
		color:#ff3535;
	}
	#wrapper #hraCPschedule{
		background-color:#000;
		background-image:none;
		text-indent:0;
		text-align:center;
		height:auto;
		border-bottom: solid 5px #cab837;
	}
	#wrapper #hraCPschedule p{ padding:10px; margin: 0;}
	#wrapper #hraCPschedule br{display: inline;}
	
	#wrapper #hraCPcontent div h3{
		background-color: #8d0404;
		background-position: center left;
		height: auto;
		line-height: 20px;
		text-align:left;
		padding:10px;
		width: auto;
	}
	#wrapper #hraCPcontent .inner{
		padding: 0 0 10px 0 ;
	}
	#wrapper #hraCPcontent div p{padding:10px;}
	#wrapper #hraCPcontent div ul{padding:10px;}
	#wrapper #hraCPcontent div ul li{float: none;}
	#wrapper #hraCPcontent div ul li.img01{margin:0 0 15px 0;}
	#wrapper #hraCPcontent div ul li img{ width:100%;}
	#wrapper #hraCPcontent div.btnarea a.btn01{
		background-size: contain;
		width:80%;
	}
	#wrapper #hraCPcontent div.btnarea span.btn01_close{
		background-size: contain;
		width:80%;
		background-position: center;
	}
	#wrapper #hraCPcontent div.btnarea ul{
	overflow: hidden;
	}
	#wrapper #hraCPcontent div.btnarea ul li{
		float: left;
		width: 100%;
		border: 3px solid #ebebeb;
		text-align: center;
		padding:10px 0;
		margin-bottom: 10px;
	}
	#wrapper #hraCPcontent div.btnarea ul li h4{
		padding: 10px;
	}
	#wrapper #hraCPcontent div.btnarea ul li p{
		padding: 0 20px;
	}

	/*tab*/
	#wrapper #hraCPcontent #hraTab{
		/*overflow: hidden;*/
		width: auto;
		padding: 0 !important;
		margin: 25px 25px 0 25px ;
	}
	#wrapper #hraCPcontent #hraTab li{
		width: 50%;
		/*list-style: none;*/
		float: left;
	}
	#wrapper #hraCPcontent #hraFAQ h3{
		font-size:13px;
	}

	#wrapper #hraCPcontent #hraFAQ p{
		text-indent:0;
		padding: 10px 10px 30px 10px;
		}
	#wrapper #hraCPcontent #hraFAQ p span.m{
		padding-left:0;
	}

	#wrapper .text_s{
		width: auto;
		margin:10px auto;
		display: inline;
	}
	#wrapper #hraCPcontent div .imgRight{
		float: none;
		margin:20px auto;
		display: block;
		width: 100%;
	}


	#wrapper #hraCPcontent div .modelbox{
		position: relative;
	}
	#wrapper #hraCPcontent div .modelbox .plus{
		position: static;
		top: 0;
		left: 0;
		text-align: center;
		padding: 10px;
	}
	#wrapper #hraCPcontent div .modelbox .plus img{
		width: auto;
	}
	#wrapper #hraCPcontent div .modelbox h4{
		text-align: center;
		font-size: 1.2em;
		padding: 30px 0 20px 0;
		display:block;
	}
	#wrapper #hraCPcontent div .modelbox ul{
		height: auto;
		overflow: hidden;
	}
	#wrapper #hraCPcontent div .modelbox ul li ul li{
		text-align: center;
		padding: 0 0;
	}
		#wrapper #hraCPcontent div .modelbox ul li ul li img{
			/*width: 100%;*/
		}
	#wrapper #hraCPcontent div .modelbox .model01{
		background: none #eaeaea;
		margin-right: 1px;
		float: none;
		width: 100%;
		height: auto;
	}
	#wrapper #hraCPcontent div .modelbox .model01 ul {
		padding-top: 0;
	}
	#wrapper #hraCPcontent div .modelbox .model02{
		background: none #eaeaea;
		float: none;
		width: 100%;
		height: auto;
	}
	#wrapper #hraCPcontent div .modelbox .model02 ul {
		padding-top: 0;
	}

	#wrapper #hraCPcontent div.btnarea ul li.b01{
		margin-right: 20px;
	}
	.br-sp br{
		display:inline;
	}
	.cpInner05 .txtbgRed{
		text-align: center;
		background-color: red;
		color: #fff;
		width: 100%;
		display: block;
		margin: 15px auto;
		padding: 10px 0;
		font-size: 18px;
	}

}

.schedule_end{
	background-color: #e40000;
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}



/* mod-iconNewWin
   ========================================================================== */
span.mod-iconNewWin {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 11px;
  height: 0;
  padding: 9px 0 0;
  overflow: hidden;
  background: url(../images/ico_01.png); 
}

@media (max-width: 640px) {
  span.mod-iconNewWin {
    width: 22px;
    height: 0;
    padding: 19px 0 0;
    overflow: hidden;
    background-position: -11px 0; } }