/* ===================================================================
CSS information
 file name  :  style.css
 style info :  All Page Desining
=================================================================== */
@charset "UTF-8";

body{
background: #e5ecff;
height: auto!important;
}

img{
vertical-align: bottom;
border: none;
}

br {
letter-spacing: normal; /*  IE6・7 */
}

body, textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 100%;
min-width: 1500px;
}

header{
background: url('../img/head_bg.png') repeat-x;
width:100%;
min-width:1200px;
z-index: 10;
}

header h1 img{
display:block;
margin: 0 auto;
min-width:960px;
vertical-align: bottom;
border: none;
z-index: 10;
}
#main_visual{
background: url('../img/main_bg.png') repeat-x;
width:100%;
min-width:1200px;
z-index: 10;
margin-bottom: -30px;
}
#main_visual h1{
background: url('../img/main_txt.png') no-repeat;
background-position: center top;
min-height: 628px;
min-width:960px;
width:100%;
margin-top:-15px;
margin-bottom:0;
z-index: 10;
}

#prof_card h1{
  background: url(../img/prof_card.png) no-repeat;
  background-position: center top;
  min-height: 950px;
  min-width: 500px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: -400px;
  z-index: 10;
}




#table_center{
background: url('../img/table_center.png') repeat-y;
background-position: center top;
min-width:960px;
width:100%;
margin: 0 auto;
z-index: 0;
}


/*---------------------------------------------------------------------
  G-Navi
---------------------------------------------------------------------*/
#followupWrap{
width: 213px;
height: 100%;
margin: 0 0 0 0;
position: fixed;
z-index: 10000;
left: auto;
right: 0;
}

#followupbt{
  width:213px;
  height:525px;
  background: url("../img/navi_bk.png") no-repeat top left;
  position: relative;
}

#nav_taiken{
  display: block;
  width: 82px;
  height: 82px;
  top: 45px;
  left: 62px;
  position: absolute;
}
#nav_kantei{
  display: block;
  width: 94px;
  height: 94px;
  top: 147px;
  left: 22px;
  position: absolute;
}
#nav_hajimete{
  display: block;
  width: 174px;
  height: 90px;
  top: 282px;
  left: 50px;
  position: absolute;
}
#nav_top{
  display: block;
  width: 82px;
  height: 82px;
  top: 412px;
  left: 64px;
  position: absolute;
}


/*---------------------------------------------------------------------
  main_culumn
---------------------------------------------------------------------*/
#wrap{
min-width:960px;
width: 960px;
text-align: center;
margin: 0 auto;
}

#wrap ul, #wrap ol{
margin-bottom: 1.5em;
list-style: none outside none;
}
#wrap h1{

}


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

.clearfix{
display: inline-block;
}

/*====== box01 ======*/
#box01 {
}

#m_Area {
width:100%;
margin: 0 auto;
position:relative;
text-align: left; /* ie7*/
}

.col-max {
position:absolute;
top:180px;
width:900px;
height: 254px;
margin: 0 auto;
clear:both;
}

#s_menu .card {
  width: 310px;
  height: 254px;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
}

#s_menu ul {
}

#s_menu li {
width:30%;
list-style-type:none;
}

#s_menu li {
float: left;
margin-right: 5%;
width: 30%; /* ie8*/
position: relative;
}

#s_menu li:hover .card { -webkit-transform: rotateY(180deg); }

#s_menu li .face {
position: absolute;
-webkit-backface-visibility: hidden;
left:0;
top:0;
}

#s_menu li .back {
width: 310px;
height: 254px;
-webkit-transform: rotateY(180deg);
}

#s_menu li.last {
margin-left: 0px;
margin-right: 0px;
right:15px;
left:0;
top:0;
}



/*====== box02 ======*/
#box02 {
max-width: 960px;
width:100%;
height: 475px;
margin: 0 auto;
}

/*====== box05--> profile_form(1) <--- ======*/
#box05 {
}

#box05 #pro_top h1{
  max-width: 960px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#box05 #pro_top h2{
max-width: 960px;
width:100%;
height: auto;
margin: 0 auto;
}
#box05 table{
  margin-right: auto;
  margin-left: 15%;
  margin-bottom: 30px;
}

#box05 table td b{
padding:10px;
color:#3d3a36;
font-size: 18px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
text-align: left;
line-height: 1.4em;
}

#box05 table th{
padding:40px 0 0 30px;
text-align: center;
}

#box05 table td{
padding:40px 0 0 45px;
text-align: left;
}

#box05 p img{
vertical-align:middle;
}

#box05 p.domain_txt{
margin-top:10px;
font-size: 14px;
line-height:1.4em;
color: #9f7652;
}
.d_link {
margin-top: 14px;
padding-bottom:30px;
}

.d_link a:link{
font-size: 14px;
color: #8a5bb9;
text-decoration: none;
}

.d_link a:hover, a:active, a:visited {
font-size: 14px;
color: #9045af;
text-decoration: none;
}

/*====== footer ======*/
#f_area {
  background: url(../img/footer.png) no-repeat;
  background-position: center top;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 246px;
  color: #9f7652;
  padding-left: 3px;
}
p.f_link {
font-size: 13px;
padding-top: 120px;
}
p.f_link a:link {
padding-top:30px;
font-size: 13px;
color: #9f7652;
text-decoration: none;
}
p.f_link a:hover, a:active, a:visited {
color: #8a5bb9;
text-decoration: underline;
}

#footer{
padding-top: 15px;
font-size: 11px;
color:#9f7652;
}

/*---------------------------------------------------------------------
  other
----------------------------------------------------------------
/*====== banner ======*/
#banner{
margin:0 auto;
padding:0;
text-align: center; /* ie7*/
}

#banner2{
margin:0 auto;
padding-top: 35px;
text-align: center; /* ie7*/
}

/*====== form_center ======*/

#p_center{
background: url('../img/form_center.png') repeat-y;
background-position: center top;
max-width: 960px;
width:100%;
margin: 0 auto;
}

/*====== box06--  2F  -- ======*/
#box06 {
}

#box06 #second_top h1{
max-width: 960px;
width:100%;
margin: 0 auto;
text-align:center;
}

#box06 section{
margin-bottom: 20px;
}

#box06 ul{
list-style-type: none;
}

#s_txt {
width: 680px;
font-size: 14px;
text-align: left;
padding:30px 0 0 0;
line-height: 1.4em;
margin: 0 auto;
color:#936741;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
letter-spacing: 1px;
}

#s_txt p{
padding-left:20px;
}


#s_txt h3 {
padding:20px 0 0 20px;
font-size: 15px;
margin:0;
color:#e85881;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
}

#s_txt h3 .mark{
/*vertical-align: bottom;
*/line-height: 1.6em;
padding-right: 5px;
}

.style-one {
    height: 25px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: -10px;
}
.style-one:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
hr {
  display:none;
} /* ie7*/


/* タロットコンテンツ*/

#buckground0{
	background: url(../img/card_top_bg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: center;
	background-size: auto;
}




#talot{
	width: 980px;
	margin: 0 auto;
}

#talot .center {
	width: 716px;
	height: 353px;
	margin: 0 auto;
}

#talot .under {
	background: url(../img/tarot_under_buck.png);
	width: 820px;
	height: 470px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

#talot .under img{
	margin: 0 auto;

}


#talot .under ul{
	margin: 0 auto;
}

#talot .under li{
  list-style-position: outside;
  list-style-type: none;
  margin-left: 50px;
  width: 100px;
  height: 210px;
  float: left;
  display: block;
}

.card{
	margin: 0 auto;
	width: 100%;
    padding-top: 36px;
    margin-left: 0px;
}

#talot .clear{
	clear: both;
}