@charset "shift_jis";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*共通*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
a,a:link,a:active,a:hover,a:visited{text-decoration: none; color:#000}
.mr5{ margin-right:5px;}
.mr30{ margin-right:30px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px}
.mb45{ margin-bottom:45px}
.mb50{ margin-bottom:50px}
.mt30{ margin-top:30px}
.fl{ float:left}
.fr{ float: right}
img{ vertical-align:bottom}
.w10{ width:10%}
.w20{ width:20%}
.w30{ width:30%}
.w50{ width:50%}
.w100{ width:100%}
.center{ text-align:center; margin:0 auto;}
/*--------------------------------------------------------------*/
body { font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif; text-align: center; width: 100%; display:block}
#wrap { width:100%;}
header,footer{ overflow:hidden; margin:0 auto; }
header h1{ font-size:0px; line-height:0px; display:none}
.copyright{ font-size:10px; padding:25px 0;}
#container{ padding:30px; width:740px; position: relative; }
h1{ background-image: url(../img/enq01.png); background-repeat: no-repeat; height:42px; text-indent: -9999px; margin-bottom: 20px; }
#enquete{ border:#D9D9D9 solid 1px; box-sizing:border-box; padding:7px }
dl { margin : 0; padding : 0;}
dl{ position:relative}
dl span{ font-size: 10px; background-color: #F36; color: #FFF; padding:5px; font-weight: normal !important; position:absolute; right:5px}

dd { margin-bottom:22px; text-align: left; text-indent: 10px; font-size: 12px; }

label{}
input[type=text], input[type=date],input[type=datetime],input[type=number],input[type=search],input[type=time],input[type=url],input[type=email],textarea, select{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid #7A7A7A; padding: 5px; margin:0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; 
}
dt{ width:100%; font-weight:bold; /* indentを使ってはみ出すのを防止 */ text-indent : 30px; background-color: #000; color: #FFF; font-size: 12px; text-align: left; line-height: 30px; letter-spacing: 2px; margin-bottom: 20px; float: left; }
dt:nth-child(2){ width:50%;}
dt:nth-child(3){ width:49%; margin-left:1% !important}
dd{}
input[type=text]:focus, input[type=date]:focus,input[type=datetime]:focus,input[type=number]:focus,input[type=search]:focus,input[type=time]:focus,input[type=url]:focus,input[type=email]:focus,textarea:focus, select:focus{ border: 1px solid #CCCCCC; 
}

textarea{ width:516px; height: 160px;
}
input[type=submit], input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.required{ color:#FFF; background-color: #F36; font-weight: normal; font-size: 10px; padding: 5px; line-height: 10px; }
table{ width: 100%;
border-collapse: separate;
	border-spacing: 3px;
	text-align: center;
	line-height: 1.5;}
table tr th { font-size: 12px; color: #FFF; background-color: #000; text-indent: 30px; letter-spacing: 2px; line-height: 30px; position:; text-align: left; position: relative; }
table tr td { font-size: 12px; text-align:left; padding:17px 0 17px 7px }
table tr td ul li{ float:left; margin-bottom:15px; clear:both; width:100%; position: relative;}
table tr td ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #666;
  border-radius: 100%;
}
table tr td ul li span{ width:20%; float:left; padding:0 0 0 20px}
table tr td ul li select{float:left}
table tr td ul li:last-child{ margin-bottom:0px !important; }

button {
border:none; /*枠を消す*/
background-color:#ffffff; /*背景色を白に*/
}
#close-btn{ position:absolute; width:50px; height:50px; top:30px; right:30px;cursor: hand; cursor:pointer; }