@charset "UTF-8";

/* =============================================
CSS information
 file name  :  style.css
 style info :  All Page Desining
============================================= */

#top_page,#top_page_p145, body{
height:auto !important;
height:100%;
min-height:100%;
color:#6a3616;
}
#top_page{
background:#dfd9f6 url('../img/bg_toppage.png') no-repeat center top;
background-attachment:fixed;
}/*top page only*/
body{
background:#dfd9f6;
background-attachment:fixed;
}

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

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

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

ul{
list-style-type:none;
}

.str_color{
color:#f80101;
}
a:link{
font-size:14px;
color:#1fae9c;
text-decoration:none;
}
a:visited{
font-size:14px;
color:#a259c2;
text-decoration:none;
}
a:active{
font-size:14px;
color:#ffb4ce;
text-decoration:none;
}
a:hover{
font-size:14px;
color:#ffb4ce;
text-decoration:none;
}
a{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

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

#main_visual_02 h1{
background: url('../img/main_visual_02.jpg') no-repeat;
background-position:center top;
height:823px;
min-width:980px;
width:100%;
position:relative;
z-index:1000;
}

.top_Btn{
position:absolute;
top:600px;
left:50%;
margin-left:-427px;
z-index:1500;
}

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


/*---------------------------------------------------------------------
  side Navi
--------------------------------------------------------------------*/
#followupWrap{
/*width: 168px;*/
/*height: 100%;*/
/*margin: 0 0 0 0;*/
position:fixed;
z-index: 9999;
top:5px;
/*left: auto;*/
right:0;
}

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

#followuph{
display:block;
width:99px;
height:98px;
top:33px;
left:38px;
position:absolute;
}

#followupp{
display:block;
width:99px;
height:99px;
top:142px;
left:38px;
position:absolute;
}



/*-------------
  common
---------------*/
#wrap {
min-width:980px;
width:100%;
text-align:center;
margin:0px auto;
background: rgba(255,255,255,0.7);-ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff); /* IE 8以上用 */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff); /* IE 7以下用 */
-webkit-box-shadow: 0px 3px 5px rgba(204,169,139,0.4);
-moz-box-shadow: 0px 3px 5px rgba(204,169,139,0.4);
box-shadow: 0px 3px 5px rgba(204,169,139,0.4);
z-index:99999;
}
img.arrow{
display:block;
min-width:980px;
width:980px;
text-align:center;
margin:-50px auto 30px;
}
a.frameout_Btn{
display:block;
text-align:center;
margin:0px auto;
min-width:980px;
}

/*-------------
  main_culumn
---------------*/
#box01{
position:relative;
width:980px;
margin:0px auto;
}
#box01 p{
position:absolute;
top:179px;
left:50%;
margin-left:-130px;
font-size:20px;
font-weight:bold\9; /*for IE8-6 */
color:#682b06;
-webkit-text-shadow:2px 2px 4px #ffffff;
-moz-text-shadow:2px 2px 4px #ffffff;
text-shadow:2px 2px 4px #ffffff;
width:590px;
letter-spacing:-0.95px;
line-height:130%;
text-align:left;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
#box01 .muryo_Btn{
position:absolute;
top:490px;
left:50%;
margin-left:-230px;
}

#box02{
position:relative;
width:980px;
margin:0px auto;
}
#box02 h1{
background: url('../img/box02_top.png') no-repeat;
padding-top:560px;
}
#box02 h2{
background: url('../img/box02_close.png') no-repeat;
padding-top:628px;
}
#box02 .muryo_Btn{
position:absolute;
top:900px;
left:50%;
margin-left:-427px;
}

#box03 h1{
background: url('../img/box03_bg.png') no-repeat;
padding-top:1089px;
}

#box04{
width:980px;
margin:0px auto;
padding-bottom:70px;
}
#box04 h1{
background: url('../img/box04_caption.png') no-repeat;
padding-top:345px;
}
#box04 div.keypoint{
background: url('../img/box04_bg.png') no-repeat;
height:475px;
position:relative;
}
#box04 img{
position:absolute;
}
#box04 img.key01{top:38px; left:90px; bottom:0; right:0;}
#box04 img.key02{top:116px; left:206px; bottom:0; right:0;}
#box04 img.key03{top:200px; left:325px; bottom:0; right:0;}
#box04 img.key04{top:279px; left:446px; bottom:0; right:0;}
#box04 img.key05{top:360px; left:576px; bottom:0; right:0;}

#box_teller{
width:980px;
margin:0px auto;
padding-bottom:70px;
}

#box05{
width:980px;
margin:0px auto;
}
#box05 h1{
background: url('../img/box05_caption.png') no-repeat;
padding-top:350px;
}
#box05 ul{
position:relative;
}
#box05 ul li.review01{
background: url('../img/review_bg1.png') no-repeat;
height:319px;
}
#box05 ul li.review02{
background: url('../img/review_bg2.png') no-repeat;
height:329px;
}
#box05 ul li.review03{
background: url('../img/review_bg3.png') no-repeat;
height:343px;
}
#box05 ul li p{
position:absolute;
font-size:16px;
font-weight:bold;
color:#682b06;
-webkit-text-shadow:3px 2px 4px #ffffff;
-moz-text-shadow:3px 2px 4px #ffffff;
text-shadow:3px 2px 4px #ffffff;
letter-spacing:-0.95px;
line-height:140%;
text-align:left;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
#box05 ul li.review01 p{
width:690px;
top:15px;
left:50%;
margin-left:-200px;
}
#box05 ul li.review02 p{
width:690px;
top:365px;
left:50%;
margin-left:-485px;
}
#box05 ul li.review03 p{
width:690px;
top:670px;
left:50%;
margin-left:-200px;
}
.str_review{
color:#f86401;
}

#box06{
min-width:980px;
width:100%;
text-align:center;
margin:0px auto;
background: rgba(255,255,255,0.5);
-ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88ffffff,EndColorStr=#88ffffff); /* IE 8以上用 */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88ffffff,EndColorStr=#88ffffff); /* IE 7以下用 */
-webkit-box-shadow: 0px 3px 5px rgba(204,169,139,0.5);
-moz-box-shadow: 0px 3px 5px rgba(204,169,139,0.5);
box-shadow: 0px 3px 5px rgba(204,169,139,0.5);
z-index:99999;
}
#box06 h1{
background: url('../img/close_txt.png') no-repeat;
padding-top:406px;
}

#box02 h1 ,#box02 p,
#box02 h2 ,
#box03 h1 ,#box03 ul li ,
#box_teller h1 ,
#box04 h1 ,
#box05 h1 ,
#box06 h1{
background-position: center top;
height:0;
overflow:hidden;
*white-space: nowrap; /*for IE7*/
text-indent:-9999px\9; /*for IE8-6 */
}

/* form(1) */
#box06 #p_center, #p_center{
background: url('../img/form_center.png') repeat-y;
background-position: center top;
width:980px;
min-width:980px;
margin: 0 auto;
}

#box06 div.form_flow2{
width:100%;
margin:0 auto;
padding-left:120px;
}
#box06 table{
margin: 0px auto 30px;
}
#box06 table th{
padding-top:30px;
text-align: center;
vertical-align: middle;
}
#box06 table td{
padding:40px 0 0 45px;
vertical-align: middle;
color:#6a3616;
margin:0;
}
#box06 div.form_flow2 table td{
padding: 40px 275px 0 45px;
vertical-align: middle;
color:#6a3616;
}
#box06 p.domain_txt{
margin-top:10px;
font-size: 14px;
line-height:1.4em;
color:#6a3616;
}
#box06 p img {
vertical-align: middle;
}

ul.domain{
padding-bottom:20px;
}
ul.domain li{
display: inline-block;
/display:inline; /* IE6_7 */
/zoom:1
}

/* second text */
#s_txt {
width:670px;
font-size: 14px;
text-align: left;
line-height: 1.4em;
margin: 0 auto;
color:#81411a;
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:#81411a;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
border-bottom: 1px dotted #81411a;
}
#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:#81411a; }

/* footer */
#footer {
background: url('../img/footer_bg.png') repeat-y;
background-position: center top;
min-width:980px;
width:980px;
margin:0 auto;
text-align:center;
color:#826a49;
position: relative;
}
#f_link {padding-top:50px;}
#f_link a{font-size: 13px; line-height: 1.2em; text-decoration:none; color: #826a49 !important;}
#f_link a:link{color: #826a49}
#f_link a:visited{color: #826a49;}
#f_link a:hover{color: #826a49; text-decoration: underline;}
#f_link a:active{color: #826a49;}
p.copyright{
padding: 20px 0px;
font-size: 13px;
color:#aca4d2;
}
.p_mark {
  position: absolute;
  top: 15px;
  right: 0;
}

/*--------------------------------------------
  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:14px;
vertical-align:middle;
text-align:left;
}
input[type="text"]:focus {
outline: 0;
border-color:#ffd800;
}
select{
height:43px;
min-height:43px;
border:1px solid #aaaaaa;
border-radius:0px;
background:#ffffff;
font-size:100%;
font-size:130%\9; /*for IE8-6 */
vertical-align:middle;
display:inline;/*for IE huck */
}
select.b_year{
width:147px;
}
select.b_moth, select.b_day{
width:110px;
}
select.address{
width:184px;
}


/*-------------------
  other
--------------------*/
.magb0  {margin-bottom:0px   !important;}
.magb5  {margin-bottom:5px   !important;}
.magb10 {margin-bottom:10px  !important;}
.magb15 {margin-bottom:15px  !important;}
.magb20 {margin-bottom:20px  !important;}
.magb30 {margin-bottom:30px  !important;}
.magb40 {margin-bottom:40px  !important;}
.magb50 {margin-bottom:50px  !important;}
.magb70 {margin-bottom:70px  !important;}
.magb85 {margin-bottom:85px  !important;}
.magb100{margin-bottom:100px !important;}
.magb150{margin-bottom:150px !important;}

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