﻿
#HeadArea {
  background-color: #00ADA9;
}

#ContentsArea H1 {
    border-bottom: 2px solid #00ADA9;
    background: url(../../../images/form/form_a/1/imgEF_A_titleIcon_a001.gif) 0 6px no-repeat;
    padding-left:20px;
    width: 780px !important;
    padding-bottom: 6px;
}
#capValid h2 {
    border-left: 5px solid #00ADA9;
    padding-left: 10px;
    width: 785px;
    background-color: #f2f2f2;
}

#capValid table {
    width: 760px;
    text-align:center;
    margin: 0 auto;
    background: #CCCCCC;
}

#capLogin {
    width: 430px;
    border: 3px solid #CCCCCC;
    padding: 20px;
}

#capLogin H2 {
    background: #00ADA9;
    margin-bottom:20px;
    color: #FFFFFF;
    padding: 15px 5px;
    width: 415px;
    height: 25px !important;
}
#capLogin table {
    width: 425px
}

#btnLogin {
    background: url(../../../images/form/form_a/1/imgEF_btn_a004b.gif) 0 0 no-repeat;
    width: 80px;
    height:36px;
    font-size:0;
}
#btnLogin:hover {
    background: url(../../../images/form/form_a/1/imgEF_btn_a004a.gif) 0 0 no-repeat;
    width: 80px;
    height:36px;
    font-size:0;
}
#capLogin table tr {
    height: 30px;
    background-color: #CCCCCC;
    border-bottom:1px solid #FFFFFF;
}
#capLogin table tr th {
    border-bottom:1px solid #FFFFFF;
    background:#B2E6E5;
}
#capLogin table tr td {
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    background:#f2f2f2;
}
#capLogin #btnZone {
    width: 425px;
    height:30px;
    margin-top: 25px;
}
#stepInfo #step1 {
    background: url(../../../images/form/form_a/1/imgEF_step01_a002b.gif) 0 0 no-repeat;
    width:160px;
    height:55px;
}
#stepInfo #step2 {
    background: url(../../../images/form/form_a/1/imgEF_step02_a001b.gif) 0 0 no-repeat;
    width:160px;
    height:55px;
}
#stepInfo #step3 {
    background: url(../../../images/form/form_a/1/imgEF_step03_a001b.gif) 0 0 no-repeat;
    width:160px;
    height:55px;
}

#stepInfo #step1.stepOn {
    background: url(../../../images/form/form_a/1/imgEF_step01_a002a.gif) 0 0 no-repeat !Important;
    width:160px;
    height:55px;
}
#stepInfo #step2.stepOn {
    background: url(../../../images/form/form_a/1/imgEF_step02_a001a.gif) 0 0 no-repeat;
    width:160px;
    height:55px;
}
#stepInfo #step3.stepOn {
    background: url(../../../images/form/form_a/1/imgEF_step03_a001a.gif) 0 0 no-repeat;
    width:160px;
    height:55px;
}
#stepInfo #nextImg1 {
    background: url(../../../images/form/common/imgEF_stepIcon_a001b.gif) 0 50% no-repeat;
    width:16px;
    height:55px;
}
#stepInfo #nextImg2 {
    background: url(../../../images/form/common/imgEF_stepIcon_a001b.gif) 0 50% no-repeat;
    width:16px;
    height:55px;
}
#stepInfo #nextImg1.stepOn {
    background: url(../../../images/form/common/imgEF_stepIcon_a001a.gif) 0 50% no-repeat;
    width:16px;
    height:55px;
}
#stepInfo #nextImg2.stepOn {
    background: url(../../../images/form/common/imgEF_stepIcon_a001a.gif) 0 50% no-repeat;
    width:16px;
    height:55px;
}

#inputArea h2, .qaArea H2
{
    border-left: 5px solid #00ADA9;
    padding-left: 10px;
    width: 785px;
    background-color: #F2F2F2;
}

#inputArea table {
    width: 760px;
    text-align:center;
    margin: 0 auto;
    background: #CCCCCC;
}

#inputArea table tr {
    height: 30px;
    background-color: #CCCCCC;
    border-bottom:1px solid #FFFFFF;
}
#inputArea table tr th {
    border-bottom:1px solid #FFFFFF;
    background:#B2E6E5;
    text-align:left;
    padding-left: 10px;
    width: 200px;
}
#inputArea table tr td {
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    background:#F2F2F2;
    text-align:left;
    padding: 10px;
}

#buttonArea {
    margin:0 auto;
    text-align:center;
    width:780px;
}

#buttonArea #btnConfirm {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a001b.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}
#buttonArea #btnConfirm:hover {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a001a.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
}

#inputArea table tr th span.mreq {
    color: #ff0000;
}

#confirmArea h2 {
    border-left: 5px solid #00ADA9;
    padding-left: 10px;
    width: 785px;
    background-color: #f2f2f2;
}

#confirmArea table {
    width: 760px;
    text-align:center;
    margin: 0 auto;
    background: #CCCCCC;
}

#confirmArea table tr {
    height: 30px;
    background-color: #CCCCCC;
    border-bottom:1px solid #FFFFFF;
}
#confirmArea table tr th {
    border-bottom:1px solid #FFFFFF;
    background:#B2E6E5;
    text-align:left;
    padding-left: 10px;
    width: 200px;
}
#confirmArea table tr td {
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    background:#F2F2F2;
    text-align:left;
    padding: 10px;
}

#buttonArea #btnBack {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a002b.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
    margin-right:40px;
}
#buttonArea #btnBack:hover {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a002a.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin-right:40px;
}
#buttonArea #btnSubmit, #btnSensAddQuestion, #btnSendComplete
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a003b.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}
#buttonArea #btnSubmit:hover, #btnSensAddQuestion:hover, #btnSendComplete:hover
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a003a.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
}

#btnCancel
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a005b.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}
#btnCancel:hover
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a005a.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
}

#btnComplete
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a007b.gif) 0 0 no-repeat;
    width: 121px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}

#btnComplete:hover
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a007a.gif) 0 0 no-repeat;
    width: 121px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}

#btnAddQuestion
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a009b.gif) 0 0 no-repeat;
    width: 121px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}

#btnAddQuestion:hover
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a009a.gif) 0 0 no-repeat;
    width: 121px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}

#capInterimRegist {
    height: 250px;
}

#editMode h2 {
    border-left: 5px solid #00ADA9;
    padding-left: 10px;
    width: 785px;
    background-color: #f2f2f2;
}

#editMode table {
    width: 760px;
    text-align:center;
    margin: 0 auto;
    background: #CCCCCC;
}

#editMode table tr {
    height: 30px;
    background-color: #CCCCCC;
    border-bottom:1px solid #FFFFFF;
}
#editMode table tr th {
    border-bottom:1px solid #FFFFFF;
    background:#B2E6E5;
    text-align:left;
    padding-left: 10px;
    width: 200px;
}
#editMode table tr td {
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    background:#CCCCCC;
    text-align:left;
    padding: 10px;
}

#updateArea h2 {
    border-left: 5px solid #00ADA9;
    padding-left: 10px;
    width: 785px;
    background-color: #f2f2f2;
}

#updateArea table {
    width: 760px;
    text-align:center;
    margin: 0 auto;
    background: #CCCCCC;
}

#updateArea table tr {
    height: 30px;
    background-color: #CCCCCC;
    border-bottom:1px solid #FFFFFF;
}
#updateArea table tr th {
    border-bottom:1px solid #FFFFFF;
    background:#B2E6E5;
    text-align:left;
    padding-left: 10px;
    width: 200px;
}
#updateArea table tr td {
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    background:#CCCCCC;
    text-align:left;
    padding: 10px;
}

#buttonArea #btnViewBack {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a002b.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
    margin-right:40px;
}
#buttonArea #btnViewBack:hover {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a002a.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin-right:40px;
}
#buttonArea #btnUpdate {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a003b.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}
#buttonArea #btnUpdate:hover {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a003a.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
}

#btnRegist {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_b001b.gif) 0 0 no-repeat;
    width: 60px;
    height:20px;
    font-size:0;
}
#btnRegist:hover {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_b001a.gif) 0 0 no-repeat;
    width: 60px;
    height:20px;
    font-size:0;
}
#btnLogout {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a006b.gif) 0 0 no-repeat;
    width: 60px;
    height:20px;
    font-size:0;
}
#btnLogout:hover {
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a006a.gif) 0 0 no-repeat;
    width: 60px;
    height:20px;
    font-size:0;
}

#FootArea {
  background-color: #00ADA9;
}

/* 回答フォーム用 */
.QuestionArea
{
    border: 3px solid #B2E6E5;
}

.AnswerArea
{
    border: 3px solid #f2f2f2;
}

.QuestionArea .itemTitle
{
    background-color:#B2E6E5;
}

.AnswerArea .itemTitle
{
    background-color:#f2f2f2;
}

.QuestionArea .itemDetail, .AnswerArea .itemDetail
{
    background-color:#FFFFFF;
}

#btnCompleteUnable
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a007c.gif) 0 0 no-repeat;
    width: 121px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}

#btnSensAddQuestionUnable,#btnSendCompleteUnable
{
    border: 0;
    background: url(../../../images/form/form_a/1/imgEF_btn_a003c.gif) 0 0 no-repeat;
    width: 82px;
    height:38px;
    font-size:0;
    margin:0;
    padding:0;
}

.similarFaqArea
{
    border-left: 5px solid #00ADA9;
    background-color: #B2E6E5;
}
