#contents {
	padding-top: 90px;
}
.ctsHeader {
	height: 420px;
	position: relative;
	zoom: 1;
}
.ctsHeader .mainChara {
	position: absolute;
	top: 47px;
	left: 50%;
	margin-left: -200px;
	z-index: 2;	
}
.ctsHeader .mainChara .chara {
	width: 340px;
	height: 340px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}
.ctsHeader .mainChara .balloon {
	position: absolute;
}
.ctsHeader .mainChara .balloon img {
	position: relative;	
}
.ctsHeader .pageNav {
	position: absolute;
	top: 144px;
	width: 152px;
}
.ctsHeader .prev {
	left: 0;	
}
.ctsHeader .next {
	right: 0;
}
.ctsHeader .pageNav .chara {
	width: 140px;
	height: 140px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.ctsHeader .prev .chara {
	margin-left: 12px;	
}
.ctsHeader .pageNav .btn a {
	display: block;
	margin-top: 4px;
	height: 46px;
	width: 152px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.ctsHeader .prev .btn a {
	background-position: left top;	
}
.ctsHeader .prev .btn a:hover {
	background-position: left -50px;	
}
.ctsHeader .next .btn a {
	background-position: -160px top;	
}
.ctsHeader .next .btn a:hover {
	background-position: -160px -50px;	
}


.txtPercent {
	text-align: center;
	margin-bottom: 12px;
}
.resultTtl {
	text-align: center;
	margin-bottom: 55px;
}


.resultGrid {
	height: 737px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.resultGrid .cell {
	position: absolute;
}
.resultGrid .cell img {
	position: relative;	
}
.resultGrid .cell .balloon {
	position: absolute;
	z-index: 2;
}
.resultGrid .chara {
	position: absolute;	
}

.resultGrid .pos-1-1,
.resultGrid .pos-1-2,
.resultGrid .pos-1-3,
.resultGrid .pos-1-4 {
	top: 0;
}
.resultGrid .pos-2-1,
.resultGrid .pos-2-2,
.resultGrid .pos-2-3,
.resultGrid .pos-2-4 {
	top: 243px;
}
.resultGrid .pos-3-1,
.resultGrid .pos-3-2,
.resultGrid .pos-3-3,
.resultGrid .pos-3-4 {
	top: 486px;
}
.resultGrid .pos-4-1,
.resultGrid .pos-4-2,
.resultGrid .pos-4-3,
.resultGrid .pos-4-4 {
	top: 729px;
}
.resultGrid .pos-5-1,
.resultGrid .pos-5-2,
.resultGrid .pos-5-3,
.resultGrid .pos-5-4 {
	top: 972px;
}

.resultGrid .pos-1-1,
.resultGrid .pos-2-1,
.resultGrid .pos-3-1,
.resultGrid .pos-4-1,
.resultGrid .pos-5-1 {
	left: 0;
}
.resultGrid .pos-1-2,
.resultGrid .pos-2-2,
.resultGrid .pos-3-2,
.resultGrid .pos-4-2,
.resultGrid .pos-5-2 {
	left: 243px;
}
.resultGrid .pos-1-3,
.resultGrid .pos-2-3,
.resultGrid .pos-3-3,
.resultGrid .pos-4-3,
.resultGrid .pos-5-3 {
	left: 486px;
}
.resultGrid .pos-1-4,
.resultGrid .pos-2-4,
.resultGrid .pos-3-4,
.resultGrid .pos-4-4,
.resultGrid .pos-5-4 {
	left: 729px;
}

.resultGrid .sizeLarge {
	width: 486px;
	height: 486px;
}
.resultGrid .sizeMid {
	width: 486px;
	height: 243px;
}
.resultGrid .sizeSmall {
	width: 243px;
	height: 243px;
}


.voiceTtl {
	text-align: center;
	padding-bottom: 10px;	
}
.voiceChara {
	width: 140px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.voiceList {
	width: 468px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}
.voiceList li {
	margin-top: 16px;
	background: url(../images/detail/bg_rnd.gif) repeat-y center top;
}
.voiceList li .bgTop {
	padding-top: 28px;
	background: url(../images/detail/bg_rnd_top.gif) no-repeat center top;
}
.voiceList li .bgBtm {
	padding-bottom: 28px;
	background: url(../images/detail/bg_rnd_btm.gif) no-repeat center bottom;
}
.voiceList li .inr {
	min-height: 80px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 1.7;
	/*font-size: 108%;*/ /*14px*/
}
.voiceList li .clearfix p {
	float: left;
	width: 283px;	
}
.voiceList li .clearfix .img {
	float: right;
	width: auto;
}

.bratopLink {
	margin-top: 95px;
	margin-bottom: 95px;
}
.bratopLink a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 249px;
	height: 112px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/detail/dtl_bratop_logo.gif) no-repeat left top;
}
.bratopLink a:hover {
	background-position: left bottom;
}




/*saleswoman*/
.saleswoman .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_saleswoman_randam.png);	
}
.saleswoman .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.saleswoman .ctsHeader .prev .chara {
	background-image: url(../images/common/people_ethtetitian_mouse.png);
}
.saleswoman .ctsHeader .next .chara {
	background-image: url(../images/common/people_momwithbaby_mouse.png);
}
.saleswoman .ctsHeader .prev .btn a,
.saleswoman .ctsHeader .next .btn a {
	background-image: url(../images/detail/saleswoman_btn.gif);
}
.saleswoman .voiceChara {
	background-image: url(../images/common/people_saleswoman_mouse.png);
}


/*momwithbaby*/
.momwithbaby .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_momwithbaby_randam.png);	
}
.momwithbaby .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.momwithbaby .ctsHeader .prev .chara {
	background-image: url(../images/common/people_saleswoman_mouse.png);
}
.momwithbaby .ctsHeader .next .chara {
	background-image: url(../images/common/people_model_mouse.png);
}
.momwithbaby .ctsHeader .prev .btn a,
.momwithbaby .ctsHeader .next .btn a {
	background-image: url(../images/detail/momwithbaby_btn.gif);
}
.momwithbaby .voiceChara {
	background-image: url(../images/common/people_momwithbaby_mouse.png);
}



/*model*/
.model .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_model_randam.png);	
}
.model .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.model .ctsHeader .prev .chara {
	background-image: url(../images/common/people_momwithbaby_mouse.png);
}
.model .ctsHeader .next .chara {
	background-image: url(../images/common/people_restaurauntcleak_mouse.png);
}
.model .ctsHeader .prev .btn a,
.model .ctsHeader .next .btn a {
	background-image: url(../images/detail/model_btn.gif);
}
.model .voiceChara {
	background-image: url(../images/common/people_model_mouse.png);
}



/*restaurantclerk*/
.restaurantclerk .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_restaurauntcleak_randam.png);	
}
.restaurantclerk .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.restaurantclerk .ctsHeader .prev .chara {
	background-image: url(../images/common/people_model_mouse.png);
}
.restaurantclerk .ctsHeader .next .chara {
	background-image: url(../images/common/people_collagestudent_mouse.png);
}
.restaurantclerk .ctsHeader .prev .btn a,
.restaurantclerk .ctsHeader .next .btn a {
	background-image: url(../images/detail/restaurantclerk_btn.gif);
}
.restaurantclerk .voiceChara {
	background-image: url(../images/common/people_restaurauntcleak_mouse.png);
}



/*collegestudent*/
.collegestudent .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_collagestudent_randam.png);	
}
.collegestudent .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.collegestudent .ctsHeader .prev .chara {
	background-image: url(../images/common/people_restaurauntcleak_mouse.png);
}
.collegestudent .ctsHeader .next .chara {
	background-image: url(../images/common/people_sportsinstructor_mouse.png);
}
.collegestudent .ctsHeader .prev .btn a,
.collegestudent .ctsHeader .next .btn a {
	background-image: url(../images/detail/collegestudent_btn.gif);
}
.collegestudent .voiceChara {
	background-image: url(../images/common/people_collagestudent_mouse.png);
}



/*sportsinstructor*/
.sportsinstructor .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_sportsinstructor_randam.png);	
}
.sportsinstructor .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.sportsinstructor .ctsHeader .prev .chara {
	background-image: url(../images/common/people_collagestudent_mouse.png);
}
.sportsinstructor .ctsHeader .next .chara {
	background-image: url(../images/common/people_stylist_mouse.png);
}
.sportsinstructor .ctsHeader .prev .btn a,
.sportsinstructor .ctsHeader .next .btn a {
	background-image: url(../images/detail/sportsinstructor_btn.gif);
}
.sportsinstructor .voiceChara {
	background-image: url(../images/common/people_sportsinstructor_mouse.png);
}



/*stylist*/
.stylist .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_stylist_randam.png);	
}
.stylist .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.stylist .ctsHeader .prev .chara {
	background-image: url(../images/common/people_sportsinstructor_mouse.png);
}
.stylist .ctsHeader .next .chara {
	background-image: url(../images/common/people_beautician_mouse.png);
}
.stylist .ctsHeader .prev .btn a,
.stylist .ctsHeader .next .btn a {
	background-image: url(../images/detail/stylist_btn.gif);
}
.stylist .voiceChara {
	background-image: url(../images/common/people_stylist_mouse.png);
}



/*beautician*/
.beautician .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_beautician_randam.png);	
}
.beautician .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.beautician .ctsHeader .prev .chara {
	background-image: url(../images/common/people_stylist_mouse.png);
}
.beautician .ctsHeader .next .chara {
	background-image: url(../images/common/people_active_mouse.png);
}
.beautician .ctsHeader .prev .btn a,
.beautician .ctsHeader .next .btn a {
	background-image: url(../images/detail/beautician_btn.gif);
}
.beautician .voiceChara {
	background-image: url(../images/common/people_beautician_mouse.png);
}



/*activefifties*/
.activefifties .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_active_randam.png);	
}
.activefifties .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.activefifties .ctsHeader .prev .chara {
	background-image: url(../images/common/people_beautician_mouse.png);
}
.activefifties .ctsHeader .next .chara {
	background-image: url(../images/common/people_mamwithkids_mouse.png);
}
.activefifties .ctsHeader .prev .btn a,
.activefifties .ctsHeader .next .btn a {
	background-image: url(../images/detail/activefifties_btn.gif);
}
.activefifties .voiceChara {
	background-image: url(../images/common/people_active_mouse.png);
}



/*motherwithkids*/
.motherwithkids .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_mamwithkids_randam.png);
	margin-left: -10px;
}
.motherwithkids .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.motherwithkids .ctsHeader .prev .chara {
	background-image: url(../images/common/people_active_mouse.png);
}
.motherwithkids .ctsHeader .next .chara {
	background-image: url(../images/common/people_nurse_mouse.png);
}
.motherwithkids .ctsHeader .prev .btn a,
.motherwithkids .ctsHeader .next .btn a {
	background-image: url(../images/detail/motherwithkids_btn.gif);
}
.motherwithkids .voiceChara {
	background-image: url(../images/common/people_mamwithkids_mouse.png);
}



/*nurse*/
.nurse .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_nurse_randam.png);	
}
.nurse .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.nurse .ctsHeader .prev .chara {
	background-image: url(../images/common/people_mamwithkids_mouse.png);
}
.nurse .ctsHeader .next .chara {
	background-image: url(../images/common/people_japanesedancer_mouse.png);
}
.nurse .ctsHeader .prev .btn a,
.nurse .ctsHeader .next .btn a {
	background-image: url(../images/detail/nurse_btn.gif);
}
.nurse .voiceChara {
	background-image: url(../images/common/people_nurse_mouse.png);
}




/*japanesedancer*/
.japanesedancer .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_japanesedance_randam.png);	
}
.japanesedancer .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.japanesedancer .ctsHeader .prev .chara {
	background-image: url(../images/common/people_nurse_mouse.png);
}
.japanesedancer .ctsHeader .next .chara {
	background-image: url(../images/common/people_receptionist_mouse.png);
}
.japanesedancer .ctsHeader .prev .btn a,
.japanesedancer .ctsHeader .next .btn a {
	background-image: url(../images/detail/japanesedancer_btn.gif);
}
.japanesedancer .voiceChara {
	background-image: url(../images/common/people_japanesedancer_mouse.png);
}




/*receptionist*/
.receptionist .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_receptionist_randam.png);	
}
.receptionist .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.receptionist .ctsHeader .prev .chara {
	background-image: url(../images/common/people_japanesedancer_mouse.png);
}
.receptionist .ctsHeader .next .chara {
	background-image: url(../images/common/people_programmer_mouse.png);
}
.receptionist .ctsHeader .prev .btn a,
.receptionist .ctsHeader .next .btn a {
	background-image: url(../images/detail/receptionist_btn.gif);
}
.receptionist .voiceChara {
	background-image: url(../images/common/people_receptionist_mouse.png);
}



/*programmer*/
.programmer .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_programmer_randam.png);	
}
.programmer .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.programmer .ctsHeader .prev .chara {
	background-image: url(../images/common/people_receptionist_mouse.png);
}
.programmer .ctsHeader .next .chara {
	background-image: url(../images/common/people_childcare_mouse.png);
}
.programmer .ctsHeader .prev .btn a,
.programmer .ctsHeader .next .btn a {
	background-image: url(../images/detail/programmer_btn.gif);
}
.programmer .voiceChara {
	background-image: url(../images/common/people_programmer_mouse.png);
}



/*childcareperson*/
.childcareperson .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_childcare_randam.png);	
}
.childcareperson .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.childcareperson .ctsHeader .prev .chara {
	background-image: url(../images/common/people_programmer_mouse.png);
}
.childcareperson .ctsHeader .next .chara {
	background-image: url(../images/common/people_ethtetitian_mouse.png);
}
.childcareperson .ctsHeader .prev .btn a,
.childcareperson .ctsHeader .next .btn a {
	background-image: url(../images/detail/childcareperson_btn.gif);
}
.childcareperson .voiceChara {
	background-image: url(../images/common/people_childcare_mouse.png);
}



/*nailist*/
.nailist .ctsHeader .mainChara .chara {
	background-image: url(../images/detail/people_ethtetitian_randam.png);	
}
.nailist .ctsHeader .mainChara .balloon {
	top: -72px;
	left: 165px;	
}
.nailist .ctsHeader .prev .chara {
	background-image: url(../images/common/people_childcare_mouse.png);
}
.nailist .ctsHeader .next .chara {
	background-image: url(../images/common/people_saleswoman_mouse.png);
}
.nailist .ctsHeader .prev .btn a,
.nailist .ctsHeader .next .btn a {
	background-image: url(../images/detail/nailist_btn.gif);
}
.nailist .voiceChara {
	background-image: url(../images/common/people_ethtetitian_mouse.png);
}