@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFF;
	margin-top: 20px;
	padding: 0;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

h1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24pt;
	font-weight: bold;
}

th {
	font-size: 14pt;
	color: #00C;
	background-color: #CCF;
}

td {
	font-size: 14pt;
}

input, textarea, select {
	font-size: 1em;
}

ul {
	padding: 10;
	margin: 10;
}

li {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: inherit;
}

.headback{
	background: #333;
}

.headtext{
	font-size: 15pt;
	color: #000;
	margin-top: 5px;
}

.subheadtext{
	width: 100%;
	color: #000;
	background-color: #9FF;
	font-size: 16pt;
	padding-top: 3px;
	padding-left: 10px;
}

.foottext{
	width: 98%;
	color: #000;
	background-color: #CCC;
	font-size: 15pt;
	padding: 10px;
}

.select{
	width: 100%;
	color: #060;
	padding: 5px;
	background-color: #CFC;
	font-weight: bold;
	border-left-style: solid;
	border-left-color: #393;
	border-left-width: 7px;
}

.info{
	font-size: 11pt;
	color: #666;
	font-weight: normal;
}

.indispensable{
	font-size: 14pt;
	color: #F00;
}

.imageheader{
	text-align: left;
	width: 720px;
	margin-top: 30px;
	font-size: 12pt;
	font-weight: bold;
}

.imagecomment{
	text-align: left;
	width: 720px;
	border-style: solid;
	border-width: thin;
	padding: 5px;
	line-height: 18pt;
	margin-bottom: 50px;
}

.deadline {
	text-align: center;
	width: 720px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 50px;
}

.page_info {
	text-align: center;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	font-size: 240%;
	font-weight: bold;
	padding: 5px;
	margin-top: 100px;
}

.topcom{
	text-align: center;
	border-style: dashed;
	border-width: 2px;
	border-color: #999;
	padding: 20px;
}

.question{
	display: inline;
	font-size: 14pt;
	color: #06F;
	font-weight: bold;
	vertical-align: top;
}

.sub_question{
	font-size: 12pt;
	color: #06F;
	font-weight: bold;
}

.matrix td{
	font-size: 10pt;
}

.matrix td:hover{
	background-color: #ffcccc;
}

.matrix1 td:hover{
	background-color: #ffcccc;
}

.matrix2 tr:hover{
}

.matrix3 tr:hover{
	background-color: #ffcccc;
}

.matrix_hd {
	line-height: 130%;
}

.spotitem{
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: double;/*二重線を引く*/
	border-color: #FF0000;
	border-width: 3px;
}

.newpage{
	text-align: center;
	width: 98%;
	border-style: dotted;
	border-width: 2px;
	border-color: #F06;
	color: #F06;
	font-weight: bold;
	font-size: 24px;
	padding: 10px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.condition{
	text-align: left;
	width: 97%;
	border-style: solid;
	border-width: 2px;
	border-color: #CCC;
	color: #060;
	font-size: 18px;
	padding: 10px;
	margin-bottom: 50px;
}

.memo{
	width: 97%;
	border-style: solid;
	border-width: 2px;
	border-color: #CC0;
	color: #C00;
	background-color: #FFC;
	font-size: 18px;
	padding: 10px;
	margin-top: 10px;
}

.toptext{
	width: 750px;
	border: solid;
	border-width: 2px;
	border-color: #666;
	font-size: 14pt;
	padding: 15px;
	border-radius: 10px;          /* CSS3草案 */
	-webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;     /* Firefox用 */
}

.bottomtext{
	width: 750px;
	border: dashed 2px;
	border-color: #666;
	font-size: 14pt;
	padding: 15px;
	border-radius: 10px;          /* CSS3草案 */
	-webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;     /* Firefox用 */
}

.topitem1{
	margin-bottom: 10px;
}

.topitem2{
	border: solid;
	border-width: 1px;
	border-color: #000;
	font-size: 14pt;
	padding: 3px;
}

.inftext{
	border: dashed;
	border-width: 2px;
	border-color: #666666;
	font-size: 14pt;
	padding: 15px;
	border-radius: 10px;          /* CSS3草案 */
	-webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;     /* Firefox用 */
}

.vertical{
	line-height:20px;
}

.link_text{
	vertical-align:0px;
}

.link_png{
	vertical-align:middle;
}

.save{
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 10000;
}

.load_pass{
	text-align: center;
	color: #03F;
	margin-top: 50px;
	margin-bottom: 50px;
}

.button_pos {
	text-align: left;
}

.form_button {
  display: inline-block;
  width: 300px;
  height: 65px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  font-weight: bold;
  font-size: 14pt;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*追記*/
  background-color: #EEE;
  border: 1px solid #333;
  color: #333;
}
.form_button::before,
.form_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.form_button,
.form_button::before,
.form_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/*追記*/
.form_button:hover {
  border: 1px solid #ADF;
  background-color: #06F;
  color: #FFF;
}

/* for IE Chrome*/
input[type=checkbox] {
    position: relative;
    top: 0px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 5px;
}

input[type=radio] {
    position: relative;
    top: 0px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 6px;
}

/* for Firefox*/
input[type=checkbox] {
  -moz-transform-origin: left middle;
  -moz-transform: scale( 1.0 , 1.0 );
}

input[type=radio] {
  -moz-transform-origin: left middle;
  -moz-transform: scale( 1.0 , 1.0 );
}

/* 保存用ボタン */
.save_button {
  display: inline-block;
  width: 220px;
  height: 45px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  font-weight: bold;
  font-size: 11pt;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*追記*/
  background-color: #ffcc00;
  border: 1px solid #333333;
  color: #000;
}
.save_button::before,
.save_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.save_button,
.save_button::before,
.save_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/*追記*/
.save_button:hover {
  border: 1px solid #cccccc;
  background-color: #cc0000;
  color: #FFF;
}

.conf_button {
  display: inline-block;
  width: 180px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  font-weight: bold;
  font-size: 14pt;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*追記*/
  background-color: #EEE;
  border: 1px solid #333;
  color: #333;
}
.conf_button::before,
.conf_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.conf_button,
.conf_button::before,
.conf_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/*追記*/
.conf_button:hover {
  border: 1px solid #ADF;
  background-color: #06F;
  color: #FFF;
}

/* for IE */
@media all and (-ms-high-contrast: none) {
    #agreeID {
        width: 30px;
        height: 30px;
        vertical-align: -8px;
        cursor: pointer;
    }
}

/* for Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #agreeID {
        width: 30px;
        height: 30px;
        vertical-align: -8px;
        cursor: pointer;
    }
}

/* Firefox */
@-moz-document url-prefix() {
    #agreeID {
        -moz-transform: scale( 3.0 , 3.0 );
        margin-top: 55px;
        margin-left: 50px;
        vertical-align: -40px;
        cursor: pointer;
    }
}

#Q0901SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}

#Q0901SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}

#Q0902SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}

#Q0903SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}

#Q0904SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}

#Q0905SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}

#Q0906SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}

#Q0907SQ_NG {
  font-size: 11pt;
  color: red;
  margin-top: 5px;
  display: none;
}
