@charset "utf-8";

:root {
	font-size: 24px;
}

/* CSS Document */

/* =========================================================== */
/* フォーマット */
/* =========================================================== */
html {
	margin:0px;
	padding:0px;
	
}
body {
	
	font-family: "メイリオ",Meiryo, sans-serif;
	width:100%;
	-webkit-text-size-adjust: 100%;
}
a{ background-position:left top;background-repeat:no-repeat; color: #1478bd; text-decoration: none; }
/*a:link{ color: #1478bd; text-decoration: none; }
a:visited{ color: #1478bd; text-decoration: none; }
a:active{ color: #1478bd; text-decoration: none; }*/
a:hover{ color: #555555; text-decoration:none;}

body,td,h1, h2, h3, h4, h5, h6, p, ul,ol, li, dl, dt, dd, form ,th {
	font-weight: normal;
	color:#000000;
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse:collapse;
}
ul {
	list-style:none outside;
	font-size:0px;
}
ul li {
	font-size:24px;
}
img {
	border:none;
	/*vertical-align: bottom;*/
}
dt img,
dd img {
	vertical-align: bottom;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.wdImg {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.clearfx::before,
.clearfx::after{
	content: "";
	display: table;
}
.clearfx::after{ clear: both; }
.clearfx{ zoom: 1; } /* For IE 6/7 */

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.mode_sp {
	display:none;
}

/* =========================================================== */
/* コンテンツ*/
/* =========================================================== */
.page_layout {
	background:url(../images/bg_main.gif) center top 465px repeat-y;
	width:768px;
	border-top:34px solid #5e5bd3;
	margin:0 auto;
}
#areaPage {
	background:url(../images/bg_pagetop.gif) center top no-repeat;
}

/* inner ===================== */
.inner {
	margin:0 65px 0 65px;
}

/* タイトル ===================== */
h1 {
	
}
h2 {
	background-image:url(../images/dec_h2left.gif), url(../images/dec_h2right.gif);
	background-position:left center,right center;
	background-repeat:no-repeat, no-repeat;
	width:230px;
	min-height:49px;
	text-align:center;
	font-size:35px;
	font-weight:bold;
	position: relative;
	margin:0 auto 20px auto;
	padding:0 21px;
}


#areaTellerlist h2 {
	width:350px;
}
#areaProcess h2 {
	width:380px;
}
#areaEvaluation h2 {
	width:400px;
}

h3 {
	
}


/* リンク共通部分 ===================== */


/* コンテンツ画像関連 ===================== */










/* =========================================================== */
/* ヘッダー*/
/* =========================================================== */
header {
	position: relative;
	text-align:center;
	margin-bottom:15px;
}



/* =========================================================== */
/* メインコンテンツ*/
/* =========================================================== */
main {
	overflow:hidden;
}

.wrap_body {
	background-image:url(../images/conbody_head.png), url(../images/conbody_foot.png);
	background-position:center top, center bottom;
	background-repeat:no-repeat, no-repeat;
	padding:20px 0 25px 0;
}
.wrap_body .inner {
	background:url(../images/conbody_main.png) center top repeat-y;
	padding:10px 40px 15px 40px;
}
.wrap_body#areaOverview p {
	padding-bottom:1em;
}
.wrap_body p strong {
	font-weight:bold;
	font-size:40px;
	color:#ff7f7f;
	line-height:1.2em;
	padding-left:2px;
	padding-right:2px;
}
.wrap_body p strong.nospace {
	padding-left:0;
	padding-right:0;
}
.wrap_body p strong.nospace span {
	font-size:0.85em;
}
.wrap_body .conditions,
.wrap_body .conditions li {
	font-size:0.85em;
}

.wrap_body .list_point {
	margin:0 0 0.5em 0;
}
.wrap_body .list_point li {
	position: relative;
	padding:0 0 0.3em 1.2em;
}
.wrap_body .list_point li::before {
	content:"※";
	position: absolute;
	left:0;
}

.wrap_body ol {
	list-style-type:none;
	position:relative;
	margin-top:30px;
}
.wrap_body ol li {
	padding-bottom:1em;
}



/* 参加条件 ===================== */
#areaConditions p {
	text-align:center;
	font-weight:bold;
	font-size:30px;
	line-height:1.5em;
}



.nav_footmenu {
	text-align:center;
	margin:35px auto;
}
.nav_footmenu li {
	background: linear-gradient(to bottom right, #6975dd, #7355b0);
	width:300px;
	height:70px;
	border-radius:35px;
	font-size:20px;
	text-align:center;
	line-height:70px;
	display:inline-block;
	margin:0 10px 30px 10px;
}
.nav_footmenu li.btn01 {
	background: linear-gradient(to bottom right, #3fa87b, #d1c84d);
	height:88px;
	border-radius:44px;
	line-height:88px;
	font-size:24px;
	display:block;
	margin:0 auto 30px auto;
}
.nav_footmenu li a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
}

.nav_footmenu li:hover {
	background: linear-gradient(to bottom right, #7355b0, #6975dd);
}
.nav_footmenu li.btn01:hover {
	background: linear-gradient(to bottom right, #d1c84d, #3fa87b);
}

.nav_footmenu li.btn04 {
	background: linear-gradient(to bottom right, #3fa87b, #d1c84d);
	width:300px;
	height:70px;
	border-radius:35px;
	font-size:20px;
	text-align:center;
	line-height:70px;
	display:inline-block;
	margin:0 10px 30px 10px;
}

.nav_footmenu li.btn04:hover {
	background: linear-gradient(to bottom right, #d1c84d, #3fa87b);
}

.nav_footmenu li.btn00 {
	background: none;
	margin:0 0 0 0;
}
.nav_footmenu li.btn00 a {
	color:#5e5bd3;
	font-size:20px;
	text-decoration:underline;
}
.nav_footmenu li.btn00 a:hover {
	color:#fb7a93;
	text-decoration:none;
}
/* =========================================================== */
/* 占い師リスト */
/* =========================================================== */
.list_myssteller {
	margin-top:30px;
}

.list_myssteller li {
	border-top:2px solid #eaeaf6;
	position:relative;
	padding-bottom:5px;
}
.list_tellerplof li {
	border-top:none;
	padding-bottom:0px;
}

.list_myssteller h3 {
	position:relative;
	left:150px;
	font-size:25px;
	font-weight:bold;
	padding:20px 0 12px 0;
}

.list_myssteller dt {
	font-size:20px;
	position:absolute;
	top:23px;
	left:0;
}
.list_myssteller dt img {
	width:126px;
	height:auto;
	border-radius:50%;
	border:4px solid #5f5bd8;
	margin-bottom:7px;
}
.list_myssteller dt span {
	display:block;
}
.list_myssteller dd {
	position:relative;
	left:150px;
}


.list_tellerplof {
	width:394px;
}
.list_tellerplof li {
	font-size:20px;
	padding-bottom:0.5em;
}
.list_tellerplof li.tp_goodat {
	padding-bottom:0.3em;
}
.tp_goodat p {
	background-color:#5f5bd8;
	display:inline-block;
	font-size:18px;
	color:#ffffff;
	border-radius:5px;
	margin-right:10px;
	margin-bottom:8px;
	padding:2px 10px;
}

/* =========================================================== */
/* 手順 */
/* =========================================================== */
.wrap_body#areaProcess ol {
	
}
.wrap_body#areaProcess ol li {
	background:url(../images/bg_process_body.gif) left top repeat-y;
	position:relative;
	margin-left:5px;
	padding-left:35px;
	padding-bottom:1em;
}
.wrap_body#areaProcess ol li:last-of-type {
	background:none;
	padding-bottom:0;
}


#areaProcess h3 {
	font-size:30px;
	color:#5e5bd3;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:0.6em;
	padding-top:8px;
}
#areaProcess h3 span {
	background-color:#5e5bd3;
	width:1.5em;
	height:1.5em;
	line-height:1.5em;
	color:#ffffff;
	text-align:center;
	position: absolute;
	top:0px;
	left:-20px;
	border-radius:50%;
}

.process_body p {
	font-size:20px;
	padding-bottom:1em;
}
.process_body p.btn_camlinks {
	background: linear-gradient(to bottom right, #3fa87b, #d1c84d);
	width:500px;
	height:50px;
	border-radius:35px;
	font-size:20px;
	text-align:center;
	line-height:50px;
	display:inline-block;
	margin:0 10px 30px 10px;
	padding-bottom:0px;
}
.process_body p.btn_camlinks a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
}
.process_body p.btn_camlinks:hover {
	background: linear-gradient(to bottom right, #d1c84d, #3fa87b);
}
.process_body p.btn01 {
	background: linear-gradient(to bottom right, #fd644f, #f28e26);
}
.process_body p.btn01:hover {
	background: linear-gradient(to bottom right, #f28e26, #fd644f);
}

/* =========================================================== */
/* 申込みフォーム */
/* =========================================================== */
/*#areaEntry h3 {
	font-size:25px;
	color:#2824a2;
	position:relative;
	padding-bottom:10px;
}
#areaEntry h3 span {
	background-color:#e51a22;
	border-radius:1em;
	display:inline-block;
	color:#ffffff;
	font-size:18px;
	position:relative;
	top:-4px;
	padding:0.1em 0.8em 0 0.8em;
}*/

/* フォーム共通 ===================== */
.h-adr h3 {
	font-size:25px;
	color:#2824a2;
	position:relative;
	padding-bottom:10px;
}
.h-adr h3 span {
	background-color:#e51a22;
	border-radius:1em;
	display:inline-block;
	color:#ffffff;
	font-size:18px;
	position:relative;
	top:-4px;
	padding:0.1em 0.8em 0 0.8em;
}
.h-adr h3 span.any {
	background-color:#6badd7;
}
.h-adr li.para,
.h-adr li.bottm_m0 {
	padding-bottom:0.3em;
}
.h-adr li.para.bottm_mn {
	padding-bottom:1em;
}
.h-adr li.para h3,
.h-adr li.para p {
	display:inline-block;
	padding-bottom:0;
}
.h-adr li.sep {
	border-bottom:1px dotted #dddddd;
	font-size:18px;
	color:#aaaaaa;
	margin-right:50px;
	margin-bottom:0.6em;
	padding-bottom:0;
}

.h-adr input {
	width:400px;
	font-size:24px;
	color:#333333;
	border:solid 1px #ccc;
	margin:0px 10px 10px 0px;
	padding:5px 7px;
}
.h-adr textarea {
	/*width:500px;*/
	font-size:20px;
	color:#333333;
	border:solid 1px #ccc;
	margin:5px 10px 15px 2px;
	padding:5px 7px;
}
.pb_deco {
	position: relative;
	display: inline-block;
	background-color:#ffffff;
}
.pb_deco::before {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 40%;
	left: 370px;
	margin-top: -4px;
}
.h-adr select {
	background: transparent;
	width:400px;
	font-size:24px;
	position: relative;
	border: 1px solid #b4b3b3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 1px;
	z-index: 1;
	margin-right:10px;
	margin-bottom:10px;
	padding: 5px 40px 5px 10px;
}
.h-adr li.para select {
	margin-bottom:0;
	padding-bottom:0;
}
.h-adr select::-ms-expand {
	display: none;
}
.h-adr input:focus {
	outline: 0;
	background-color:#e0eff7;
	border-color: #7ecaef;
}
.h-adr input.error,
.h-adr textarea.error,
.h-adr select.error {
	/*background-color:#eaf1d9;*/
	border-color: #cc0000;
}

.h-adr textarea.box_txtarea {
	width:400px;
	margin-bottom:0px;
}

.h-adr li.sep_line {
	border-bottom:3px dotted #dddddd;
	font-size:24px;
	color:#aaaaaa;
	margin-right:50px;
	margin-bottom:1em;
	padding-bottom:0;
}

.h-adr .group h3 {
	padding-top:15px;
}



/* エラー表記 */
.h-adr .e_box {
	display:inline-block;
	margin:0px;
	padding:0px 0px 0px 5px;
}
.h-adr .e_box p.error {
	font-size:12px;
	color:#cc0000;
	display:inline-block;
	margin:0px;
	padding:0px;
}

/* フォームボタン ===================== */
.form_btn {
	text-align:center;
	margin:35px auto 0px auto;
}
.form_btn li {
	background: linear-gradient(to bottom right, #6975dd, #7355b0);
	width:200px;
	height:70px;
	border-radius:35px;
	font-size:20px;
	text-align:center;
	line-height:70px;
	display:inline-block;
	margin:0 10px 30px 10px;
}
.form_btn li a {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;
}
.form_btn li:hover {
	background: linear-gradient(to bottom right, #7355b0, #6975dd);
}

.form_btn li.btn01 {
	background: linear-gradient(to bottom right, #3fa87b, #d1c84d);
	width:300px;
	height:88px;
	border-radius:44px;
	line-height:88px;
	font-size:24px;
}
.form_btn li.btn01:hover {
	background: linear-gradient(to bottom right, #d1c84d, #3fa87b);
}

/* =========================================================== */
/* 鑑定内容投稿フォーム */
/* =========================================================== */
.wrap_body#areaEvaluation ol {
	
}
.wrap_body#areaEvaluation .area_description {
	background-color:#f3f2ff;
	border-radius:10px;
	margin-top:30px;
	padding:20px 10px;
}
.wrap_body#areaEvaluation .area_description ol {
	margin-top:0px;
}
.wrap_body#areaEvaluation .area_description ol li {
	position:relative;
	margin-left:25px;
	padding-left:30px;
	padding-bottom:1em;
}
.wrap_body#areaEvaluation .area_description ol li:last-of-type {
	background:none;
	padding-bottom:0;
}

#areaEvaluation .area_description h3 {
	font-size:30px;
	color:#5e5bd3;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:0.3em;
	padding-top:8px;
}
#areaEvaluation .area_description h3 span {
	background-color:#5e5bd3;
	width:1.5em;
	height:1.5em;
	line-height:1.5em;
	color:#ffffff;
	text-align:center;
	position: absolute;
	top:0px;
	left:-20px;
	border-radius:50%;
}
.description_body p {
	font-size:20px;
}
/* =========================================================== */
/* フッタ */
/* =========================================================== */
footer {
	background-color:#5e5bd3;
	color:#ffffff;
	padding:35px 0 20px 0;
}

footer ul li {
	width:50%;
	display:inline-block;
	font-size:20px;
	padding-bottom:0.6em;
}

footer ul li a {
	color:#ffffff;
	padding-left:70px;
}
footer ul li a:hover {
	text-decoration:none;
	color:#fb7a93;
}
footer ul li a::before {
	content:"・";
}

.copyrights {
	font-size:18px;
	text-align:center;
	color:#ffffff;
	margin-top:30px;
}