/* ===================================================================
CSS information
file name  :  style.css
style info :  All Page Desining
=================================================================== */
@charset "UTF-8";
/*--------
default
--------*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

/*-body {
background: url('/m999/img/new_face/pc/uhu/bg00a.jpg') fixed center no-repeat;
background-size: cover;
background-color: #030514;
min-width: 980px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
}-*/

.contents_all, .second_page {
min-width: 980px;
margin: 0 auto;
text-align: center;
}

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%;
}

/*--------
title
--------*/
#main {
min-width:980px;

height:963px;
text-align: center;
margin: 0 auto;
background-position:center top;
background-size: 100%;
position: relative;
}

#title {
margin: 0 auto;
padding: 0 auto;
background: url('/m999/img/new_face/pc/uhu/title00.png') no-repeat;
background-position: top center;
width: 928px;
background-size:contain;
height: 963px;
z-index:11;
}

#title2 {
margin: 0 auto;
padding: 0 auto;
background: url('/m999/img/new_face/pc/uhu/title000.png') no-repeat;
background-position: top center;
width: 928px;
background-size:contain;
height: 963px;
z-index:11;
}

#title0000 {
margin: 0 auto;
padding: 0 auto;
background: url('/m999/img/new_face/pc/uhu/title0000.png') no-repeat;
background-position: top center;
width: 928px;
background-size:contain;
height: 963px;
z-index:11;
}

#title_luna {
margin: 0 auto;
padding: 0 auto;
background: url('/m999/img/new_face/pc/uhu/title_luna.png') no-repeat;
background-position: top center;
width: 928px;
background-size:contain;
height: 963px;
z-index:11;
}

/*-#bg1{
  margin: 0 auto;
  padding: 0 auto;
  width: 100%;
  height: 100%;
background: url('/m999/img/new_face/pc/uhu/view01.png') no-repeat;
  background-position: center;
  z-index: 8;	
}-*/

/*--------
side
--------*/
#bg1 {
margin: 0 auto;
padding: 0 auto;
width: 100%;
background: url('/m999/img/new_face/pc/uhu/view001.png') no-repeat;
background-position: top center;
min-width:980px;
z-index: 8;
}

#bg2{
margin: 0 auto;
padding: 0 auto;
width: 100%;
background: url('/m999/img/new_face/pc/uhu/view002.png') no-repeat;
background-position: center;
background-size:contain;
min-width:980px;
z-index:7;	
}

#bg3{
margin: 0 auto;
padding: 0 auto;
width: 100%;
background: url('/m999/img/new_face/pc/uhu/view003.png') no-repeat;
background-position: center;
background-size:contain;
min-width:980px;
z-index:6;	
}

#bg4{
background: url('/m999/img/new_face/pc/uhu/view04.jpg') no-repeat;
background-position: center top;
min-width:980px;
margin: 0 auto;
padding: 0 auto;
width: 100%;
height: 965;
z-index:1;	
background-size:contain;
}

.title_btn {
top:600px;
position: relative;
z-index: 100;
text-align:center;
left: 1px;
}

.title_btn a {
display: block;
}

/*--------
section1
--------*/
.sec1 {
  margin: 0 auto;
  padding: 0 auto;
  min-width: 980px;
  position: relative;
display: block;
/*-padding: 0px 0 80px;-*/
}

.sec1ab {
margin: 0 auto;
}

.sec1c {
background: url('/m999/img/new_face/pc/uhu/s01a.png') no-repeat;
width: 1087px;
height: 810px;
margin: 0 auto;
position: relative;
}

.sec11c {
background: url('/m999/img/new_face/pc/uhu/s001c.png') no-repeat;
width: 1000px;
height: 820px;
margin: 0 auto;
position: relative;
}

.sec111c {
background: url('/m999/img/new_face/pc/uhu/s0001c.png') no-repeat;
width: 1000px;
height: 820px;
margin: 0 auto;
position: relative;
}

.sec1111c {
background: url('/m999/img/new_face/pc/uhu/s01d.png') no-repeat;
width: 1087px;
height: 810px;
margin: 0 auto;
position: relative;
}

.sec11111c {
background: url('/m999/img/new_face/pc/uhu/s01b.png') no-repeat;
width: 1087px;
height: 810px;
margin: 0 auto;
position: relative;
}

.s1_app {
position: relative;
top: 70%;

z-index: 100;
text-align:center;
}

.s1_btn {
position: relative;
top: 80%;

z-index: 100;
text-align:center;
}

.s1_btn a {
display: block;
}

/*--------
section2
--------*/
.sec2 {
  top: 50px;
  margin: 0 auto;
  padding: 0 auto;
  min-width: 980px;
  position: relative;
display: block;
/*-padding: 0px 0 80px;-*/
}

.sec2ab {
margin: 0 auto;
}

.sec2c {
background: url('/m999/img/new_face/pc/gsz/s02c.png') no-repeat;
width: 980px;
height: 430px;
margin: 0 auto;
position: relative;
}

.s2_btn {
position: relative;
top: 39px;

z-index: 100;
text-align:center;
}

.s2_btn a {
display: block;
}

/*====== section03 ======*/
#sec03 {
  top: 0px;
  width: 859px;
  margin: 0 auto;
  padding: 0 auto;
  min-width: 980px;
  position: relative;
display: block;
/*-padding: 0px 0 80px;-*/
}

.s03a {
background: url('/m999/img/new_face/pc/uhu/s03a.png') no-repeat;
width: 859px;
height: 153px;
margin: 0 auto;
position: relative;
}

/*=.sec3a {
background: url('/m999/img/new_face/pc/uhu/s03b01a.jpg') no-repeat;
width: 859px;
height: 427px;
margin: 0 auto;
position: relative;
padding-bottom: 20px;
}=*/

.s03b01a {
background: url('/m999/img/new_face/pc/uhu/s03b01a.jpg') no-repeat;
width: 859px;
height: 145px;
margin: 0 auto;
position: relative;
}

.s03b02a {
background: url('/m999/img/new_face/pc/uhu/s03b02a.jpg') no-repeat;
width: 859px;
height: 145px;
margin: 0 auto;
position: relative;
}

.s03b03a {
background: url('/m999/img/new_face/pc/uhu/s03b03a.jpg') no-repeat;
width: 859px;
height: 145px;
margin: 0 auto;
position: relative;
}

.s03d {
background: url('/m999/img/new_face/pc/uhu/s03d.jpg') no-repeat;
width: 859px;
height: 94px;
margin: 0 auto;
position: relative;
}

div.voice01, div.voice02{
position:relative;
/*=margin-bottom: 20px;=*/
margin: 0px 0px 20px 0px;
}
div.voice03{
position:relative;

}
div.Silhouette, div.Silhouette02, div.Silhouette03{
position:absolute;
z-index:1;
}

div.Silhouette{
top:150px;
right:12%;
}
div.Silhouette02{
top:150px;
right:12%;
}
div.Silhouette03{
top:150px;
right:12%;
}
div.voiceForm{
width:885px;
background: url('/m999/img/new_face/pc/uhu/s03c.jpg') repeat-y;
background-position:center top;
margin:0 auto;
*zoom:1; /*for IE7*/
/*padding: 0 157px;*/
}
div.voiceForm p{
position:relative;
padding:20px 105px 0px 75px;
color:#7f5a20;
font-size:97%;
text-align:left;
line-height:1.5em;
z-index:2;
}
div.voiceForm a{
text-decoration:underline;
color:#dc635a;
}
div.voiceForm a:hover{
color:#eb938c;
}

/*-------------------
  other
--------------------*/
#box04 h1{
background-position: center top;
height:0;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
}

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

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

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

#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: 13px;
line-height: 1.2em;
color: #00b2d2;
text-decoration:none;
}

#s_txt a:visited {
font-size: 13px;
line-height: 1.2em;
color: #2068d4;
text-decoration:none;
}

#s_txt a:hover {
font-size: 13px;
line-height: 1.2em;
color: #9663ff;
text-decoration:none;
}

#s_txt a:active {
font-size: 13px;
line-height: 1.2em;
color: #9663ff;
text-decoration:none;
}

.mark_clr {
color:#edb929;
}

/*--------
footer
--------*/
#footer {
  margin: 0 auto;
  padding: 10px auto;
  text-align:center;
  width: 100%;
  height:150px;
  background-color: #000000;
}

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

#footer 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;
}