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



/*1024px*/
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape) {

body,html{ width: 100% auto;}
#back-top{display: none;}
}


/*768px*/
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait){
body,html{ width: 100% auto;}
#back-top{display: none;}
}

}


@media (max-width: 767px) { body,html{
overflow-x: hidden;
width: 980px;
margin: 0 auto;
}
}



body{
background: #ffeaee;
height: auto!important;
height: 100%;
min-height: 100%;
min-width:980px;
}

img{
vertical-align: bottom;
border: none;
}
body, textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 100%;
}

a.body:link{
font-size: 14px;
color:#3ec2a0;
}
a.body:visited{
font-size: 14px;
color:#3ec2a0;
}
a.body:active{
font-size: 14px;
color:#3ec2a0;
}
a.body:hover{
font-size: 14px;
color:#3ec2a0;
text-decoration:
}

/*
Back to top button
*/
#back-top {
position: fixed;
bottom: 1%;
right: 1%;
z-index: 2;
}

#back-top span {
width: 117px;
height: 117px;
display: block;
}



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

#main_visual{
background: url('../img/title_bg.jpg') repeat-x;
height: 163px;
}

#main_visual img{
display: block;
margin: 0 auto;
padding-top: 40px;
}




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

#wrap{
background: url('../img/background.jpg') repeat;
}

#main_culumn {
width: 804px;
background: #fff;
margin: 0 auto;
padding: 0 88px;
text-align: left;
padding-bottom: 50px;
box-shadow: 0 0 10px rgba(197, 197, 197, 0.8);
}


.culumn_t {
  padding-top: 50px;
  margin-bottom: 20px;
}
.pr {
    background: #757575;
    width: 50px;
    padding: 5px;
    color: #fff;
    text-align: center;
}

#main_culumn h1{
    font-size: 33px;
    margin-top: 20px;
    line-height: 1.5;
    border-bottom: dotted 4px #ff6a5f;
    padding-bottom: 10px;
    color: #2e2e2e;
}


#outline {
    font-size: 18px;
    margin-top: 20px;
    line-height: 2em;
    color: #2e2e2e;
    margin-bottom: 40px;

}


#main_culumn h2{
    margin-bottom: 30px;
    font-size: 25px;
    margin-top: 50px;
    border-top: 3px #fb7c73 solid;
    border-bottom: 3px #fb7c73 solid;
    padding: 20px;
    color: #515151;
}

.out_txt{
   color: #525252;
}

.out_txt a:link{
font-size: 18px;
color:#ee2ca2;
}

.mryo_btn {

}

/*---------------------------------------------------------------------
  text_COLOR  色指定
---------------------------------------------------------------------*/
#outline .red_style{
   color: #f12d2d;
}



#outline .red_style{
 color: #f12d2d;
}

#outline .pink_style{
 color: #ee2ca2;
}


#outline .blue_style{
 color: #4a51da;
}

#outline .yellow_line{
background: #fafc53;
}

#outline .b_style{
font-weight: bold;
}


#outline .gray_area {
    background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
    border: 1px solid #FFFFFF;
    position: relative;
    margin-top: 3%;
    margin-right: 0;
    margin-bottom: 7%;
    margin-left: 0;
    padding-top: 30px;
    padding-right: 5%;
    padding-bottom: 20px;
    padding-left: 5%;
    text-align: center;
    line-height: 1.5em;
    font-size: 18px;
}



.gray_area::before {
    color: #C8C8C8;
    content: "“";
    font-size: 450%;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
    font-family: serif;

}
.gray_area::after {
    bottom: 0;
    color: #C8C8C8;
    content: "”";
    font-size: 450%;
    line-height: 0;
    position: absolute;
    right: 0;
    bottom: -16px;
    font-family: serif;

}

/*====== box06--> profile_form(1) <--- ======*/

#form_top {
background: url('../img/form_top.png') repeat-x;
height: 37px;
}

.form_header {
  text-align: center;
}

#form table{
  margin: 0 auto;
}

#p_center {
  text-align: center;
  margin: 0 auto;
  background: url('../img/form_bg.png') repeat-y center;
}

#p_center .box06_txt {
  font-size: 18px;
  line-height: 1.4em;
  color: #3c3c3c;
}


#domain {
  padding-bottom: 20px;
  text-align: center;
  background: url('../img/domain_bg.png') repeat-y center;
}


.domain_t {
font-size: 18px;
padding-top: 10px;
color: #535353;
}


.domain_txt {
  padding-top: 20px;
  font-size: 14px;
  line-height: 1.5em;
  color: #535353;

}


#domain a:link{
font-size: 14px;
color:#3ec2a0;
}
#domain a:visited{
font-size: 14px;
color:#3ec2a0;
}
#domain a:active{
font-size: 14px;
color:#3ec2a0;
}
#domain a:hover{
font-size: 14px;
color:#3ec2a0;

}



.form_bottom {
vertical-align: top;
}

#p_center h1 {
width: 980px;
margin: 0 auto;
}
#p_center h2 {
 font-weight: normal;
 color: #535353;
 padding-top: 20px;
 font-size: 18px;
 margin-bottom: 10px;
 line-height: 1.5;

}

.second_page h1 {
 margin-top: -61px;
}

#p_center table {
    margin-top: 20px;
}

#p_center table th {
vertical-align: middle;
text-align: left;
padding-bottom: 30px;
}

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

#p_center table td {
    width: 250px;
    color: #3c3c3c;
    vertical-align: middle;
    text-align: left;
    padding-bottom: 30px;
    padding-left: 20px;
}



#p_center select {
vertical-align: middle;
}

.pngfix {
  color: #fe7b72;
  font-size: 20px;
  font-weight: normal;
}


#form_bottom {
height: 24px;
}


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

#footer {
text-align: center;

}

#f_link {
padding: 60px 0 15px 0;
color: #515151;
}

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

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

#f_link a:hover {
font-size: 14px;
line-height: 1.5em;
color: #000;
text-decoration:underline;

}

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

}

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

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

#form {
padding-top: 30px;
padding-bottom: 20px;
}

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: 10px 0px 0px 0px;
float:left;
background: url('../img/index1_off.jpg') no-repeat;
width:202px;
height:44px;
color: #535353;
font-size: 18px;
line-height:1.4;
text-align:center;
vertical-align:middle;
}
div.radio-group label.checked  {
background: url('../img/index1_on.jpg') no-repeat;
width:202px;
height:44px;
}

div#blood div.radio-group label{
cursor: pointer;
padding: 10px 0px 0px 0px;
float:left;
background: url('../img/index2_off.jpg') no-repeat;
width:101px;
height:44px;
color: #535353;
font-size: 18px;
line-height:1.4;
text-align:center;
vertical-align:middle;
left:0;
}
div#blood div.radio-group label.checked  {
background: url('../img/index2_on.jpg') no-repeat;
width:101px;
height:44px;
}

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

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

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

#s_txt {
width: 700px;
font-size: 14px;
text-align: left;
line-height: 1.4em;
margin: 0 auto;
color: #3c3c3c;
letter-spacing: 1px;
padding-bottom: 20px;
padding-top: 30px;
}

#s_txt .str_color {
color: #dc425f;
}

#s_txt h3 {
padding:20px 0 0 1px;
font-size: 15px;
margin:0;
color:#fe7b72;
border-bottom: 1px dotted #fe7b72;
}

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

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

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

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

.mark_clr {
color:#fe7b72;
}

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

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