@charset "utf-8";

/*--------------------
INITIALIZE:
--------------------*/
h1,h2,h3,h4,h5,h6,
body,div,p,form,
dl,dt,dd,ul,ol,li,
table,tr,th,td,hr {
margin: 0;
padding: 0;
}

html { height: 100%; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: none; }
ul { list-style: none; }
strong { font-weight: normal; }
address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { font-family: "ＭＳ Ｐゴシック","MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif; }

/* clear */
.clear { clear: both; }
.clear hr { display: none; }

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; zoom: 1; }
/* */


/* space */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

/*--------------------
BODY
--------------------*/
html[xmlns]>/**/body {
font-size:16px;
}

body {
color: #666666;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", Osaka,sans-serif;
background: #FFFFFF;
}

#wrapper {
width: 100%;
background: #FFFFFF;
}

#container {
width: 100%;
background: #FFFFFF;
font-size: 75%;
}

/*--------------------
FONT TYPE
--------------------*/
.fontTypeA {
color: #CF6764;
font-weight: bold;
}

.fontTypeB {
color: #CF6764;
font-size: 92%;
}

.fontTypeC {
color: #CF6764;
}

.fontSmall {
font-size: 0.9em;
}

/*--------------------
LINK
--------------------*/
a:link { color: #7cb0ab; text-decoration: none; }
a:visited { color: #7cb0ab; text-decoration: none; }
a:hover { color: #009999; text-decoration: none; }
a:active { color: #009999; text-decoration: none; }

/*--------------------
-BASE
--------------------*/
body#dbr {
background: #E8E8E8;
}

#dbr #container {
background: #FFFFFF url(../image/bg_dbr_header.gif) repeat-x;
}

#dbr #header {
width: 640px;
height: 75px;
margin: 0 auto;
}

#dbr #main {
width: 640px;
margin: 0 auto;
font-size: 92%;
line-height: 160%;
padding-bottom: 20px;
}

#dbr #main .caption {
font-size: 92%;
color: #818181;
}

#dbr #main .bullet {
text-indent: -0.9em;
margin-left: 10px;
}
#dbr #main .bullet2 {
text-indent: -1.7em;
margin-left: 17px;
}

#dbr #main h2.ttlPart {
margin-bottom: 15px;
}

#dbr #main .leadPart {
margin: 0 0 20px 17px;
line-height: 180%;
}

#dbr #main .error {
background: #E5E5E5;
color: #CF6764;
text-align: center;
padding: 20px 0;
width: 658px;
}

#dbr #main .error .leadPart {
margin: 0 auto;
text-align: left;
width: 75%;
}

#dbr #main h3 {
margin-bottom: 10px;
margin-left: 6px;
}

#dbr #main .sttlPart {
font-size: 117%;
font-weight: bold;
margin-bottom: 2px;
}

#dbr .dotLine {
height: 1px;
width: 658px;
margin-bottom: 20px;
background: url(../image/bg_dotline.gif) repeat-x left top;
}

#dbr .dotLine hr {
display: none;
}

#dbr .footBack {
background: #f9f8f8 url(../image/bg_footer_back.gif) repeat-x left top;
padding: 8px 0 4px 0;
}

#dbr .footBackInner {
width: 658px;
margin: 0 auto;
}

#dbr .footBackInner .topBack {
background: url(../image/icon_diagnostic_topback.gif) no-repeat left top;
padding: 5px 0 5px 25px;
min-height: 23px;
font-size: 83%;
}

#dbr #footer {
background: #E8E8E8 url(../image/bg_footer.gif) repeat-x top;
padding: 10px 0;
}

#dbr #footer .footerInner {
width: 658px;
margin: 0 auto;
text-align: right;
background: url(../image/bg_footer_copyright.gif) no-repeat left 4px;
}

/*--------------------
-診断コンテンツ
--------------------*/
#dbr .q1 {
background: url(../image/img_diagnostic_02.jpg) no-repeat left top;
width: 658px;
height: 144px;
}

#dbr .q2 {
background: url(../image/img_diagnostic_03.jpg) no-repeat left top;
width: 658px;
height: 169px;
}

#dbr .q1 p,
#dbr .q2 p {
margin-left: 32px;
}

#dbr .q1Txt,
#dbr .q2Txt {
margin-bottom: 23px;
}

#dbr .q1Selects,
#dbr .q2Selects {
padding-left: 64px;
padding-top: 5px;
}

#dbr .q1Selects img,
#dbr .q2Selects img {
vertical-align: top;
}

#dbr.answer .contents {
background: url(../image/bg_diagnostic_a.jpg) no-repeat left top;
width: 658px;
padding: 28px 0 0 21px;
}

#dbr.answer #main .contents h2 {
margin-bottom: 19px;
}

#dbr.answer #main .contents h3 {
margin: 1px 0 19px 0;
}

#dbr.answer #main .contents .resultBox {
width: 598px;
padding-left: 6px;
position: relative;
}

#dbr.answer #main.a01 .contents .resultBox {
background: url(../image/img_diagnostic_a01.jpg) no-repeat right top;
}
#dbr.answer #main.a02 .contents .resultBox {
background: url(../image/img_diagnostic_a02.jpg) no-repeat right top;
}
#dbr.answer #main.a03 .contents .resultBox {
background: url(../image/img_diagnostic_a03.jpg) no-repeat right top;
}
#dbr.answer #main.a04 .contents .resultBox {
background: url(../image/img_diagnostic_a04.jpg) no-repeat right top;
}
#dbr.answer #main.a05 .contents .resultBox {
background: url(../image/img_diagnostic_a05.jpg) no-repeat right top;
}
#dbr.answer #main.a06 .contents .resultBox {
background: url(../image/img_diagnostic_a06.jpg) no-repeat right top;
}


#dbr.answer #main.a01 .contents .resultBox.bgNone {
background: none;
}
#dbr.answer #main.a02 .contents .resultBox.bgNone {
background: none;
}
#dbr.answer #main.a03 .contents .resultBox.bgNone {
background: none;
}
#dbr.answer #main.a04 .contents .resultBox.bgNone {
background: none;
}
#dbr.answer #main.a05 .contents .resultBox.bgNone {
background: none;
}
#dbr.answer #main.a06 .contents .resultBox.bgNone {
background: none;
}

#dbr.answer #main .contents .resultBox ul {
margin-top: 16px;
padding-bottom: 20px;
width: 598px;
}

#dbr.answer #main .contents .resultBox ul.widthMax {
width: 367px;
}

#dbr.answer #main .contents .resultBox li {
padding-left: 92px;
padding-bottom: 11px;
}

#dbr.answer #main .contents .resultBox li.dotLine {
background: url(../image/bg_dotline.gif) repeat-x left top;
height: 1px;
width: 100%;
margin: 0 0 14px 0;
padding: 0;
}

#dbr.answer #main .contents .resultBox li.step1 {
background: url(../image/bg_diagnostic_a_step1.gif) no-repeat left top;
}
#dbr.answer #main .contents .resultBox li.step2 {
background: url(../image/bg_diagnostic_a_step2.gif) no-repeat left top;
}
#dbr.answer #main.a03 .contents .resultBox li.step2 {
background: url(../image/bg_diagnostic_a03_step2.gif) no-repeat left top;
}
#dbr.answer #main.a06 .contents .resultBox li.step2 {
background: url(../image/bg_diagnostic_a03_step2.gif) no-repeat left top;
}
#dbr.answer #main .contents .resultBox li.step3 {
background: url(../image/bg_diagnostic_a_step3.gif) no-repeat left top;
}
#dbr.answer #main .contents .resultBox li.step4 {
background: url(../image/bg_diagnostic_a_step4.gif) no-repeat left top;
}

#dbr.answer #main .contents .resultBox li .btPart {
margin-top: 8px;
margin-bottom: 8px;
}

#dbr.answer #main .contents .resultBox li .txtLinkPart {
background: url(../image/icon_diagnostic_back.jpg) no-repeat left top;
padding: 3px 0 3px 26px;
min-height: 23px;
}

#dbr.answer #main .contents .resultBox li.step3 .itemImg {
position: absolute;
left: 408px;
top: 50px;
width: 63px;
height: 219px;
}

#dbr.answer #main .contents .resultBox li.step4 .itemImg {
position: absolute;
left: 509px;
top: 180px;
width: 64px;
height: 222px;
}

.btBox {
background: #F9F8F8 url(../image/bg_btbox_top.gif) no-repeat left top;
width: 624px;
margin-left: 17px;
padding: 13px 0 0 0;
text-align: center;
}

.btBox .btBoxInner {
background: url(../image/bg_btbox_bottom.gif) no-repeat left bottom;
padding-bottom: 13px;
}

.btBox .submitBt {
width: 50%;
margin: 0 auto;
text-align: center;
position: relative;
}

.btBox .submitBt input {
vertical-align: middle;
}

.btBox .submitBt .backBt {
background: url(../image/icon_ques_back.jpg) no-repeat left top;
margin-left: 15px;
padding: 5px 0 5px 30px;
}