/* --------------- Re ---------------- */
html, body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: Tahoma, Verdana, Arial, "Arial Black", "Comic Sans MS", Georgia, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
}

h1, h2, h3, h4, h5, h6, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
}

img { border: none; }

a { outline: none; }

ol, ul {
	margin: 0;
	padding: 0;
}

li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

.clearfix:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.clearfix {
	display: inline-block;
	*height: 1%;
	min-height: 1%;
	zoom: 1;
}

/*---------------------------------------- All Style------------------------------------*/
body {
	margin: 0 auto;
	padding: 0 auto;
	width: 1200px;
	color: #ffffff;
	text-align: center;
	background-image: url(../element/haikei.jpg);
	background-repeat: repeat;
	background-position: left top;
}

a:link		{ color: #f2e694; }
a:visited	{ color: #f2e694; }
a:hover		{ color: #f2e694; text-decoration: none; }

.str_txt	{ font-size: 17px;}
.str_color	{ color: #f2e694; }

img.line	{ padding-top: 15px; padding-bottom: 15px; }

.sub_hd {
	padding: 5px 0px 5px 30px;
	font-weight: bold;
	background-image: url(../element/sub_hd.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-align: left;
}


/* =============================================================================
	All Page Layout
   ========================================================================== */

#wrap {
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	background-image: url(../element/wrap.png);
	background-repeat:repeat-y;
	background-position: top center;
}

#head {
	margin: 0 auto;
	padding: 0 auto;
}

#footer {
	margin: 0 auto;
	padding: 10px auto;
	width: 900px;
	height: 70px;
}

#footer_menu {
	margin: 0px auto;
	padding-top:40px;
	width: 100%;
}

#footer ul {
	display: inline;
	border-left: 1px solid #ffffff;
}

#footer li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #ffffff;
	font-size: 14px;
}


/* =============================================================================
	Page Parts
   ========================================================================== */


/*2階層目TOP */

.box3{
	margin: 0 auto;
	padding: 0 auto;
	width: 910px;
	height: 200px;
	background-image: url(../element/box1_bg.png);
	background-repeat: no-repeat;
	background-position: top;
}

.box4{
	margin: 0 auto;
	padding: 0 auto;
	width: 1100px;
	height: 480px;
}


.touroku{
	margin: 0 auto;
	/* margin-bottom:70px; */
	padding: 0 auto;
	width: 920px;
	height: 600px;
	background-image: url(../element/card_bk.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.touroku_non{
	margin: 0 auto;
	/* margin-bottom:70px; */
	padding: 0 auto;
	width: 920px;
	height: 600px;
	background-image: url(../element/card_bk_non.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.touroku2{
	margin: 0 auto;
	padding: 0 auto;
	width: 920px;
	height: 600px;
	background-image: url(../element/card_bk2.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.main_pic {
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 100%;
}




/* ========== 他ページ ========== */
.sub {
	margin: 0 auto;
	padding-top: 100;
	padding-bottom: 50px;
	width: 840px;
	text-align: center;
}

.sub .tp{
	width: 700px;
	line-height: 1.3em;
	margin-left: 70px;
	text-align: left;
	padding: 5px 0px 5px 30px;
	font-weight: bold;
	background-image: url(../element/sub_hd.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-align: left;
}
.sub .ts{
	width: 700px;
	line-height: 1.3em;
	margin-left: 60px;
	text-align: left;
	font-size: 100%;
}

.sub p {
	width: 700px;
	line-height: 1.3em;
	margin-top: 10px;
	margin-left: 70px;
	text-align: left;
}

.sub p.cen		{ text-align: center; }

/* ========== パンくず ========== */
#topic_path {
	padding: 40px 60px;
	text-align: left;
	height: 5px;
}

#topic_path li {
	display: inline;
	font-size: 14px;
}

/* ========== プロフ ========== */
.prof {
	margin: 0 auto;
	padding-top:50px;
	width: 900px;
	height: 100%;
}

.prof li {
	text-align: left;
	margin: 25px 170px;
}





/* 入力フォーム */
input {
	height:	30px;
	font-size: 16px;
}

select {
	height: 23px;
	font-size: 16px;
}

input[type="image"] {
	height: 80px;
}

input[type="submit"] {
	margin-top: 10px;
	height: 50px;
	border: 1px solid #FFFFFF;
	width: auto;
	color: #ffffff;
	cursor: pointer;
	background-color: #652525;
	background-image: -webkit-gradient(liner, left top, left bottom,
	from(#FF9900), color-stop(48%, #FF8600), color-stop(52%, #FF7700),
	to(#FF6600));
	font-size: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 3px #333333;
	-webkit-box-shadow: 0 0 3px #333333;
}

/* ========== ご利用方法 ========== */
.riyou_tokusyoku {
	margin: 0 auto;
	width: 1000px;
	height: 550px;
	padding-top: 20px;
	padding-bottom:50px;
	text-align: center;
}

.riyou_tokusyoku p { margin-left: 70px; }


/* ========== 退会するには ========== */
.taikai {
	margin: 0 auto;
	width: 840px;
	height: 400px;
	padding-top: 130px;
	background-image: url(taikai_back.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}

/* ========== メールサンプル ========== */
.s_mail {
	margin: 0 auto;
	width: 840px;
	height: 900px;
	padding-top: 250px;
	background-image: url(s_mail.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.s_mail p {
	margin: 0 auto;
	width: 680px;
}

.c_mail {
	margin: 0 auto;
	width: 840px;
	height: 1100px;
	padding-top: 230px;
	background-image: url(c_mail.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.c_mail p {
	margin: 0 auto;
	width: 680px;
}

/* ========== カードシャッフル ========== */
#jquery-cycle {
	margin:0auto;
    width: 110px;
    height: 183px;
	position:absolute;
}
#jquery-cycle img {
    width: 110px;
    height: 183px;
}


/* ========== カード配置 ========== */
#tarot1_stage{margin-left: auto; margin-right: auto; margin-bottom: 20px; text-align:center; /*padding:30px 0;*/ width: 920px; height: 800px; background-image: url("../element/card_bk.jpg"); }

#tarot1_stage #msg{height:60px; overflow:hidden; font-size:20px; color:#fff; font-weight:bold; position: relative; top:5px;}
#tarot1_stage #msg1{/*display:block;*/}
#tarot1_stage #msg2{display:none;}
#tarot1_stage #msg3{display:none;}
#tarot1_stage #cards{position:relative; width:450px; height:280px; text-align:left; margin:0 auto 0;}

/*#tarot1_stage #cards img {display:block; position:absolute; left:234px; top:138px;}*/

#tarot1_stage #cards a {display:block; position:absolute; left:180px; top:100px; cursor:pointer; /*background:#fff;*/}

#tarot1_stage #cards a img.selected { border:3px solid #fc0; margin:-3px 0 0 -3px; display:none;}

#tarot1_stage #cards #card0 {display:block;  position:absolute; left:130px; top:260px;

/* opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";*/}

#tarot1_stage #cards #card2 {display:block;  position:absolute; left:175px; top:50px;}
#tarot1_stage #cards #jquery-cycle {display:block;  position:absolute; left:175px; top:60px;}
#tarot1_stage #cards #card3 {display:block;  position:absolute; left:70px; top:260px;
/* opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";*/}
</style>