@charset "utf-8";
/*=====================================================
enq
Ver.1.00
Update 131120
=====================================================*/

/*----------------------------------------------------
Common Reset
----------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, img, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd,
fieldset, form, label, legend{
/* p, table, caption, tbody, tfoot, thead, tr, th, td, ol, ul, li{ */
margin:0;
padding:0;
}
html {/*for ff*/
overflow-y: scroll;
}
img{
border:0;
}

/*----------------------------------------------------
Common Style
----------------------------------------------------*/
/*---layout---------- */
#enquete {
text-align:left;
margin:0 auto;
width:820px;
padding:0;
}
#header {
margin-top:20px;
}
#header #headerLogo {
width:200px;
float:left;
}
#header #headerLogo img {
vertical-align:middle;
}
#header #headerContact {
width:600px;
float:right;
text-align:right;
vertical-align:bottom;
font-size:11px;
}
#header #headerContact img {
vertical-align:middle;
}

#footer {
margin-top:20px;
margin-bottom:60px;
}
#footer p {
font-size:11px;
text-align:center;
}
#footer img {
line-height:20px;
vertical-align:middle;
}

/*---link---------------- */
a:focus{
-moz-outline-style:none;
}
#footer p a {
font-size:8px;
letter-spacing:-1px;
text-decoration:none;
color:#666;
background-color:#eee;
word-break:keep-all;
}
#footer p a:hover {
color:#333;
background-color:#ddd;
}

/*---font---------- */
body{
font-family:'Meiryo','Hiragino Kaku','Gothic Pro','MS PGothic',sans-serif;
background:none
}
select, input, textarea {
font:99%;
}
#enquete {
font-size:14px;
}
.gray {
color:#999;
}
.green {
color:#399;
}
.orange {
color:#f60;
}
.red,
.red a {	
color:#c03;
}
.blue,
.blue a {
color:#03f;
}

.fontL {
font-size:15px;
}
.fontS {
font-size:13px;
}
.fontSS {
font-size:11px;
}
table.tbl {
font-size:12px;
}
table.tbl .fontL {
font-size:14px;
}
table.tbl .fontS {
font-size:11px;
}


/*---text-align---------- */
.alignC{
text-align:center;
}
.alignL{
text-align:left;
}
.alignR{
text-align:right;
}

/*---inline---------------- */
ul.inline li{
display:table-cell;
*display:inline;
*zoom:1;
}

/*---list----------------- */
ul,
ol,
dl{
line-height:150%;
}
*html ul,
*html ol,
*html dl{/*ie*/
height:150%;
}
html:first-child dl{ /*for safari opera*/
line-height:180%;
height:180%;
}
ul{ 
list-style-type:disc;
padding-left:18px;
}
html * ul{ /*for ie*/
margin-left:0;
}
ul li{
margin:2px 0;
}
ul li img{
vertical-align:middle;
}
ol{
list-style-type: decimal;
padding-left:10px;
}
ol li{
margin-left:18px;
}
dl dt{
font-weight:bold;
margin-top:10px;
}

/*---float------------------- */
.floatL{
float:left;
}
.floatR{
float:right;
}
.clear{
clear:both;
}
.clearL{
clear:left;
}
.clearR{
clear:right;
}

/*---image--------------*/
.imgL{
float:left;
margin:0 10px 5px 0;
}
.imgR{
float:right;
margin:0 0 15px 5px;
}
.imgC{
margin-top:15px;
margin-bottom:20px;
text-align:center;
}

/*---margin----------------*/
/*margin top*/
.mt0{
margin-top:0;
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mt50{
margin-top:50px;
}
/*margin bottom*/
.mb0{
margin-bottom:0;
}
.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb20{
margin-bottom:20px;
}
.mb50{
margin-bottom:50px;
}
/*margin left*/
.ml10{
margin-left:10px;
}
.ml20{
margin-left:20px;
}

/*----------------------------------------------------
clearfix hack
----------------------------------------------------*/
/* for modern browser */
.clearfix {
display:inline-block;
}
.clearfix:after {
display:block;
clear:both;
height:0;
content:".";
line-height:0;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */ 
.clearfix .clearfix {
overflow:visible;
}

/*----------------------------------------------------
JavaScript noscript
----------------------------------------------------*/
#EnqDisable {
margin:0 auto;
padding:0;
width:820px;
}
#EnqDisable .noscript{
width:768px;
text-align:left;
border:10px solid #ffaaaa;
padding:16px;
margin-bottom:60px;
}
#EnqDisable .noscript .warning{
text-align:center;
font-size:20px;
font-weight:bold;
color:#ff5555;
margin-bottom:20px;
}

/*----------------------------------------------------
progress bar
----------------------------------------------------*/
#progress-bar {
background-color:#898989;
height:10px;
padding:2px;
width:240px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 5px #000 inset, 0 1px 0 #555;
-webkit-box-shadow:0 1px 5px #000 inset, 0 1px 0 #555;
box-shadow:0 1px 5px #000 inset, 0 1px 0 #555;
}
#progress-bar span {
text-align:right;
display:inline-block;
height:100%;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-transition:width .4s ease-in-out;
-moz-transition:width .4s ease-in-out;
-ms-transition:width .4s ease-in-out;
-o-transition:width .4s ease-in-out;
transition:width .4s ease-in-out;    
background-color:#a5df41;
background-image:-webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#a5df41));
background-image:-webkit-linear-gradient(top, #a5df41, #a5df41);
background-image:-moz-linear-gradient(top, #a5df41, #a5df41);
background-image:-ms-linear-gradient(top, #a5df41, #a5df41);
background-image:-o-linear-gradient(top, #a5df41, #a5df41);
background-image:linear-gradient(top, #a5df41, #a5df41);
}
#progress-bar span span {
display:none;
}

/* -------------------------------------
link mark
------------------------------------- */
dl.link {
line-height:1.6em;
}
p.link a,
span.link a,
dl.link dd a,
ul.link li a{
padding-left:13px;
background: url("http://research.goo.ne.jp/monitor/image/ico_link.gif") 0 50% no-repeat;
text-decoration:none;
}
*html p.link a,
*html span.link a,
*html dl.link dd a,
*html ul.link li a{/*ie*/
padding-left:13px;
background: url("http://research.goo.ne.jp/monitor/image/ico_link.gif") 0 0.3em no-repeat;
text-decoration:none;
}
.link a{
text-decoration:underline;
}
.link a:hover{
text-decoration:underline;
}

/* -------------------------------------
enquete icon
------------------------------------- */
.ico_nec,
.ico_opt,
.ico_one,
.ico_all,
.ico_num {
display:-moz-inline-box;
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:-2px;
}
.ico_nec {
background:url("http://research.goo.ne.jp/enqsys/image/common/ico_nec.png") no-repeat center center;
width:28px;
height:14px;
}
.ico_opt {
background:url("http://research.goo.ne.jp/enqsys/image/common/ico_opt.png") no-repeat center center;
width:28px;
height:14px;
}
.ico_one {
background:url("http://research.goo.ne.jp/enqsys/image/common/ico_one.png") no-repeat center center;
width:62px;
height:14px;
}
.ico_all {
background:url("http://research.goo.ne.jp/enqsys/image/common/ico_all.png") no-repeat center center;
width:62px;
height:14px;
}
.ico_num {
background:url("http://research.goo.ne.jp/enqsys/image/common/ico_num.png") no-repeat center center;
width:49px;
height:14px;
}
.ico_nec i,
.ico_opt i,
.ico_one i,
.ico_all i,
.ico_num i {
display:none;
}

/*----------------------------------------------------
Contents
----------------------------------------------------*/
/*---layout---------- */
h1 { /*enquete title*/
margin:10px 0 0;
padding:5px 10px 3px;
min-height:26px;
line-height:26px;
border-bottom:double 4px #fff;
font-size:18px;
}

#caution h3 { /*caution*/
margin-top:20px;
padding:0 10px;
line-height:30px;
font-size:16px;
}

#buttonArea {
margin:20px 0;
padding:10px;
}

/*---class---------- */
.frame1 {
margin:10px 0 30px;
padding:0 10px;
}
.frame2 {
margin:10px 0;
padding:0 10px;
}
.frame1 p,
.frame2 p {
line-height:140%;
}

.displayNo {
display:none;
}

.que {
margin-bottom:50px;
}
.queText {
margin-top:-10px;
padding:8px 3px;
background-color:#eee;
}
div.choice {
margin-top:5px;
}

.answerArea {
padding:10px 30px 0;
}
.answerArea ul {
margin-top:0;
}

/*---table class---------- */
table.tbl {
width:820px;
margin-top:10px;
border:2px solid #bbb;
border-collapse:collapse;
}
table.tbl thead tr th,
table.tbl thead tr td {
border:1px solid #bbb;
text-align:center;
font-weight:normal;
padding:5px;
}
table.tbl tbody tr th {
border:1px solid #bbb;
text-align:left;
font-weight:normal;
padding:5px;
}
table.tbl tbody tr td {
border:1px solid #bbb;
text-align:center;
padding:5px;
}

.group {
margin-bottom:16px;
}
caption {
font-weight:bold;
text-align:left;
}
/*.answerArea > .group:first-child caption {
margin-top:0;
}*/

.mxItemBg {
background-color:#f6f6f0;
}

table.choice {
width:760px;
border:none;
border-collapse:collapse;
}
table.choice tbody tr td {
padding:3px 0;
line-height:1.5;
vertical-align:top;
}

.box2 table.choice {
width:370px;
}
.box3 table.choice {
width:245px;
}
.box4 table.choice {
width:180px;
}
.box {
overflow:hidden;
}
html * .box { /*for ie*/
zoom:1;
}
.box2,
.box3,
.box4 {
float:left;
margin-right:5px;
}
.box2:after,
.box3:after,
.box4:after {
margin-right:0;
}

/*---error---------- */
.enqErrmsg {
color:#ff0000;
font-weight:bold;
margin-bottom:-6px;
}
#enqErr {
background-color:#ffeeee;
border:2px solid #ff4444;
}