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

body{
height: auto !important;
background:#000000 url('../img/stars.png') repeat center;
height: 100%;
min-height: 100%;
color:#ffffff;
}

#index_body{
height: auto!important;
height: 100%;
min-height: 100%;
position: relative;
}


@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height: 100%;
  min-height: 100%;
  display:block;
  margin:0;
  padding:0;
}

.stars {
  background:#000000 url('../img/stars.png') repeat center;
  z-index:0;
  min-width:980px;
}

.twinkling{
  background:transparent url('../img/twinkling.png') repeat center;
  z-index:1;
  min-width:980px;
  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url('../img/clouds.png') repeat center;
    z-index:3;
    min-width:980px;
  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}

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

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

br {
letter-spacing: normal; /* IE6_7 */
}

a.body:link{
font-size: 14px;
color:#b5fae1;
text-decoration:none;
}
a.body:visited{
font-size: 14px;
color:#c384fe;
text-decoration:none;
}
a.body:active{
font-size: 14px;
color:#ff95c7;
text-decoration:none;
}
a.body:hover{
font-size: 14px;
color:#ff95c7;
text-decoration:none;
}


/*---------------------------------------------------------------------
  header
--------------------------------------------------------------------*/

#main_visual{
background: url('../img/main_visual.png') no-repeat;
background-position: center top;
height: 875px;
min-width:980px;
width:100%;
position:relative;
margin: 0 auto;
overflow:hidden;
z-index: 10000;
}

#main_Btn {
position:absolute;
left:50%;
margin-left: -440px;
width:880px;
top:225px;
}

#page-top{position:fixed; bottom:20px; right:110px; z-index:9999}
#page-top a{background:url('../img/scrollup.png') no-repeat; text-decoration:none; width:110px; height:140px; padding:30px 0; display:block}


/*---------------------------------------------------------------------
  common
---------------------------------------------------------------------*/
#wrap {
min-width:980px;
width: 980px;
text-align: center;
margin:0px auto;
background-position:center top;
background: -moz-linear-gradient(left,  rgba(52,27,22,0.1) 0%, rgba(6,25,49,0.1) 50%, rgba(52,27,22,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(52,27,22,0.1)), color-stop(50%,rgba(6,25,49,0.1)), color-stop(100%,rgba(52,27,22,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(52,27,22,0.1) 0%,rgba(6,25,49,0.1) 50%,rgba(52,27,22,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(52,27,22,0.1) 0%,rgba(6,25,49,0.1) 50%,rgba(52,27,22,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(52,27,22,0.1) 0%,rgba(6,25,49,0.1) 50%,rgba(52,27,22,0.1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(52,27,22,0.1) 0%,rgba(6,25,49,0.1) 50%,rgba(52,27,22,0.1) 100%); /* W3C */
box-shadow: 0px 15px 30px rgba(255,66,0,0.5);
-webkit-box-shadow: 0px 15px 30px rgba(255,66,0,0.5);
-moz-box-shadow: 0px 12px 40px rgba(255,66,0,0.5);
position:relative;
z-index: 10000;
}

/*---------------------------------------------------------------------
  main_culumn
---------------------------------------------------------------------*/

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

/*====== box02 ======*/
#box02 {}

#box02 section.seacret1{
background: url('../img/box02_caption.png') no-repeat;
background-position: center top;
height:0;
padding-top:224px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */

}
#box02 section.seacret2{
background: url('../img/box02_text1.png') no-repeat;
background-position: center top;
height: 0;
padding-top:362px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
}
#box02 section.seacret3{
background: url('../img/box02_close.png') no-repeat;
background-position: center top;
height:0;
padding-top:190px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
}

#box02 h1, #box02 h2, #box02 p{
display:none;
}

/*====== box03 ======*/
#box03 {}

#box03 section.review_top{
background: url('../img/box03_caption.png') no-repeat;
background-position: center top;
height:0;
padding-top:257px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
}

#box03 section.review1{
background: url('../img/box03_text1.png') no-repeat;
background-position: center top;
height:0;
padding-top:231px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
list-style: none;

}
#box03 section.review2{
background: url('../img/box03_text2.png') no-repeat;
background-position: center top;
height:0;
padding-top:245px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
list-style: none;
}
#box03 section.review3{
background: url('../img/box03_text3.png') no-repeat;
background-position: center top;
height:0;
padding-top:251px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
list-style: none;
}

#box03 h1, #box03 p{
display:none;
}

/*====== box04 ======*/
#box04{}


/*====== box05 ======*/
#box05 {
}

#box05 h1{
background: url('../img/box05_caption.png') no-repeat;
background-position: center top;
height:0;
padding-top:147px;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
}

/*---- countdown timer ----*/
#timer_Area{
width:980px; /*for IE8 */
position:relative;
padding:0;
}

#CDT{
position: absolute;
left: 0;
right: 0;
top: 195px;
*top: 185px; /*for IE7*/
bottom: 0;
width: 100%;
color: #fff798;
font-size: 44px;
*line-height: 50px; /*for IE7*/
font-family:  "Hiragino Kaku Gothic ProN", YuGothic, Meiryo, sans-serif;
text-align: center;
-webkit-text-shadow: 0 0 15px #ffaa00;
-moz-text-shadow: 0 0 15px #ffaa00;
text-shadow: 0 0 15px #ffaa00;
}


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

#box06 #p_center, #p_center{
background:#000000 url('../img/form_center.png') repeat-y;
background-position: center top;
margin: 0 auto;
}

#box06 table{
margin: 0px auto;
}

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

#box06 table td{
padding:40px 0 0 45px;
vertical-align: middle;
color:#fcf3e8;
margin:0;
}

#box06 div.form_flow2 table td{
padding: 40px 275px 0 45px;
vertical-align: middle;
color:#fcf3e8;
}


#box06 p.domain_txt{
margin-top:10px;
font-size: 14px;
line-height:1.4em;
color: #fcf3e8;
}

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


/*====== second text ======*/

#second_top{
padding-top:20px;
}

#s_txt {
width: 680px;
font-size: 14px;
text-align: left;
line-height: 1.4em;
margin: 0 auto;
color:#fcf3e8;
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:#a98a0f;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
border-bottom: 1px dotted #a98a0f;
}
#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: 44px;
}
.mark_clr{
color:#a98a0f;
}


/*====== footer ======*/
#footer {
background: url('../img/footer_bg.png') no-repeat;
background-position:center top;
height: 112px;
min-width:960px;
text-align: center;
margin: 0 auto;
color: #ffffff;
}

#f_link {
padding-top:45px;
}

#f_link a:link{
font-size: 13px;
line-height: 1.2em;
color: #ffffff;
text-decoration:none;
}
#f_link a:visited{
font-size: 13px;
line-height: 1.2em;
color: #a061ff;
text-decoration:none;
}
#f_link a:hover{
font-size: 13px;
line-height: 1.2em;
color: #ff95c7;
text-decoration:none;
}
#f_link a:active{
font-size: 13px;
line-height: 1.2em;
color: #ff95c7;
text-decoration:none;
}
p.copyright{
font-size: 13px;
color:#ffffff;
margin-top: 20px;
}

/*---------------------------------------------------------------------
  form input style
----------------------------------------------------------------*/
div.radio-group {
margin-top: 5px;
}
div.radio-group input {
  /*
  opacity: 0;
     filter: alpha(opacity=0);
  */
}
div.radio-group div {
  position: relative;
}
div.radio-group input {
  position: absolute;
  left: 0px;
  top: 0px;
  outline:none;
  margin:0;
  padding:0;
}

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

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

input[type="text"]{
height:35px;
font-size:16px;
vertical-align:middle;
text-align:left;
}

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



/*---------------------------------------------------------------------
  other
----------------------------------------------------------------
/*====== muryo_Btn ======*/
#box02 div.Btn_Area, #box03 div.Btn_Area{
background: url('../img/Btn_bg.png') no-repeat;
background-position: center top;
height:527px;
position:relative;
padding:0;
}
#box02 div.Btn, #box03 div.Btn{
position:absolute;
left:50%;
margin-left: -440px;
top:50px;
}

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