html { margin: 0; padding: 0; }
body {
	font-family: '微軟正黑體', '蘋果儷黑體', '新細明體', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Tahoma, Verdana, sans-serif;
	background: #000 url(../images/common/mBgTop.jpg) no-repeat center top;
    background-attachment: fixed;
    color: #000;
	font-size: 17px;
	line-height: 1.5em;
    margin: 0;
    padding: 0;
}
@media (max-width: 1200px){
	body { display: inline-block; }
}

.hidden-md { display: none !important; }
div { display: block; }
small { font-size: 69%; letter-spacing: 0.1px; line-height: 0.6em; }
.clear { clear: both; }

.clearfix:after {
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*:first-child+html .clearfix { zoom: 1; }

.txtHide { text-indent: -9999px; }

img.center {
	display: block;
	margin: 0 auto;
}

.block-center {
	display: table;
	margin: 0 auto;
}

a:hover { text-decoration: none; }
.pull-left { float: left; }
.pull-right { float: right; }
.no-touch {	pointer-events: none; }
section.small,
.result-container section.small {
	margin: 0 auto;
	width: 1020px;
}
.col { float: left; }
.colFull { width: 100%; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }
strong { font-weight: bold !important; }
.paragraph {
	line-height: 1.5em;
	text-align: justify;
}
.paragraph p { padding: 0 20px; margin-bottom: 10px; text-indent: 20px; }
p.big { font-size: 1.1em; }
p.small {
	font-size: .9em;
	line-height: 1.3em;
}
p.no-indent { text-indent: 0!important; }
.tCenter { text-align: center; }
strong { font-weight: bold; }

.title {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
}
.whiteGrad::after { color: #fff; }
.tgrad {
	position: relative;
	width: 100%;
}
.tgrad:before,
.tgrad:after {
	position: absolute;
	content: attr(title);
	display: block;
	width: 100%;
	top: 0;
	left: 0;
}
.gradColor::after { color: #330356; }
.gradTop::after {
	mask-image: -webkit-linear-gradient(top,rgba(0,0,0,1),rgba(0,0,0,0.4) 40%,rgba(0,0,0,0.2) 52%,rgba(0,0,0,0));
    -webkit-mask-image: -webkit-linear-gradient(top,rgba(0,0,0,1),rgba(0,0,0,0.4) 40%,rgba(0,0,0,0.2) 52%,rgba(0,0,0,0));
}
.gradBtm::after {
	mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.2) 52%, rgba(0, 0, 0, 0));
	-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.2) 52%, rgba(0, 0, 0, 0));
}
.btnGrad:hover .gradBtm::after,
.btnGrad:hover .gradBtm::after {
	mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.2) 132%, rgba(0, 0, 0, 0));
	-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.2) 132%, rgba(0, 0, 0, 0));
}
.tRed, .attention { color: red; }
.tMaroon { color: #860000; }
.tOrange { color: #ff7753; }
.tYellow { color: #ff0; }
.tSPurple { color: #d7b0ff; }
.tLGreen { color: #B8FFAA; }
.tLYellow { color: #FDD891; }
.nLYellow { color: #ffeeaa; }
.tLPink { color: #FFAAFF; }
.tDGreen { color: #0a5d01; }
.tBrown { color: #941601; }
.tAqua { color: #2ee8e6; }
.tDBlue { color: #01258d; }
.tBlue { color: #1e06a3; }
.tPurple { color: #960fc7; }
.tLPurple { color: #d78ef6; }
.tDPurple { color: #44237e; }
.tPink { color: #ff5d99; }
.tGold { color: #e4d271; }
.tBlack { color: #000; }
.tWhite { color: #fff; }

.navi-container { min-height: 92px; }
.navi-container .naviInfo {
	position: relative;
	display: block;
	left: 1px;
    margin: 0px auto;
    height: 58px;
    max-width: 835px;
	
}
.paid-container .navi-container .naviInfo { display: none; }
.navi-container .naviInfo a { display: inline-block; }

.navi-container .navi_button {
	background: transparent no-repeat left top;
    position: relative;
    top: 11px;
    margin: 0 -3px;
	width: 280px;
    height: 50px;
}
.navi-container .navi_info { background-image: url(../images/common/button/naviInfo.jpg); }
.navi-container .navi_input { background-image: url(../images/common/button/naviInput.jpg); }
.navi-container .navi_profile { background-image: url(../images/common/button/naviProfile.jpg); }
.navi-container .navi_home { background-image: url(../images/common/button/naviTop.jpg); }
.navi-container .navi_button:hover { background-position: left bottom; }
.top-container .fixed-cont { display: none; }
.info-container .headercontainer:not(.hasID) .navi-container .navi_button.navi_input,
.top-container .navi-container .navi_button.navi_input { display: none; }
.info-container .hasID .navi-container.hasTop .navi_button.navi_input,
.top-container .hasID .navi-container.hasTop .navi_button.navi_input {
    display: block;
}

.full-container .info {
	display: table;
	margin: 15px auto;
	width: 1020px;
	max-width: 100%;
}

.header-container {
	background: transparent url(../images/common/naviBg.png) no-repeat center top;
    margin: 0 auto;
}

.breadcrumb {
	margin: 20px auto;
	max-width: 760px;
	color: #fff;
	font-size: .8em;
	line-height: 1.5em;
}
.breadcrumb a { color:#abc; font-weight: bold; }
.breadcrumb a:hover { text-decoration: none; }

.body-container .commonMenuBox {
    background: transparent;
    background-image: url(../images/common/menu/cmnMenuTop.jpg), url(../images/common/menu/cmnMenuBtm.jpg), url(../images/common/menu/cmnMenuBg.jpg);
    background-position: center top, center bottom, center 49px;
    background-repeat: no-repeat, no-repeat, repeat-y;
    margin: 0 auto;
    padding: 62px 0;
	max-width: 830px;
	color: #883366;
}
.body-container .commonMenuBox .productTitle { color: #510a35; }
.noBg { background: none!important; }
.body-container .commonMenuBox.noBg { background: none; padding: 0; }
.commonMenuBox.noBg .infoelement { padding: 0; }
.body-container .secYudo .commonMenuBox { background-image: url(../images/result/free/cmnMenuTop.jpg), url(../images/result/free/cmnMenuBtm.jpg), url(../images/result/free/cmnMenuBg.jpg); }

.commonMenuBox .infoelement { 
	position: relative; 
	padding: 0 60px;
}
.commonMenuBox .iconelement {
	background: transparent no-repeat center top;
	background-size: 100%;
	position: relative;
	float: left;
	width: 75px;
	height: 75px;
}
.commonMenuBox .titelement { padding: 0 0 0 85px; }
/* icon: free, xiangyu, danlian, erdwl, ngrdxy, wkar, qihedu, jiehun, life, future, job, total, bulun, fuhe, qingyu, kulian, ksc, nianyun, ketsudan, fuyuan, lovedirection, nkkk, spdyx, suyuan, honne, spdlq, nightqhd, ngrdqy */
.commonMenuBox .iconelement.free { background-image: url(../images/common/icon/icon0.png); }
.commonMenuBox .iconelement.xiangyu { background-image: url(../images/common/icon/icon1.png); }
.commonMenuBox .iconelement.danlian { background-image: url(../images/common/icon/icon2.png); }
.commonMenuBox .iconelement.erdwl { background-image: url(../images/common/icon/icon3.png); }
.commonMenuBox .iconelement.ngrdxy { background-image: url(../images/common/icon/icon4.png); }
.commonMenuBox .iconelement.wkar { background-image: url(../images/common/icon/icon5.png); }
.commonMenuBox .iconelement.qihedu { background-image: url(../images/common/icon/icon6.png); }
.commonMenuBox .iconelement.jiehun { background-image: url(../images/common/icon/icon7.png); }
.commonMenuBox .iconelement.life { background-image: url(../images/common/icon/icon8.png); }
.commonMenuBox .iconelement.future { background-image: url(../images/common/icon/icon9.png); }
.commonMenuBox .iconelement.job { background-image: url(../images/common/icon/icon10.png); }
.commonMenuBox .iconelement.total { background-image: url(../images/common/icon/icon11.png); }
.commonMenuBox .iconelement.bulun { background-image: url(../images/common/icon/icon12.png); }
.commonMenuBox .iconelement.fuhe { background-image: url(../images/common/icon/icon13.png); }
.commonMenuBox .iconelement.qingyu { background-image: url(../images/common/icon/icon14.png); }
.commonMenuBox .iconelement.kulian { background-image: url(../images/common/icon/icon15.png); }
.commonMenuBox .iconelement.ksc { background-image: url(../images/common/icon/icon16.png); }
.commonMenuBox .iconelement.nianyun { background-image: url(../images/common/icon/icon17.png); }
.commonMenuBox .iconelement.ketsudan { background-image: url(../images/common/icon/icon18.png); }
.commonMenuBox .iconelement.fuyuan { background-image: url(../images/common/icon/icon19.png); }
.commonMenuBox .iconelement.lovedirection { background-image: url(../images/common/icon/icon20.png); }
.commonMenuBox .iconelement.nkkk { background-image: url(../images/common/icon/icon21.png); }
.commonMenuBox .iconelement.spdyx { background-image: url(../images/common/icon/icon22.png); }
.commonMenuBox .iconelement.suyuan { background-image: url(../images/common/icon/icon23.png); }
.commonMenuBox .iconelement.honne { background-image: url(../images/common/icon/icon24.png); }
.commonMenuBox .iconelement.spdlq { background-image: url(../images/common/icon/icon33.png); }
.commonMenuBox .iconelement.nightqhd { background-image: url(../images/common/icon/icon34.png); }
.commonMenuBox .iconelement.ngrdqy { background-image: url(../images/common/icon/icon35.png); }

header .secDesc {
    margin: 25px auto 30px;
    width: 75%;
	color: #fff;
    font-size: 1em;
	text-shadow: 1px 1px 2px #000;
}
.full-container {
    background: transparent url(../images/common/mBnr.png) no-repeat center top;
    display: table;
    margin: 0 auto;
    padding-top: 500px;
    width: 100%;
}
.body-container {
	background: transparent url(../images/common/mBg.png) repeat center top;
    position: relative;
    display: table;
    margin: 0 auto;
    min-height: 295px;
    max-width: 1020px;
    width: 100%;
    z-index: 44;
}
.fixed-cont,
.subbody-container {
/*	position: relative;*/
	display: block;
	margin: 0 auto;
}
.body-footer {
	background: transparent url(../images/common/mBg.png) no-repeat center top;
    margin: 0 auto;
	padding: 90px 0 30px;
    max-width: 1020px;
	color: #f3e396;
	font-size: 15px;
    text-align: center;
}
.body-footer .copyrightTxt { margin-top: 20px; text-align: center; }
.body-footer a { color: #fff200; font-weight: bold; }

/*##################
	  Button
##################*/
.input_submit a { text-decoration: none; }
.free-btn, .charge-btn {
	position: relative;
	display: inline-table;
	width: 386px;
	height: 180px;
	margin-bottom: 15px;
}

.free-btn { background: transparent url(../images/common/button/btnFree.png) no-repeat center top; }
.free-btn:hover {background-position: center bottom; }

.charge-btn { background: transparent url(../images/common/button/btnSubmit.png) no-repeat center top; }
.charge-btn:hover { background-position: center 105%; }

.free-btn .btnText,
.charge-btn .btnText {
	font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	display: table-cell;
	padding: 40px 20px;
	height: 100%;
	width: 100%;
	line-height: 0;
	font-size: 1.8em;
	text-align: center;
	opacity: .85;
	color: #f5be19;
	vertical-align: middle;
	text-shadow: -4px 1px 3px #000, 0 -5px 3px #000, 0 4px 3px #000, 4px 4px 5px #000, 0 4px 3px #000;
}
.free-btn .title, .charge-btn .title , .submit-btn .title {
	position: absolute;
    width: 60%;
    top: 20%;
	left: 20%;
    font-size: 2.2em;
    text-align: center;
	letter-spacing: 2px;
    text-shadow: 1px 1px 5px #4c250f, 1px 2px 5px #4c250f, 2px 2px 5px #4c250f;
} 
.free-btn .title { top: 35%!important; }
.free-container .submit-btn .title { 
	top: 34%;
    font-size: 1.4em;
    text-shadow: 1px 1px 5px #9b243c, 1px 2px 5px #9b243c, 2px 2px 5px #9b243c;
}
.free-btn .btnText { letter-spacing: 5px; }
.free-container .charge-btn .btnText {
	padding: 0;
	font-size: 1.6em;
}
.free-container .submit-btn {
	position: relative;
 	background: transparent url(../images/common/button/btnNext.png) no-repeat center top; 
	float: none;
	display: table;
	width: 335px;
	height: 90px;
	margin: 0 auto 5px;
	padding: 0;
	font-size: 1.1em;
}
.free-container .submit-btn:hover { background-position: center bottom; }
/*################## Button End ##################*/

/*################## 
	info-container
##################*/
.info-container .infoProfile {
	position: relative;
	display: table;
	margin: 0 auto;
	max-width: 860px;
	color: #100;
	font-weight: bold; 
	letter-spacing: 1px;
}
.info-container .infoProfile p { text-indent: 0; padding: 0; font-size: 1em; line-height: 1.8em; }
.info-container .section {
	background: transparent;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	margin: 0 auto;
	padding-bottom: 120px;
}
.info-container .section.profile { background-image: url(../images/info/infProTop.jpg), url(../images/info/infProBtm.jpg), url(../images/info/infProBg.jpg); max-width: 940px; }
.info-container .section.proMsg { background-image: url(../images/info/infProMsg.jpg), url(../images/info/infProInrBtm.jpg), url(../images/info/infProInrBg.jpg); padding-bottom: 30px; color: #fff; }
.info-container .section.about { background-image: url(../images/info/infAbtTit.jpg), url(../images/info/infAbtBtm.jpg), url(../images/info/infAbtBg.jpg); padding-top: 5px; color: #fff; }

.info-container .section.about .secCover {
	background: transparent url(../images/info/infAbtCover.jpg) no-repeat center top;
	padding-top: 140px;
	min-height: 202px;
}
.info-container .section .heading {
	position: relative;
	width: 100%;
	height: 150px;
	top: 164px;
	margin-bottom: 15px;
}
.info-container .section.about .heading {
	background: url(../images/info/infAbtSubTit.jpg) no-repeat center top;;
	
}
.info-container .section.proMsg .heading { height: 70px; }
.info-container .section .secInfo { padding: 380px 60px 0; }
.info-container .section .secInfo .paragraph { padding: 0 95px; }
.info-container .section.proMsg .secInfo { padding: 50px 80px; }
.milestone { margin-bottom: 20px; }
.info-container .section.profile .secInfo ul li {
	background: url(../images/info/infProStarIcon.png) no-repeat left top;
	position: relative;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 40px;
}
.info-container .section.profile .secInfo ul li span {
	color: #604;
	font-size: 1.1em;
	font-weight: bold;
}
.info-container .section .proSign {
    background: url(../images/info/infProSign.png) no-repeat right top;
    width: 350px;
    height: 60px;
    padding: 17px 0;
    margin: 30px 90px 0px auto;
}

/*########### intro #############*/
.about .intro .introTit {
	background: url(../images/info/infAbtSkill.jpg) no-repeat center top;
	height: 90px;
	width: 100%;
}
.about .intro .introSec {
	background: transparent no-repeat center top;
    margin: 0 auto;
	padding: 150px 0 10px;
	width: 860px;
}
.about .intro .introSec1 { background-image: url(../images/info/infAbtSkill1.jpg); }
.about .intro .introSec1 .introTit { background-image: url(../images/info/infAbtImg1.jpg); height: 320px; }

.about .intro .introSec2 { background-image: url(../images/info/infAbtSkill2.jpg); padding-top: 180px; }
.about .intro .introSec2 .introTit { background-image: url(../images/info/infAbtImg3.jpg); height: 350px; }

.about .intro .introSec3 { background-image: url(../images/info/infAbtSkill3.jpg); padding-top: 120px; }
.about .intro .introSec3 .introTit { background-image: url(../images/info/infAbtImg4.jpg); height: 480px; }

.about .intro .paragraph {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 10px 100px 40px;
    line-height: 1.8em;
}
.about .intro .paragraph .float,
.result-container .commonMsg .float {
	margin: 0 auto;
/*	max-width: 90%;*/
    color: #fff;
	font-weight: bold;
	text-align: left;
    border-radius: 16px;
}

/*テキスト*/
[class^="res_type_text"] {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	left: 0;
	font-size: 140%;
	line-height: 1.6;
	font-weight: bold;
	color: #6b02c4;
	letter-spacing: -0.05rem;
	text-shadow: 3px 3px 3px #fff, -3px -3px 3px #fff, -3px 3px 3px #fff, 3px -3px 3px #fff, 3px 0px 3px #fff, -3px -0px 3px #fff, 0px 3px 3px #fff,  0px -3px 3px #fff;
}
/*################## info-container End ##################*/

/*##########################
	input-container 
##########################*/
.komiCatch {
	background: url(../images/input/inpKmCatch.jpg) no-repeat center top;
	height: 540px;
	text-indent: -9999px;
}
.komi {
	background: transparent;
	background-image: url(../images/input/inpKmTop.jpg), url(../images/input/inpKmBtm.jpg), url(../images/input/inpKmBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 160px 0 120px;
}
.komi .komiBtm {
	background: transparent url(../images/input/komiBtm.jpg) no-repeat center top;
	position: relative;
	height: 220px;
}
.komi .komiUl {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 560px;
	line-height: 1.5em;
	z-index: 33;
}
.komi ul li {
	background: transparent url(../images/input/iconStar.png) no-repeat left 2px;
	background-size: 23px;
	padding-left: 35px;
	margin-top: 15px;
	color: #100;
	letter-spacing: 1px;
}
.komi ul li.cmn { color: #b7f4fc; }
.komi ul li br { display: none; }
.komi ul li li {
	background-position: left -407px;
	padding-left: 0;
	padding-top: 5px;
	margin-top: 1px;
	color: #fff;
	font-weight: normal;
}
.komi ul li li:before {
	content: "• ";
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
.komi ul li li.isStar {
	color: #fff350;
	font-weight: bold;
	padding-left: 20px;
}
.komi ul li li.isStar:before {
	content: "┗ ";
	margin-left: -5px;
}

/*######### question #########*/
.question {
    background: transparent;
    background-image: url(../images/input/inpFmBtm.jpg), url(../images/input/inpFmBg.jpg);
    background-repeat: no-repeat, repeat-y;
    background-position: center bottom, center top;
	padding-bottom: 60px;
}
.question .top-heading {
	background: transparent;
    background-repeat: no-repeat;
    background-position: center top;
}
.question .top-heading.self { background-image: url(../images/input/inpFmMe.jpg); padding: 180px 0 50px; }
.question .top-heading.target { background-image: url(../images/input/inpFmYou.jpg); padding: 120px 0 0; }
.question .formInfo .inputHolder {
	display: table;
	margin: 0 auto;
}
.question form span.bold { vertical-align: middle; }
.question form span.inbold, .question form span.bold {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	display: inline;
    width: 35px;
    height: 32px;
    color: #241600;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    text-align: right;
	text-shadow: 0 0 2px rgba(29, 68, 19, 0.7);
}
.question form span.inbold { 
    color: #000;
    font-size: 1.2em;
}

.question form #sex11+span,
.question form #sex21+span {
    display: initial;
	background: none;
}

.question form #sex12+span,
.question form #sex22+span {
	background-position: -310px -337px;
	background-size: 650px;
}
.question form label.inbold {
    font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    color: #000;
    font-size: 1.5em;
	line-height: 36px;
	cursor: pointer;
}
.question form label.inbold input { vertical-align: middle; margin-bottom: 6px; }
.question form span.birth_unit {
	display: inline-table;
    margin-left: -2px;
    width: 22px;
    height: 29px;
    font-weight: bold;
}
.question form .form_month+span.birth_unit { background-position: -165px -395px; }
.question form .form_day+span.birth_unit { background-position: -312px -395px; }
.question .col { float: left; }
.tcolHalf { width: 48%; }
.question .col:first-child { margin-right: 0px; }

.question .inputRow {
	display: table;
	margin: 10px auto;
	min-width: 90%;
}
.question .inputRow.name .col { 
	float: left; 
	text-align: center;
}
.question .inputRow.name .col:first-child {
	position: relative;
    display: table;
    width: 100px;
    height: 40px;
}
.question .inputRow .attention {
	display: table;
	margin: 0 auto;
}
.question .rName span,
#default_check+span {
	position: relative;
	top: 3px;
}
.question .rBirthTime { margin: 10px 0; }
select {
    -webkit-rtl-ordering: logical;
	-webkit-text-fill-color: #000000;
	opacity: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.question select.form_hh {
    margin-left: 20px;
    width: 90px;
}
.question select.form_mm {
    margin-left: 0px;
    width: 90px;
}
.question .rGender { margin: 10px 0; }
.question .rGender span {
	position: relative;
	top: 0px;
}
.question .gender {
	display: table;
	float: left;
    min-width: 96px;
    margin-right: 20px;
}
.question select {
	margin: 0 5px;
	padding: 5px;
	font-size: 1.2em;
	box-shadow: 1px 1px 1px 0 #8e8e8e inset;
	border-radius: 6px;
}
select {
	-webkit-appearance: menulist;
	box-sizing: border-box;
	align-items: center;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	cursor: default;
	border-width: 1px;
	border-style: solid;
	border-color: initial;
	border-image: initial;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 65px;
	vertical-align: middle;
	margin: 0 3px 3px 5px;
	padding: 5px;
	-webkit-border-radius: 3px;
	border: 2px solid #7d7d7d;
	border-radius: 3px;
	background-color: #fff;
	background-image: url(../images/common/iconArrow.png);
	background-repeat: no-repeat;
	background-position: 92% center;
	-webkit-background-size: 16px;
	background-size: 10px;
}
input[type="text"],
input[type="date"] {
	background: #fff;
	display: inline-block;
	width: 220px;
	margin-bottom: 3px;
	margin-left: 5px;
	padding: 7px 5px;
	appearance: none;
	-webkit-appearance: none;
	vertical-align: middle;
	border: 2px solid #7d7d7d;
	border-radius: 7px;
	-webkit-border-radius: 3px;
	font-size: 1.2em;
	box-shadow: 1px 1px 1px 0 #ddd inset;
}
.question select option {
	padding: 20px;
}
.question select.form_year {
	margin-left: 20px;
	width: 90px;
}
.question .entry_save {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin: 0 auto 30px;
}
.caption_input {
	width: 213px;
	position: absolute;
	top: 60px;
	right: 10px;
}
.formBtn_content {
	color: #fff;
	text-align: center;
	padding: 0 35px;
	font-size: 17px;
	line-height: 1.4em;
}
.formBtn_content span {
	font-weight: bold;
}
.formBtn_text {
	width: 498px;
	margin: 170px auto 10px;
}

.input_submit {
	display: table;
	margin: 30px auto 0;
}
.input_submit a { text-decoration: none; }
span.spanError:before { top: 0px; }
/*################## input-container End ##################*/

/*########################## 
	result-container   
##########################*/
.commonTit {
	box-sizing: border-box;
    background-image: url(../images/result/rsltCmnTitTop.jpg), url(../images/result/rsltCmnTitBtm.jpg), url(../images/result/rsltCmnTitBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 100%;
	margin: 20px auto 0;
	padding: 55px 20px;
	color: #ff0;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	letter-spacing: 2px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-shadow: 0 0 30px #7f0, 0 0 60px #7f0;
}
.commonTit strong { color: #FFA0D9; }
.listQna .commonTit {
	background: url(../images/result/rsltQnaTit.jpg) no-repeat center top;
	height: 260px;
	text-indent: -9999px;
}
.result-container .secList.listCommon .secTitle {
	background: transparent;
	background-image: url(../images/result/rsltCmnSubTitTop.jpg), url(../images/result/rsltCmnSubTitBtm.jpg), url(../images/result/rsltCmnSubTitBg.jpg);
	background-position: center top, center 105%, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100%;
	color: #eea;
	text-shadow: 0px 0px 10px #900, 0px 0px 10px #900;
}
.result-container .secList.listCommon .secInfo .cmnMsg { color: #fea; text-align: center; }
.result-container .secList.listCommon .secInfo .cmnMsg strong { color: #cfe; font-size: 120%; letter-spacing: 0.05em; }

.adviceCatch {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	display: block;
	margin-top: 20px;
	color: #fea;
	font-size: 2em;
	text-align: center;
	line-height: 1.2em;
	text-shadow: 0 0 25px #f00, 0 0 20px #f00;
}

/* ----------------------
 * result_type2
 *---------------------- */
.res_type2_box1 {
	position: relative;
	width: 700px;
	height: 490px;
	margin: 0 auto;
}
.res_type2_box2 {
	position: relative;
	margin: 20px auto;
	width: 700px;
	height: 700px;
/*	text-align: center;*/
}
/*[class^="res_type2_box"] div,[class^="res_type2_box"] img,*/
[class^="res_type2_box"] p {
	display: block;
	position: absolute;
}
.res_type2_bg1 {background: url(../images/result/rsltCmnCoverBg1.jpg) no-repeat;}
.res_type2_bg2 {background: url(../images/result/rsltCmnCoverBg2.jpg) no-repeat;}

[class^="res_type2_bg"] {
	display: block;
	position: absolute;
	width: 780px;
	height: 100%;
	top: 0;
	left: -40px;
	background-size: 100% 100%;
}



[class^="res_type2_box"] p {
	line-height: 0;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
}

[class^="res_type2_name"] {
	font-size: 25px;
	text-shadow: 0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
}
.res_type2_name1 {color: #800;width: 300px;top: 48px;left: 35px;}
.res_type2_name2 {color: #800;width: 300px;top: 48px;left: 35px;}
.res_type2_name3 {color: #005;width: 300px;top: 48px;left: 370px;}

[class^="res_type2_birth"] {
	color: #fff;
	font-size: 23px;
	text-shadow: 0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000;
}
.res_type2_birth1 {width: 300px;top: 444px;left: 28px;}
.res_type2_birth2 {width: 300px;top: 316px;left: 28px;}
.res_type2_birth3 {width: 300px;top: 316px;left: 372px;}

[class^="res_type2_txt"] {
	font-size: 36px;
	text-shadow: 0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
	letter-spacing: -0.05em;
}
p.res_type2_txt1_1 {color: #800;width: 400px;top: 80px;left: 316px;}
p.res_type2_txt1_2 {font-size: 28px;color: #005;width: 254px;top: 114px;left: 387px;line-height: 28px;}
p.res_type2_txt2_1 {color: #800;width: 700px;top: 395px;left: 0;}
p.res_type2_txt2_2 {font-size: 28px;color: #005;width: 700px;top: 435px;left: 0;}


.res_type2_chart_box1 {
	position: absolute;
	width: 290px;
	height: 260px;
	top: 185px;
	left: 372px;
}
.res_type2_chart_box2 {
	position: absolute;
	width: 600px;
	height: 200px;
	top: 455px;
	left: 50px;
	font-size: 0;
	text-align: center;
}
/*maru*/
div[class^="maru"] {
	background: url(../images/result/rsltCmnMaru1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	width: 70px;
	height: 50px;
	opacity: 0;
}
div[class^="maru1"] {
	width: 76px;
	height: 54px;
}
div[class^="maru3"] {
	background: url(../images/result/rsltCmnMaru2.png) no-repeat;
	background-size: 100% 100%;
}
.maru1_1 {top: 232px;left: 98px;}
.maru1_2 {top: 169px;left: 142px;}
.maru1_3 {top: 316px;left: 142px;}
.maru1_4 {top: 272px;left: 142px;}
.maru1_5 {top: 260px;left: 230px;}
.maru2_1 {top: 156px;left: 185px;}
.maru2_2 {top: 89px;left: 145px;}
.maru2_3 {top: 236px;left: 145px;}
.maru2_4 {top: 192px;left: 145px;}
.maru2_5 {top: 190px;left: 220px;}
.maru3_1 {top: 156px;left: 447px;}
.maru3_2 {top: 89px;left: 485px;}
.maru3_3 {top: 236px;left: 490px;}
.maru3_4 {top: 192px;left: 487px;}
.maru3_5 {top: 190px;left: 407px;}

/*strong*/
.strong2_1 {background: url(../images/result/type/res_type2_strong2_1.png) no-repeat;}
.strong2_2 {background: url(../images/result/type/res_type2_strong2_2.png) no-repeat;}
.strong2_3 {background: url(../images/result/type/res_type2_strong2_3.png) no-repeat;}
.strong2_4 {background: url(../images/result/type/res_type2_strong2_4.png) no-repeat;}
.strong2_5 {background: url(../images/result/type/res_type2_strong2_5.png) no-repeat;}
div[class^="strong"] {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 0;
	left: 200px;
	background-size: 100% 100%;
	transform-origin: 50% 100%;
	transform: scale(0) translateY(-100px);
	opacity: 0;
}

/*star*/
.res_type2_star_box1 {
	width: 100%;
	height: 50px;
}
.res_type2_star_box2 {
	width: 100%;
	height: 40px;
}
[class^="res_type2_strng_box"] {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0px;
}
.res_type2_strng_box1 {top: 0px;}
.res_type2_strng_box2 {top: 50px;}
.res_type2_strng_box3 {top: 100px;}
.res_type2_strng_box4 {top: 150px;}
.res_type2_strng_box5 {top: 200px;}
.res_type2_chart_box2 [class^="res_type2_strng_box"] {
	height: 40px;
}
.res_type2_chart_box2 .res_type2_strng_box1 {top: 0px;}
.res_type2_chart_box2 .res_type2_strng_box2 {top: 40px;}
.res_type2_chart_box2 .res_type2_strng_box3 {top: 80px;}
.res_type2_chart_box2 .res_type2_strng_box4 {top: 120px;}
.res_type2_chart_box2 .res_type2_strng_box5 {top: 160px;}

.res_type2_star_box1 img,
[class^="res_type2_strng_box"] img,
.res_type2_star_box2 img {
	height: 45px;
}
.star1 {background: url(../images/result/type/res_type2_star1.png) no-repeat;}
.star2 {background: url(../images/result/type/res_type2_star2.png) no-repeat;}
.star3 {background: url(../images/result/type/res_type2_star3.png) no-repeat;}
.star4 {background: url(../images/result/type/res_type2_star4.png) no-repeat;}
.star5 {background: url(../images/result/type/spacer.png) no-repeat;}
div[class^="star"] {
	display: inline-block;
	position: static;
	width: 45px;
	height: 45px;
	margin: 0 -5px;
	background-size: 100% 100%;
}
[class^="res_type2_chart_box"].normal [class^="star"] {transform: scale(0);}
[class^="res_type2_chart_box"] [class^="res_type2_strng_box"] *,
[class^="res_type2_chart_box"].trial img {opacity:0;}

.label_show {opacity: 1;}
.label_hide {opacity: 0;}

@keyframes fadein {
    100% {opacity: 1;}
}
@keyframes fadein2 {
	0% {opacity: 0; transform: scale(1);}
	100% {opacity: 1; transform: scale(1);}
}
@keyframes fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes star_anime1_1 {
    0% {transform: translate(0px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(0px,-20px) scale(1.2) rotateY(1800deg);}
    70% {transform: translate(0px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_2 {
    0% {transform: translate(-35px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-35px,-20px) scale(1.2) rotateY(1800deg);}
    65% {transform: translate(-35px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_3 {
    0% {transform: translate(-70px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-70px,-20px) scale(1.2) rotateY(1800deg);}
    60% {transform: translate(-70px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_4 {
    0% {transform: translate(-105px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-105px,-20px) scale(1.2) rotateY(1800deg);}
    55% {transform: translate(-105px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_5 {
    0% {transform: translate(-140px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-140px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_1 {
    0% {transform: translate(0px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(0px,-20px) scale(1.2) rotateY(1800deg);}
    72.5% {transform: translate(0px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_2 {
    0% {transform: translate(-35px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-35px,-20px) scale(1.2) rotateY(1800deg);}
    70% {transform: translate(-35px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_3 {
    0% {transform: translate(-70px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-70px,-20px) scale(1.2) rotateY(1800deg);}
    67.5% {transform: translate(-70px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_4 {
    0% {transform: translate(-105px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-105px,-20px) scale(1.2) rotateY(1800deg);}
    65% {transform: translate(-105px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_5 {
    0% {transform: translate(-140px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-140px,-20px) scale(1.2) rotateY(1800deg);}
    62.5% {transform: translate(-140px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_6 {
    0% {transform: translate(-175px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-175px,-20px) scale(1.2) rotateY(1800deg);}
    60% {transform: translate(-175px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_7 {
    0% {transform: translate(-210px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-210px,-20px) scale(1.2) rotateY(1800deg);}
    57.5% {transform: translate(-210px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_8 {
    0% {transform: translate(-245px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-245px,-20px) scale(1.2) rotateY(1800deg);}
    55% {transform: translate(-245px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_9 {
    0% {transform: translate(-280px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-280px,-20px) scale(1.2) rotateY(1800deg);}
    52.5% {transform: translate(-280px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_10 {
    0% {transform: translate(-315px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-315px,-20px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}

@keyframes star_strong {
    0% {transform: scale(0); opacity: 0;}
    50% {transform: scale(1.4); opacity: 1;}
    100% {transform: scale(1); opacity: 1;}
}
@keyframes maru_anime {
	0% {transform: scale(2); opacity: 0;}
	100% {transform: scale(1); opacity: 1;}
}
@keyframes strong_maru {
	100% {opacity: 1; transform: scale(1) translateY(0px);}
}

.anime1 div:nth-of-type(2)[class^="maru1"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime1 div:nth-of-type(3)[class^="maru1"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(1)[class^="star"] {animation: star_anime1_1 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(2)[class^="star"] {animation: star_anime1_2 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(3)[class^="star"] {animation: star_anime1_3 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(4)[class^="star"] {animation: star_anime1_4 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(5)[class^="star"] {animation: star_anime1_5 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1 [class^="res_type2_strng_box"] [class^="star"] {animation: star_strong 2s ease 2.75s 1 forwards;}
.anime1 .res_type2_chart_box1 [class^="res_type2_strng_box"] img {animation: fadein 1s ease 3.75s 1 forwards;}

.anime_trial1 div:nth-of-type(2)[class^="maru1"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime_trial1 div:nth-of-type(3)[class^="maru1"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime_trial1 .res_type2_chart_box1.trial img {animation: fadein 2s ease 0.75s 1 forwards;}

.anime2 div:nth-of-type(3)[class^="maru2"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime2 div:nth-of-type(5)[class^="maru3"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime2 div:nth-of-type(4)[class^="maru"],
.anime2 div:nth-of-type(6)[class^="maru"] {animation: maru_anime 1s ease 1.75s 1 forwards;}
.anime2 div:nth-of-type(2)[class^="strong"] {animation: strong_maru 0.5s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(1)[class^="star"] {animation: star_anime2_1 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(2)[class^="star"] {animation: star_anime2_2 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(3)[class^="star"] {animation: star_anime2_3 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(4)[class^="star"] {animation: star_anime2_4 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(5)[class^="star"] {animation: star_anime2_5 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(6)[class^="star"] {animation: star_anime2_6 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(7)[class^="star"] {animation: star_anime2_7 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(8)[class^="star"] {animation: star_anime2_8 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(9)[class^="star"] {animation: star_anime2_9 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(10)[class^="star"] {animation: star_anime2_10 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2 [class^="res_type2_strng_box"] [class^="star"] {animation: star_strong 2s ease 5s 1 forwards;}
.anime2 .res_type2_chart_box2 [class^="res_type2_strng_box"] img {animation: fadein 1s ease 6s 1 forwards;}

.anime_trial2 div:nth-of-type(3)[class^="maru2"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime_trial2 div:nth-of-type(5)[class^="maru3"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime_trial2 div:nth-of-type(4)[class^="maru"],
.anime_trial2 div:nth-of-type(6)[class^="maru"] {animation: maru_anime 1s ease 1.75s 1 forwards;}
.anime_trial2 div:nth-of-type(2)[class^="strong"] {animation: strong_maru 0.5s ease 3s 1 forwards;}
.anime_trial2 .res_type2_chart_box2.trial img {animation: fadein 2s ease 3s 1 forwards;}


	
/*######### blur #########*/
.free-container .blur {
	background: transparent url(../images/result/blur/text_img_m3.png) no-repeat center top;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
	padding-top: 90px;
    height: 140px;
}
.free-container .listImg .blur {
	background-image: url(../images/result/blur/text_img_s2.png);
    float: left; 
    padding-top: 80px;
	max-width: 420px;
    width: 100%;
    height: 200px;
}
.free-container .blur a { display: table; margin: 0 auto; text-decoration: none; }

/*######### blur End #########*/

.result-container .subbody-container { max-width: 840px; }
.result-container .secGreet {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: transparent center top;
	background-image: url(../images/result/rsltGreet.jpg), url(../images/result/rsltBg.jpg);
	background-repeat: no-repeat, repeat-y;
	position: relative;
    margin: 0 auto;
	padding: 110px 60px 40px;
    min-height: 330px;
	font-size: 1.2em;
	color: #fff;
	text-shadow: 1px 1px 10px #000, 1px 1px 20px #000, 1px 1px 30px #000;
    z-index: 45;
}
.result-container .secGreet .greetInfo:before {
	content: "";
	float: right;
	display: table;
	width: 280px;
    height: 340px;
}

.secListing {
	background: transparent center bottom;
	background-image: url(../images/result/rsltBtm.jpg), url(../images/result/rsltBg.jpg);
	background-repeat: no-repeat, repeat-y;
	padding: 0 0 120px;
}
.fixed-cont.secList { max-width: 790px; }
.result-container .secUser {
	max-width: 700px;
    margin: 0 auto 20px;
	text-align: center;
}
.result-container .secUser .userTit { 
	color: #fea;
	margin-bottom: 10px;
	font-weight: bold;
}
.result-container .secUser .usrDate,
.result-container .secUser .userInfo {
	color: #b5dbd9;
	font-size: 14px;
	font-weight: bold;
    line-height: 1.4em;
}
.result-container .secUser .userInfo p { margin-bottom: 4px; }
.result-container .secUser .userInfo .target { color: #dfb6a9; }
.result-container .secUser .usrDate span { margin-left: 10px; }

.result-container .secList .secTitle {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: transparent ;
	background-image: url(../images/result/rsltTitTop.jpg), url(../images/result/rsltTitBtm.jpg), url(../images/result/rsltTitBg.jpg);
	background-position: center top, center 105%, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
    margin: 0 auto;
    padding: 60px 30px 60px;
	color: #ccc;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: bold;
    text-align: center;
	text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
    box-sizing: border-box;
}
.result-container .secList.listJiki .secTitle,
.result-container .secList.listUnmei .secTitle {
	background-image: url(../images/result/rsltCmnSubTitTop.jpg), url(../images/result/rsltCmnSubTitBtm.jpg), url(../images/result/rsltCmnSubTitBg.jpg);
	background-size: 99%;
	color: #eea;
	font-size: 1.2em;
	text-shadow: 0px 0px 10px #900, 0px 0px 10px #900;
}
.result-container .secList.listQna .secTitle {
	background-image: url(../images/result/rsltCmnTitTop.jpg), url(../images/result/rsltCmnTitBtm.jpg), url(../images/result/rsltCmnTitBg.jpg);
	background-size: 99%;
	padding: 45px 30px;
	position: relative;
	color: #eea;
}
.result-container .secList.listQna .secTitle:before {
	content: "";
	background: url(../images/result/rsltQnaQues.png) no-repeat center top;
	position: absolute;
	display: table;
	top: 2px;
	left: 0;
	width: 90px;
	height: 90px;
}
.result-container .secList .secTitle .titFloat {
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
}
.result-container .secList .paragraph {
    margin: 0 auto;
	padding: 0 30px;
	color: #fff;
    box-sizing: border-box;
}
.result-container .secList .secInList .paragraph p span, .result-container .secList .secInList .paragraph p strong,
.result-container .secList .secInList .paragraph p i { color: #fffc01; }
.result-container .common {
	background: transparent url(../images/result/cmnBg.jpg) repeat-y center top;
	margin-bottom: 20px;
}
.result-container .secList.listImg .secInList .paragraph {
	background: url(../images/result/rsltImgL1.jpg) no-repeat -6% top;
	padding-left: 300px;
	padding-right: 30px;
	min-height: 420px;
}
.result-container .secList.listImg.listImgR .secInList .paragraph { background-position: 106% top; padding-right: 300px; padding-left: 30px; }
.result-container .secList.listImg.listImgL.imgL1 .secInList .paragraph { background-image: url(../images/result/rsltImgL2.jpg); }
.result-container .secList.listImg.listImgR.imgR1 .secInList .paragraph { background-image: url(../images/result/rsltImgR1.jpg); }
.result-container .secList.listImg.listImgR.imgR2 .secInList .paragraph { background-image: url(../images/result/rsltImgR2.jpg); }
.scroll_box {
    display: none;
    overflow: hidden;
	transition: all 2.0s ease 0.6s;
}

.fukiBlock {
	background: url(../images/result/rsltMsgBg7.jpg) no-repeat center top;
	padding: 40px 20px;
	min-height: 330px;
}
.fukiBlock > .float {
    background: url(../images/result/rsltQnaAnsBal.png) repeat center top;
	position: relative;
	float: left;
    margin: 0 auto 0 0;
	width: 470px;
    border: 1px solid #553322;
	margin: 0 auto 20px;
	color: #fff;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
    border-radius: 16px;
}
.fukiBlock > .float .paragraph { padding: 20px 0; }
.fukiBlock .paragraph { line-height: 1.8em; }
.fukiBlock .paragraph p { margin-bottom: 0; }
.fukiBlock strong { color: #ff0; font-size: 120%; letter-spacing: 0.05em; }

.listCommon .fukiBlock {
    background: #342;
	margin: 0px auto 10px;
    padding: 10px 20px;
	max-width: 86%;
	min-height: auto;
	color: #fff;
	font-weight: bold;
    border-radius: 10px;
    border: 2px solid #132;
}
.listQna .fukiBlock {
	background-image: url(../images/result/rsltMsgBg2.jpg);
	padding-bottom: 0;
	min-height: 400px;
}
.listQna.listQna2 .fukiBlock { background-image: url(../images/result/rsltMsgBg6.jpg); }
.listQna.listQna3 .fukiBlock { background-image: url(../images/result/rsltMsgBg3.jpg); }
.listQna.listQna4 .fukiBlock { background-image: url(../images/result/rsltMsgBg4.jpg); }
.listQna .fukiBlock .float {
	float: none;
	width: 100%;
	clear: both;
}
.listQna .fukiBlock .float.answer {
	position: relative;
	float: right;
	max-width: 470px;
}
.listQna.qnaImg .fukiBlock .float.answer .paragraph {
	background: url(../images/result/rsltAnsBg.png) no-repeat center;
    background-size: 110%;
	display: flex;
	align-items: center;
	padding: 0;
    width: 100%;
    min-height: 260px;
}
.listQna.qnaImg .fukiBlock .float.answer .paragraph img {
	margin: 0 auto;
	width: 90%;
}
.listQna .fukiBlock .float.answer:before {
	content: "";
	background: url(../images/result/rsltQnaAns.png) no-repeat center top;
	display: table;
	position: absolute;
	top: -30px;
	left: -55px;
	width: 90px;
	height: 90px;
}

/*########################## 
		spJiki
##########################*/
.date-container {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    background: #342;
    margin: 0 auto 20px;
    padding: 40px 30px;
	max-width: 640px;
	color: #ff0;
	font-size: 2.1em;
    text-align: center;
    border: 2px solid #132;
    border-radius: 10px;
	text-shadow: 0px 0px 20px rgba(255,255,0,0.7);
}

/*####### spJiki End #######*/

/* ----------------------
 * result_type3
 *---------------------- */
.res_type3_box1 {
	position: relative;
	width: 780px;
	height: 280px;
	margin: 0 auto;
	overflow: hidden;
}
.res_type3_bg1 {
	background: url(../images/result/type/res_type3_bg1.jpg) no-repeat;
	background-size: 100% 100%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.res_type3_box1 div {
	position: absolute;
	display: block;
}
.res_type3_box1 p {
	position: absolute;
	display: block;
	color: #fff;
	font-size: 19px;
	line-height: 0;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-shadow: 0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000;
	top: 240px;
	text-align: center;
}
.res_type3_box1 .res_type3_box2 p {width: 110px;}
.res_type3_trial_box1 {
    position: relative;
	top: 0;
    width: 780px;
    height: 200px;
    margin: -20px auto;
    background: url(../images/result/rsltTxtBg.png) no-repeat;
    background-size: 100% 100%;
}
.res_type3_trial_box1 .blur { padding-top: 0; }
.res_type3_box1 .res_type3_trial_box1 p {
	position: relative;
	top: 0;
	left: 25px;
    margin: auto;
    padding: 57px 8% 21px;
    width: 78%;
    color: #ff0;
    font-size: 36px;
    line-height: 120%;
    text-shadow: 0px 0px 10px #f00, 0px 0px 10px #f00, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.res_type3_box2 p.year1 {left: 60px;}
.res_type3_box2 p.year2 {left: 115px;}
.res_type3_box2 p.year3 {left: 170px;}
.res_type3_box2 p.year4 {left: 225px;}
.res_type3_box2 p.year5 {left: 280px;}
.res_type3_box2 p.year6 {left: 335px;}
.res_type3_box2 p.year7 {left: 390px;}
.res_type3_box2 p.year8 {left: 445px;}
.res_type3_box2 p.year9 {left: 500px;}
.res_type3_box2 p.year10 {left: 555px;}
.res_type3_box2 p.year11 {left: 610px;}
.res_type3_box2 p.year12 {left: 665px;}

.res_type3_box1 img {
	display: block;
	position: absolute;
	width: 110px;
	height: 280px;
	top: 0;
}
.res_type3_box2 img:nth-of-type(1) {left: 60px;}
.res_type3_box2 img:nth-of-type(2) {left: 115px;}
.res_type3_box2 img:nth-of-type(3) {left: 170px;}
.res_type3_box2 img:nth-of-type(4) {left: 225px;}
.res_type3_box2 img:nth-of-type(5) {left: 280px;}
.res_type3_box2 img:nth-of-type(6) {left: 335px;}
.res_type3_box2 img:nth-of-type(7) {left: 390px;}
.res_type3_box2 img:nth-of-type(8) {left: 445px;}
.res_type3_box2 img:nth-of-type(9) {left: 500px;}
.res_type3_box2 img:nth-of-type(10) {left: 555px;}
.res_type3_box2 img:nth-of-type(11) {left: 610px;}
.res_type3_box2 img:nth-of-type(12) {left: 665px;}


/*####################
	top-container
######################*/
.top-container .full-container .info { 
	display: block;
	width: inherit; 
}
.top-container .commonMenuBox {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Arial", Sans-serif;
	color: #110;
	background: 0;
	padding: 0;
	text-shadow: none;
}
.top-container .commonMenuBox .titelement .title { 
	font-weight: bold; 
	font-size: 1.1em;
}
.top-container .commonMenuBox .infoelement { 
	max-width: 100%; 
	padding: 0;
}
.top-container .commonMenuBox .titelement a { 
	color: #836;
	font-weight: bold;
	text-decoration: underline; 
}
.top-container .commonMenuBox .titelement a:hover { 
	color: #a3c;
	text-decoration: none;
	transition: 0.3s linear;
}
.top-container .commonMenuBox .titelement a .productTitle { color: #a3c; }
.top-container .secCont,
.top-container .secCont .secList {
	background: transparent;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
}
.secCont .commonMenuBox .desc {
	margin-top: 10px;
	text-align: justify;
	text-shadow: none;
	font-family: initial;
}
.secCont .commonMenuBox .price {
	text-align: right;
	text-shadow: none;
	font-weight: bold;
	color: #330078;
}

.secCont.secNew {
	background: transparent;
	background-image: url(../images/top/newTop.jpg),url(../images/top/newBtm.jpg),url(../images/top/newBg.jpg);
	background-repeat: no-repeat,no-repeat,repeat-y;
	background-position: center top,center bottom,center top;
	position: relative;
	padding: 520px 0 80px;
	margin: 0 auto 10px;
}
.secCont.secNew .secInner {
	display: inline-flex;
	padding: 10px 85px;
}
.full-container .secNew .secInner.info { width: 650px; }

.top-container .secCatchInfo {
	background: url(../images/top/catchInfoBg.png) no-repeat center top;
	background-size: 100%;
	border-radius: 10px;
	border: 1px solid #335522;
	margin: 0 35px 0 auto;
	width: 580px;
}
.top-container .secCatchInfo.leftCI {
	margin: 0 auto 0 60px;
	width: 490px;
}
.top-container .secCatchInfo p {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fff;
	display: block;
	padding: 18px;
	text-align: left;
	font-size: 1.5em;
	line-height: 1.5em;
}
.top-container .secCatchInfo strong { color: #eab2f1; }
.top-container .secCatchInfo strong.green { color: #af9; }

.top-container .secRecommCatch {
    background: transparent url(../images/top/monthCatch.jpg) no-repeat center bottom;  
	min-height: 439px;
}
.top-container .secRecomm {
	background-image: url(../images/top/monthTop.jpg), url(../images/top/monthBtm.jpg), url(../images/top/monthBg.jpg);
	padding: 545px 0 70px;
}
.top-container .secRecomm .claireAudience {
	background: transparent url(../images/top/monthTop2.jpg) no-repeat center top;
	padding-top: 320px;
}
.top-container .secRecomm .claireSentiensu {
	background: transparent url(../images/top/monthTop3.jpg) no-repeat center top;
	padding-top: 320px;
}
.top-container .secRecomm .psychicCard {
	background: transparent url(../images/top/monthTop4.jpg) no-repeat center top;
	padding-top: 350px;
}
.top-container .secRecomm .secInnerInfo { padding: 15px 85px 20px; }

.top-container .secSpCatch {
    background: transparent url(../images/top/spCatch.jpg) no-repeat center bottom;
    min-height: 415px;
}
.top-container .secSpCatch .secInfo .secInner { 
	width: 580px;
	margin: 0 35px 0 auto; 
}
.top-container .secSpCatch .secInfo .lead {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: rgba(0,0,75,0.7);
	border-radius: 10px;
	padding: 15px 15px;
	font-size: 1.2em;
	text-align: left;
}
.top-container .secSpCatch .secInfo .lead:nth-child(even) { background: rgba(55,11,55,0.8); }
.top-container .secSpCatch .secInfo .lead a {   
	color: #ff3;
	text-decoration: underline; 
}
.top-container .secSpCatch .secInfo .lead a:hover { 
	color: #fff;
	text-decoration: none;
}
.top-container .secSpecial {
	position: relative;
	background-image: url(../images/top/spTop.jpg), url(../images/top/spBtm.jpg), url(../images/top/spBg.jpg);
	padding: 165px 145px 80px;
	margin-bottom: 20px;
}
.top-container .secSpecial .secInnerInfo:first-child { padding: 20px 0 10px; }
.top-container .secSpecial .secInnerInfo { padding: 10px 0; }

.top-container .secSpInpCatch {
    background: transparent url(../images/top/spInpCatch.jpg) no-repeat center top;
    min-height: 580px;
}
.top-container .secSpInp {
	position: relative;
	background-image: url(../images/top/spInpBg.jpg), url(../images/top/spInpBtm.jpg), url(../images/top/spInpBg.jpg);
	padding-bottom: 100px;
}
.top-container .secSpInp .secInnerInfo { padding: 0 85px 30px; }
.top-container .secSpInp .question { 
	background-image: none;
	padding: 0; 
}
.top-container .secSpInp .question .top-heading.self {
	background-image: url(../images/top/spInpFormTit1.jpg);
	padding: 100px 0 30px;
}
.top-container .secSpInp .question .top-heading.target {
	background-image: url(../images/top/spInpFormTit2.jpg);
	padding: 100px 0 30px;
}

.top-container .secPackSp {
	background-image: url(../images/top/packTop.jpg), url(../images/top/packBtm.jpg), url(../images/top/packBg.jpg);
	padding: 490px 0 85px;
}
.top-container .secPackSp .secInnerInfo { padding: 0 85px; }
.top-container .secPackSp .commonMenuBox .titelement .title { font-size: 1em; }
.top-container .secPackSp .secInnerInfo .desc,
.top-container .secPackSp .secInnerInfo .price { 
	font-size: 0.8em; 
}
.top-container .secPackSp .secInfo a {
	display: block;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}
.top-container .secPackSp .secInfo .inrTop { padding: 0 45px; }
.top-container .secPackSp .secInfo .inrTop:nth-child(2) { 
	background: url(../images/top/packInrTop.jpg) no-repeat center top;
	padding-top: 220px;
}
.top-container .secPackSp .secInfo .inrTop a { 
	color: #060; 
	margin-bottom: 15px;
	font-size: 1.5em;
	line-height: 1.5em;
	text-align: center;
}
.top-container .secPackSp .secInfo .inrTop.inrLove a { color: #903; }
.top-container .secPackSp .secInfo .inrTop.inrMarry a { color: #009; }

.top-container .secReview {
	background-image: url(../images/top/reviewTop.jpg), url(../images/top/reviewBtm.jpg), url(../images/top/reviewBg.jpg);
	padding: 210px 85px 85px;
}
.top-container .secReview .secInfo p { 
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #333333;
	font-size: 0.9em;
	font-weight: 400;
}
.top-container .secReview .secInfo a {
	display: block;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}
.top-container .secReview .secInfo a.blue { color: #0700ed; }
.top-container .secReview .secInfo p .red { color: #B70066; }
.top-container .secReview .secInfo p .green { color: #080; }
.top-container .secReview .secInfo .secInner { padding: 15px 35px; }

.top-container .directLink {
	display: table;
	margin: 30px auto 0;
	max-width: 90%;
	width: 100%;
	color: #e8ca22;
	text-align: right;
	font-weight: bold;
}
.top-container .directLink:hover { color: #e8ca22; }
.top-container .directLink:visited { color: #c80; }
.top-container .naviCate {
	margin: 20px auto 0;
	text-align: center;
}
.top-container .naviCate a { display: inline-table; }
.top-container .naviCate .cateBtn {
	background: transparent no-repeat center top;
	display: inline-table;
	width: 260px;
	height: 90px;
	pointer-events: none;
}
.top-container .naviCate .cateBtn.cateLove { background-image: url(../images/top/naviLove.jpg); }
.top-container .naviCate .cateBtn.cateMarry { background-image: url(../images/top/naviMarry.jpg); }
.top-container .naviCate .cateBtn.cateLife { background-image: url(../images/top/naviLife.jpg); }
.top-container .naviCate a:hover .cateBtn { opacity: 0.8; }
.top-container .cateTop { padding: 0 10px; }
.top-container .cateTop .directLink {
    max-width: inherit;
    width: inherit;
    margin: 10px auto 15px;
    font-weight: normal;
	font-size: 0.9em;
	float: right;
	color: #c80;
}
.top-container .cateTop a.directLink:hover { color: #e8ca22; }
.top-container .secListing .secList { 
	position: relative;
	padding: 185px 40px 100px; 
}
.top-container .secCont .secLove { background-image: url(../images/top/loveTit.jpg), url(../images/top/loveBtm.jpg), url(../images/top/loveBg.jpg); }
.top-container .secCont .secMarry { background-image: url(../images/top/marrTit.jpg), url(../images/top/marrBtm.jpg), url(../images/top/marrBg.jpg); }
.top-container .secCont .secLife { background-image: url(../images/top/lifeTit.jpg), url(../images/top/lifeBtm.jpg), url(../images/top/lifeBg.jpg); }
.top-container .secListing .ichiInner {
	background: transparent;
	background-repeat: no-repeat,no-repeat,repeat-y;
	background-position: center top,center bottom,center top;
	background-image: url(../images/top/loveIchiTop.jpg),url(../images/top/loveIchiBtm.jpg),url(../images/top/loveIchiBg.jpg);
	background-size: 100%;
	padding: 60px;
}
.top-container .secCont .secMarry .ichiInner { background-image: url(../images/top/marrIchiTop.jpg), url(../images/top/marrIchiBtm.jpg), url(../images/top/marrIchiBg.jpg); }
.top-container .secCont .secLife .ichiInner { background-image: url(../images/top/lifeIchiTop.jpg), url(../images/top/lifeIchiBtm.jpg), url(../images/top/lifeIchiBg.jpg); }
.top-container .secListing .secInnerInfo {
	background: transparent;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top;
	background-image: url(../images/top/loveInrTop.jpg), url(../images/top/loveInrBtm.jpg), url(../images/top/loveInrBg.jpg);
	display: flex;
	padding: 12px 0;
	position: relative;
}
.top-container .secListing .secMarry .secInnerInfo { background-image: url(../images/top/marrInrTop.jpg), url(../images/top/marrInrBtm.jpg), url(../images/top/marrInrBg.jpg); }
.top-container .secListing .secLife .secInnerInfo { background-image: url(../images/top/lifeInrTop.jpg), url(../images/top/lifeInrBtm.jpg), url(../images/top/lifeInrBg.jpg); }

.top-container .secListing .titelement a:hover { color: #ff4335; }
.top-container .secListing .titelement {
	display: block;
	text-shadow: none;
}
.top-container .secListing .secInnerInfo .iconelement {
	width: 72px;
	height: 72px;
}
.top-container .secListing .secInnerInfo .titelement { padding-left: 80px; }

.top-container .secListing .titelement a .listTitle { color: #a3c; }
.top-container .secListing .titelement a:hover .listTitle { color: #a3c; }
.top-container .secListing .secLove .titelement a { color: #bf0031; }
.top-container .secListing .secLove .titelement a:hover { color: #e11d75; }
.top-container .secListing .secMarry .titelement a { color: #71009b; }
.top-container .secListing .secMarry .titelement a:hover { color: #b900ff; }
.top-container .secListing .secLife .titelement a { color: #00398f; }
.top-container .secListing .secLife .titelement a:hover { color: #0042ff; }
.top-container .secListing .secInnerInfo .secInner {
	display: inline-flex;
	width: 50%;
}
.top-container .secListing .secInnerInfo .secInner .float {
	padding: 20px 35px;
	min-height: 210px;
}
.top-container .secListing .secInnerInfo .desc {
	font-size: .85em;
	line-height: 1.4em;
	text-align: justify;
}
.top-container .secListing .secInnerInfo .price { font-size: .9em; }
.top-container .secListing .secInnerInfo.singleInr { width: 50.5%; } 
.top-container .secListing .secInnerInfo.singleInr .secInner { width: 100%; }
.top-container .secListing .secList .secInfo { position: relative; }
.top-container .secListing .secList .secInfo:before { 
	content: '';
	position: absolute;
	background: url(../images/top/llmInrImg.png) right center no-repeat;
	background-size: 100%;
	width: 365px;
	height: 315px;
	bottom: 0;
	right: 0;
}
/*#################### End top-container ######################*/

.secMessage {
	background: transparent;
	background-image: url(../images/result/rsltTop2.jpg), url(../images/result/rsltBtm2.jpg), url(../images/result/rsltBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	color: #fff;
	padding: 110px 80px 70px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #63188f, -3px -3px 3px #63188f, -3px 3px 3px #63188f, 3px -3px 3px #63188f, 3px 0px 3px #63188f, -3px 0px 3px #63188f, 0px 3px 3px #63188f, 0px -3px 3px #63188f;
}
.secMessage .msgInfo:before {
	content: "";
	float: left;
	display: table;
	width: 270px;
	height: 300px;
}

.result-container .secYudoMsg {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: transparent;
    background-image: url(../images/result/unmeiTopImg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    position: relative;
    padding: 20px 75px 30px;
    margin: 0 auto;
    text-align: left;
    max-width: 690px;
	min-height: 350px;
    font-size: 1.5em;
    line-height: 1.8em;
}
.result-container .secYudoMsg .float {
    background: url(../images/result/dateBg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 -30px 0 auto;
	padding: 10px 20px;
	width: 490px;
    border-radius: 10px;
    border: 1px solid #553322;
}
.result-container .secYudoMsg .float span { color: #ff3; }
.secYudo .komiInfo {
	background: transparent;
	background-image: url(../images/result/free/komiTopTit.png), url(../images/result/free/komiBtm.png), url(../images/result/free/komiBg.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center -5px, center bottom, center top;
	padding: 130px 0 60px;
	margin-bottom: 20px;
}
.secYudo .komiInfo .komiUl {
	margin: 0 auto;
	max-width: 500px;
}
.secYudo .komiInfo .komiUl li {
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
}
.secYudo .komiInfo .komiUl li:before {
	content: "";
	background: transparent url(../images/input/iconStar.png) no-repeat center top;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 8px;
	left: 0;
}
.next_alert {
	margin: 0 auto;
    padding: 10px;
    max-width: 440px;
	width: 100%;
    height: auto;
	color: #ff9;
	font-size: 15px;
    border: solid #9a0a17 1px;
}
.buttonCatch { text-align: center; }

/* top-container | secFree */
.top-container .secFree {
	background: transparent url(../images/top/free/freeTop.jpg) no-repeat center top;
	padding-top: 140px;
    padding-bottom: 40px;
	text-align: center;
}
.top-container .secFree .productBtn {
	background: transparent url(../images/top/free/freeBtn4.png) no-repeat center top;
	display: inline-block;
	height: 250px;
	width: 100%;
}
.top-container .secFree a:hover .productBtn { background-position: center bottom; }