html { margin: 0; padding: 0; }
body {
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "微軟雅黑", "宋体", Tahoma, Helvetica, STHeiti;
    background: #000 no-repeat center top;
	background-image: url(../images/common/mBgTop.jpg), url(../images/common/mBg.jpg);
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.6em;
}
@media (max-width: 1300px) {
	body {
		display: inline-table;
		background-size: 2000px;
		background-position: -330px 0px;
	}
}
div { display: block; }
.hidden-md { display: none; }
.txtHide { display: block; text-indent: -999px; }
.fixed-cont {
    max-width: 840px;
    margin: 0 auto;
}

/********************************
*** Paragraph & Padding Styling
********************************/
h2 {
    font-size: 1.2em;
    line-height: 1.3em;
    color: #ff0;
}
.result-container .paragraph { line-height: 1.8em; }
.result-container .secTitle .paragraph { line-height: 1.5em; }
.paragraph p {
    text-align: justify;
    text-indent: 16px;
    margin-bottom: 20px;
}
p.no-indent { text-indent: 0 !important; }
strong { font-weight: bold; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-black { color: #000; }
.text-orange { color: #ff6600!important; }
a:hover.text-orange { color: #FC3; }
.text-yellow { color: #ffe400; }
.text-purple { color: #990099; }
.text-soft-purple { color: #800b8b !important; }
.text-dark-purple { color: #1b0142; }
.text-pink { color: #ffa5d8!important; }
.text-blue { color: #66B3FF!important; }	/* #004672 */
a:hover.text-blue { color: #0ea1d2; }
.text-green { color: #33ff33!important; }
.text-bgreen { color: #66D940; }
a:hover.text-bgreen { color: #66ffcc; }
.text-pgreen { color: #cccc00; }
.attention { color: #770000; font-size: 0.9em; }
span.red { color: #ff0000; font-weight: bold; }

section.no-margin { margin: 0; }
section.no-padding { padding: 0; }

.float-top {
    position: relative;
    z-index: 22;
}

.block-center {
	display: table;
	margin: 0 auto;
	text-align: center;
}
.half {
	width: 50%;
    float: left;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
img-responsive {
	max-width: 100%;
	margin: 0 auto;
}
img {
	border: none;
}
img.pull-left {
	margin-right: 15px;
}
img.pull-right {
	margin-left: 15px;
}

.center {
    margin: 0 auto;
    display: block;
	text-align: center;
}
.bodyFooter { display: none; }
.body-footer {
	background: transparent url(../images/common/mBg.jpg) repeat-y center top;
	padding: 10px 10px 30px;
	text-align: center;
}
.body-footer a, .bodyFooter .center { display: inline-block; color: #e8ca22; margin-bottom: 30px; }
.body-footer a, .bodyFooter .center:hover { color: #b89a02; }

.clear { clear: both; }

.in {
	text-align: center;
	color: #fff;
}
.inImg {
	float: right;
	padding-right: 85px;
}
.inTex {
	width: 300px;
	float: left;
	padding-left: 85px;
}

/********************************
*** Header Part
********************************/
header .header-container {
    position: relative;
	padding-top: 1px;
}
header .header-container:before {
	content: "";
	background: url(../images/common/naviCover.png) no-repeat center -4px;
	position: absolute;
	width: 100%;
	height: 160px;
	pointer-events: none;
}
header .header-container .title-container {
	width: 960px;
	margin: 0 auto;
}
header .header-container .title-container .mTit {
	position: relative;
	z-index: 33;
	margin-bottom: -10px;
}
header .header-container .title-container .mTit:first-child {
	margin-bottom: -34px;
	z-index: 30;
}

.navi-container {
    display: table;
    margin: 0 auto;
    padding: 0px 20px 25px;
	min-height: 52px;
	width: 100%;
	max-width: 840px;
}
.paid-container .navi-container { display: block; }
.navi-container .naviInfo {
	display: table;
	padding: 9px 0;
}
.paid-container .navi-container .naviInfo { display: none; }
.navi-container .navi_btn {
    background: transparent url(../images/common/button/naviSprite.png) no-repeat center top;
	margin: 0 auto;
    width: 210px;
    height: 50px;
    float: left;
}
.navi-container div.navi_top { background-position: -2px top; }
.navi-container div.navi_profile { background-position: -212px top; }
.navi-container div.navi_info { background-position: -424px top; }
.navi-container div.navi_sample { background-position: -636px top; }
.navi-container div.navi_input { background-position: -843px top; }

.navi-container div.navi_top:hover { background-position: -2px bottom; }
.navi-container div.navi_profile:hover { background-position: -212px bottom; }
.navi-container div.navi_info:hover { background-position: -424px bottom; }
.navi-container div.navi_sample:hover { background-position: -636px bottom; }
.navi-container div.navi_input:hover { background-position: -843px bottom; }


/********************************
*** Common Part
********************************/
.body-container .commonMenuBox {
	background: url(../images/common/menu/menuBg.png) repeat-y center top;
	background-size: 100%;
	margin-bottom: 30px;
	padding: 2px;
}
.body-container .commonMenuBox .info {
	background: transparent;
	background-image: url(../images/common/menu/menuTop.png), url(../images/common/menu/menuBtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat, repeat-y;
	margin: -30px auto -35px;
    padding: 80px 130px 80px;
    color: #fff;
}
.body-container .commonMenuBox.noBg .info { margin-bottom: 0; }
.body-container .commonMenuBox.noBg {
	background-image: none;
	margin: 0 auto;
	padding: 0;
}
.body-container .commonMenuBox.noBg .info { background: none; padding: 0; }
.top-container .body-container .commonMenuBox.noBg .info { margin: 0 auto; }
.body-container .revProduct.commonMenuBox {
	background: #F4F4EA;
	background-image: none;
	padding: 13px 0;
}
.body-container .revProduct.commonMenuBox .info {
	background: transparent;
	background-image: none;
	padding: 0;
	width: 90%;
	font-size: 0.9em;
}
.revProduct.commonMenuBox .info .infoelement h3 {
	font-size: 1.4em;
	line-height: 1.2em;
}

/* iconelement: free, xiangyu, danlian, ngrdxq, jiehun, life, job, bulun, kulian, fuyuan, loveDirection, suyuan, ngrdyw */
.body-container .commonMenuBox .info .iconelement {
    background: transparent no-repeat left top;
	background-size: 65px;
	display: inline-table;
    position: relative;
	padding-top: 2px;
	padding-left: 80px;
    min-height: 65px;
}
.body-container .commonMenuBox .info .iconelement.free { background-image: url(../images/common/icon/icon0.png); }
.body-container .commonMenuBox .info .iconelement.xiangyu { background-image: url(../images/common/icon/icon1.png); }
.body-container .commonMenuBox .info .iconelement.danlian { background-image: url(../images/common/icon/icon2.png); }
.body-container .commonMenuBox .info .iconelement.ngrdxq { background-image: url(../images/common/icon/icon4.png); }
.body-container .commonMenuBox .info .iconelement.jiehun { background-image: url(../images/common/icon/icon7.png); }
.body-container .commonMenuBox .info .iconelement.life { background-image: url(../images/common/icon/icon8.png); }
.body-container .commonMenuBox .info .iconelement.job { background-image: url(../images/common/icon/icon10.png); }
.body-container .commonMenuBox .info .iconelement.bulun { background-image: url(../images/common/icon/icon12.png); }
.body-container .commonMenuBox .info .iconelement.kulian { background-image: url(../images/common/icon/icon15.png); }
.body-container .commonMenuBox .info .iconelement.fuyuan { background-image: url(../images/common/icon/icon19.png); }
.body-container .commonMenuBox .info .iconelement.loveDirection { background-image: url(../images/common/icon/icon20.png); }
.body-container .commonMenuBox .info .iconelement.suyuan { background-image: url(../images/common/icon/icon23.png); }
.body-container .commonMenuBox .info .iconelement.ngrdyw { background-image: url(../images/common/icon/icon35.png); }

.body-container .commonMenuBox .info .infoelement {
	font-family: "Microsoft JhengHei", "微軟正黑體", 'PMingLiU' , sans-serif;
    display: inline-table;
    font-size: 1.2em;
	font-weight: bold;
    line-height: 1.5em;
}
.body-container .commonMenuBox .info .infoelement h3 {
	color: #ffdd5a;
	font-size: 1.2em;
	font-weight: bold;
}
.body-container .commonMenuBox .info .infoelement > h3:first-child {
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}
.body-container .commonMenuBox .info .infoelement h3.menuTitle {
	margin-top: 2px;
	color: #6e07ae;
	font-size: 1.2em;
}
.body-container .commonMenuBox .info .infoelement a {
	display: table;
	color: #6e07ae;
	text-decoration: underline;
}
.body-container .commonMenuBox .info .infoelement a:hover { text-decoration: none; }
.body-container .commonMenuBox .price {
	text-align: right;
	color: #005566;
	font-weight: bold;
}

/********************************
*** Body Part
********************************/
.full-container {
	background: transparent url(../images/common/mBnr.png) no-repeat center top;
	display: table;
	margin: 0 auto;
	padding-top: 280px;
	width: 100%;
}
.top-container .full-container {
	background-image: url(../images/top/mBnr.png);
	padding-top: 450px;
}

.body-container {
	background: transparent url(../images/common/mBg.jpg) repeat-y center top;
    position: relative;
    display: table;
    margin: 0 auto;
    min-height: 295px;
	max-width: 950px;
	width: 100%;
    z-index: 44;
}
.body-container .subbody-container {
    margin: 0 auto;
}
.body-container .breadcrumb {
	position: relative;
	margin: 10px auto 40px;
    max-width: 700px;
	z-index: 33;
}
.info-container .breadcrumb,
.samp-container .breadcrumb {
	margin: 10px auto 15px;
}
.samp-container .breadcrumb {margin-bottom: 0;}
.body-container .breadcrumb span a {
    color: #abc;
	font-weight: bold;
    text-decoration: underline;
}
.body-container .breadcrumb span a:hover {
	color: #fff;
    text-decoration: none;
}
.body-container section { margin: 0px auto 20px; }

/********************************
*** Input Page
********************************/
.input-container .secDesc {
    margin: 10px auto;
    width: 75%;
    color: #ccc;
    font-size: 1em;
    text-align: center;
}
.input-container .one-design .komi_cont {	
    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: 210px 90px 80px;
}
.input-container .one-design .komiInfo ul {
    display: table;
    margin: 0 auto;
    max-width: 70%;
	min-width: 60%;
}
.body-container .komiInfo ul li span {
    background: transparent url(../images/input/inpKmIcon.png) no-repeat left 2px;
    display: block;
    padding: 2px 0px 8px 40px;
	min-height: 29px;
    color: #fff;
}
.body-container .komiInfo ul li span span,
.body-container .komiInfo ul li br {
	display: none;
}

.two-design {
    background: transparent;
	background-image: url(../images/input/inpFmMy.jpg), url(../images/input/inpFmBtm.jpg), url(../images/input/inpFmBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
    position: relative;
	padding: 230px 0 100px;
	color: #000;
}
.two-design .secTop.target {
    background: transparent url(../images/input/inpFmOne.jpg) no-repeat center top;
	padding-top: 240px;
	width: 100%;
}
.two-design .secTitle {
    background: transparent url(../images/input/inTop.png) no-repeat center top;
    position: relative;
    top: -15px;
    width: 100%;
    height: 72px;
    padding: 45px 0 0;
    text-indent: -9999px;
}
.input-container .two-design .secInfo {
	display: table;
	margin: 0 auto 20px;
	font-weight: bold;
}
.input-container .two-design .secInfo .attention { font-weight: normal; }
.input-container .two-design .secInfo .fmDiv {
	margin: 0 auto 20px;
}
.input-container .fmTit {
	position: relative;
	display: inline-table;
	top: 3px;
	min-width: 100px;
    font-size: 1.3em;
}

.input-container .fmInput { display: inline-table; }
.input-container form .secInfo .sex .fmInput {
    position: relative;
	top: 3px;
    font-size: 1.3em;
}
.input-container form .secInfo .sex .fmInput input[type="radio"] {
	position: relative;
	top: -3px;
}

.input-container select {
    padding: 10px;
	font-size: 1.2em;
}
input, select {
    font-size: 1.1em;
    padding: 5px;
    margin-bottom: 2px;
	text-align: left;
    border: 1px solid #888;
    vertical-align: middle;
}
form input[type="text"] {
	padding: 4px;
	width: 100%;
    border-radius: 5px;
}
form input[type="radio"], form input[type="checkbox"] {
    margin: 0 8px;
    vertical-align: middle;
}
form input[type="image"] {
	display: table;
	margin: 20px auto;
	padding: 0;
    border: 0;
}
.input-container .two-design .entry_save h4 {
    float: left;
	position: relative;
	top: 3px;
    line-height: 1.6em;
}
.spanError {
    position: absolute;
    display: none;
    color: #ffc200;
    top: -25px;
    left: 203px;
    background: rgba(22,22,22,66%);
    border: 1px solid #171717;
    font-size: 13px;
    width: 120px;
    text-align: center;
    line-height: 1.5em;
	border-radius: 3px;
	text-indent: 0;
}

/********************************
*** Button Styling
********************************/
.input_submit a, .blur a {
    display: table;
    margin: 0 auto;
    text-decoration: none;
}
.one-design br + a { display: table; margin: 0 auto; }
.free-btn, .charge-btn, .start-btn {
	background: transparent no-repeat center top;
	display: table;
    margin: 0 auto;
    width: 420px;
    height: 130px;
	pointer-events: none;
}
.free-container .charge-btn {
    float: none;
    clear: both;
}
.free-btn { background-image: url(../images/common/button/btnFree.png); }
.charge-btn { background-image: url(../images/common/button/btnSubmit.png); }
.start-btn { background-image: url(../images/common/button/btnStart.png); height: 90px; margin-bottom: 20px; }
a:hover .free-btn, a:hover .charge-btn, a:hover .start-btn {
	background-position: center bottom;
}
.free-container .charge-btn {
    background-image: url(../images/common/button/btnNext.png);
	width: 296px;
    height: 90px;
    padding: 0;
    color: #fff;
    font-size: 0.6em;
    text-align: center;
}
.priceHolder {
	display: table-cell;
	width: 100%;
	height: 100%;
    color: #fff;
    font-size: 2.5em;
    font-weight: normal;
	text-align: center;
    pointer-events: none;
	vertical-align: middle;
	text-shadow: -1px -1px 5px #192730, 1px -1px 5px #192730, -1px 1px 5px #192730, 
		1px 1px 5px #192730, 0px 0px 5px #192730, 0px 0px 8px #101e27;
}
.free-container .charge-btn .priceHolder { color: #f2eca1; }
.free-btn:hover .priceHolder, .charge-btn:hover .priceHolder {
	text-shadow: 0 0 1px rgba(88, 88, 88, 0.7), 0 0 3px rgba(88, 88, 88, 0.7);
}
.charge-btn:hover .priceHolder {
	color: #fff;
}

/********************************
*** Info Page
********************************/
.infCont {
	background: transparent;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
    position: relative;
    margin: 0px auto;
	padding: 80px 0 80px;
    max-width: 840px;
	width: 100%;
}
.infCont .secTitle {
	height: 70px;
	margin-bottom: 90px;
}
.infCont .secInfo {
	padding: 0;
}
.infCont.secAbout .secInfo {
	background: transparent no-repeat;
	background-image: url(../images/info/infProImg.jpg), url(../images/info/infProNm.jpg);
	background-position: center top, center 373px;
	padding: 490px 110px 0;
}
.infCont.secSample .secInfo { padding: 0 70px; }
.infCont.secAbout { background-image: url(../images/info/infProTop.jpg), url(../images/info/infBtm.jpg), url(../images/info/infBg.jpg); }
.infCont.secSkill { background-image: url(../images/info/infSkillTop.jpg), url(../images/info/infBtm.jpg), url(../images/info/infBg.jpg); }
.infCont.secSample { background-image: url(../images/info/samp/sampTop.jpg), url(../images/info/samp/sampBtm.jpg), url(../images/info/samp/sampBg.jpg); }
.infCont .secSamp {
	background: transparent no-repeat right top;
	background-size: 380px;
	height: 522px;
	margin-bottom: 20px;
}
.infCont .secSamp.secSamp1 { background-image: url(../images/info/samp/samp1.png); padding-top: 330px; }
.infCont .secSamp.secSamp2 { background-image: url(../images/info/samp/samp2.png); height: 510px; margin-top: 100px; }
.infCont .secSamp.secSamp3 { background-image: url(../images/info/samp/samp3.png); height: 704px; }
.infCont .secSamp.secSamp4 { background-image: url(../images/info/samp/samp4.png); height: 589px; }
.infCont .secSamp p { display: none; }

.infCont dt {
	font-weight: bold;
	background: url(../images/info/infProIcon.jpg) no-repeat left top;
	padding-left: 45px;
	padding-top: 7px;
	min-height: 32px;
}
.infCont dd {
	padding-left: 45px;
}
.infCont.secAbout .secInner {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif, "KaiTi";
	background: transparent url(../images/info/infProMsg.jpg) no-repeat center top;
	padding: 110px 30px 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
}

.infCont .abtTit {
	background: transparent no-repeat center top;
	margin: 20px auto 0;
	padding-top: 50px;
	text-indent: -9999px;
}
.infCont .abtSec1 .abtTit { background-image: url(../images/info/infSkillTop2.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/infSkillTop3.jpg); }
.infCont .abtSec3 .abtTit { background-image: url(../images/info/infSkillTop4.jpg); }
.infCont .abtSec4 .abtTit { background-image: url(../images/info/infSkillTop5.jpg); }
.infCont .abtSec .paragraph {
	background: transparent no-repeat left top;
	padding: 20px 90px;
    min-height: 210px;
}
.infCont .abtSec1 .paragraph { background-image: url(../images/info/infSkillImg1.jpg); padding-top: 260px; }
.infCont .abtSec2 .paragraph { background-image: url(../images/info/infSkillImg2.jpg); padding-left: 320px; }
.infCont .abtSec3 .paragraph {
	background-image: url(../images/info/infSkillImg3.jpg);
	padding-top: 260px;
	min-height: auto;
}
.infCont .abtSec4 .paragraph { background-image: url(../images/info/infSkillImg4.jpg); padding-left: 320px; min-height: 310px; }

.secRecomm {
	background: transparent;
	background-image: url(../images/top/recommTop.jpg), url(../images/top/recommBtm.jpg), url(../images/top/recommBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 480px 0 100px;
	max-width: 880px;
}
.free .secRecomm .secInfo { padding: 0 99px; }
.top-container .topCont.secRecomm {
	background-image: url(../images/top/recommBtm.jpg), url(../images/top/recommBg.jpg);
    background-repeat: no-repeat, repeat-y;
    background-position: center bottom, center top;
    padding: 0 160px 110px;
	padding: 0 160px 80px;
}

.secReview {
	background: transparent;
	background-image: url(../images/top/revBoardTop.jpg), url(../images/top/revBoardBtm.jpg), url(../images/top/revBoardBg.jpg);
	background-position: center top, center 102%, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 150px 0 110px;
	max-width: 880px;
}
.secReview .secInfo { padding: 0 20px; }
.secReview .secInner {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: transparent;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 20px 0 0;
}
.secReview .secInner.secInner1 { background-image: url(../images/top/reviewInrTop1.jpg), url(../images/top/reviewInrBtm.jpg), url(../images/top/reviewInrBg.jpg); }
.secReview .secInner.secInner2 { background-image: url(../images/top/reviewInrTop2.jpg), url(../images/top/reviewInrBtm.jpg), url(../images/top/reviewInrBg.jpg); }
.secReview .secInner .revTit {
	height: 110px;
	text-indent: -9999px;
}
.secReview .secInner1 .revTit { background-image: url(../images/top/revBoardTop2.jpg); }
.secReview .secInner2 .revTit { background-image: url(../images/top/revBoardTop3.jpg); }
.secReview .secInner3 .revTit { background-image: url(../images/top/revBoardTop4.jpg); }
.secReview .secInner .revComment {
	background: transparent no-repeat left top;
	margin-bottom: 10px;
	padding: 30px 140px;
    height: 200px;
}
.secReview .secInner .revProduct {
    background-color: #fff;
    margin: 0 auto;
	padding: 50px 30px;
    max-width: 570px;
	border: 3px double #6a633b;
}
.secReview .secInner .revComment, .secReview .secInner .revProduct {
	font-size: 1.2em;
	line-height: 1.5em;
}
.secReview .secInner .revComment {
	text-indent: -9999px;
}
.secReview .secInner1 .revComment { background-image: url(../images/top/revComment1.jpg); }
.secReview .secInner2 .revComment { background-image: url(../images/top/revComment2.jpg); padding: 25px 140px; height: 182px; }
.secReview .secInner3 .revComment { background-image: url(../images/top/revComment3.jpg); }

.secReview .secInner .revProduct.commonMenuBox .info a h3:first-child {
	font-size: 0.9em;
	color: #3f286d;
	text-decoration: none;
}
.secReview .secInner .revProduct.commonMenuBox .info a h3 { color: #6633cc; text-decoration: underline; text-shadow: none; }
.secReview .secInner .revProduct.commonMenuBox .info a:hover h3 { color: #663399; text-decoration: none; }
.secReview .secInner .revProduct.commonMenuBox .info a:visited h3 { color: #6666ff; }

/********************************
*** Result Page
********************************/
.result-container .secGreet {
	background: url(../images/result/rsltGreetBg.jpg) no-repeat center top;
	margin: 0 auto;
	padding: 130px 50px 0;
	color: #ddd;
	max-width: 840px;
	min-height: 315px;
}
.result-container .secGreet .localTime {
	float: left;
	margin-right: -13px;
}
.result-container .secGreet .secInfo {
	position: relative;
    margin-left: 70px;
	padding: 25px 25px;
/*	overflow: hidden;*/
}
.result-container .greetMsg {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width: 480px;
	height: 210px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
}

.fadein, .fadein2, .fadein3 { opacity: 0; }

.secCommon {
	background: transparent url(../images/result/rsltBg.jpg) repeat-y center top;
	margin: 0 auto;
	max-width: 840px;
	color: #fff;
}
.secCommon .cmnTit {
	background: transparent url(../images/result/rsltCmnTit1.jpg) no-repeat center top;
	height: 160px;
	text-indent: -9999px;
}
.secCommon .cmnTit1 { background-image: url(../images/result/rsltCmnTit3.jpg); }
.secCommon .cmnTit2 { background-image: url(../images/result/rsltCmnTit4.jpg); }
.secCommon .cmnTit3 { background-image: url(../images/result/rsltCmnTit5.jpg); }
.secCommon .cmnTit4 { background-image: url(../images/result/rsltCmnTit2.jpg); }

.secCommon .secUser {
	padding-bottom: 20px;
	color: #ffccff;
	font-weight: bold;
	text-align: center;
}
.secCommon .secUser .target .secInfo { color: #ccffff; }
.secCommon .secUser .secInfo .usrBday, .secCommon .secUser .secInfo .usrGdr { display: inline-table; }
.secCommon .secUser .secInfo .usrGdr { padding-left: 20px; }

.reiBoard {
	background: url(../images/result/rsltCmnBg1.jpg) no-repeat center top;
	position: relative;
	margin: 0 auto;
	width: 710px;
	height: 420px;
	text-align: center;
}
.reiBoard2 { background-image: url(../images/result/rsltCmnBg3.jpg); }
.reiBoard3 { background-image: url(../images/result/rsltCmnBg2.jpg); }
.reiBoard .motif {
	position: absolute;
	top: 70px;
	left: 34px;
	z-index: 25;
}
.reiBoard .motif2 { z-index: 26; }
.reiBoard .motif .fadein { opacity: 0; }

.secListing {
	background: transparent center bottom;
	background-image: url(../images/result/rsltBtm.jpg), url(../images/result/rsltBg.jpg);
	background-repeat: no-repeat, repeat-y;
    margin: 0 auto;
	padding-bottom: 94px;
	max-width: 840px;
	color: #fff;
}
.secListing .listTop {
	background: transparent;
	background-image: url(../images/result/rsltTypeTitTop.jpg), url(../images/result/rsltTypeTitBtm.jpg), url(../images/result/rsltTypeTitBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 65px 110px;
	min-height: 45px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	text-shadow: 0 0 3px #000, 0 0 8px #000, 0 0 10px #000;
}
.secListing .listTop.sectype4 { background-image: url(../images/result/rsltTypeTitTop.jpg), url(../images/result/rsltTitDiv.jpg), url(../images/result/rsltTypeTitBg.jpg); padding-bottom: 55px; }

.secListing .secTitle {
	background: transparent;
	background-image: url(../images/result/rsltLstTitTop.jpg), url(../images/result/rsltLstTitBtm.jpg), url(../images/result/rsltLstTitBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	margin: 0 auto 20px;
	padding: 55px 90px;
	color: #ddd8dd;
	font-size: 1.3em;
	font-weight: bold;
}
.secListing .type1.first .secTitle,
.secListing [class*="type3"].first .secTitle {
    background-image: none;
    padding: 20px 30px;
    max-width: 70%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.secListing .type2.first .secTitle {
	background: no-repeat center top;
    background-image: url(../images/result/rsltT2Tit1.jpg);
    padding: 370px 80px 0;
}
.secListing .type2.first .secTitle.tit1 { background-image: url(../images/result/rsltT2Tit3.jpg); }
.secListing .type2.first .secTitle.tit2 { background-image: url(../images/result/rsltT2Tit4.jpg); }
.secListing .type2.first .secTitle.tit3 { background-image: url(../images/result/rsltT2Tit5.jpg); }
.secListing .type2.first .secTitle.tit4 { background-image: url(../images/result/rsltT2Tit2.jpg); }
.secListing .type2.first .secTitle .paragraph,
.secListing .type4.first .secTitle .paragraph {
	background: #093f88;
    background-color: rgba(48, 31, 82, 0.5);
    border-top: #333 1px solid;
    border-bottom: #333 1px solid;
	padding: 20px 30px;
}
.secListing .type2.first .secInfo .paragraph {
	float: left;
	width: 55%;
}
.motif_box img {
	display: table;
	margin: 0 auto;
}
.res_type2_motif_box { float: left; margin-left: 65px; }

.secListing .type4.first .secTitle {
	background: no-repeat center top;
    background-image: url(../images/result/rsltJikiTit1.jpg);
    padding: 350px 80px 0;
}
.secListing .type4.first .secTitle.tit1 { background-image: url(../images/result/rsltJikiTit2.jpg); }
.secListing .type4.first .secTitle.tit2 { background-image: url(../images/result/rsltJikiTit3.jpg); }
.secListing .type4.first .secTitle.tit3 { background-image: url(../images/result/rsltJikiTit4.jpg); }
.secListing .type4.first .secTitle.tit4 { background-image: url(../images/result/rsltJikiTit5.jpg); }

.secListing [class*="type3"].first .type3Top {
	background: url(../images/result/rsltT3Tit1.jpg) no-repeat center top;
	width: 100%;
	height: 204px;
}
.person2 .secListing [class*="type3"].first .type3Top {
	background-image: url(../images/result/rsltT3Tit2.jpg);
}
.secListing [class*="type3"].first .secInfo {
	display: none;
	overflow: hidden;
}
.secListing .final.first {
	background: no-repeat center top;
    background-image: url(../images/result/rsltFinalTop.jpg);
    padding: 180px 0 0;
}
.secListing .final.first .secTitle {
	background-image: none;
	padding: 0 90px;
	min-height: 110px;
}
.secListing .final.first .secTitle .paragraph {
    background: rgba(36, 15, 52, 0.7);
    padding: 20px 30px;
    border-radius: 10px;
 	border: 1px solid #121010;
}
.secListing .final.first .finalCatch {
	background: url(../images/result/rsltFinalTxt.jpg);
	width: 100%;
	height: 94px;
}
.secListing .final.first .secInfo {
	background: url(../images/result/rsltFinalBg.jpg) no-repeat left bottom;
	padding: 0 90px 60px 280px;
}
.secListing .final.first .secInfo .secInList {
	background: rgba(0, 0, 0, 0.8);
	padding: 40px 0;
	border: #333 1px solid;
	height: 100%;
    min-height: 285px;
	border-radius: 10px;
}
.secListing .typeMsg.first {
	background: no-repeat center top;
    background-image: url(../images/result/rsltLstMsg.jpg);
    padding: 160px 0 30px;
}
.secListing .typeMsg.first .greetMsg {
	padding-left: 90px;
	margin-bottom: 40px;
}

.secListing .secInfo { padding: 0 120px; }
.secListing .secInfo p { padding: 0 20px; }
.secListing .type2 .secInfo, .secListing .secMsg .secInfo { padding: 0 70px; }
.secListing .type2 .secInfo .paragraph, .secListing .secMsg .secInfo .paragraph { padding: 0; }
.secListing .secInfo .paragraph { padding: 0; }

.scroll_box {
    overflow: hidden;
    display: none;
}
.secListing .paragraph span {
	font-weight: bold;
	font-size: 115%;
}
.secListing .paragraph span.master_text1 { color: #ffa4a4; }
.secListing .paragraph span.master_text2 { color: #C5A9F8; }
.secListing .paragraph span.master_text3 { color: #a9f8cd; }
.secListing .paragraph span.master_text4 { color: #84c5ff; }

/* message-container */
.secListing .secMsg .secTitle {
	background: url(../images/result/rsltMsgTit.jpg) no-repeat center top;
	padding: 50px 40px 20px;
    height: 150px;
	text-align: center;
}
.secListing .secMsg .secTitle .paragraph { display: none; }
.secListing .secMsg .secInfo { background: url(../images/result/rsltMsgBg.jpg) no-repeat left bottom; }
.secListing .secMsg .secInList .paragraph {
	float: left;
	width: 410px;
	opacity: 0;
}
.free-container .secListing .secMsg .secInList .paragraph {
	padding: 0 20px;
	width: 380px;
}
.res_sub_top5 {
	width: 840px;
	height: 230px;
	background: url(../images/common/res_sub_top5.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_img5 {
	float:left;
	width: 280px;
	height: 398px;
}
.res_tarot_canvas {
	width: 280px;
	height: 398px;
	overflow: hidden;
}
.res_card_img { display: block; }
.res_sub_img5 > img {
	display: none;
	margin-top: 15px;
}

/********************************
*** blur Styling
********************************/
.result-container .paragraph .blur {
    background: transparent url(../images/result/blur/text_img_m.png) no-repeat center top;
	background-size: 100%;
    height: 170px;
    padding-top: 40px;
}
.secListing .type2.first .secInfo .paragraph .blur { background-image: url(../images/result/blur/text_img_s3.png); height: 210px; }
.result-container .paragraph .blur.jiki { background-image: url(../images/result/blur/text_img_m_jiki.png); }
.secListing .final.first .secInfo .blur, .secListing .secMsg .secInfo .blur {
	background-image: url(../images/result/blur/text_img_s.png);
	
	height: 190px;
    padding-top: 77px;
    margin-top: 20px;
}
.secListing .final.first .secInfo .blur { background-size: 80%; }


/********************************
*** top-container Styling
********************************/
.top-container .breadcrumb { display: none; }
.directLink {
	display: block;
	padding: 0 80px 20px;
	text-align: right;
	color: #e8ca22;
}
a:hover.directLink { color: #c80; }
a:visited.directLink { color: #edaa25; }
.body-container .commonMenuBox .info .description {
	margin-top: 10px;
	color: #000;
	line-height: 1.5em;
}

.prodDiv {
	background: transparent url(../images/top/newDiv.png) no-repeat center top;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 100%;
	height: 50px;
}
.top-container .topCont {
	background: transparent;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 200px 160px 80px;
}
.top-container .topCont.secNew { background-image: url(../images/top/newTop.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg); }
.top-container .recommCatch {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif, "KaiTi";
	background: url(../images/top/revTop.jpg) no-repeat center top;
	padding: 50px 380px 135px 140px;
    height: 210px;
    font-size: 1.3em;
    line-height: 1.8em;
}
.top-container .topCont.secListing { padding: 240px 120px 80px; }
.top-container .topCont.secListing .secInfo { padding: 0; }
.top-container .topCont.secListing .float {
	background: url(../images/top/cateBg.png) no-repeat right bottom;
	min-height: 290px;
}
.top-container .topCont.secListing .secMenu {
	background: transparent;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top;
	position: relative;
	padding: 20px 0;
}
.top-container .topCont.lstSingle-1 .secMenu.last {
	float: left;
	width: 50%;
}
.top-container .topCont.lstSingle-1 .secMenu.last .menuInfo {
	width: 84%;
}
.top-container .topCont.secLove { background-image: url(../images/top/loveTop.jpg), url(../images/top/loveBtm.jpg), url(../images/top/loveBg.jpg); }
.top-container .topCont.secMarry { background-image: url(../images/top/marrTop.jpg), url(../images/top/marrBtm.jpg), url(../images/top/marrBg.jpg); }
.top-container .topCont.secLife { background-image: url(../images/top/lifeTop.jpg), url(../images/top/lifeBtm.jpg), url(../images/top/lifeBg.jpg); }
.top-container .topCont.secLove .secMenu { background-image: url(../images/top/loveInrTop.jpg), url(../images/top/loveInrBtm.jpg), url(../images/top/loveInrBg.jpg); }
.top-container .topCont.secMarry .secMenu { background-image: url(../images/top/marrInrTop.jpg), url(../images/top/marrInrBtm.jpg), url(../images/top/marrInrBg.jpg); }
.top-container .topCont.secLife .secMenu { background-image: url(../images/top/lifeInrTop.jpg), url(../images/top/lifeInrBtm.jpg), url(../images/top/lifeInrBg.jpg); }
.top-container .topCont.secListing .menuInfo {
    display: inline-table;
    width: 42%;
    padding: 26px 15px 50px 35px;
}
.top-container .topCont.secListing .menuInfo:first-child { margin-right: 5px; }
.top-container .topCont.secListing .menuInfo .info .iconelement {
	padding-top: 0;
	padding-left: 72px;
}
.top-container .topCont.secListing .menuInfo .info .infoelement { font-size: 1em; }
.top-container .topCont.secListing .menuInfo .info .infoelement p { padding: 0; }
.top-container .topCont.lstSingle-1 .secMenu .price {
	position: absolute;
	bottom: 40px;
	width: 290px;
	text-align: right;
}

.next_alert {
	display: table;
	margin: 20px auto;
	padding: 10px 12px;
	max-width: 410px;
	color: #FDDD4A;
	font-size: 15px;
	line-height: 1.5em;
	border: 1px solid #FDDD4A;
}
.secYudo {
	background: transparent;
	background-position: center top, center bottom, center bottom;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-image: url(../images/result/free/rsltYudoTop.jpg), url(../images/result/free/rsltYudoBtm.jpg), url(../images/result/free/rsltYudoBg.jpg);
	padding-top: 330px;
}
.secYudo .yudoInner { padding: 0 110px 90px; }
.body-container .secYudo .yudoInner .commonMenuBox.noBg { margin: 50px; }
.secYudo .yudoContent {
	background-color: rgba(48, 31, 82, 0.5);
    margin: 10px auto 20px;
    padding: 20px 40px;
    max-width: 580px;
    border-top: #333 1px solid;
    border-bottom: #333 1px solid;
    font-size: 20px;
}
.secYudo .yudoContent a { text-decoration: none; }
.secYudo .yudoContent .komiTitle {
	background: url(../images/result/free/rsltYudoKmTit.png) no-repeat center top;
	margin-bottom: 20px;
	height: 70px;
	width: 100%;
	color: transparent;
	text-align: center;
	padding-top: 15px;
	font-size: 32px;
}
.secYudo .yudoContent .komiInfo { margin-bottom: 20px; font-size: 17px; }
.secYudo .yudoInner .secList { max-width: 660px; }

/********************************
*** secFree Part
********************************/
.top-container .topCont.secFree {
	background: transparent;
	background-image: url(../images/top/free/freeTop.jpg), url(../images/top/free/freeBtm.jpg), url(../images/top/free/freeBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	margin: 0 auto 20px;
	padding: 230px 110px 70px;
	max-width: 900px;
}
.top-container .topCont.secFree .secInfo {
	background: transparent;
	background-image: url(../images/top/free/freeInrTop.jpg), url(../images/top/free/freeInrBtm.jpg), url(../images/top/free/freeInrBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 50px;
}
.top-container .topCont.secFree .secInfo.plural {
	background-image: url(../images/top/free/freeInrTop2.jpg), url(../images/top/free/freeInrBtm2.jpg), url(../images/top/free/freeInrBg2.jpg);
	display: flex;
	padding: 50px 0px 50px 15px;
	align-items: stretch;
	column-gap: 20px;
}
.top-container .topCont.secFree .secInfo.plural .menuInfo {
	padding: 0 24px;
	text-align: justify;
}

.secSpeIntro {
	background-image: url(../images/top/introTop.jpg), url(../images/top/introBtm.jpg), url(../images/top/introBg.jpg);
	padding: 335px 0 85px;
}
.inrSpeCatch {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif, "KaiTi";
	background: url(../images/top/introImg1_2.jpg) no-repeat center top;
	padding: 90px 330px 25px 105px;
    height: 210px;
    font-size: 1.3em;
    line-height: 1.8em;
}
.inrSpeIntro2 .inrSpeCatch { background-image: url(../images/top/introImg2_2.jpg); padding: 95px 100px 55px 330px; }
.inrSpeIntro .speProduct {
	background: none;
	margin: 0 auto;
	max-width: 670px;
	padding: 20px;
	border: double 3px #6a633b;
}
.inrSpeIntro a {
	color: #fff134;
	text-decoration:underline;
	font-size: 100%;
	line-height: 180%;
}
.inrSpeIntro a:link {
	color: #fff134;
	text-decoration:underline;
	font-size: 100%;
	line-height: 180%;
}
.inrSpeIntro a:visited {
	color: #fff;
	text-decoration:underline;
	font-size: 100%;
	line-height: 180%;
}
.inrSpeIntro a:hover {
	color: #fffdab;
	text-decoration:none;
	font-size: 100%;
	line-height: 180%;
}