
#contact-formarea { width: 100%; }

.title {
font-size: 18px;
padding-left: 10px;
height: 45px;
line-height: 45px;
margin-bottom: 10px;
color: #FFF;
background-color: #D9556F;
letter-spacing: 2px;
text-shadow: 0px 1px 0px #999;
font-weight: bold;
}

#submit-area {
width: 100%;
text-align: center;
}

dd { margin: 0; }

.contact { margin: 5px 0 5px 0; }

/*問い合わせフォーム内*/


#contact_box { }

#contact_box dl { text-align: center; }

#contact_box dl dt {
text-align: center;
padding: 0px 0 0px 10px;
 text-shadow::2px 2px 3px #999;
vertical-align: middle;
margin-top: 2px;
font-size: 14px;
font-weight: bold;
}

#contact_box dl dd { text-align: center; }

.require {
-moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
-webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
box-shadow: inset 0px 1px 0px 0px #f5978e;
background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f', GradientType=0);
background-color: #f24537;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-weight: bold;
font-size:12px;
text-shadow: 0px 1px 0px #810e05;
text-align: center;
line-height: 15px;
padding:4px;
margin-left:5px;
}

/*入力内容*/


input[type="text"] {
width: 90%;
height: 45px;
border-radius: 5px;
box-shadow: 2 2 5px #999 inset;
background: #e8ecf2;
}

input[type="number"] {
width: 90%;
height: 45px;
border-radius: 5px;
box-shadow: 2 2 5px #999 inset;
background: #e8ecf2;
}

textarea {
width: 90%;
height: 80px;
border-radius: 5px;
box-shadow: 2px 2px 5px #999 inset;
background: #e8ecf2;
border: none;
}

dt span { margin: 10px 0; }

input[type="image"] { margin: 10px 5px; }

@charset "euc-jp";

table.contact_tb {
width: 100%;
border-collapse: collapse;
}

table.contact_tb td {
padding: 5px;
font-size: 10px;
border: 1px solid #999999;
vertical-align: middle;
}

table.contact_tb th {
padding: 5px;
font-size: 10px;
background: #cccccc;
width: 25%;
border: 1px solid #999999;
vertical-align: middle;
}

.title_td {
font-size: 12px!important;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#F2F2F2));
}

table.contact_detail_tb {
background: #eeeeee;
width: 100%;
}

table.contact_detail_tb td {
vertical-align: middle;
text-align: center;
}

table.detail_text_tb {
border-collapse: collapse;
width: 100%;
}

table.detail_text_tb td {
padding: 1px;
background: #ffffff;
border: 1px solid #999999;
width: auto;
}

form.stocK_contact { padding: 0px; }

.reg_ok {
padding: 10px;
margin: 10px;
border: 1px solid #999999;
border-radius: 5px;
text-align: center;
}

/*お問い合わせのラジオボタンと選択ボタン*/

select {
width: 90%;
height: 45px;
border-radius: 5px;
box-shadow: 2 2 5px #999 inset;
background: #e8ecf2;
}

input[type="radio"],input[type="checkbox"] {
position: relative;
-webkit-appearance: button;
appearance: button;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24px;
height: 24px;
content: "";
background-color: #FFFFFF;
border: 1px solid #999999;
-webkit-border-radius: 24px;
border-radius: 24px;
-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
vertical-align: middle;
cursor: pointer;
}

input[type="checkbox"]{
border-radius: 5px;
margin-top:10px;
}

input[type="radio"]:checked:after,input[type="checkbox"]:checked:after {
display: block;
position: absolute;
top: 5px;
left: 5px;
content: "";
width: 12px;
height: 12px;
background: #CC0000;
-webkit-border-radius: 12px;
border-radius: 12px;
}

.title2 {
font-size: 13px;
color: #ffffff;
text-align: left;
height: 40px;
padding: 10px;
line-height: 40px;
background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(0,0,0,1) 51%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(0,4,2,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(0,4,2,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(0,0,0,1) 51%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(0,4,2,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(0,0,0,1) 51%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(0,4,2,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(0,0,0,1) 51%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(0,4,2,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(0,0,0,1) 51%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(0,4,2,1) 100%);
letter-spacing: 2px;
text-shadow: 0px 1px 0px #999;
font-weight: bold;
}

