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/mBg.png), url(../images/common/mBgTop.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: -9999px; }
.fixed-cont {
    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-yellow { color: #ffe400; }
.text-purple { color: #990099; }
.text-soft-purple { color: #800b8b !important; }
.text-dark-purple { color: #1b0142; }
.text-pink { color: #ffa5d8; }
.text-blue { color: #004672; }
.text-pgreen { color: #CC0; }
.attention { color: #ffefb2; 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.png) repeat-y center top; padding: 10px; text-align: center; }
.body-footer a, .bodyFooter .center { 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 {
    background: transparent url(../images/common/naviBg.png) no-repeat center top;
    position: relative;
	padding-top: 1px;
}
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: block;
    margin: 0 auto -100px;
    padding: 0px 20px 15px;
	width: 100%;
	min-height: 172px;
	max-width: 840px;
}
.paid-container .navi-container { min-height: 140px; }
.navi-container .naviInfo {
	background: transparent url(../images/common/naviBtm.png) no-repeat center bottom;
	display: table;
	padding-bottom: 17px;
}
.paid-container .navi-container .naviInfo { display: none; }
.navi-container .navi_btn {
    background: transparent no-repeat center top;
	margin: 0 auto;
    width: 280px;
    height: 50px;
    float: left;
}
.navi-container div.navi_top { background-image: url(../images/common/button/naviTop.png); }
.navi-container div.navi_profile { background-image: url(../images/common/button/naviProfile.png); }
.navi-container div.navi_info { background-image: url(../images/common/button/naviInfo.png); }
.navi-container div.navi_input { background-image: url(../images/common/button/naviInput.png); }

.navi-container div.navi_top:hover,
.navi-container div.navi_input:hover,
.navi-container div.navi_info:hover,
.navi-container div.navi_profile:hover {
    background-position: center bottom;
}
/*.input-container .navi-container div.navi_top,*/
.input-container .navi-container div.navi_input,
.info-container .navi-container div.navi_info,
.top-container .navi-container div.navi_profile {
    background-position: center bottom;
	pointer-events: none;
}

/********************************
*** Common Part
********************************/
.body-container .commonMenuBox {
	background: transparent;
	background-image: url(../images/common/menu/menuTop.png), url(../images/common/menu/menuBtm.png), url(../images/common/menu/menuBg.png);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100% 50px, 100% 50px, 100%;
	margin: -25px auto 0;
    padding: 40px 0;
}
.body-container .commonMenuBox .info {
    padding: 0 80px;
    color: #fff;
}
.body-container .commonMenuBox.noBg {
	background-image: none;
	margin: 0 auto;
	padding: 0;
}
.body-container .commonMenuBox.noBg .info { padding: 0; }
.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, erdwl, ngrdxy, reason, qihedu, jiehun, life, future, job, total, bulun, fuhe, qingyu, kulian, jwzh, nianyun, jueduan, fuyuan, lovedirection, rjkx, spdyx, suyuan, zhenxin, ngrday, kaiyun, zaihun, lihun, ageDiff, yueyun, kindanLove, spdlq, nightqhd */
.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.erdwl { background-image: url(../images/common/icon/icon3.png); }
.body-container .commonMenuBox .info .iconelement.ngrdxy { background-image: url(../images/common/icon/icon4.png); }
.body-container .commonMenuBox .info .iconelement.reason { background-image: url(../images/common/icon/icon5.png); }
.body-container .commonMenuBox .info .iconelement.qihedu { background-image: url(../images/common/icon/icon6.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.future { background-image: url(../images/common/icon/icon9.png); }
.body-container .commonMenuBox .info .iconelement.job { background-image: url(../images/common/icon/icon10.png); }
.body-container .commonMenuBox .info .iconelement.total { background-image: url(../images/common/icon/icon11.png); }
.body-container .commonMenuBox .info .iconelement.bulun { background-image: url(../images/common/icon/icon12.png); }
.body-container .commonMenuBox .info .iconelement.fuhe { background-image: url(../images/common/icon/icon13.png); }
.body-container .commonMenuBox .info .iconelement.qingyu { background-image: url(../images/common/icon/icon14.png); }
.body-container .commonMenuBox .info .iconelement.kulian { background-image: url(../images/common/icon/icon15.png); }
.body-container .commonMenuBox .info .iconelement.jwzh { background-image: url(../images/common/icon/icon16.png); }
.body-container .commonMenuBox .info .iconelement.nianyun { background-image: url(../images/common/icon/icon17.png); }
.body-container .commonMenuBox .info .iconelement.jueduan { background-image: url(../images/common/icon/icon18.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.rjkx { background-image: url(../images/common/icon/icon21.png); }
.body-container .commonMenuBox .info .iconelement.spdyx { background-image: url(../images/common/icon/icon22.png); }
.body-container .commonMenuBox .info .iconelement.suyuan { background-image: url(../images/common/icon/icon23.png); }
.body-container .commonMenuBox .info .iconelement.zhenxin { background-image: url(../images/common/icon/icon24.png); }
.body-container .commonMenuBox .info .iconelement.ngrday { background-image: url(../images/common/icon/icon35.png); }
.body-container .commonMenuBox .info .iconelement.kaiyun { background-image: url(../images/common/icon/icon27.png); }
.body-container .commonMenuBox .info .iconelement.zaihun { background-image: url(../images/common/icon/icon28.png); }
.body-container .commonMenuBox .info .iconelement.lihun { background-image: url(../images/common/icon/icon29.png); }
.body-container .commonMenuBox .info .iconelement.ageDiff { background-image: url(../images/common/icon/icon30.png); }
.body-container .commonMenuBox .info .iconelement.yueyun { background-image: url(../images/common/icon/icon31.png); }
.body-container .commonMenuBox .info .iconelement.kindanLove { background-image: url(../images/common/icon/icon32.png); }
.body-container .commonMenuBox .info .iconelement.spdlq { background-image: url(../images/common/icon/icon33.png); }
.body-container .commonMenuBox .info .iconelement.nightqhd { background-image: url(../images/common/icon/icon34.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;
	text-shadow: 0 0 2px #000, 0 0 5px #000, 0 0 10px #000;
}
.body-container .commonMenuBox .info .infoelement h3 {
	color: #ffdd5a;
	font-size: 1.2em;
	font-weight: bold;
}
.body-container .commonMenuBox .info .infoelement h3.menuTitle {
	margin-top: 2px;
	color: #e6d4e3;
	font-size: 1.28em;
}
.body-container .commonMenuBox .info .infoelement a {
	display: table;
	color: #e6d4e3;
	text-decoration: underline;
}
.body-container .commonMenuBox .info .infoelement a:hover { text-decoration: none; }
.body-container .commonMenuBox.noBg { background: none; }
.body-container .commonMenuBox .price {
	text-align: right;
	color: #ddfffb;
	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%;
}
.body-container {
	background: transparent url(../images/common/mBg.png) 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 {
	position: relative;
    margin: 0 auto;
	z-index: 99;
}
.body-container .breadcrumb {
	margin: 10px auto 30px;
    max-width: 800px;
}
.info-container .breadcrumb,
.samp-container .breadcrumb {
	margin: 10px auto 15px;
}
.samp-container .breadcrumb {margin-bottom: 0;}
.body-container .breadcrumb span a {
    color: #abc;
    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;
}
.one-design .fixed-cont + br + a {
	display: table;
	margin: 0 auto;
}
.input-container .one-design .komi_cont {	
    background: transparent;
	background-image: url(../images/input/kmTop.jpg), url(../images/input/inpBtm.jpg), url(../images/input/inpBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position:  center top, center bottom, center top;
	padding: 150px 90px 70px;
}
.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/kmIcon.png) no-repeat left 2px;
    display: block;
    padding: 2px 0px 8px 35px;
	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/fmTitMe.png), url(../images/input/inpBtm.jpg), url(../images/input/inpBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
    position: relative;
	padding: 180px 0 70px;
	color: #000;
}
.two-design .secTop.target {
    background: transparent url(../images/input/fmTitOne.jpg) no-repeat center top;
	padding-top: 180px;
	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 { font-weight: bold; }
.input-container .two-design .secInfo .attention { font-weight: normal; }
.input-container .two-design .secInfo .fmDiv {
	margin: 0 auto 20px;
    display: table;
	color: #fff;
}
.input-container .fmTit {
    background: transparent no-repeat left top;
	position: relative;
	display: inline-table;
	top: -3px;
    width: 40px;
    height: 35px;
    color: #fff;
    font-size: 1em;
    text-indent: -9999px;
}
.input-container form .secInfo .name .fmTitF { background-image: url(../images/input/fmTitFNm.png); }
.input-container form .secInfo .name .fmTitL { background-image: url(../images/input/fmTitLNm.png); }
.input-container form .secInfo .birthday .fmTit { background-image: url(../images/input/fmTitBday.png); width: 150px; }
.input-container form .secInfo .sex .fmTit { background-image: url(../images/input/fmTitSex.png); width: 129px; font-size: 3em; }

.input-container .fmInput { display: inline-table; }
.input-container form .secInfo .sex .fmInput {
    position: relative;
	top: -9px;
    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: 80%;
    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 {
    margin: 20px auto 0;
	color: #fff;
}
.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: -23px;
    left: 100px;
    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;
}
.free-btn, .charge-btn, .start-btn {
	background: transparent no-repeat center top;
	display: table;
    width: 540px;
    height: 180px;
    margin: 10px auto 0;
	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.5em;
    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: 20px 0 80px;
    max-width: 840px;
	width: 100%;
}
.infCont .secTitle {
	height: 90px;
	margin-bottom: 50px;
}
.infCont .secInfo {
	padding: 0 80px;
}
.infCont.secAbout .secInfo {
	background: transparent no-repeat;
	background-image: url(../images/info/infProImg.jpg), url(../images/info/infProNm.jpg);
	background-position: left top, right top;
	padding-top: 370px;
}
.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/infAbtTop.jpg), url(../images/info/infBtm.jpg), url(../images/info/infBg.jpg); }

.infCont.secAbout ul li {
	background: transparent url(../images/info/infProInfoIcon.jpg) no-repeat left top;
	padding-top: 3px;
	padding-left: 40px;
}
.infCont.secAbout .secInner {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: transparent url(../images/info/infProMsg.jpg) no-repeat center top;
	padding: 100px 40px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

.infCont .abtTit {
	background: transparent no-repeat center top;
	padding-top: 100px;
	margin: 20px auto 0;
	text-indent: -9999px;
}
.infCont .abtSec1 .abtTit { background-image: url(../images/info/infAbtTop1.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/infAbtTop2.jpg); }
.infCont .abtSec3 .abtTit { background-image: url(../images/info/infAbtTop3.jpg); }
.infCont .abtSec .paragraph {
	background: transparent no-repeat left top;
	padding-top: 12px;
	padding-left: 310px;
	padding-right: 50px;
    min-height: 220px;
}
.infCont .abtSec1 .paragraph { background-image: url(../images/info/infAbtImg1.jpg); }
.infCont .abtSec2 .paragraph { background-image: url(../images/info/infAbtImg2.jpg); }
.infCont .abtSec3 .paragraph {
	background-image: url(../images/info/infAbtImg3.jpg);
	background-position: center bottom;
	padding-left: 50px;
	padding-bottom: 250px;
	min-height: auto;
}

.secRecomm {
	background: transparent;
	background-image: url(../images/top/recommTop.jpg), url(../images/top/topBtm.jpg), url(../images/top/topBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 400px 0 50px;
	max-width: 880px;
}
.secRecomm .secInfo {
	padding: 0 90px;
}

.secReview {
	background: transparent;
	background-image: url(../images/info/intro/introTop.jpg), url(../images/info/intro/introBtm.jpg), url(../images/info/intro/introBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 450px 0 50px;
	max-width: 880px;
}
.secReview .secInfo { padding: 0 40px; }
.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: 40px 50px 50px;
	color: #000;
}
.secReview .secInner.secInner1 { background-image: url(../images/info/intro/introInrTop1.jpg), url(../images/info/intro/introInrBtm.jpg), url(../images/info/intro/introInrBg.jpg); }
.secReview .secInner.secInner2 { background-image: url(../images/info/intro/introInrTop2.jpg), url(../images/info/intro/introInrBtm.jpg), url(../images/info/intro/introInrBg.jpg); }
.secReview .secInner .revTit {
    margin-bottom: 10px;
	height: 80px;
	text-indent: -9999px;
}
.secReview .secInner .revComment {
	background: transparent no-repeat left top;
	padding-top: 25px;
    padding-left: 310px;
    min-height: 215px;
}
.secReview .secInner .revAns {
	background: transparent no-repeat right top;
	padding-top: 40px;
	padding-right: 310px;
	min-height: 230px;
}
.secReview .secInner .revComment, .secReview .secInner .revAns {
	font-size: 1.2em;
	line-height: 1.5em;
}
.secReview .secInner .revComment p, .secReview .secInner .revAns p { font-size: 0.9em; }
.secReview .secInner1 .revComment { background-image: url(../images/info/intro/introImg1.jpg); }
.secReview .secInner2 .revComment { background-image: url(../images/info/intro/introImg2.jpg); }
.secReview .secInner1 .revAns { background-image: url(../images/info/intro/introImg1a.jpg); }
.secReview .secInner2 .revAns { background-image: url(../images/info/intro/introImg2a.jpg); }
.secReview .secInner .revProduct {
    background: #ecedf1;
	margin: 0 0 10px;
    padding: 10px 20px;
    border: 3px double #3f087b;
}
.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: transparent url(../images/result/rsltGreetImg.png) no-repeat center bottom;
	margin: 0 auto;
	padding: 5px;
	max-width: 840px;
	min-height: 350px;
}
.result-container .secGreet .localTime {
	float: left;
	margin-right: -13px;
}
.result-container .secGreet .secInfo {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    background-color: rgba(101, 6, 134, 0.5);
	position: relative;
	margin-top: 40px;
	margin-left: 50px;
	padding: 20px 25px 10px;
	width: 440px;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	border: 1px solid #561d9e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.secCommon {
	background: transparent url(../images/result/rsltBg.jpg) repeat-y center top;
	margin: 0 auto;
	max-width: 840px;
	color: #fff;
}
.secCommon .secUser {
	background: transparent no-repeat center top;
	background-image: url(../images/result/rsltTop.jpg);
	padding-top: 70px;
	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; }

.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; }

.catlove .secListing .listTop span { color: #ff99cc; }	/*恋愛全般　ピンク系*/
/*.iconngrdxy .secListing .listTop span { color: #82E6D9; }	あの人の気持ち　緑系*/
.iconngrdxy .secListing .listTop span, .iconbulun .secListing .listTop span, .iconnightqhd .secListing .listTop span { color: #DEA7FC; }	/*不倫・夜の相性　紫系*/
.catmarry .secListing .listTop span { color: #ffcc33; }	/*結婚　オレンジ系*/
.catlife .secListing .listTop span { color:#C4E7F9; }	/*人生 青系*/
.secListing .listTop span.gold { color:#ffcc33; }	/*人生 青系*/
.secListing .listTop span.silver { color:#C4E7F9; }	/*人生 青系*/

.secListing .secTitle {
	background: transparent;
	background-image: url(../images/result/rsltTitTop.jpg), url(../images/result/rsltTitBtm.jpg), url(../images/result/rsltTitBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 70px 90px;
	color: #ddd8dd;
	font-size: 1.3em;
	font-weight: bold;
}
.secListing .listTop.sectype4 + .secList .secTitle {
	background-image: url(../images/result/rsltTitBtm.jpg), url(../images/result/rsltTitBg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat, repeat-y;
	padding: 2px 90px 70px;
}
.secListing .secInfo { padding: 0 110px; }
.secListing .comment {
	background: transparent no-repeat center top;
	padding: 65px 65px 40px;
	min-height: 240px;
	font-size: 1.14em;
	line-height: 1.5em;
}
.secListing .comment.left { background-image: url(../images/result/commentImg1.jpg); padding-left: 320px; }
.secListing .comment.right { background-image: url(../images/result/commentImg2.jpg); padding-right: 270px; }
.secListing .secLeft .secInfo, .secListing .secRight .secInfo {
	padding: 0 30px;
}
.secListing .secLeft .secInList, .secListing .secRight .secInList {
	background: transparent no-repeat left top;
	padding-left: 320px;
	min-height: 380px;
}
.secListing .secRight .secInList {
	background-position: right top;
	padding-left: 70px;
	padding-right: 320px;
}
.secListing .secLeft .secInList .paragraph, .secListing .secRight .secInList .paragraph { max-width: 400px; }
.secListing .secLeft.secLeft1 .secInList { background-image: url(../images/result/img/rsltImgL1.jpg); }
.secListing .secLeft.secLeft2 .secInList { background-image: url(../images/result/img/rsltImgL2.jpg); }
.secListing .secLeft.secLeft3 .secInList { background-image: url(../images/result/img/rsltImgL3.jpg); }
.secListing .secLeft.secLeft4 .secInList { background-image: url(../images/result/img/rsltImgL4.jpg); }
.secListing .secRight.secRight1 .secInList { background-image: url(../images/result/img/rsltImgR1.jpg); }
.secListing .secRight.secRight2 .secInList { background-image: url(../images/result/img/rsltImgR2.jpg); }
.secListing .secRight.secRight3 .secInList { background-image: url(../images/result/img/rsltImgR3.jpg); }
.secListing .secRight.secRight4 .secInList { background-image: url(../images/result/img/rsltImgR4.jpg); }

.scroll_box, .type2_scroll_box, .type1_scroll_box {
    overflow: hidden;
    display: none;
}

.secListing .paragraph span {
	font-weight: bold;
	font-size: 115%;
}
.secListing .paragraph span.master_text1 { color: #FFFF00; }
.secListing .paragraph span.master_text2 { color: #80FF80; }
.secListing .paragraph span.master_text3 { color: #00ffe9; }
.secListing .paragraph span.master_text4 { color: #ffbf29; }

/* ----------------------
 * result_type1
 *---------------------- */ 
.res_type1_box {
	/*
	position:absolute;
	top:60px;
	left: 100px;
	*/
	margin: -70px auto 0;
	width: 640px;
	text-align: center;
}
.res_type1_bg {
	width: 640px;
	height: 440px;
	margin: 0 auto 0;
	clear: both;
	position:relative;
}
.res_type1_img1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.res_type1_img2 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.res_type1_img3 {
	position: absolute;
	top: 15%;
	z-index: 10;
	text-align: center;
}
.res_type1_img4 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.res_type1_img5 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.res_type1_bg div[class^="res_type1_img"] img { opacity: 0; }

.text_name {
	color: #000;
	font-size: 191%;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
}


.res_sei {
	position: absolute;
	display: table;
	top: 50%;
	left: 125px;
	z-index: 10;
	opacity: 0;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.res_mei {
	position: absolute;
	display: table;
	top: 50%;
	left: 125px;
	z-index: 10;
	opacity: 0;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.res_sei.isEn, .res_mei.isEn {
/*	position: relative;*/
	width: 300px;
	top: 53%;
	left: 9px;
	text-align: center;
	word-break: break-all;
}
.res_sei.isEn .text_name, .res_mei.isEn .text_name { display: inline-table; }
.res_type4_bg .text_name { color: #fff; }
.res_type4_bg .res_sei .text_name, .res_type4_bg .res_mei .text_name {
	text-shadow: 0 0 10px #6633CC, 0 0 20px #6633CC, 0 0 30px #6633CC, 0 0 40px #6633CC, 0 0 70px #6633CC, 0 0 80px #6633CC, 0 0 100px #6633CC, 0 0 150px #6633CC; }
.res_type4_bg .res_sei3 .text_name, .res_type4_bg .res_mei3 .text_name {
	text-shadow: 0 0 10px #187580, 0 0 20px #187580, 0 0 30px #187580, 0 0 40px #187580, 0 0 70px #187580, 0 0 80px #187580, 0 0 100px #187580, 0 0 150px #187580; }
.res_sei.isCh { top: 160px; }
.res_mei.isCh { top: 285px; }
.res_type4_bg .isCh { left: 220px; top: 70px; }
.res_type4_bg .res_sei.isCh { top: 70px; }
.res_type4_bg .res_mei.isCh { top: 185px; }
.res_sei3, .res_mei3 { right: 130px; left: auto; }
.res_sei3.isEn, .res_mei3.isEn { right: 20px; left: auto; }
/*
@media all and (-ms-high-contrast:none){
	.res_sei.isEn, .res_mei.isEn { left: 35px\0; }
	.res_sei3.isEn, .res_mei3.isEn { right: 180px\0; left: auto\0; }
}
*/
.res_sei2.isEn, .res_sei3.isEn { top: auto; bottom: 208px; }
.res_mei3.isEn { top: 235px; }
.res_type4_bg .res_sei3.isEn, .res_type4_bg .res_mei3.isEn { top: 24px; }
.res_type4_bg .res_sei3.isCh, .res_type4_bg .res_mei3.isCh { left: auto; right: 220px; }
.person1 .res_sei2.isEn, .person1 .res_mei2.isEn { left: 180px; }
.person1 .res_sei2.isCh, .person1 .res_mei2.isCh { left: 300px; }


.img_overlay {
	position: relative;
	width: 100%;
	height: 260px;
	margin-bottom: 20px;
}
.img_overlay:before {
	content: "";
	background: transparent url(../images/common/img-overlay.png) no-repeat center top;
	position: absolute;
	display: table;
	top: -20px;
	width: 100%;
	height: 300px;
	z-index: 10;
}

/* ----------------------
 * result_type2
 *---------------------- */
.res_type2_box {
	/*
	position:absolute;
	top:60px;
	left: 100px;
	*/
	margin:-70px auto 0;
	width:640px;
	text-align:center;
}
.res_type2_bg {
	background: url(../images/result/res_type2_bg.jpg) no-repeat;
	margin: 0 auto 0;
	width: 700px;
	height: 700px;
}
.res_type2_bg2 {
	position: relative;
	width: 700px;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
}
.res_type2_sub_bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.res_type2_sub_bg img {
	position: absolute;
	width: 320px;
	height: 220px;
	opacity:0;
}
.res_canvas_box {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	pointer-events: none;
}
.catlove .res_type2_sub_bg img:nth-of-type(1) { left:190px;top:35px; }
.catlove .res_type2_sub_bg img:nth-of-type(2) { left:-20px;top:250px; }
.catlove .res_type2_sub_bg img:nth-of-type(3) { left:400px;top:250px; }
.catlove .res_type2_sub_bg img:nth-of-type(4) { left:-20px;top:480px; }
.catlove .res_type2_sub_bg img:nth-of-type(5) { left:400px;top:480px; }
.iconngrdxy .res_type2_sub_bg img:nth-of-type(1) { left:50px;top:465px; }
.iconngrdxy .res_type2_sub_bg img:nth-of-type(2) { left:400px;top:465px; }
.iconngrdxy .res_type2_sub_bg img:nth-of-type(3) { left:0px;top:250px; }
.iconngrdxy .res_type2_sub_bg img:nth-of-type(4) { left:390px;top:250px; }
.iconngrdxy .res_type2_sub_bg img:nth-of-type(5) { left:190px;top:20px; }
.iconkulian .res_type2_sub_bg img:nth-of-type(1), .icondanlian .res_type2_sub_bg img:nth-of-type(1), .iconnightqhd .res_type2_sub_bg img:nth-of-type(1) { left:0px;top:20px; }
.iconkulian .res_type2_sub_bg img:nth-of-type(2), .icondanlian .res_type2_sub_bg img:nth-of-type(2), .iconnightqhd .res_type2_sub_bg img:nth-of-type(2) { left:0px;top:458px; }
.iconkulian .res_type2_sub_bg img:nth-of-type(3), .icondanlian .res_type2_sub_bg img:nth-of-type(3), .iconnightqhd .res_type2_sub_bg img:nth-of-type(3) { left:50px;top:240px; }
.iconkulian .res_type2_sub_bg img:nth-of-type(4), .icondanlian .res_type2_sub_bg img:nth-of-type(4), .iconnightqhd .res_type2_sub_bg img:nth-of-type(4) { left:405px;top:30px; }
.iconkulian .res_type2_sub_bg img:nth-of-type(5), .icondanlian .res_type2_sub_bg img:nth-of-type(5), .iconnightqhd .res_type2_sub_bg img:nth-of-type(5) { left:405px;top:350px; }
.catmarry .res_type2_sub_bg img:nth-of-type(1) { left:24px;top:0px; }
.catmarry .res_type2_sub_bg img:nth-of-type(2) { left:355px;top:0px; }
.catmarry .res_type2_sub_bg img:nth-of-type(3) { left:24px;top:240px; }
.catmarry .res_type2_sub_bg img:nth-of-type(4) { left:354px;top:240px; }
.catmarry .res_type2_sub_bg img:nth-of-type(5) { left:190px;top:480px; }
.catlife .res_type2_sub_bg img:nth-of-type(1) { left:55px;top:30px; }
.catlife .res_type2_sub_bg img:nth-of-type(2) { left:55px;top:240px; }
.catlife .res_type2_sub_bg img:nth-of-type(3) { left:55px;top:456px; }
.catlife .res_type2_sub_bg img:nth-of-type(4) { left:402px;top:100px; }
.catlife .res_type2_sub_bg img:nth-of-type(5) { left:402px;top:375px; }

.res_type2_komidashi_img {
	position: relative;
	margin: 0 auto;
	width: 640px;
	height: 300px;
}

/* ----------------------
 * result_type2
 *---------------------- */


/* ----------------------
 * result_type3
 *---------------------- */
 .res_type3_box {
	/*
	position:absolute;
	top:60px;
	left: 100px;
	*/
	margin:-75px auto 0;
	width:640px;
	text-align:center;
}
 
 .res_type3_bg {
	background: url(../images/result/res_type3_bg.jpg) no-repeat;
	position : relative;
	margin: 0 auto 0;
	width: 640px;
	height: 360px;
	clear: both;
}

.res_type3_img {
	position: absolute;
	text-align: center;
	z-index: 1;
}
.res_type3_img1 {
	bottom: 25px;
    left: -25px;
}
.res_type3_img2 {
	top: 14px;
    right: 169px;
}
.res_type3_img3 {
	bottom: 25px;
    right: -25px;
}
.res_type3_img4 {
	bottom: 0;
	left: 0;
	z-index: 10;
}
.res_type3_bg img { opacity: 0; }
img.type3_card { width: 57%; }


/* ----------------------
 * result_type3
 *---------------------- */



/* ----------------------
 * result_type4
 *---------------------- */
.jiki_name {
	background: transparent url(../images/result/jiki/jikiBg.jpg) no-repeat center top;
	position: relative;
	height: 240px;
	width: 640px;
	margin:0 auto 40px;
}
.res_type4_bg .res_jiki_seimei_box {
	position: relative;
	height: 100%;
}

.n1, .n2, .n3, .n4, .n5, .n6, .n7, .n8, .n9 {
	position: absolute;
	width: 54px;
	height: 82px;
}
.n1 {
	top : 0;
	left: 16px;
	-moz-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.n2 {
	top: 40px;
    left: 88px;
	-moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.n3 {
	bottom: 27px;
    left: 125px;
	-moz-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
}
.n4 {
	top: 170px;
    left: 50px;
	-moz-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.n5 {
	top: 6px;
    right:18px;
	-moz-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
}
.n6 {
	top: 57px;
    right: 93px;
	-moz-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.n7 {
	top: 150px;
    right: 145px;
	-moz-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.n8 {
	bottom: 32px;
    right: 46px;
	-moz-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
}

#res_box5_tarot {
	float: left;
	width: 290px;
	height: 400px;
}

/* message-container */
.secListing .secMsg .secTitle {
	background: transparent url(../images/result/rsltMsgTop.jpg) no-repeat center top;
	padding: 100px 280px 20px 80px;
    min-height: 210px;
    font-size: 1.8em;
    text-align: justify;
}
.secListing .secMsg .secInList .paragraph {
	float: left;
	width: 330px;
	opacity: 0;
}


/********************************
*** top-container Styling
********************************/
.top-container .topCont {
	background: transparent;
	background-image: url(../images/top/newTop.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg);
	background-position: center top, center bottom, center 49px;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 420px 80px 70px;
	margin-bottom: 20px;
}
.top-container .topCont .commonMenuBox .info { padding: 0 70px 20px; }
.top-container .topCont .commonMenuBox:first-child .info {
	background: url(../images/top/newDiv.jpg) no-repeat center bottom;
	padding-bottom: 60px;
	margin-bottom: 20px;
}
.top-container .topCont.has-1 .commonMenuBox .info {
	background: none !important;
	border: 0 !important;
	margin-bottom: 0;
}
.top-container .commonMenuBox .info .infoelement h3 { color: #e6d4e3; }
.top-container .topCont.secRecomm { background-image: url(../images/top/recommTop.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg); }
.top-container .secRecomm .secInfo { padding: 0 60px; }
.top-container .topCont.secRecomm .commonMenuBox .info {
	background: none;
	padding: 0 80px 20px;
	border-bottom: 1px dashed #5a5a5a;
}
.top-container .topCont.secSpecial {
	background-image: url(../images/top/speTop2.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg);
	padding-top: 340px;
}
.topBtnBox { margin: 0 auto 5px; text-align: center; }
.topBtnBox a {
	display: inline-table;
}
.topBtnBox a .topBtnProd {
	background: url(../images/top/head_btn.png) no-repeat center top;
	display: inline-table;
	width: 420px;
	height: 177px;
	text-indent: -9999px;
}
.topBtnBox a .topBtnProd2 { background-image: url(../images/top/head_btn2.png); height: 176px; }
.topBtnBox a:hover .topBtnProd{ background-position: center bottom; }
.directLink {
	display: table;
	margin: 30px auto 0;
	max-width: 90%;
	width: 100%;
	color: #e8ca22;
	text-align: right;
	font-weight: bold;
}
.directLink:hover { color: #e8ca22; }
.directLink:visited { color: #c80; }
.naviCate {
	margin: 0 auto;
	text-align: center;
}
.naviCate a { display: inline-table; }
.naviCate .cateBtn {
	background: transparent no-repeat center top;
	display: inline-table;
	width: 260px;
	height: 90px;
	pointer-events: none;
}
.naviCate .cateBtn.cateLove { background-image: url(../images/top/naviLove.jpg); }
.naviCate .cateBtn.cateMarry { background-image: url(../images/top/naviMarry.jpg); }
.naviCate .cateBtn.cateLife { background-image: url(../images/top/naviLife.jpg); }
.naviCate a:hover .cateBtn { background-position: center bottom; }

.top-container .secListingBtm {
	background: url(../images/top/cateBtm.jpg) no-repeat center top;
	margin: 0 auto;
	height: 80px;
	width: 100%;
}
.top-container .secListing.topCont {
	background: transparent;
	background-image: url(../images/top/cateTop1.jpg), url(../images/top/cateBg.jpg);
	background-position: center top, center top;
	background-repeat: no-repeat, repeat-y;
	padding: 130px 80px 5px;
	margin-bottom: 0;
}
.top-container .secListing.topCont.secMarry { background-image: url(../images/top/cateTop2.jpg), url(../images/top/cateBg.jpg); }
.top-container .secListing.topCont.secLife { background-image: url(../images/top/cateTop3.jpg), url(../images/top/cateBg.jpg); }
.top-container .secListing .secTitle {
	background: url(../images/top/cateDiv.jpg) no-repeat center bottom;
	padding: 0 0 60px;
	margin-bottom: 20px;
	font-size: 1.6em;
	text-align: center;
	line-height: 1.5em;
}
.top-container .secListing.secLove .secTitle big { color: #ff3399; }
.top-container .secListing.secMarry .secTitle big { color: #ff9900; }
.top-container .secListing.secLife .secTitle big { color: #5AD8E2; }
.top-container .secListing .secInfo { padding: 0 20px; }
.top-container .secListing.topCont .info {
    background: #1b1b1b !important;
	background-image: none !important;
	padding: 30px 50px !important;
	padding-bottom: 0;
    border: #444343 1px solid;
}

/********************************
*** blur Styling
********************************/
.result-container .paragraph .blur {
    background: transparent url(../images/result/blur/text_img_m.png) no-repeat center top;
	background-size: 100%;
    height: 145px;
    padding-top: 40px;
}
.result-container .paragraph .blur.jiki {
	background-image: url(../images/result/blur/text_img_m_jiki.png);
}
.result-container .secLeft .paragraph .blur,
.result-container .secRight .paragraph .blur,
.result-container .secMsg .paragraph .blur {
	background-image: url(../images//result/blur/text_img_s.png);
	height: 200px;
}