img {
	vertical-align: top;
}
ul, ol, li, dl, dt, dd {
	list-style: none outside none;
	margin: 0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#hap_wrapper a, #hap_wrappe a:visited {
	text-decoration: underline;
}
p {
	margin: 0;x
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
* html {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mod-mainContentContainer.ex-mainContentContainer-hasCategoryNav {
	padding-top: 40px;
}
#hap_container {
	padding: 0px 69px 0px 73px;
	width: 808px;
}
#hap_wrapper {
	background: #d5d7d9 url(../images/content_bg.gif) no-repeat;
	padding:30px 0 41px 0;
	color: #211e1f;
}
.mod-subTitle {
	background: none;
}
#hap_stl {
	padding: 0px 0px 0px 73px;
	position:relative;
}
#hap_lead {
	padding: 18px 0px 20px 107px;
}
#hap_link_b {
	background: url(../kiyaku_b/images/link_b_bg.png) no-repeat;
	padding: 16px 29px 0 23px;
	width: 356px;
}
#hap_links li {
	float: left;
}
#hap_link_b h3 {
	background: #50302a;
	padding: 5px 26px 4px 28px;
	font-size: 0px;
}
#hap_link_txt {
	margin: 8px 25px 0px 1px;
}
#hap_link_b #hap_link_img {
	margin: 2px 0px -3px;
}
#hap_step1_img1 {
	display: block;
}
#hap_kiyaku_b #hap_step {
	background: url(../kiyaku_b/images/step_bg.png) no-repeat;
	clear: both;
}
#hap_kiyaku_b #hap_step1 {
	float: left;
	padding: 0 0 0 15px;
	width: 253px;
	height: 201px;
}
#hap_kiyaku_b #hap_step2 {
	float: left;
	padding: 0 0 0 15px;
	width: 250px;
	height: 170px;
}
#hap_kiyaku_b #hap_step3 {
	float: left;
	padding: 0 0 0 15px;
}
#hap_step h4 {
	padding: 15px 0px 30px 90px;
	line-height: 0;
}
* html #hap_step h4 {
	padding-bottom: 22px;
}
*:first-child+html #hap_step h4 {
	padding-bottom: 22px;
}
#hap_step1_img {
	padding: 7px 0px 0px 70px;
}
#hap_point, #hap_point3 {
	background: url(../kiyaku_b/images/point_bg.png) repeat-y;
	clear: both;
	font-size: 12px;
	color: #211e1f;
	letter-spacing: 0px;
}
#hap_point3 {
	margin-top: 11px;
}
#hap_kiyaku_a #hap_point3 {
	background: url(../kiyaku_a/images/point_bg.png) repeat-y;
}
#hap_point_head {
	border-top: 3px solid #50302a;
	border-bottom: 3px solid #50302a;
	margin: 0 6px 0 2px;
}
#hap_kiyaku_a #hap_point_head {
	border-top: 3px solid #f00082;
	border-bottom: 3px solid #f00082;
}
#hap_point_head h3 {
	margin: 12px 0px 0px 358px;
}
#hap_point_head p {
	padding: 6px 0px 7px;
	text-align: center;
}
#hap_point dt, #hap_point_a dt, #hap_point3 dt{
	border: 1px solid #dbdbdb;
	width: 124px;
	float: left;
	margin: 0 13px 9px 0;
	clear: both;
	height: 35px;
	padding-top: 18px;
}
#hap_point dt img, #hap_point3 dt img {
	display: block;
	margin: 0 auto;
	padding-top: 0;
}
#hap_point .hap_dt_2line, #hap_point_a .hap_dt_2line, #hap_point3 .hap_dt_2line {
	padding-top: 8px;
	height:45px;
}
#hap_point dl, #hap_point_a dl {
	margin: 29px 0px 0px 30px;
	line-height: 18px;
}
#hap_point3 dl {
	margin: 9px 0px 0px 30px;
}
#hap_point dl dd, #hap_point_a dl dd, #hap_point3 dl dd {
	float: left;
	width: 600px;
	padding: 0px 0px 18px;
}
* html #hap_point dl dd, * html #hap_point_a dl dd {
	float: none;
}
*:first-child+html #hap_point dl dd, *:first-child+html #hap_point_a dl dd {
	float: none;
}
#hap_point #hap_dd_1 {

}
#hap_point #hap_dd_2 {
	padding-bottom: 28px;
}
#hap_point #hap_dd_3, #hap_point_a #hap_dd_3 {
	padding-top: 8px;
}
#hap_dd_3 img {
	margin: -43px 0px 0px 12px;
	position: relative;
	clear: both;
}
* html #hap_dd_3 img {
	clear: none;
}
*:first-child+html #hap_dd_3 img {
	clear: none;
}
#hap_point  #hap_dd_4 ul li {
	text-indent: 1em;
}
#hap_dd_5 h4 {
	font-weight: 400;
	padding: 9px 0 5px 0;
}
#hap_point_a #hap_dd_5 h4 {
	padding: 18px 0 0px 0;
}
#hap_point #hap_dd_5 {
	padding-bottom: 30px;
}
#hap_dd_7 h4 {
	font-weight: 400;
}
#hap_dd_7 h5 {
	font-weight: 400;
	padding-top: 18px;
}
#hap_dd_7_h4_2 {
	padding: 18px 0px 0px;
}
#hap_point #hap_dt_8 img {

}
#hap_point  #hap_dd_8 {

}
#hap_dd_8 h4 {
	font-weight: 400;
}
#hap_dd_4 ul li, #hap_dd_6 ul li, #hap_dd_7 li, #hap_point_a #hap_dd_8 li {
	background: url(../kiyaku_b/images/li_icon.gif) no-repeat 4px 9px;
	text-indent: 1em;
}
#hap_dd_6 ul .hap_kome {
	background-image: none;
	text-indent: 0;
}
#hap_attention li, #hap_dd_5 li, #hap_dd_8 li, #hap_point_a #hap_dd_9 li {
	background: url(../kiyaku_b/images/kome.gif) no-repeat 0px 5px;
	text-indent: 1em;
}
#hap_point_a #hap_po_a_dd5_cap {
	padding-top: 18px;
}
#hap_point_a #hap_po_a_dd5_cap li {
	background: none;
	text-indent: 0;
}
.hap_point_bottom, .hap_point_bottom2 {
	display: block;
	line-height: 0px;
	margin: 0;
	padding: 0;
	position: relative;
	clear: both;
}
#hap_banner {
	margin: 29px 0px 0px 200px;
}
#hap_caption {
	font-size: 12px;
	padding: 29px 0px 3px;
}
#hap_step3_inner img {
	display: block;
}
#hap_step3_inner .ex-disableLeargeScreen {
	display: none;
}
#hap_step2_btn, #hap_kiyaku_b #hap_step3_btn {
	background: url(../kiyaku_b/images/step2_btn_bg.gif) no-repeat right 0px;
	width: 232px;
	display: block;
	padding: 14px 0px 0px 8px;
	margin: 7px 0 0 0;
}
#hap_step2_btn_bottom, #hap_step3_btn_bottom {
	display: block;
	margin: 14px 0 0 -8px;
	position: relative;
	bottom: -1px;
}
#hap_step3_btn {
	background: url(../kiyaku_a/images/step_btn_bg.gif) no-repeat right 0px;
	width: 228px;
	display: block;
	padding: 14px 0px 0px 8px;
	margin: 0px 0 0 15px;
}
#hap_step2_cap {
	font-size: 12px;
	line-height: 16px;
	text-indent: -15px;
	margin: 1px 13px 0 15px;
}

#hap_step2_btn img {
	display: block;
}
#hap_link_a #hap_link_img {
	position: absolute;
	left: 242px;
	top: 57px;
}
#hap_kiyaku_a #hap_step {
	background: url(../kiyaku_a/images/step_bg.png) no-repeat;
	clear: both;
}
#hap_kiyaku_a #hap_step h4 {
	padding: 15px 0 29px 0;
}
* html #hap_kiyaku_a #hap_step h4 {
	padding-bottom: 21px;
}
*:first-child+html #hap_kiyaku_a #hap_step h4 {
	padding-bottom: 21px;
}
#hap_kiyaku_a #hap_step1 h4 {
	padding-left:48px;
}
#hap_kiyaku_a #hap_step2 h4 {
	padding-left:60px;
}
#hap_kiyaku_a #hap_step3 h4 {
	padding-left:100px;
}
#hap_kiyaku_a #hap_step4 h4 {
	padding-left:79px;
}
#hap_kiyaku_a  #hap_step1 {
	float: left;
	width: 154px;
	height: 247px;
}
#hap_kiyaku_a  #hap_step2 {
	float: left;
	width: 172px;
}
#hap_kiyaku_a  #hap_step3 {
	float: left;
	width: 260px;
}
#hap_kiyaku_a  #hap_step4 {
	float: left;
}
#hap_kiyaku_a #hap_step1_img1 {
	padding: 0px 0px 0px 16px;
}
#hap_kiyaku_a #hap_step1_img {
	padding: 17px 0px 0px 29px;
}
#hap_kiyaku_a #hap_step2_txt {
	padding: 0px 0px 9px 14px;
}
#hap_kiyaku_a #hap_step3_txt {
	padding: 0px 0px 9px 14px;
}
#hap_kiyaku_a #hap_step4_txt {
	padding: 0px 0px 0px 12px;
}
#hap_step4_inner ul li {
	font-size: 12px;
	line-height: 14px;
	text-indent: -1em;
	width: 188px;
}
* html #hap_step4_inner ul li {
	padding-left: 12px;
}
#hap_step4_inner ul {
	padding:5px 0 0 12px;
	margin: 0 0 0 1em;
}
* html #hap_step4_inner ul {
	padding-left: 0;
}
#hap_a_step_caption1 {
	clear: both;
	width: 313px;
}
#hap_a_step_caption p {
	font-size: 12px;
	line-height: 16px;
	float: left;
	padding: 11px 18px 11px 17px;
}
#hap_step3_inner #hap_step3_a img {
	display: inline;
	position: relative;
	left: -3px;
	top: 6px;
}
#hap_a_step_caption {
	background: url(../kiyaku_a/images/step_cap_bg.png) repeat-y;
	clear: both;
	margin-bottom: 11px;
}
#hap_a_step_caption2 {
	width:415px;
}
#hap_a_step_cap_bottom {
	display: block;
	clear: both;
}
#hap_point_a {
	font-size: 12px;
	line-height: 18px;
	background: url(../kiyaku_a/images/point_bg.png) repeat-y;
	letter-spacing: 0em;
	margin: 0 0 11px 0;
}
#hap_point_a dt img {
	margin: 0 auto;
	display: block;
}
.hap_point_a_img2 img {
	border: 1px solid #040000;
}
#hap_point_a_dd4_cap1 {
	list-style: lower-roman;
}
#hap_point_a_dd4_cap2 li, #hap_po_a_dd7_ul2 li {
	background: url(../kiyaku_a/images/kome.gif) no-repeat 0px 5px;
	text-indent: 1em;
}
#hap_point_a_dd4_cap2 li a {
	display: block;
	width: 210px;
}
/*
#hap_point_a #hap_dd_5 ul li, #hap_po_a_dd6_ul2 li, #hap_po_a_dd7_ul1 li {
    background: url("../kiyaku_a/images/li_icon.gif") no-repeat scroll 4px 9px transparent;
    text-indent: 1em;
}
*/
#hap_point_a h4 {
	font-weight: 400;
}
#hap_point_a #hap_dd_5 {
	padding-top: 4px;
	padding-bottom: 21px;
}
#hap_point_a #hap_dd_6 h4, #hap_point_a #hap_dd_7 h4, #hap_point_a #hap_dd_8 h4, #hap_point_a #hap_dd_8 .hap_caption {
	padding: 18px 0px 0px;
}
#hap_point_a #hap_dd_7 .hap_first, #hap_point_a #hap_dd_8 .hap_first {
	padding: 0;
}
#hap_dd_5 .hap_point_a_img2 {
	float: left;
	width: 241px;
	margin: 12px 16px 18px 0;
}
#hap_banner1_a, #hap_banner2_a, #hap_banner3_a {
	margin: 0 auto 1px auto;
	width: 386px;
	position: relative;
	cursor: pointer;
}
#hap_banner1_a h3, #hap_banner2_a h3, #hap_banner3_a h3 {
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	left: 13px;
	top: 5px;
}
#hap_banner2_a h3 {
	color: #fff;
}
#hap_banner3_a h3 {
	color: #fff;
}
#hap_a_caption {
	font-size: 12px;
	line-height: 16px;
	padding: 20px 0px 5px 1em;
}
#hap_a_caption li {
	text-indent: -1em;
}
#hap_kiyaku_a #hap_step2_btn {
	background: url(../kiyaku_a/images/step_btn_bg.gif) no-repeat right 0px;
	width: 143px;
	margin: 0 0 0 14px;
}
#hap_step3_a {
	font-size: 14px;
	color: #f00082;
	text-decoration: underline;
	padding: 0px 0px 0px 9px;
	margin: 0 0 0 17px;
}
* html #hap_step3_a  {
	margin-top: 3px;
}
#hap_popup {
	position: absolute;
	left: 0px;
	top: -9999px;
	height: 100%;
	width: 100%;
}
#hap_overray {
	background: #000;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.5;
}
#hap_popup_img {
	margin: 0 auto;
	position: relative;
	width: 804px;
}
#hap_popup_close {
	margin: 11px auto 0 auto;
	position: relative;
	width: 103px;
	cursor: pointer;
}
#hap_link_a {
	background: url(../kiyaku_a/images/link_a_bg.png) no-repeat;
	overflow: hidden;
	width: 400px;
	position: relative;
	height: 147px;
	border-right: solid 3px #f00082;
}
#hap_link_a h3 {
	padding: 22px 0px 0px 52px;
}
#hap_link_a #hap_link_txt {
	margin: 11px 0px 0px 25px;
}
* html #hap_link_a #hap_link_txt {
	margin-top: 9px;
}
*:first-child+html #hap_link_a #hap_link_txt {
	margin-top: 9px;
}
#hap_kiyaku_b #hap_step3 h4 {
	padding-left: 92px;
}
#hap_popup_img .hap_smallNone {
	display: block;
	margin: 0px;
	padding: 0px;
}
#hap_popup_close img {
}
#hap_point #hap_dd_6 ul .hap_kome {
	background: none;
	text-indent: 0;
}
#hap_pop_txt {
	font-size: 12px;
	color: #f00082;
	position: absolute;
	top: 83.8%;
	left: 50%;
	margin-left: -62px;
}
#hap_point h4, #hap_point h5 {
	font-weight: 400;
}
#hap_dd_10 h4 {
	background: url(../kiyaku_b/images/h4_icon.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 12px;
	margin: 18px 0 0 0;
}
#hap_dd_10 .hap_first {
	margin-top: 0;
}#hap_dd_10 p {
	padding: 0px 0px 0px 10px;
}
#hap_point3 #hap_dd_10 ul li, #hap_point_a #hap_dd_11 ul li {
	background: url(../kiyaku_b/images/circle.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 11px;
}
#hap_dd_5 ul li a {
	margin-left: 1em;
}
.hap_bold {
	font-weight: bold;
}
#hap_dd_3 ul li {
	padding: 0 3px 0 0;
	float: left;
}
#hap_point_a #hap_dd_2 {
	padding-top: 16px;
	padding-bottom: 41px;
}
#hap_dd_5 #hap_po_a_dd6_ul2 li {
	background: none;
	text-indent: 0;
}
#hap_dd_10 p {
	word-break: break-all;
}
.hap_freephone {
	position: relative;
	top: 2px;
}
#hap_point2 .hap_banner {
	margin: 0 auto;
	width: 387px;
}
#hap_point2_inner {
	margin: 0 6px 20px 2px;
	padding: 12px 0 0px 0;
}
#hap_point2 {
	background: url(../kiyaku_b/images/point_bg.png) repeat-y;
	margin-top: 11px;
}
#hap_kiyaku_a #hap_point2 {
	background: url(../kiyaku_a/images/point_bg.png) repeat-y;
}
#hap_point2_head_inner {
	border-top: 3px solid #50302a;
	border-bottom: 3px solid #50302a;
	text-align: center;
	margin: 0 6px 0 2px;
	padding: 15px 0 13px 0;
}
#hap_kiyaku_a #hap_point2_head_inner {
	border: 3px solid #ed008c;
}
#hap_point3 h4 {
	font-weight: 400;
}
#hap_container h5 {
	font-weight: 400;
}
#hap_point_a #hap_dd_5 #hap_po_a_dd6_ul1, #hap_point #hap_po_a_dd5_ul1 {
	font-size: 11px;
	line-height: 16.5px;
}
#hap_point_a #hap_dd_5 #hap_po_a_dd6_ul1 li, #hap_point #hap_po_a_dd5_ul1 li {
	background: url(../kiyaku_a/images/kome_s.gif) no-repeat 0px 5px;
	color: #666;
}
* html #hap_point_a #hap_dd_5 #hap_po_a_dd6_ul1 li, * html #hap_point #hap_po_a_dd5_ul1 li {
	background-position: 0 3px;
}
*:first-child+html #hap_point_a #hap_dd_5 #hap_po_a_dd6_ul1 li, *:first-child+html  #hap_point #hap_po_a_dd5_ul1 li {
	background-position: 0 3px;
}
#hap_banner2 {
	margin: 28px 0px 28px 190px;
}

@media (max-width:640px) {
/* media 640px */
	.mod-mainContentContainer.ex-mainContentContainer-hasCategoryNav {
	padding-top: 0px;
}
	#hap_container {
		width: auto;
	}
	#hap_stl {
		margin-top: 0;
		padding: 21px 20px 0 20px;
	}
	#hap_stl img {
		width: 100%;
		height: auto;
		padding-bottom: 8px;
	}
	#hap_stl #hap_tl2 {
		width: 45%;
		height: auto;
	}
	#hap_lead {
		width: 100%;
		height: auto;
		padding: 20px 0 20px 0;
	}
	.hap_smallNone {
		display: none;
	}
	#hap_container {
		padding: 0 20px;
	}
	#hap_popup_img .hap_smallNone {
		display: none;
	}
	#hap_links #hap_link_b {
		background: #fff;
		background-image:none;
		width: auto;
		border: solid 3px #4f3029;
		float: none;
		padding: 16px 19px 0 19px;
		overflow:hidden;
	}
	#hap_point #hap_dd_3 {
		width: 100%;
	}
	#hap_links #hap_link_a {
		background: #fff;
		background-image:none;
		width: auto;
		border: solid 3px #f00082;
		float: none;
		padding: 16px 19px 0 19px;
		overflow:hidden;
		height: auto;
	}
	#hap_link_a h3 {
    background: none repeat scroll 0 0 #f00082;
    font-size: 0;
    padding: 5px 0px 4px 0px;
	}
	#hap_link_b h3 img, #hap_link_a h3 img {
		margin:0 auto;
	}
	#hap_link_txt {
		width: 51.1%;
		height: auto;
		margin: 14px 0 8px 0;
		float:left;
		min-width:216px;
	}
	#hap_link_b h3, #hap_link_a h3 {
		text-align: center;
	}
	#hap_link_b #hap_link_img {
		width: 24.8%;
		height: auto;
		min-width:105px;
    margin: 0 auto;
    display:block;
	padding-bottom: 5px;
	}
	#hap_kiyaku_b #hap_step, #hap_kiyaku_a #hap_step {
		background: none;
	}
	#hap_kiyaku_b #hap_step3 h4 {
		padding-left: 0;
	}
	#hap_linlk_a {
	font-size: 18px;
	display: block;
	padding: 0px 0px 0px 13px;
	text-align: center;
	margin: 10px 0 22px 0;
	}
#hap_arrow {
	position: relative;
	top: 6px;
	left: -3px;
}
#hap_point_head p {
	padding: 6px 20px 7px 18px;
	text-align: left;
}
#hap_step #hap_step1, #hap_step #hap_step2, #hap_step #hap_step3, #hap_step #hap_step4 {
	float: none;
	width: auto;
	padding: 0;
	height: auto;
}
#hap_wrapper {
	padding-top: 0;
}
#hap_step h4 {
	background: #50302a;
	height: 26px;
	padding: 9px 0 0 0;
}
#hap_kiyaku_a #hap_step h4 {
	background: #f00082;
	height: 26px;
	padding: 9px 0 0 0;
}
#hap_step h4 img, #hap_kiyaku_a  #hap_step h4 img {
	display: block;
	margin: 0 auto;
	height: auto;
}
#hap_step1_inner, #hap_step2_inner, #hap_step3_inner {
	background: #fff;
	border: 3px solid #593b35;
	margin: 4px 0 0 0;
}
#hap_kiyaku_a #hap_step1_inner, #hap_kiyaku_a  #hap_step2_inner, #hap_kiyaku_a  #hap_step3_inner, #hap_kiyaku_a  #hap_step4_inner {
	background: #fff;
	border: 3px solid #f00082;
	margin: 4px 0 0 0;
}

#hap_kiyaku_b #hap_step3_inner {
	padding: 24px 17px 24px 18px;
}
#hap_step1_img1 {
	height: auto;
	width: 55.6%;
	display: block;
	margin: 0 auto;
	padding: 24px 0 23px 0;
	min-width: 230px;
}
.hap_arrow2 {
	display: block;
	margin:0 auto;
	padding: 12px 0 10px 0;
}
#hap_kiyaku_b #hap_step3_inner #hap_b_step3_txt {
	width: 41.6%;
	height: auto;
	display: block;
	margin:0 auto 15px auto;
	min-width: 172px;
}
#hap_point, #hap_point3 {
	background: #fff;
	background-image: none;
	margin: 20px 0px 0px;
	border: solid 3px #50302a;
	font-size: 14px;
}
#hap_point {
	margin-top: 34px;
}
#hap_point_head {
	border-top-width: 0px;
	border-top-style: none;
	margin: 0;
}
#hap_point dl, #hap_point_a dl, #hap_point3 dl {
	padding: 0px 19px 0px 18px;
	margin: 26px 0 0 0;
}
#hap_point dt img, #hap_point_a dt img, #hap_point3 dt img {
	display: inline;
}
#hap_point .hap_dt_2line, #hap_point_a .hap_dt_2line, #hap_point3 .hap_dt_2line {
	padding-top: 5px;
	height: 27px;
}
#hap_point dt, #hap_point_a dt, #hap_point3 dt {
	float: none;
	width: auto;
	margin: 0px 0 9px 0;
	padding-top: 8px;
	height: 24px;
	text-align: center;
}
#hap_point dl dd, #hap_point_a dl dd, #hap_point3 dl dd {
	width: auto;
	padding: 0 0px 13px 5px;
	float:none;
}
#hap_point_head h3 {
	margin: 11px auto 0 auto;
	width: 82px;
}
#hap_point #hap_dd_1, #hap_point #hap_dd_2, #hap_point #hap_dd_3 {
	padding-top: 0px;
}
#hap_point #hap_dd_1 {
	padding-bottom: 13px;
}
#hap_point #hap_dd_2, #hap_point_a #hap_dd_2 {
	padding-bottom: 13px;
}
#hap_dd_3 img {
	display: block;
	margin: 0 auto;
	width:123px;
	padding-top: 7px;
}
#hap_dd_5 img {
	height: auto;
	width: 98.7%;
}
#hap_banner {
	margin: 22px auto 0 auto;
	display: block;
	width: 68.4%;
	height: auto;
	min-width: 260px;
}
.hap_point_bottom {
	display: none;
}
#hap_step2_txt {
	width: 55.6%;
	height:auto;
	display: block;
	margin: 24px auto 20px auto;
	min-width: 230px;
}
#hap_kiyaku_b #hap_step2_inner {
	padding: 0 17px 0 18px;
}
#hap_step2_btn, #hap_kiyaku_a #hap_step2_btn, #hap_step3_btn, #hap_kiyaku_b #hap_step3_btn {
	width: auto;
	height: 32px;
}
#hap_kiyaku_a #hap_step2_btn, #hap_step3_btn {
	margin-right: 16px;
	height: 32px;
	position:relative;
}
#hap_step2_cap {
	padding: 7px 0 6px 0;
}
#hap_step2_btn_bottom {
	bottom: -1px;
}
#hap_kiyaku_a #hap_step2_btn_bottom {
	position: absolute;
	bottom: 0px;
}
#hap_kiyaku_a #hap_step1_img1, #hap_kiyaku_a #hap_step2_txt, #hap_kiyaku_a #hap_step3_txt, #hap_kiyaku_a #hap_step4_txt {
	display: none;
}
#hap_step4_inner li {
	float: left;
}
#hap_step1_txt_sp {
	width: 55.6%;
	height: auto;
	margin:0 auto;
	padding:24px 0 23px 0;
	display: block;
	min-width: 174px;
}
#hap_step2_txt_sp {
	width: 64.8%;
	height: auto;
	margin:0 auto;
	padding:27px 0 21px 0;
	display: block;
	min-width: 203px;
}
#hap_step3_txt_sp {
	width: 73.6%;
	height: auto;
	margin:0 auto;
	padding:27px 0 20px 0;
	display: block;
	min-width: 230px;
}
#hap_step4_txt_sp {
	width: 87.5%;
	height: auto;
	margin:0 auto;
	padding:27px 0 13px 0;
	display: block;
	min-width: 230px;
}
#hap_step2_cap_sp, #hap_step3_cap_sp {
	font-size: 14px;
	line-height: 17px;
	text-indent: -29px;
	padding: 9px 16px 8px 42px;
}
.hap_step_btn_txt {
	margin:0 auto;
	padding-right: 26px;
}
#hap_kiyaku_a #hap_link_txt {
	margin: 13px 0 8px 0;
	width: 47.8%;
	height: auto;
	min-width: 216px;
	float: left;
}
#hap_kiyaku_a #hap_link_img {
	width: 40.2%;
	height: auto;
	position:static;
	padding:10px 0 5px 0px;
	min-width: 182px;
	display: block;
	margin:0 auto;
}
#hap_point_a_dd4_cap2 li a {
	width: auto;
}
#hap_step3_a {
	text-align:center;
	padding: 10px 16px 3px 0;
}
#hap_point_a #hap_dd_3 {
	width: 100%;
}
#hap_step4_inner ul li {
	float: left;
	width: auto;
	font-size: 14px;
	line-height: 17px;
}
#hap_step4_inner ul {
	padding-bottom: 10px;
}
#hap_a_step_caption {
}
#hap_point_a {
	margin-top: 34px;
	background: #fff;
	background-image: none;
	border-right: 3px solid #f00082;
	border-bottom: 3px solid #f00082;
	border-left: 3px solid #f00082;
	font-size: 14px;
}
#hap_point_head img {
	width: 88%;
	height: auto;
}
.hap_point_a_img2 img {
	height: auto;
	width: 100%;
}
#hap_dd_5 .hap_point_a_img2 {
	width: 43.5%;
	min-width: 200px;
}
#hap_banner1_a, #hap_banner2_a, #hap_banner3_a {
	width: 64.5%;
	min-width: 260px;
}
#hap_point_a #hap_dd_2, #hap_point_a #hap_dd_3 {
	padding-top: 0;
}
#hap_banner1_a img, #hap_banner2_a img, #hap_banner3_a img {
	height: auto;
	width: 100%;
}
#hap_popup_img {
	width: 424px;
}
#hap_pop_txt {
	display: none;
}
#hap_popup_img {
	width: 81.3%;
	height:auto;
	min-width: 260px;
	max-width: 424px;
}
#hap_popup_img .ex-disableLeargeScreen {
	width: 100%;
	height: auto;
}
#hap_stl h2 img {
	display: none;
}
#hap_stl h2 #hap_tl_sp {
	display: block;
	width: 100%;
	height: auto;
}
#hap_step3a_btnimg1 {
	max-width: 214px;
	width: 95%;
	height: auto;
}
#hap_point2_head {
	background: none;
	margin: 20px 0 0 0;
}
#hap_point2_head_inner {
	border-right: 3px solid #50302A;
	border-left: 3px solid #50302A;
	background: #fff;
	padding-right: 18px;
	padding-left: 18px;
	margin-right: 0;
	text-align: left;
	margin-left: 0;
}
#hap_point2_inner {
	border-right: 3px solid #50302A;
	border-bottom: 3px solid #50302A;
	border-left: 3px solid #50302A;
	padding-bottom: 11px;
	margin-left: 0;
}
#hap_kiyaku_a #hap_point2_inner {
	border-right: 3px solid #ed008c;
	border-bottom: 3px solid #ed008c;
	border-left: 3px solid #ed008c;
}
#hap_point2 .hap_banner {
	width: 65.3%;
	min-width: 230px;
	padding-left: 5px;
}
.hap_banner img {
	width: 100%;
	height: auto;
}
#hap_point_a #hap_dd_5 #hap_po_a_dd6_ul1 li, #hap_point #hap_po_a_dd5_ul1 li {
	font-size: 12px;
	line-height: 16px;
	padding-top: 3px;
}
#hap_kiyaku_a #hap_point3 {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #ed008c;
}
#hap_point2_inner {
	margin-right: 0;
}
#hap_point_a #hap_dd_5 #hap_po_a_dd6_ul1 li, #hap_point #hap_po_a_dd5_ul1 li {
	background-position: 0 7px;
}
#hap_kiyaku_a #hap_point2, #hap_point2 {
	background-image: none;
	background: #fff;
}
#hap_kiyaku_a #hap_step3_btn_bottom {
	display: none;
}
#hap_banner2 {
	margin:28px auto 28px auto;
	width: 70.4%;
	height: auto;
	display: block;
	min-width: 230px;
}
}