@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{
	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 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:622px;
}
#wrapper #hraCPcontent div h3{
	background:url(../images/titlebg_1.jpg) no-repeat;
	width:870px;
	height:50px;
	line-height:50px;
	padding-left:20px;
}

#wrapper #hraCPcontent #hraFAQ h4{
	color: #D7CE7C;
	padding-left: 10px;
	margin-top: 30px;
}
#wrapper #hraCPcontent #hraFAQ p{
	border-bottom: 1px dotted #444;
	color: #DEE0E0;
	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{
	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 .btn01{
	background:url(../images/btn_1.gif) no-repeat;
	width:288px;
	height:68px;
	display:block;
	text-indent:-5000px;
	margin:0 auto;
}
#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;
}

@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 #hraCPschedule{
		background-color:#000;
		background-image:none;
		text-indent:0;
		text-align:center;
		height:auto;
	}
	#wrapper #hraCPschedule p{ padding:10px; margin: 0;}
	#wrapper #hraCPschedule br{display: inline;}
	
	#wrapper #hraCPcontent div h3{
		text-align:left;
		padding:0 0 0 10px;
		width: auto;
	}
	#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 .btn01{
		background-size: contain;
		width:65%;
	}


/*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;
	/*text-align: center;*/
	/*padding: 20px 0;*/
	/*cursor: pointer;*/

/*  background-color: #555555;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF0A0A0A');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(50%, #3c3c3c), color-stop(100%, #0a0a0a));
  background-image: -webkit-linear-gradient(top, #555555 0%, #3c3c3c 50%, #0a0a0a 100%);
  background-image: -moz-linear-gradient(top, #555555 0%, #3c3c3c 50%, #0a0a0a 100%);
  background-image: -o-linear-gradient(top, #555555 0%, #3c3c3c 50%, #0a0a0a 100%);
  background-image: linear-gradient(top, #555555 0%, #3c3c3c 50%, #0a0a0a 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;
}
#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;
}*/

/*#wrapper #hraCPcontent #hraTab li.stay{
  background-color: #090909;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF090909', endColorstr='#FF545454');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #090909), color-stop(50%, #3a3a3a), color-stop(100%, #545454));
  background-image: -webkit-linear-gradient(top, #090909 0%, #3a3a3a 50%, #545454 100%);
  background-image: -moz-linear-gradient(top, #090909 0%, #3a3a3a 50%, #545454 100%);
  background-image: -o-linear-gradient(top, #090909 0%, #3a3a3a 50%, #545454 100%);
  background-image: linear-gradient(top, #090909 0%, #3a3a3a 50%, #545454 100%);

  -webkit-box-shadow: inset black 0px 0px 15px;
  -moz-box-shadow: inset black 0px 0px 15px;
  box-shadow: inset black 0px 0px 15px;
 }*/
/*#wrapper #hraCPcontent #hraFAQ{
	display: none;
}
#wrapper #hraCPcontent .inner{
	border:none;
	padding: 0 ;
  -webkit-box-shadow: 0px 0px 0 #1d1d1d;
  -moz-box-shadow: 0px 0px 0 #1d1d1d;
  box-shadow: 0px 0px 0 #1d1d1d;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}*/
/*//tab*/

#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;
}

.closeTxt{
	background:#ab1514;
	color:#fff;
	padding:5px;
	text-align:center;
}









}