@charset "utf-8";

/* -- 文字コードutf-8 -- */
/* ---------------------------------------------------------------------------------------- */

.button_example{
width: auto;
height: auto;
margin-top: 10px;
margin-right: 0px;
margin-bottom:20px;
margin-left: 0px;
padding-top:10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
border:0px solid #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:16px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: px px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #44cccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#44cccc), to(#44cccc));
background-image: -webkit-linear-gradient(top, #44cccc, #44cccc);
background-image: -moz-linear-gradient(top, #44cccc, #44cccc);
background-image: -ms-linear-gradient(top, #44cccc, #44cccc);
background-image: -o-linear-gradient(top, #44cccc, #44cccc);
background-image: linear-gradient(to bottom, #44cccc, #44cccc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#44cccc, endColorstr=#44cccc);
cursor: pointer;
cursor: hand;
text-align: center;
outline: none; /* クリックしたときに表示される枠線を消す */
}

.button_example_p{
height: auto;
width: auto;
margin-top: 10px;
margin-right: 0px;
margin-bottom:20px;
margin-left: 0px;
padding-top:10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
border:0px solid #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:16px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: px px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #FF1493	; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF1493	), to(#FF1493	));
background-image: -webkit-linear-gradient(top, #FF1493	, #FF1493	);
background-image: -moz-linear-gradient(top, #FF1493	, #FF1493	);
background-image: -ms-linear-gradient(top, #FF1493	, #FF1493	);
background-image: -o-linear-gradient(top, #FF1493	, #FF1493	);
background-image: linear-gradient(to bottom, #FF1493	, #FF1493	);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF1493	, endColorstr=#FF1493	);
cursor: pointer;
cursor: hand;
outline: none; /* クリックしたときに表示される枠線を消す */
}

.button_example2{
width: auto;
height: auto;
margin-top: 10px;
margin-right: 0px;
margin-bottom:20px;
margin-left: 0px;
padding-top:10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
border:0px solid #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:16px;font-family:arial, helvetica, sans-serif; text-decoration:none; display:inline-block;text-shadow: px px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #ccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
background-image: -webkit-linear-gradient(top, #ccc, #ccc);
background-image: -moz-linear-gradient(top, #ccc, #ccc);
background-image: -ms-linear-gradient(top, #ccc, #ccc);
background-image: -o-linear-gradient(top, #ccc, #ccc);
background-image: linear-gradient(to bottom, #ccc, #ccc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ccc, endColorstr=#ccc);
cursor: pointer;
cursor: hand;
text-align: center;
outline: none; /* クリックしたときに表示される枠線を消す */
}

input[type='text'].text
{
border: 1px solid #a3a3a3;
-webkit-border-radius: 5px;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 8px;
width: 97%;
}

input[type='text'].text40
{
border: 1px solid #a3a3a3;
-webkit-border-radius: 5px;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 8px;
width: 40%;
}

input[type='tel'].text7em
{
border: 1px solid #a3a3a3;
-webkit-border-radius: 5px;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 8px;
width: 7em;
}

input[type='text'].text_free{
border: none;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
width: 80px;
 }
 
input[type='tel']
{
border: 1px solid #CCC;
-webkit-border-radius: 5px;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 8px;
width: 97%;
}

input[type='email']
{
border: 1px solid #CCC;
-webkit-border-radius: 5px;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 8px;
width: 97%;
}

select
{
border: 1px solid #CCC;
-webkit-border-radius: 5px;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 8px;
width: 100%;
}

textarea
{
border: 1px solid #CCC;
-webkit-border-radius: 5px;
margin-top: 0x;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 10px;
width: 97%;
}

/* ---------------------------------------------------------------------------------------- */

.checkbox-input{
display: none;
z-index: 1;
}
.checkbox-parts{
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
position: relative;
padding: 6px 7px 6px 7px;
transition:.3s;
color: #444;
border-radius: 8px;
border: 1px solid #ccc;
display:inline-block;
font-size: 12px;
color: #696969;
background-color: #fff;
}
.checkbox-input:checked + .checkbox-parts{
background-color: #44cccc;
color: #fff;
border: 1px solid #fff;
}
.checkbox-input:checked + .checkbox-parts::before {
border: 1px solid #6da8f9;
}
.checkbox-input:checked + .checkbox-parts::after {
left: 26px;
background-color: #6da8f9;
}

/* ---------------------------------------------------------------------------------------- */