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

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

html {
overflow: auto;
}

body {
width: 100%;
height: 100%;
background-color: #613e29;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
position: relative;
}

.contents_all, .second_page {
width: 100%;
text-align: center;
margin: 0 auto;
overflow: hidden;
background-position: center top;
margin-top: 30px;
}

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

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

.banner {
width: 1200px;
min-width: 980px;
height: 400px;
margin: 0 auto;
display: inline-block;
*display: inline;
*zoom: 1;
}

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

#header_cap {
height: 60px;
background: #f7f4ee;
text-align: center;
margin: 0 auto;
}

#main {
background: url('../img/title.jpg') no-repeat center center fixed;
width: 100%;
min-width: 1200px;
height: 567px;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.title {
background: url("../img/title.png") no-repeat;
background-position: center top;
height: 567px;
min-width: 1200px;
width: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 0%;
text-indent: -9999px;
position: relative;
}

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

#followupWrap{
width: 180px;
height: 314px;
margin: 0 0 0 0;
position: fixed;
z-index: 10100;
top: 0px;
left: auto;
right: 0;
}

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

#followuph{
display: block;
width: 180px;
height: 41px;
top: 30px;
left: 0px;
position: absolute;
}

#followupm{
display: block;
width: 180px;
height: 41px;
top: 70px;
left: 0px;
position: absolute;
}

#followupp{
display: block;
width: 180px;
height: 41px;
top: 110px;
left: 0px;
position: absolute;
}

#followupi{
display: block;
width: 180px;
height: 41px;
top: 150px;
left: 0px;
position: absolute;
}

#followupf{
display: block;
width: 180px;
height: 122px;
top: 190px;
left: 0px;
position: absolute;
}

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

.contents1 {
background: url("../img/contents_bg.jpg")no-repeat;
background-size: 100% 100%;
margin: 0 auto;
display: block;
}

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

.contents2 {
background: url("../img/contents2_bg.jpg")no-repeat center center fixed;
width: 100%;
min-width: 1200px;
height: 982px;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.contents_cap2{
min-width: 980px;
margin: 0 auto;
}

.menu {
width: 1200px;
height: 382px;
margin: 0 auto;
padding-top: 12px;
}

.category {
background: url('../img/contents2_btn_bg.png') no-repeat;
width: 980px;
height: 365px;
margin: 0 auto;
}

.category_area {
width: 980px;
height: 365px;
margin: 0 auto;
}

.category_btn {
float: left;
list-style: none;
padding-left: 25px;
padding-right: 25px;
}

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

.contents3 {
background: url("../img/contents_bg.jpg")no-repeat;
background-size: 100% 422px;
margin: 0 auto;
display: block;
}

#contents3_box{
width: 1200px;
margin-left: auto;
margin-right: auto;
}

.left_frame {
display: table-cell
}

.right_frame {
display: table-cell;
width: 600px;
margin: 0 auto;
vertical-align: middle;
}

.right_frame .inner {
width: 600px;
position: relative;
}

.inner .content {
width: 600px;
height: 380px;
overflow-y: scroll;
}

.inner .content dl {
width: 600px;
}

.inner .content dl dt {
width: 600px;
height: 140px;
}

.inner .content dl dd {
width: 600px;
}

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

.contents4 {
background: url("../img/contents4_bg.jpg")no-repeat center center fixed;
width: 100%;
min-width: 1200px;
height: 1328px;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.contents_cap4{
min-width: 980px;
margin: 0 auto;
}

.step {
width: 1200px;
height: 893px;
margin: 0 auto;
}

.contents4_caption {
width: 1200px;
margin: 0 auto; 
}

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

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

#wrap {
text-align: center;
}

#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;
padding: 0 0 15px 0;
}

.form_bottom {
vertical-align: top;
}

#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 30px;
width: 424px;
color: #2c170d;
vertical-align: middle;
}

#box06 select {
vertical-align: middle;
}

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

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

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

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

#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: #179dcf;
text-decoration:none;
}

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

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

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

.mark_clr {
color:#d8007f;
}

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

.footer {
width: 980px;
min-width: 980px;
height: 124px;
text-align: center;
margin: 0 auto;
}

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

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

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

#f_link a:hover {
font-size: 14px;
line-height: 1.5em;
color: #f1cb6e;
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:#f7ece8;
padding-bottom: 40px;
}

/*--------
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('../img/index1_off.png') no-repeat;
width:211px;
height:40px;
color:#ffffff;
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-size: 18px;
text-shadow: 2px 2px 0px #3e1c00;
line-height:1.4;
text-align:center;
vertical-align:middle;
}

div.radio-group label.checked  {
background: url('../img/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('../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: 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.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 */