/* --------------- 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: 0px auto;
  padding: 0px;
    /*-
  width: 100%;
  color: #000000;
  text-align: center;

  background-image: url(/m3/img/pc/6bs/b333_16b.gif);
  background-repeat: repeat;
  background-position: left top;
  -*/
}




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

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

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

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

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

/* ========== index ========== */
.top{
  margin: 0 auto;
  padding: 0 auto;
  width: 100%;
  height: 100%;
  background-image: url(../mana/bg0000.png);
  background-repeat:repeat-y;
  background-position: top;
}

#head{
  margin: 0 auto;
  padding: 0 auto;
  height: 85px;
  background-image: url(../mana/header00.gif);
  background-repeat:repeat-x;
  background-position: top;
}

.title{
  top: 0px;
  margin: 0 auto;
  padding: 0 auto;
  width: 100%;
  height: 2950px;
  background-image: url(../mana/title0001.png);
  background-repeat: no-repeat;
  background-position: top;
}

.title_y{
  top: 0px;
  margin: 0 auto;
  padding: 0 auto;
  width: 100%;
  height: 2950px;
  background-image: url(../mana/title0001_y.png);
  background-repeat: no-repeat;
  background-position: top;
}

/*--------------------------------------
  トップボタン
---------------------------------------*/
.btn_top{
margin: 0 auto;
position: absolute;
top: 100px;
width: 100%;
left: -500px;
}

/*--------------------------------------
 　カードシャッフル
---------------------------------------*/
.contents00{
margin: 0 auto;
position:relative;
top: 12.3%;
width: 100%;
height: 883px;

background-image: url(../mana/hula01.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}

/*--------------------------------------
  登録ボタン00
---------------------------------------*/
.btn00{
margin: 0 auto;
position:relative;
top: 14.5%;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------
  マナ・タロットとは？
---------------------------------------*/
.menu01{
margin: 0 auto;
position:relative;
top:17%;
width: 100%;
height: 535px;
background-position: top;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
font-size: 23px;
font-weight: 800;
line-height: 180%;
letter-spacing:1px;
z-index: 11;
}

/*--------------------------------------
  マナ・タロットとは？フラ背景
---------------------------------------*/
.menu01_hula{
margin: 0 auto;
position: relative;
top: 3%;
width: 100%;
height: 541px;
background-image: url(../mana/hula02.png);
background-repeat: no-repeat;
background-position: top;
z-index: 10;
}

/*--------------------------------------
  マナ・タロットとは？テキスト
---------------------------------------*/
.menu01_text{
position: relative;
top: 0%;
width: 100%;
height: 541px;
/*-
background-image: url(/m3/img/pc/6bs/m_so01.png);
background-repeat: no-repeat;
-*/
background-position: top;
}

span.text{
	margin-left:5%;
}
/*--------------------------------------
  登録ボタン01
---------------------------------------*/
.btn01{
margin: 0 auto;
position:relative;
top: 6%;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------
  ボタンアクション
---------------------------------------*/
img.bt-a{
  position:absolute;
   top: 0%;
  left:0%;
  margin:0 auto;
  width:100%;
  z-index: 999;
}
/*1縺、逶ョ縺ョ繝懊ち繝ウ(謚シ縺励◆譎�)*/
img.bt-b{
  position:absolute;
   top: 0%;
  left:0%;
  margin:0 auto;
  width:100%;
  z-index: 998;
}

/*--------------------------------------
  こんな苦しいお悩みを・・・
---------------------------------------*/
.menu02 {
  margin: 0 auto;
  top: 0%;
  width: 100%;
  height: 980px;
  background-image: url(../mana/menu02.png);
  background-repeat: no-repeat;
  background-position: top;

}


.menu02_text {
  width: 700px;
  text-align: left;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 200%;
  letter-spacing:5px;
}

.menu02_text_b {
  width: 1000px;
  text-align: left;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 200%;
  letter-spacing:5px;
}

/*--------------------------------------
  登録ボタン02
---------------------------------------*/
.btn02{
margin: 0 auto;
position:relative;
top: 0%;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------
  ご利用者様の声
---------------------------------------*/
.menu03{
margin: 0 auto;
position:relative;
top:17%;
width: 100%;
height: 2230px;
}

/*--------------------------------------
  ご利用者様の声/恋愛テキスト
---------------------------------------*/
.menu03_at{
margin: 0 auto;
position: relative;
top: 25%;
width: 850px;
text-align: left;
background-position: top;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 150%;

z-index: 12;
}

/*--------------------------------------
  ご利用者様の声/恋愛背景
---------------------------------------*/
.menu03_a{
margin: 0 auto;
position: relative;
top: 1.5%;
width: 100%;
height: 770px;
background-image: url(../mana/menu003a.png);
background-repeat: no-repeat;
background-position: top;
z-index: 13;
}

/*--------------------------------------
  ご利用者様の声/復縁テキスト
---------------------------------------*/
.menu03_bt{
margin: 0 auto;
position: relative;
top: 25%;
width: 850px;
text-align: left;
background-position: top;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 150%;
letter-spacing:1px;
z-index: 12;
}

/*--------------------------------------
  ご利用者様の声/復縁背景
---------------------------------------*/
.menu03_b{
margin: 0 auto;
position: relative;
top: 3%;
width: 100%;
height: 770px;
background-image: url(../mana/menu003b.png);
background-repeat: no-repeat;
background-position: top;
z-index: 13;
}

/*--------------------------------------
  登録ボタン03
---------------------------------------*/
.btn03{
margin: 0 auto;
position:relative;
top: 10%;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------
  監修者紹介
---------------------------------------*/
.menu04 {
  margin: 0 auto;
  top: 0%;
  width: 100%;
  height: 650px;
  background-image: url(../mana/menu04.png);
  background-repeat: no-repeat;
  background-position: top;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 200%;
  letter-spacing:5px;
}


.menu04_text {
	width: 700px;
	text-align: left;
}

.menu044 {
  margin: 0 auto;
  top: 0%;
  width: 100%;
  height: 650px;
  background-image: url(../mana/menu044.png);
  background-repeat: no-repeat;
  background-position: top;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 200%;
  letter-spacing:5px;
}


.menu044_text {
	width: 700px;
	text-align: left;
}

/*--------------------------------------
  登録ボタン04
---------------------------------------*/
.btn04{
margin: 0 auto;
position:relative;
top: 0%;
height: 450px;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------
  フッタ
---------------------------------------*/
#footer {
  margin: 0 auto;
  padding: 10px auto;
  width: 100%;
  height:150px;
  background-size: contain;
  background-color: #27170b;
}


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

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

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

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

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