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

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

html {
overflow: auto;
background-color: #2e0403;
}

body {
width: 100%;
height: 100%;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
position: relative;
min-width: 980px;
background: url('../img/contents_bg.jpg') ;
}


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

#main_visual, #menu, #promise, #toroku_form {
display:inline;
width: 0%;
height: 0%;
}

img{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
/*--------
title
--------*/


#main {
background: url('../img/title_bg.jpg') ;
width: 100%;
height: 601px;
min-width: 980px;
background-position: center top;
background-repeat: no-repeat;
}

/*--------
nav
--------*/

#sideNavi {
    background: url(../img/navi_bg.png) no-repeat 0px 0px;
    width: 215px;
    height: 650px;
    position: fixed;
    top: 0;
    right: 40px;
    z-index: 999;
}

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

#sideNavi .n1 {
    margin-top: 90px;
    margin-left: 57px;
}

#sideNavi .n2 {
    margin-left: 25px;
    margin-top: -10px;

}

#sideNavi .n3 {
  margin-left: 45px;
  margin-top: -10px;
}

#sideNavi .n4 {
    margin-top: 19px;
    margin-left: 44px;

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


#contents1 {
background: url('../img/contents1_bg.jpg') no-repeat center;
width: 100%;
height: 143px;
min-width: 980px;
}

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



.slot1 {
    float: left;
    padding-top: 32px;
    padding-left: 240px;
}

.slot2 {
    float: left;
    padding-top: 32px;
    padding-left: 90px;
}

.slot3 {
    float: right;
    padding-top: 32px;
    padding-right: 290px;
}


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

#contents2 {
background: url('../img/contents2_bg.jpg') no-repeat center;
width: 100%;
height: 371px;
min-width: 980px;
}


#contents2 .free_btn {
  text-align: center;
}


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

#contents3 {
  position: relative;
}


#contents3 .contents3_title{
}

#contents3 h1{
background: url("../img/contents3_title.jpg") no-repeat center;
width: 100%;
height: 290px;
min-width: 980px;

}


#contents3 .text1 {
  background: url('../img/contents3_text.jpg') no-repeat center;
  height: 670px;
  margin-top: -25px;
}



#contents3 .text2 {
  background: url('../img/contents3_btm.jpg') no-repeat center;
  height: 680px;
}

#contents3 .text1 h2{
visibility: hidden;
}
#contents3 .text2 h2{
visibility: hidden;
}


.contents3_btm {
  text-align: center;
}
#contents3 .free_btn  {
    background: url(../img/btn_bg.jpg)no-repeat;
    background-position: center;
    width: 100%;
    height: 301px;
}


#contents3 .free_btn {
  text-align: center;
  padding-top: 300px;
}



/*--------
contents4
--------*/



#contents4 h1{
    background: url(../img/contents4_title.jpg) no-repeat;
    background-position: center;
    height: 337px;
    width: 100%;
    min-width: 980px;
    overflow: hidden;

}

#contents4 .voice p{
  visibility: hidden;
}

#contents4 .bg1 {
background: url('../img/contents4_bg1.jpg') no-repeat;
background-position: center;
width: 100%;
height: 330px;
}

#contents4 .bg2 {
background: url('../img/contents4_bg2.jpg') no-repeat;
background-position: center;
width: 100%;
height: 331px;
}

#contents4 .unmei{
background: url('../img/siawase.jpg') no-repeat;
background-position: center;
width: 100%;
height: 326px;
min-width: 980px;


}

#contents4 .unmei h2{
visibility: hidden;
}
/*--------
form.second
--------*/

#toroku_form {
  position: relative;
}

.domain {
  padding-bottom: 30px;
}


#box06 {
background: url('../img/form_bg.jpg') ;  
background-position: center;
height: auto;
*height: auto !important;/*for IE7*/
width: 100%;
min-width: 980px;
position: relative;
padding-bottom: 60px;
background-repeat: repeat-y;
}

#wrap {
text-align: center;
background: url('../img/form_center.jpg') repeat-y;
background-position: center top;
max-width: 980px;
width: 100%;
margin: 0 auto;
}

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

.form_bottom {
vertical-align: top;
}

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

.second_page h1 {
  text-align: center;
}

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

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

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

#box06 table td {
padding: 0px 0 0 30px;
width: 424px;
color: #f8f5e0;
vertical-align: middle;
padding-bottom: 10px;
}

#box06 select {
vertical-align: middle;
}

#domain {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: -120px;
}


p.domain_txt {
font-size: 14px;
line-height:1.4em;
color: #f8f5e0;
padding-top: 15px;
}

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


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

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

#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: #e6d455;
text-decoration:underline;
}

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

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

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

.mark_clr {
color:#d36c00;
}

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

.footer {
width: 980px;
min-width: 980px;
text-align: center;
margin: 0 auto;
background: url('../img/footer_bg.jpg') ;
}


#footer_bg {
margin-top: -12px;
}

#f_link {
padding: 40px 0 15px 0;
color: #ce961e;
}

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

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

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

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

p.copyright {
font-size: 14px;
color:#ce961e;
padding-bottom: 40px;
}

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

div.radio-group {
  padding-top: 10px;
}

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: 11px 0px 0px 0px;
float: left;
background: url('../img/index1_off.jpg') no-repeat;
width:210px;
height:42px;
color:#fbf5e6;
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-size: 20px;
text-shadow: 2px 2px 0px #3e1c00;
line-height:1.4;
text-align:center;
vertical-align:middle;
line-height: 1.2;
}

div.radio-group label.checked  {
background: url('../img/index1_on.jpg') no-repeat;
width:210px;
height:42px;
color: #3b1805;
text-shadow: 1px 1px 0px #ffe8d1;
font-weight: bold;
line-height: 1.3;
}

div#blood div.radio-group label {
cursor: pointer;
padding: 12px 0px 0px 0px;
float: left;
background: url('../img/index2_off.jpg') no-repeat;
width:105px;
height:45px;
color:#fbf5e6;
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-size: 20px;
text-shadow: 2px 2px 0px #3e1c00;
line-height:1.4;
text-align:center;
vertical-align:middle;
}

div#blood div.radio-group label.checked  {
background: url('../img/index2_on.jpg') no-repeat;
width:105px;
height:45px;
color: #3b1805;
text-shadow: 1px 1px 0px #ffe8d1;
font-weight: bold;
}

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 */