@charset "utf-8";
/* --------------------------------------------------
 Placeholder End user Page
-------------------------------------------------- */
/* IE */
#version:-ms-input-placeholder{
    color: #000;
}
/* Chrome */
#version::-webkit-input-placeholder {
    color: #000;
}
/* Firefox */
#version::-moz-placeholder {
    /* FF 19+ */
    color: #000;
}
/* --------------------------------------------------
 bxslider
-------------------------------------------------- */

.bxslider img{
    width: 95px;
}
.bxslider li{ border:none !important; display:block; width:95px !important}
.slider{ margin-bottom:25px}
#intro_arrow{margin-bottom:25px}
/* ������ʂ̂� */
#registerSuccess{

}

/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents {
clear: both;
margin: 30px auto;
min-height: 330px;
overflow: visible;
padding: 0;
position: relative;
text-align: left;
width: 830px;
}

#stepBlc{
margin-top:20px;
}

#stepBlc h1{
padding:15px;
background:#a3a3a3;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-size:20px;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
}

#stepBlc ul{
word-spacing:-0.5em;
}

#stepBlc li{
display:inline-block;
width:260px;
margin:15px 10px 0 0;
border:#e8e8e8 solid 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
vertical-align:top;
word-spacing:normal;
}

#stepBlc li:last-child{
margin-right:0;
}

#stepBlc .num{
float:left;
padding:30px 0 0 25px;
font-size:24px;
font-weight:bold;
color:#a3a3a3;
line-height:1.2;
}

#stepBlc .txt{
padding:20px 25px 30px 55px;
font-size:16px;
line-height:1.2;
}

#stepBlc .arrow{
margin-top:-85px;
margin-bottom:57px;
text-align:center;
}


/* ‹x‰É‚Ì‚²ˆÄ“à --------------- */
#informationBlc{
border:#e92121 solid 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#ffe4e4;
padding:20px 30px 20px;
margin:20px 0px 30px;
}

#informationBlc h1{
font-size:18px;
font-weight:bold;
color:#c00000;
margin:0px 0px 10px;
}

/* Form --------------- */
th, td {
border-bottom:1px solid #f0f0f0;
padding:10px;
}

.label {
width:25%;
background: none repeat scroll 0 0 #2a87d6;
color: #fff;
padding: 5px 25px 40px;
font-size:18px;
}

.row {
position:relative
}

.att{
margin:20px 0;
color:#f00;
}

form {
margin-top:20px;
font-size:18px;
}

input {
width: 50%;
padding:10px;
font-size:16px;
color:#333;
}

select {
width: 35%;
padding:10px;
font-size:16px;
color:#333;
}

.radio{
width: 18px;
margin-left:15px;
font-size:18px;
color:#333;
}
.radio:first-child{
margin-left:0;
}

textarea {
font-size:16px;
color:#333;
font-family:Tahoma, Geneva, sans-serif;
height:294px
}

.numeric {
width:50px;
}

.container {
margin:5px;
padding-left:50px;
padding-right:50px;
}

.rbox {
border:#e8e8e8 solid 3px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin:10px 0;
padding:10px 10px;
}

.rbox_title1,
.rbox_title2,
.rbox_title3,
.rbox_title4,
.rbox_title5,
.rbox_title6{
font-size:18px;
min-height:33px;
color:#000;
padding:10px 0 10px 89px;
border-bottom:1px dotted #ccc;
}

.rbox_title61{
font-size:18px;
min-height:33px;
color: #F00;
padding:10px 0 10px 89px;
}
.rbox_title00 a {
    color: #f00;
}
.rbox_title00 {
    color: #000;
}
.rbox_title61 {
background:url(../images/attention.png) no-repeat;
}

.rbox_title1 {
background:url(../images/q1.png) no-repeat;
}

.rbox_title2 {
background:url(../images/q2.png) no-repeat;
}

.rbox_title3 {
background:url(../images/q3.png) no-repeat;
}

.rbox_title4 {
background:url(../images/q4.png) no-repeat;
}

.rbox_title5 {
background:url(../images/q5.png) no-repeat;
}

.rbox_title6 {
background:url(../images/q6.png) no-repeat;
}

.rbox_in{
padding:10px;
font-size:18px;
}

.title_step {
margin:20px 0;
border:#fba200 solid 3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align:center;
font-size:18px;
color:#fff;
padding:10px;
background:#fba200;
}

.lamp-btn {
text-align:center;
margin-top:15px;
}

.lamp {
width:353px;
height:115px;
}

.submit-btn {
color:#333;
margin: 20px 0px 0px 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}

.radio_width{ width:inherit}

.area_detail,
.company_name,
.com_name,
.department,
.respon_name,
.respon_katakana,
.email{
width:300px;
}
.area_detail:focus,
.com_name:focus,
.company_name:focus,
.department:focus,
.respon_name:focus,
.respon_katakana:focus,
.email:focus{
width:500px;
}
.tel_number1,
.tel_number2,
.tel_number3{
width:100px;
}
.tel_number1:focus,
.tel_number2:focus,
.tel_number3:focus{
width:140px;
}

.radio_width {
    width: inherit;
}




/*
 |?*******************************************************************************************?*
 | max-width:1000px
 |?*******************************************************************************************?*
*/

@media screen and (max-width:1000px) {

/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents {
width:90%;
}

#stepBlc h1{
font-size:18px;
}

#stepBlc li{
width:30%;
}

#stepBlc .num{
padding:20px 0 0 15px;
}

#stepBlc .txt{
padding:10px 15px 20px 45px;
}

#stepBlc .arrow{
display:none;
}

/* ‹x‰É‚Ì‚²ˆÄ“à --------------- */
#informationBlc{
margin:20px 0px 30px;
padding:20px 20px 20px;
}

#informationBlc h1{
font-size:120%;
}

.rbox_title1,
.rbox_title2,
.rbox_title3,
.rbox_title4,
.rbox_title5,
.rbox_title6{
padding-left:60px;
background-size:50px;
background-position:0 5px;
font-size:16px;
}

.rbox_in{
font-size:16px;
}

.att{
margin:10px 0;
}

.label,
form,
input,
select,
.radio
textarea {
font-size:16px;
}

.label{
width:25%;
padding:10px;
}

textarea {
width:95%;
}

select {
width: auto;
}

.area_detail:focus,
.com_name:focus,
.company_name:focus,
.department:focus,
.respon_name:focus,
.respon_katakana:focus,
.email:focus{
width:350px;
}

.tel_number1,
.tel_number2,
.tel_number3{
width:50px;
}

.tel_number1:focus,
.tel_number2:focus,
.tel_number3:focus{
width:90px;
}

}




/*
 |?*******************************************************************************************?*
 | max-width:640px
 |?*******************************************************************************************?*
*/

@media screen and (max-width:640px) {

/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#stepBlc{
margin-top:10px;
}

#stepBlc h1{
padding:8px;
}

#stepBlc ul{
word-spacing:normal;
}

#stepBlc h1{
font-size:16px;
}

#stepBlc li{
display:block;
width:97%;
margin:10px 0;
}

#stepBlc .num{
padding:10px 0 10px 20px;
}

#stepBlc .txt{
padding:5px 10px 10px 50px;
font-size:100%;
}

/* ‹x‰É‚Ì‚²ˆÄ“à --------------- */
#informationBlc{
margin:10px 0px 20px;
padding:15px 15px 15px;
}

/* Form --------------- */
form tr{
display:block;
width:100%;
}

form td,
.label {
display:block;
width:100%;
padding:5px;
box-sizing:border-box;
}

.rbox_title1,
.rbox_title2,
.rbox_title3,
.rbox_title4,
.rbox_title5, 
.rbox_title6{
padding-bottom:10px;
font-size:110%;
}

.rbox_in{
font-size:100%;
}

.title_step {
margin:10px 0;
padding:8px;
border:none;
font-size:110%;
text-align:left;
}

.label,
form,
input,
select,
.radio
textarea {
font-size:100%;
}

.area_detail,
.com_name,
.company_name,
.department,
.respon_name,
.respon_katakana,
.email,
.area_detail:focus,
.com_name:focus,
.company_name:focus,
.department:focus,
.respon_name:focus,
.respon_katakana:focus,
.email:focus{
width:90%;
}

.tel_number1,
.tel_number2,
.tel_number3,
.tel_number1:focus,
.tel_number2:focus,
.tel_number3:focus{
width:20%;
}

.lamp {
width:80%;
height:auto;
}

.lamp img{
width:100%;
height:auto;
}


}