@charset "Shift_JIS";

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
�����ݒ�
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, textarea, p, blockquote, th, td, address { margin: 0; padding: 0; }
html { height: 100%; overflow-y: scroll; }
ul { list-style: none outside none; }
img { border: medium none; }
fieldset, img { border: 0 none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
.clearBoth { clear: both; }
/* For modern browsers */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }
.fLeft { float:left; }
.fRight { float:right; }
body { background-color: #FFFFFF; color: #333333; font-size: 81.25%; height: 100%; line-height: 1.6em; position: relative; }



.quizArea { width:850px; margin:0 auto 30px;}
.quizArea input{ position:absolute; z-index:-1;}
.quizArea .quizQuestion {width:850px;height:47px;}
#q01 .quizQuestion {background:url(../img/form_midashi01.gif) no-repeat;}
#q02 .quizQuestion {background:url(../img/form_midashi02.gif) no-repeat;}
#q03 .quizQuestion {background:url(../img/form_midashi03.gif) no-repeat;}

.quizArea ul {margin:0 0 0 389px;}
.quizArea ul li{float:left;}


#q01 .answer01 label{ display:block; width:116px; height:47px; background:url(../img/form_btn01.jpg) no-repeat 0px 0px;}
#q01 .answer02 label{ display:block; width:115px; height:47px; background:url(../img/form_btn01.jpg) no-repeat -116px 0px;}
#q01 .answer03 label{ display:block; width:115px; height:47px; background:url(../img/form_btn01.jpg) no-repeat -231px 0px;}
#q01 .answer01 label.hover{ display:block; width:116px; height:47px; background:url(../img/form_btn01.jpg) no-repeat 0px -47px; cursor:pointer;}
#q01 .answer02 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn01.jpg) no-repeat -116px -47px; cursor:pointer;}
#q01 .answer03 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn01.jpg) no-repeat -231px -47px; cursor:pointer;}
#q01 .answer01 label.active{ display:block; width:116px; height:47px; background:url(../img/form_btn01.jpg) no-repeat 0px -94px;}
#q01 .answer02 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn01.jpg) no-repeat -116px -94px;}
#q01 .answer03 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn01.jpg) no-repeat -231px -94px;}

#q02 .answer01 label{ display:block; width:116px; height:47px; background:url(../img/form_btn02.jpg) no-repeat 0px 0px;}
#q02 .answer02 label{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -116px 0px;}
#q02 .answer03 label{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -231px 0px;}
#q02 .answer04 label{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -346px 0px;}

#q02 .answer01 label.hover{ display:block; width:116px; height:47px; background:url(../img/form_btn02.jpg) no-repeat 0px -47px; cursor:pointer;}
#q02 .answer02 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -116px -47px; cursor:pointer;}
#q02 .answer03 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -231px -47px; cursor:pointer;}
#q02 .answer04 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -346px -47px; cursor:pointer;}

#q02 .answer01 label.active{ display:block; width:116px; height:47px; background:url(../img/form_btn02.jpg) no-repeat 0px -94px;}
#q02 .answer02 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -116px -94px;}
#q02 .answer03 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -231px -94px;}
#q02 .answer04 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn02.jpg) no-repeat -346px -94px;}



#q03 .answer01 label{ display:block; width:116px; height:47px; background:url(../img/form_btn03.jpg) no-repeat 0px 0px;}
#q03 .answer02 label{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -116px 0px;}
#q03 .answer03 label{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -231px 0px;}
#q03 .answer04 label{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -346px 0px;}

#q03 .answer01 label.hover{ display:block; width:116px; height:47px; background:url(../img/form_btn03.jpg) no-repeat 0px -47px; cursor:pointer;}
#q03 .answer02 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -116px -47px; cursor:pointer;}
#q03 .answer03 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -231px -47px; cursor:pointer;}
#q03 .answer04 label.hover{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -346px -47px; cursor:pointer;}

#q03 .answer01 label.active{ display:block; width:116px; height:47px; background:url(../img/form_btn03.jpg) no-repeat 0px -94px;}
#q03 .answer02 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -116px -94px;}
#q03 .answer03 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -231px -94px;}
#q03 .answer04 label.active{ display:block; width:115px; height:47px; background:url(../img/form_btn03.jpg) no-repeat -346px -94px;}


.formBG01{ background:url(../img/form_bg01.gif) repeat;}
.formBG02{ background:url(../img/form_bg02.gif) repeat;}
.formBG03{ background:url(../img/form_bg03.gif) repeat;}
.formArea {width:848px; border:1px solid #cccccc; border-top:none; padding:17px 0 0 0;}
.formText{width:808px; border:1px solid #cccccc; border-top:none; padding:10px 20px 20px;}
.formText p { margin-bottom:10px;}
.formText textarea { width: 805px;}

#submitBtnArea { width:384px; height:58px; margin:0 auto 10px; padding:0; text-align:center; text-indent:0;}
#submitBtnArea input { background:url(../img/enquete_submit.jpg) no-repeat scroll left top #FFFFFF;display:block; border-style:none; width:384px; height:58px; margin:0;padding:0;line-height:0;font-size:0; cursor:pointer;overflow:hidden;text-indent:-9999px;}

#thanksArea { width:800px; margin:20px auto; font-size:18px; font-weight:bold; text-align:center; display:none;}