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

/*--------
default
--------*/

body {
width: 100%;
height: 100%;
background: url('/m999/img/new_face/pc/u/bg.jpg') repeat;
background-color: #26130a;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
}

#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #1e1000;
z-index: 1000;
}

#loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
text-align: center;
z-index: 2000;
}

.contents_all, .second_page {
background: url('/m999/img/new_face/pc/u/content_bg.jpg') repeat-y;
min-width: 1000px;
width: 1000px;
text-align: center;
margin: 0 auto;
overflow: hidden;
background-position: center top;
}

h1 img {
font-size: 0%;
line-height: 0;
margin: 0 auto;
vertical-align: bottom;
}

#main_visual, #review, #fortune_teller, #toroku_form {
font-size: 0%;
display:inline;
width: 0%;
height: 0%;
}

.banner {
width: 804px;
height: 182px;
margin: 35px auto 15px;
display: inline-block;
*display: inline;
*zoom: 1;
}

.banner1 {
width: 804px;
height: 182px;
margin: 0 auto 35px;
display: inline-block;
*display: inline;
*zoom: 1;
}



/*--------
Back to top button
--------*/

#back-top {
position: fixed;
bottom: 0%;
right: 0%;
z-index: 2;
}

#back-top span {
width: 111px;
height: 138px;
display: block;
}


/*--------
title
--------*/

header#main {
width: 1000px;
min-width: 1000px;
margin: 0 auto;
position: relative;
}

.star1 {
position: absolute;
top: 329px;
left: 76px;
}

.star2 {
position: absolute;
top: 20px;
left: 220px;
}

.star3 {
position: absolute;
top: 92px;
right: 100px;
}

.star4 {
position: absolute;
top: 40px;
right: 60px;
}

.star5 {
position: absolute;
top: 54px;
right: 170px;
}

.star6 {
position: absolute;
top: 220px;
left: 30px;
}

.star7 {
position: absolute;
top: 350px;
left: 197px;
}

.star8 {
position: absolute;
top: 339px;
right: 246px;
}

/*--------
caption
--------*/

.caption {
width: 971px;
margin: 0 auto;
}

/*--------
contents1
--------*/

.contents1 {
width: 980px;
min-width: 980px;
margin: 0 auto;
display: block;
}

.contents_cap {
width: 980px;
margin: 0 auto;
}

.guide {
width: 980px;
margin: 0 auto;
}

/*--------
contents2
--------*/

.contents2 {
width: 980px;
min-width: 980px;
margin: 0 auto;
padding: 30px 0 0;
}

.reason {
width: 980px;
margin: 0 auto;
}

/*--------
contents3
--------*/

.contents3 {
width: 980px;
min-width: 980px;
margin: 0 auto;
padding: 30px 0 0;
}

.review {
width: 980px;
height: 700px;
margin: 0 auto;
}

/*--------
form.second
--------*/

#box06 {
display: table;
height: auto;
*height: auto !important;/*for IE7*/
width: 100%;
min-width: 980px;
position: relative;
padding-bottom: 10px;
}

#wrap {
text-align: center;
}

#box06 #p_center, #p_center {
background: url('/m999/img/new_face/pc/u/form_center.png') repeat-y;
background-position: center top;
max-width: 980px;
width: 100%;
margin: 0 auto;
}

#box06 h1 {
width: 980px;
margin: 0 auto;
}

#box06 table {
margin: 0px auto 30px;
}

#box06 table th {
padding: 35px 0 0 0;
text-align: center;
vertical-align: middle;
}

#box06 table input[type="text"] {
height: 30px;
vertical-align: middle;
}

#box06 table td {
padding: 40px 0 0 60px;
width: 424px;
color: #2c170d;
vertical-align: middle;
text-align: left;
}

#box06 select {
vertical-align: middle;
}

p.domain_txt {
font-size: 14px;
line-height:1.4em;
color: #2c170d;
}

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


/*--------
second text
--------*/

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

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

#s_txt p, #s_txt ul, #s_txt ol {
padding-top: 15px;
}

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

#s_txt ul {
list-style:none;
}

#s_txt ol {
padding-left: 30px;
}

#s_txt a:link {
font-size: 14px;
line-height: 1.2em;
color: #4426c6;
text-decoration:none;
}

#s_txt a:hover {
font-size: 14px;
line-height: 1.2em;
color: #9300d0;
text-decoration:none;
}

#s_txt a:active {
font-size: 14px;
line-height: 1.2em;
color: #9300d0;
text-decoration:none;
}

.mark_clr {
color:#881b61;
}

/*--------
footer
--------*/

#footer {
background: url('/m999/img/new_face/pc/u/footer_bg.png') no-repeat;
width: 980px;
min-width: 980px;
height: 80px;
text-align: center;
margin: 0 auto;
}

#f_link {
padding-top: 15px;
color: #faf5e5;
}

#f_link a:link {
font-size: 14px;
line-height: 1.5em;
color: #faf5e5;
text-decoration:none;
}

#f_link a:visited {
font-size: 14px;
line-height: 1.5em;
color: #c3ba9e;
text-decoration:none;
}

#f_link a:hover {
font-size: 14px;
line-height: 1.5em;
color: #e8b87f;
text-decoration:none;
}

#f_link a:active {
font-size: 14px;
line-height: 1.5em;
color: #e8b87f;
text-decoration:none;
}

p.copyright {
padding-top: 15px;
font-size: 14px;
color:#d9cbb2;
}

/*--------
form input
--------*/

div.radio-group {
margin-top: 5px;
}

div.radio-group input {
  opacity: 0;
    /*
  opacity: 0;
     filter: alpha(opacity=0);
  */
}

div.radio-group div {
  position: relative;
}

div.radio-group input {
  position: absolute;
  left: 0px;
  outline:none;
}

div.radio-group label {
cursor: pointer;
padding: 8px 0px 0px 0px;
float: left;
background: url('/m999/img/new_face/pc/u/index1_off.png') no-repeat;
width:211px;
height:40px;
color:#fcf2db;
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-size: 18px;
text-shadow: 1px 1px 0px #260f00;
line-height:1.4;
text-align:center;
vertical-align:middle;
}

div.radio-group label.checked  {
background: url('/m999/img/new_face/pc/u/index1_on.png') no-repeat;
width:210px;
height:40px;
}

div#blood div.radio-group label {
cursor: pointer;
padding: 8px 0px 0px 0px;
float: left;
background: url('/m999/img/new_face/pc/u/index2_off.png') no-repeat;
width:106px;
height:40px;
color:#fcf2db;
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-size: 18px;
text-shadow: 1px 1px 0px #260f00;
line-height:1.4;
text-align:center;
vertical-align:middle;
}

div#blood div.radio-group label.checked  {
background: url('/m999/img/new_face/pc/u/index2_on.png') no-repeat;
width:106px;
height:40px;
}

input[type="text"]:focus {
outline: 0;
border-color:#ffd800;
}

/*---------------------------------------------------------------------
  other
----------------------------------------------------------------*/
.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix  { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */