/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form
{
    margin: 0px;
    padding: 0px;
    border: none;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    list-style-type: none; /* text-align: left; */
    font-family: Meiryo UI, Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
    font-size: 18px;
}

.default
{
    margin: auto;
    width: 980px;
    text-align: center; /**background-color: #FCFFFF;**/
    padding-top: 20px;
    height: 575px;
}

.pagingArea
{
    margin: auto;
    width: 800px; /**background-color: #FCFFFF;**/
}

.background
{
    margin: auto;
    background-image: url("../images/BackGroundImage.JPG");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    width: 980px;
}

.backgroundEarth
{
    margin: auto;
    background-image: url("../images/earth.gif");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    width: 980px;
}

.filter
{
    background-image: url("../images/filter.png");
    background-repeat: repeat;
}

.filterEarth
{
    background-image: url("../images/filter.png");
    background-repeat: repeat;
}

.ErrorMsg
{
    color: Red;
    font-weight: bold;
}

.CloseMsg
{
    font-weight: bold;
}

/* ボタン */

.pagingButton
{
    height: 30px;
    width: 120px;
}

.resetButton
{
    height: 30px;
    width: 160px;
}

.sendButton
{
    height: 30px;
    width: 80px;
    color: Blue;
}
/* テーブル */

table.enqueteNoTabl
{
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: auto;
    border-style: solid;
    border-width: 1px;
    border-color: blue;
}

table.question
{
    cellspacing: 5;
    width: 80%;
    margin: auto;
}

.question td
{
    position: relative;
    border-radius: 5px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    padding-left: 10px;
    border-bottom-width: 3px;
    border-right-width: 3px;
    border-color: #808080;
    
    /* 2015.11.30 英文が単語の途中で改行してしまう対応 */
    /*word-break: break-all;*/
    word-break: normal;
}

table.answerP
{
    margin: auto;
    padding: 0px;
    width: 80%;
    height: 300px;
}
.answerP th
{
    vertical-align: top;
    width: 90px;
    margin: 0px;
    padding: 0px;
}
.answerP td
{
    vertical-align: top;
    width: 695px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

table.answer
{
    cellspacing: 5;
    width: 97%;
    
    /* 2015.11.30 英文が単語の途中で改行してしまう対応 */
    /*word-break: break-all;*/
    word-break:normal;
    
    vertical-align: top;
}
.answer input
{
    /*display: block;*/
    vertical-align:0;
}
/*
.answer label
{
    display: block;
    margin-top: -20px;
    margin-left: 20px;
}
*/

table.subanswer
{
    width: 100%;
}

table.answerInfo
{
    width: 700px;
    margin: auto;
}
.answerInfo tr
{
    vertical-align: bottom;
    text-align: left;
    height: 40px;
}
.answerInfo th
{
    width: 160px;
}
.answerInfo td
{
}

table.answerInfoEnd
{
    width: 95%;
    margin-left: 20px;
    margin-bottom: 10px;
}
.answerInfoEnd tr
{
    vertical-align: bottom;
    text-align: left;
    height: 40px;
}
.answerInfoEnd th
{
    vertical-align: middle;
    width: 160px;
}
.answerInfoEnd td
{
    vertical-align: middle;
}

table.questionInfo
{
    cellspacing: 5;
    margin: auto;
}

.questionInfo td
{
    position: relative;
    border-radius: 5px;
    width: 550px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    padding-left: 10px;
    border-bottom-width: 3px;
    border-right-width: 3px;
    border-color: #808080;
}

table.endTable
{
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-align: left;
    width: 97%;
    table-layout: fixed;
}


table.header
{
    width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
    margin: auto;
}

.header tr
{
    height: 35px;
    background: #BABABA url("../images/bg_header1.png");
    background-repeat: repeat-x;
}

.header th
{
    margin-top: 5px;
    margin-left: 5px;
    text-align: left;
    width: 25%;
}

.header td
{
    text-align: center;
    margin-top: 5px;
    font-size: large;
    color: #4678BA;
    font-weight: bold;
}

/* ヘッダー */
.enqueteNo
{
    width: 70px;
    height: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: blue;
}

.questionNo
{
    width: 70px;
    height: 25px;
    border-style: solid;
    border-color: #8278aa;
    border-width: 1px;
}

.questionNoInfo
{
    width: 100px;
    height: 25px;
    border-style: solid;
    border-color: #8278aa;
    border-width: 1px;
}

.maintext
{
    width: 98%;
    margin-left: 5px;
}

.subtextBx
{
    width: 90%;
}

.textarea
{
    width: 98%;
    margin-left: 5px;
    height: 280px;
    overflow: hidden;
}

.required
{
    color: Red;
    padding-left: 10px;
    display: none;
}

.noSpace
{
    width: 70px;
    background-color: #afeeee;
    border: solid;
    border-width: 1px 0px 1px 1px;
    border-color: gray;
    padding: 0px;
    margin: 0px;
}

.questionSpace
{
    width: 290px;
    background-color: #afeeee;
    border: solid;
    border-width: 1px 1px 1px 0px;
    border-color: gray;
    color: #437ea3;
    text-decoration: underline;
    line-height: 25px;
    padding: 0px 5px;
    
    /* 2015.11.30 英文が単語の途中で改行してしまう対応 */
    /*word-break: break-all;*/
    word-break: normal;
    
    word-wrap: break-word;
}

.answerSpace
{
    width: 365px;
    border: solid;
    line-height: 25px;
    border-width: 1px;
    border-color: gray;
    padding: 0px 10px;
    /* 2015.11.30 英文が単語の途中で改行してしまう対応 */
    /* word-break: break-all;*/
    word-break: normal;
    
    word-wrap: break-word;
}

.endSpace
{
    height: 330px;
    width: 80%;
    overflow: auto;
    margin: auto;
}

.infoSpace
{
    width: 97%;
    margin-bottom: 20px;
    display: none;
    border-style: solid;
    border-color: #808080;
    word-break: normal;
    
    border-radius: 5px;
    border-width: 1px;
}

.answerTableSpace
{
    height: 350px;
    overflow-y: scroll;
    margin: auto auto auto 4px;
}

.getImage
{
    width: 90px;
}

/* カラー */
.gradation
{
    background: #87CEEB url("../images/bg_btn3.png");
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    color: #2b5168;
}

.gradationB
{
    background: #9cadcc url("../images/bg_btn2.png");
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    color: #2b5168;
}

.gradationForNo
{
    color: #808080;
    background: #dcdcdc url("../images/bg_btn4.png");
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
    color: #d3d3d3;
}