@media screen and (min-width: 481px)  {
#wrapper{
    border-left:1px #bbb solid;
    border-right:1px #bbb solid;
}
}

@media screen and (min-width: 600px) {
#wrapper{ line-height:1.4em; }
}

body{font-size:16px; background:#e0e0e0; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, sans-serif;}
*{margin:0; padding:0; list-style:none;
        -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
img{display:block;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
.floLeft{float:left;}
.floRight{float:right;}


/*==============================================
common_parts
==============================================*/

#wrapper{
    width:100%;
    max-width:600px;
    min-width:320px;
    background:#fff;
    margin:0 auto;
  word-break:break-all;
}

/* header */
#wrapper #header{
    padding:10px 20px;
    border-bottom:2px #0077dd solid;
}
#wrapper #header img{
    width:75px;
    height:auto;
    float:left;
}
#wrapper .form_title{
    background:#0077dd;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:10px 0 12px;
    font-size:131.3%;
    line-height:1.2em;
  clear: none;
}
#wrapper .form_title p:first-child{
    padding-bottom:5px;
}

#wrapper .form_term{
    background:#f4f4f4;
    width:100%;
    font-size:75%;
    text-align:center;
    line-height:32px;
}

#wrapper .form_step{
    padding:20px 0;
}

#wrapper .form_step img{
    width:100%; 
    max-width: 430px;
    height:auto;
    max-height: 40px;
    margin: 0 auto;
}

#wrapper .form_read{
    text-align: center;
  font-weight: bold;
  margin-bottom:18px;
}


/* contents */
#wrapper .form_contInner{
    padding:20px;
  font-size: 14px;
  line-height: 19px;
}

/* form_btn1 */
#wrapper .form_btn1{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-align: center;
background: #bf0000;
margin: 10px 30px 20px;
font-size: 14px;
font-weight:bold;
}

#wrapper .form_btn1 a{
color: #fff;
padding: 8px 0;
display: block;
text-decoration: none;
}

#wrapper .form_btn1_gry{
  background: #f8f8f8;
  border: 1px solid #b2b2b2;
}

#wrapper .form_btn1_gry a{
color: #000;
}



/* form_btn2 */
#wrapper .form_btn2{
margin: 10px 30px 20px;
}

#wrapper .form_btn2 p{
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 48%;
}

#wrapper .form_btn2 a{
  display: block;
  text-decoration: none;
  font-size: 14px;
  font-weight:bold;
}
#wrapper .form_btn2_gry{
  float: left;
}

#wrapper .form_btn2_gry a{
  color: #000;
}

#wrapper .form_btn2_red{
    float: right;
  background: #bf0000;
}

#wrapper .form_btn2_red a{
  color: #fff;
}

/* form_btn input */
#wrapper input[type="submit"]{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
white-space: pre-wrap;
background: #bf0000;
font-size: 14px;
color: #fff;
padding: 8px 0;
border: none;
font-weight:bold;
width: 100%;
display: block;
min-height:38px;
-webkit-appearance: none;
cursor: pointer;
}
#wrapper .form_btn2_gry input[type="button"]{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #f8f8f8;
font-size: 14px;
color: #000;
padding: 8px 0;
border: 1px solid #b2b2b2;
font-weight:bold;
width: 100%;
display: block;
height:38px;
-webkit-appearance: none;
cursor: pointer;
}

/* footer */
#wrapper .form_footer{
    border-top:2px #0077dd solid;
    margin-top:40px;
}



#wrapper .form_footer p{
    text-align:center;
    padding:15px 0;
    font-size:75%;
    color:#676767;
}

/* color */
#wrapper .t_red{
    color:#cc0000 !important;
}
#wrapper .bgRed{
    background:#fae5e5 !important;
}

/* 繝壹�繧ｸ縺ｮ鬮倥＆隱ｿ謨ｴ */
html,body{height:100%;}
#page03,#page04,#page06,#page07{height:100%;}
#wrapper{min-height:100%;}





/*==============================================
page01
==============================================*/
#page01 #wrapper #header .form_btn_back{
    display:block;
    float:right;
    background:#f8f8f8;
    border:1px #b2b2b2 solid;
    text-align:center;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size:75%;

}

#page01 #wrapper #header .form_btn_back a{
    color:#000;
    text-decoration:none;
    display:block;
    width:68px;
    height:26px;
    line-height:26px;

}

#page01 #wrapper #cont1{
    background:#fae5e5;
}

#page01 #wrapper #cont1 .wrap{
    padding:20px 15px;
}

#page01 #wrapper #cont1 .wrap img{
    width:25px;
    height:auto;
    float:left;
}

#page01 #wrapper #cont1 p{
    display:block;
    background:url(../../img/entry/entry_exc.png) no-repeat left center;
    background-size:25px 25px;
    float:left;
    line-height:25px;
    padding-left:30px;
    font-weight:bold;
    color:#333333;
}

#page01 #wrapper #cont1 ul{
    margin-top:10px;
}

#page01 #wrapper #cont1 ul li{
    font-size:12px;
    line-height:15px;
    text-indent:-1em;
    margin-left:1em;
    color:#333333;
    margin-bottom:3px;
}

#page01 #wrapper #cont2{
    padding:20px 15px;
    margin:0 auto;
}

#page01 #wrapper #cont2 .form_note02{
    border-bottom:2px #0077dd solid;
    margin-bottom:8px;
}

#page01 #wrapper #cont2 .form_note02 p{
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    border-left:5px #0077dd solid;
    margin-bottom:3px;
    padding-left:8px;
    color:#000;
}

#page01 #wrapper #cont2 ul{
    margin-bottom:8px;
}

#page01 #wrapper #cont2 ul li{
    font-size:14px;
    line-height:19px;
    color:#000;
}

#page01 #wrapper #cont2 p{
    font-size:10px;
    line-height:13px;
    color:#555;
    margin-bottom:12px;
}

#page01 #wrapper #cont2 p.t_red{
    font-size:14px;
    line-height:19px;
    margin-bottom:0;
}

#page01 #wrapper .form_question{
    background:#0077dd;
}

#page01 #wrapper .form_question .wrap{
    padding:15px;
    color:#fff;
}

#page01 #wrapper .form_question .tableBox{
    display:table;
}

#page01 #wrapper .form_question .tableBox .t_cell{
    display:table-cell;
}

#page01 #wrapper .form_question .tableBox h2{
    font-size:14px;
    font-weight:bold;
    line-height:19px;
}

#page01 #wrapper .form_question .tableBox .num{
    display:table-cell;
    padding-right:10px;
}

#page01 #wrapper .form_question .tableBox .num p{
    text-align:center;
    background:#fff;
    vertical-align:middle;
    width:30px;
    height:30px;
    line-height:30px;
    color:#0077dd;
    font-weight:bold;
}

#page01 #wrapper .form_question .form_q_note{
    font-size:87.5%;
    font-weight:bold;
    margin-top:10px;
}

#page01 #wrapper .form_question .example{
    font-size:87.5%;
    font-weight:bold;
    margin-top:10px;
}

#page01 #wrapper .form_input{
    background:#f2f8fd;
}

#page01 #wrapper .form_input .wrap{
    width:100%;
    padding:10px 20px 20px 20px;
}

#page01 #wrapper .form_input .last{
    padding:10px 20px 10px 20px;
}

#page01 #wrapper .form_input .t_red{
    font-size:75%;
    line-height:20px;
    margin-bottom:15px;
}

#page01 #wrapper .form_input .error{
    line-height:1em;
}

#page01 #wrapper .form_input .t_red span{
    float:left;
}

#page01 #wrapper .form_input .form_required{
    background:#cc0000;
    color:#fff;
    display:block;
    width:50px;
    height:20px;
    line-height:20px;
    text-align:center;
    margin-right:10px;
}

#page01 #wrapper .form_input textarea{
    font-size: 16px;
  line-height: 1.2;
    padding: 10px 8px;
    width:100%;
    height:125px;
    border:1px #b2b2b2 solid;
}
#page01 #wrapper .form_input select{
  color: #000;
    height: 45px;
    font-size: 100%;
    width:100%;
    padding-left:10px;
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    text-indent: .01px;
}

#page01 #wrapper .form_link_box{
    padding:20px 20px 0 20px;
    margin:0 auto;
}

#page01 #wrapper .form_link_box .form_link{
    font-size:87.5%;
    margin-bottom:20px;
}

#page01 #wrapper .form_link_box .form_btn_submit{
padding: 8px 0;
margin: 10px 10px 20px;
}



/*==============================================
page02
==============================================*/

#page02 #wrapper .form_contInner{
  padding: 0;
}
#page02 #wrapper .form_contInner .wrap,
#page02 #wrapper .form_ckeck_a{
    width:100%;
    padding:10px 20px 20px;
}
#page02 #wrapper .form_ckeck_q{ 
    background:#0077dd;
    padding:15px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
}
#page02 #wrapper .form_ckeck_q .t_cell{
    display:table-cell;
}

#page02 #wrapper .form_ckeck_q .num{
    display:table-cell;
    padding-right:10px;
}

#page02 #wrapper .form_ckeck_q .num p{
    text-align:center;
    background:#fff;
    vertical-align:middle;
    width:30px;
    height:30px;
    line-height:30px;
    color:#0077dd;
    font-weight:bold;
}

#page02 #wrapper p.form_ckeck_info{
    text-align: center;
    padding-bottom: 0;
}

/*==============================================
page03
==============================================*/
#page03 #wrapper .form_contInner{
  background: #f2f8fd;
  padding: 75px 0;
  text-align: center;
  margin-bottom: 20px;
}
#page03 #wrapper .form_contInner p {
  background: #FFFFFF;
  border: 2px solid #0077dd;
  padding: 10px;
  display: inline;
}




/*==============================================
page04
==============================================*/

#page04 #wrapper .form_title{
  padding:4px 20px 8px;
  text-align: left;
}
#page04 #wrapper .form_title p,
#page04 #wrapper .form_title span{
  padding-left:30px;
}
#page04 #wrapper .form_title_bg p:first-child{
  background: url(../../img/entry/entry_login.png) no-repeat left top;
  background-size:21px 21px;
}
#page04 #wrapper .form_title p:first-child{
    padding-bottom: 0px;
  font-size: 74%;
}
#page04 #wrapper .form_title span{
    font-size:10px;
    line-height: 1;
    display: block;
}
#page04 #wrapper .form_login_error{
    color: #cc0000; 
  margin-bottom: 20px;
}   
#page04 #wrapper dl{
  margin-bottom: 30px;
}
#page04 #wrapper dt { 
    margin-bottom: 10px; 
}
#page04 #wrapper dd { 
    margin-bottom: 20px; 
}

#page04 #wrapper dl dt{
  border-left:5px #cc0000 solid;
  padding-left:10px;
  font-size:14px;
  line-height: 14px;
  font-weight: bold;
}
#page04 #wrapper dl input{
    font-size: 16px;
  line-height: 1.2;
    width:100%;
    border:1px #b2b2b2 solid;
    padding: 8px;
}

#page04 #wrapper .form_btn1{
margin: 10px 10px 20px;
}


/*==============================================
page05
==============================================*/
#page05 #wrapper .form_title{
    padding:8px 20px;
    margin-bottom:20px;
  text-align: left;
}

#page05 #wrapper .form_title p:first-child{
    font-weight:bold;
    font-size:16px;
    line-height:16px;
}

#page05 #wrapper .form_title span{
    font-size:10px;
    line-height:13px;
    display: block;
}

#page05 #wrapper .form_contHead{
    background:#f4f4f4;
    padding:10px 20px;
}

#page05 #wrapper .form_contHead dl dt{
    float:left;
    font-size:87.5%;
    line-height:25px;
    font-weight:bold;
}

#page05 #wrapper .form_contHead dl dd{
    float:right;
    font-size:75%;
    width:63px;
    height:25px;
    background:#cc0000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align:center;
    line-height:25px;
}

#page05 #wrapper .form_contHead dl dd a{
    color:#fff;
    text-decoration:none;
    display:block;
    width:63px;
    height:25px;
}

#page05 #wrapper .form_contInner ul li{
    border-bottom:1px #acacac dashed;
    padding-bottom:8px;
    margin-bottom:7px;
}

#page05 #wrapper .form_contInner dl{
    width:100%;
    display:block; 
}

#page05 #wrapper .form_contInner dl dt{
    display:block;
    width:40%;
    font-weight:bold;
    font-size:14px;
    line-height:14px;
    float:left;
}

#page05 #wrapper .form_contInner dl dt span{
    display:block;
    border-left:5px #cc0000 solid;
    padding-left:10px;
    font-size:14px;
    line-height:14px;
}

#page05 #wrapper .form_contInner dl dd{
    width:60%;
    font-size:14px;
    line-height:19px;
    float:right;
}
#page05 #wrapper .return_button .form_btn2 .form_btn2_gry {
    float: initial;
    margin: 0 auto;
}

/*==============================================
page08
==============================================*/
#page08 #wrapper #header_forum{
    background:#0077dd;
    color:#fff;
    font-weight:bold;
    font-size:100%;
    margin-bottom:20px;
    text-align:center;
    height:30px;
    line-height:30px;
}
#page08 #wrapper #content{
    background:#a4d6ff;
    padding:20px;
}

#page08 #wrapper #wrap{
    padding:10px;
    background:#fff;
    margin-bottom:16px;
}

#page08 #wrapper #top{
    color:#0077dd;
    font-size:20px;
    line-height:26px;
    text-align:center;
    padding:5px 0 16px 0;
    font-weight:bold;
}

#page08 #wrapper #info{
    padding:20px 0 12px 0;
    border-top:1px #0077dd solid;
    border-bottom:1px #0077dd solid;
    margin-bottom:20px;
}

#page08 #wrapper #info li{
    font-size:10px;
    line-height:12px;
    font-weight:bold;
    width: 90%;
  margin: 0 auto;
}

#page08 #wrapper #info li dl{
    display:table;
    width:100%;
}

#page08 #wrapper #info li dl:first-child{
    margin-bottom:5px;
}

#page08 #wrapper #info li dl dt{
    font-weight:bold;
    display:table-cell;
    width:25%;
}
#page08 #wrapper #info li dl dt span{
    border-left:3px #0077dd solid;
    padding-left:5px;
}

#page08 #wrapper #info li dl dd{
    display:table-cell;
    width:75%;
}

#page08 #wrapper p.form_code{
    margin-bottom:20px;
}

#page08 #wrapper p.form_map{
    margin-bottom:10px;
}

#page08 #wrapper p.form_code img{
    width:100%;
}

#page08 #wrapper p.form_map img{
    width:100%;
}

#page08 #wrapper #caution{
    font-size:14px;
    line-height:19px;
    padding:0 10px;
}

#page08 #wrapper #caution li{
    margin-left:1em;
    text-indent:-1em;
}

#page08 #wrapper .form_footer{
    border-top:none;
    margin-top:0;
}

#page08 #wrapper .form_footer p{
    background:#fff;
}