@charset "UTF-8";

/* base
------------------------------------------------------*/ 
body{
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size:100%;
	background-color: #FFFFFF;	
	text-align: center;
	color: #221815;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


p	{
	line-height:1.8;
}

html,a,form,div,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p	{
	margin: 0;
	padding: 0;
	border: 0 none;
}

img	{
	margin:0;
	padding:0;
	border: 0 none;
}

ul	{
	list-style-type: none;
}

.imgtxt {
	line-height:1;
	margin:0;
	padding:0;
}
.imgtxt img {
	vertical-align:bottom;
}


/* margin
------------------------------------------------------*/ 

.bm0 {	margin-bottom:0 !important;}
.bm5 {	margin-bottom:5px !important;}
.bm10 {	margin-bottom:10px !important;}
.bm15 {	margin-bottom:15px !important;}
.bm20 {	margin-bottom:20px !important;}
.bm25 {	margin-bottom:25px !important;}
.bm30 {	margin-bottom:30px !important;}
.bm35 {	margin-bottom:35px !important;}
.bm40 {	margin-bottom:40px !important;}
.bm45 {	margin-bottom:45px !important;}
.bm50 {	margin-bottom:50px !important;}


#ht_contents {
	text-align:center;
	width:100%;
}


/* header
------------------------------------------------------*/ 
#ht_header h1 {
	display:block;
	line-height:1;
	margin:0 auto;
	text-align:left;
	padding:12px 0;
	width:800px;
}

#ht_header div {
	background:#e8e9e1 url(../img/bg_vi.jpg) center top no-repeat;
	margin-bottom:30px;
	min-width:800px;
	padding:118px 0 81px;
}

#ht_header div p {
	line-height:1;
}





/* recommend
------------------------------------------------------*/ 
.ht_rcmd_bg {
	background:#eeefe9 url(../img/bg_rcmd_02.gif) left top repeat-x;
	min-width:800px;
}

.ht_rcmd_bg div {
	background:url(../img/bg_rcmd_01.jpg) center top no-repeat;
	min-width:800px;
	padding-top:110px;
}

.ht_rcmd_bg h2 {
	line-height:1;
	margin-bottom:38px;
}

.ht_rcmd_bg p {
	margin:0 auto 106px auto;
	text-align:left;
	width:600px;
}

.ht_rcmd_bg dt,
.ht_rcmd_bg dd {
	line-height:1;
}

.ht_rcmd_bg dd {
	padding:25px 0;
}



/* why
------------------------------------------------------*/ 
.ht_why {
	margin:0 auto;
	overflow:hidden;
	padding:84px 0 100px;
	width:800px;
}

.ht_why h2 {
	line-height:1;
	margin-bottom:36px;
}

.ht_why div {
}

.ht_why ul {
	overflow:hidden;
	width:813px;
}

.ht_why li {
	float:left;
	line-height:1;
	margin-right:12px;
	width:259px;
}

.ht_why li a img {
	border:6px solid #adc2eb;
}


/* popup
------------------------------------------------------*/ 
.white-popup {
	background:#FFF;
	margin:0 auto;
	padding:30px 0 20px;
	position:relative;
	width:730px;
}

.white-popup .ht_popinner {
	margin:0 auto;
	width:660px;
}

.white-popup .ht_popinner img {
	display:block;
	margin-bottom:30px;
}

.white-popup .ht_popinner dt {
	color:#ff187a;
	font-size:16px;
	line-height:1.6;
	margin-bottom:10px;
}

.white-popup .ht_popinner dd {
	font-size:14px;
	line-height:1.6;
	padding-bottom:30px;
}

.white-popup .ht_popinner dd span {
	background:#ffff00;
}

.white-popup .ht_popinner dd img {
	display:block;
	margin:25px 0;
}

.ht_close {
	height:38px;
	margin-left:670px;
	position:relative;
	width:37px;
}



/* flow
------------------------------------------------------*/ 
.ht_flow {
	margin:0 auto;
	width:800px;
}

.ht_flow h2,
.ht_flow p {
	line-height:1;
}



/* briefing
------------------------------------------------------*/ 
.ht_briefing {
	background:#ff67a8;
	min-width:800px;
	padding:44px 0 34px;
	width:100%;
}

.ht_briefing .ht_brf_pack {
	margin:0 auto;
	width:800px;
}

.ht_briefing .ht_brf_pack div {
	height:369px;
	position:relative;
	width:800px;
}

.ht_briefing .ht_brf_pack div p span {
	display:block;
	height:319px;
	left:6px;
	position:absolute;
	top:20px;
	width:273px;
	z-index:3;
}

.ht_briefing h3 {
	line-height:1;
	margin-bottom:16px;
}

.ht_briefing p.txt18 {
	font-size:18px;
	margin-bottom:20px;
}

.ht_briefing li {
	line-height:1;
	margin-bottom:10px;
	text-align:center;
}


/* voice
------------------------------------------------------*/ 
.ht_voice {
	margin:0 auto;
	padding:60px 0 0;
	width:800px;
}

.ht_voice h2 {
	line-height:1;
	margin-bottom:40px;
}

.ht_voice h3 {
	line-height:1;
}

.ht_voice p {
	font-size:14px;
	margin:0 auto;
	padding:5px 0 70px;
	text-align:left;
	width:720px;
}


/* cv
------------------------------------------------------*/ 
.ht_cv {
	background:#ff67a8 url(../img/bg_cv.gif) left top repeat-x;
	min-width:800px;
	padding-bottom:15px;
}

.ht_cv h2 {
	line-height:1;
	padding:20px 0 10px;
}

.ht_cv p {
	font-size:24px;
	margin-bottom:20px;
}

.ht_cv li {
	line-height:1;
	margin-bottom:10px;
	text-align:center;
}



/* footer
------------------------------------------------------*/ 
#ht_footer {
	margin:0 auto;
	padding:30px 0 20px;
	width:800px;
}

#ht_footer .ht_note {
	font-size:12px;
	text-align:left;
}

#ht_footer .ht_copy {
	font-size:12px;
	padding-top:30px;
	text-align:center;
}




#ht_contents a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}