@charset "utf-8";
/* ------------------------------
 WebSurvey defaurt CSS
(C) Programming Fast Inc. ALL RIGHT RESERVED.

   1.リセット
	 2.デフォルト
	 	
		2-1全体
		2-2ヘッダー
		2-3メイン
		2-4フッター
		2-5基本クラス
		2-6マトリックス
		2-7フォーム
		2-8リンク
		2-9CleaFix	 
------------------------------ */

/* 1.リセット
===================================== */
html{background:transparent;color:#000;background-image: none;overflow-y:scroll;}body{font:100%/1.4 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;margin:0;overflow:visible;padding:0;}*+html body{font-family:'メイリオ','ＭＳ Ｐゴシック';font-size:100%;}* html body{font-family:'ＭＳ Ｐゴシック';font-size:100%;}a{overflow:hidden;}a img,img{border:0;}abbr,acronym{border:0;}address,caption,cite,code,dfn,em,th,strong,var{font-style:normal;font-weight:normal;}blockquote,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,span,td,th,ul{margin:0;padding:0;}caption,th{text-align:left;}code,kbd,pre,samp,tt{font-family:monospace;line-height:100%;}*+html code,kbd,pre,samp,tt{font-size:108%;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ol,ul{list-style:none;}q:before,q:after{content:'';}button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}table{border-collapse:collapse;border-spacing:0;font-size:100%;}

/* 2.デフォルト
===================================== */

/* 2-1全体 
------------------------------ */
html{
  height:100%;
}
body {
  color: #000000; /* フォントカラー */
	background: #FFF; /* 背景色*/
	height: 100%;
}
/* コンテナ */
* html div#container{
  height:100%;
}
#container {
	width: 100%;
  position:relative;
  min-height: 100%;
  border-bottom: 10px solid #213B8C;
}
body > #container {
  height: auto;
}

/* 2-2ヘッダー 
------------------------------ */
.header {
 	background-color: #213B8C;
 	padding :5px 0 5px;
	margin-bottom: 10px;
}
.header h1 {
	padding-right: 20px;
	text-align: right;
	margin: 0;
}
/* 2-3メイン
------------------------------ */
#content {
 	background : #FFFFFF;
	font-size : 100%;
 	text-align : left;
 	width : 100%;
	height: 100%;
}	
.main {
 	background : #FFFFFF;
 	padding : 0 20px 5em;
}
.footer-on {
  padding-bottom: 60px !important;  
}
/*サーベイキャプション*/
.caption-survey {
	padding-left : 0;
}
/*セクションキャプション*/
.caption-section {
  font-size: 160%;
  font-weight: bold;
}
.caption-logo {
  margin-top: 2em;
  text-align: center;  
}
/* キャプション表示｜事前説明 */
.partialCaption-start {}
/* キャプション表示｜停止中 */
.partialCaption-close {}
/* キャプション表示｜回答完了 */
.partialCaption-thanks {
  text-align: center;
  margin-bottom: 2em;
}
/* キャプション表示｜回答完了-詳細 */
.partialCaption-thanks-detail {
  text-align: center;  
}
.partialCaption-thanks-detail p {
  text-align: center;  
}
/*残り-問*/
.progress {
  font-size: 96%;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: right;
}
.sectionContent {
	margin-bottom: 1em;
}
/*アンケート問題*/
.querys {
	margin: 2em 2px 3em;
  display: table;
  width:100%;
}
.query  {
	color: #000066;/*質問文の色*/
	line-height: 115%;
	background-color: rgb(204, 204, 255); /*質問ボックス背景色*/
	padding: 5px;
	margin-bottom: 10px; /*質問 下のマージン*/
}
.querys dd {
  padding-left: 1em;
}

span.qa1 {
	color: #000066;
  font-weight: bold;
  display: table-cell;
  margin-right: 0.7em;	
}
span.qa2 {
  color: #000000;
  font-weight: normal;
  display: table-cell;	
}
/*回答方法*/
table.tb-how2answer {
  width: 32em;
  font-size: 95%;
  border: 0;
}
table.tb-how2answer tr {
  padding: 2px;
  vertical-align: top;
}
table.tb-how2answer th,
table.tb-how2answer td {
  border: 0;
  text-align: left;
  padding: 0; 
}
table.tb-how2answer td.td-head {
  color: blue;
  padding-right: 0.5em;
  white-space: nowrap;
}
/*お願い*/
.box-petition {
  border: 3px solid #003E7B;
  width: 80%;
  padding: 0;
  margin-bottom: 0.5em;
}
.box-petition  h3 {
  background: #D2E9FF;
  border-bottom: 2px solid #003E7B;
  font-size: 100%;
  font-weight: 700;
  margin: 0;
  padding: 0 5px;
}
.box-petition p { 
  padding: 0 5px;
}
.box-petition p.last {
  margin-bottom: 0;   
}
/*サンクスページ*/
.thanksPage {
  margin-top: 4em; 
}

/* 2-4フッター
------------------------------ */
.footer {
  font-size: 90%;
  text-align: center;
  background: #213B8C;
  padding: 2em 0 0;
  position:absolute;
  width: 100%;
  height: 60px;
  bottom : 0px;
 }
.footer p{
  text-align: center;
  line-height:1.4;
  margin:0;
  padding:0;
}

.footer .copyright{
	color:#ffffff;
	line-height:130%;
}
.footer .copyright a:link{
	color:#ffffff;
	text-decoration:underline;
	line-height:130%;
}
.footer .copyright a:visited{
	color:#ffffff;
	text-decoration:underline;
	line-height:130%;
}
.footer .copyright a:active{
	color:#ffffff;
	text-decoration:underline;
	line-height:130%;
}
.footer .copyright a:hover{
	color:#ffffff;
	text-decoration:underline;
	line-height:130%;
}


/* 2-5基本クラス
------------------------------ */
/* ---- タグ ---- */
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin:0em 0 1em;
}
h2 {
	font-size: 160%;	
}
h3 {
	color: #000;
	font-size: 133.3%;	
}
ol, ul {
	margin:1em 1em 1em 3em;
	text-align:left;
}
ol li {
	list-style:decimal outside;	}
ul li {
	list-style:disc outside;
}
dl dd, ol li, ul li {
	margin-bottom:0.5em;
}
table {
	margin-bottom:1em;
}
td, th {
	border:1px solid #333333;
	padding:0.5em;
	text-align: center;
}
th {
	text-align:center;
}
abbr, acronym {
	border-bottom:1px dotted;
	cursor:help;
}
blockquote {
	margin:1em;
}
caption {
	margin-bottom:0.5em;
	text-align:center;
}
em, strong {
  font-weight: bold;
  font-style: normal;
}
p {
	margin-bottom:1em;
	text-align:left;
	width:auto;
}
hr { 
  border: 0;
  height: 1px;
  background: #999999;
}

/* ---- クラス ---- */
/* 必須マーク(＊) */
.must {
	color: #FF0000;
	font-size: 10px;
	font-weight: 700;
}
/* エラー文言 */
.error {
	background-color: #ff0000;
	color: #ffffff;
	font-weight: 700;
}
div.error {
	background: #ff0000 !important;
  color: #FFFFFF !important;
  padding: 2px 4px !important;
  margin-bottom: 1em;
}
dd.error {
	width: 400px;
}

/* 重要 */
.important {
	color: #FF0000; /* テキスト色 */
}
/* 注意 */
.caution {
  color: #0000FF; 
  font-weight: 700;
}
em.time {
  color: #FF0000; 
}
.center {
  text-align: center; 
}
.right {
   text-align: right; 
}
.left {
   text-align: left;  
}

/* SA・MA横並び用テーブル */
.sama-table{
	margin: 0px;
}
.sama-table td{
	border-width: 0px;
	vertical-align: top;
  padding: 0 5px 2px;
}

.box {
	border: 3px solid #003E7B;
	padding: 3px 5px;
	margin-bottom: 0.5em;
}


/* 2-6マトリックス
------------------------------ */
.matrix_frame {
	border: 1px solid #CC9900; /*表組み罫線*/
  font-size: 90%;
}
.matrix_frame th {
	background: #FFFFFF; /*表組み背景色*/
  border: 1px solid #CC9900; /*表組み罫線*/
  font-size: 81.25%; /*表頭 文字サイズ*/
  line-height: 1.2;
}
.matrix_header {}　
.matrix_header_item {  /*表頭質問文*/
  color: #000000; 
  font-size: 100%;
  font-weight: normal;  
}
.matrix_frame td {
  border: 1px solid #CC9900; /*表組み罫線*/
  font-size: 87.5%; /*表側 文字サイズ*/
  line-height: 1.2;
}
.matrix_row_odd {
	background: #FFFFFF;
}
.matrix_row_even {
	background: #FFFFCC;
}
.matrix_query {  /*表側質問文*/
	color: #000000; 
  font-size: 100%;
}
.matrix_queryd {
  text-align: left;  
}
.matrix_frame img {
	padding: 10px;
}
.error-content{
	text-align: left;
	border: 1px solid #ff0000;
	background-color: #ff0000;
}
.error-content dl dd{
	padding-left: 0px;
	margin-bottom: 0px;
}
/* 2-7フォーム
------------------------------ */
label {
  font-size: 100%;
	display: block;
  margin-top: -2px;
  
}
fieldset {
	border:1px solid #ccc;
	margin-bottom:1em;
	padding:0 1em 1em 1em;
}
input, textarea {
	line-height:1.4;
	padding:0;
	vertical-align:middle;
}
textarea {
	padding: 0.2em;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
	height: 13px;
    margin: 0 5px 0 0;
	 width: 13px;
}
input.button {
	appearance: button;
	-webkit-appearance: button;
	-moz-appearance: button;
    font-weight: 700;
    padding: 0.25em;
    margin: 5px 0;
}
input.btn-next { 
    padding: 0.5em 3em;
    font-size: 120%;
}
legend {
	background:#fff;
	padding:0.3em;
}
select {
	padding:0.1em;
}
textarea {
	/* width を指定してはいけない */
}
input[type="text"],
input.text {
	/* width を指定してはいけない */
	padding: 0 3px 0;
}
input.postNum {
	width: 7em;
}
dd.choice {
  margin: 0;	 
}
table.choice {
  font-size: 87.5%;
	width: 100%;
  margin-bottom: 5px;	
}
table.choice td {
	border: none;
	text-align: left;
	padding: 0;
	margin: 0;
}
td.input {
	width: 13px;
	vertical-align: top;
}
/* ボタン周り */
.btn-area {
	padding: 5px 10px;
	margin: 1em 0 0 1em ; 
	border:solid 1px #cccccc;
	display: inline-block;
	/display: inline; /* IE */
	/zoom: 1; /* IE */
}
.btn-area p {
	text-align: center;
}
.btn-area2 {
	padding: 2px 0;
}
.btn-area3 {
	margin: 1em 0 0 1em ;
}
.btn-text {
	font-size: 90%;
  padding: 5px;
}
.btn-text2 {
  background: #EEEEEE;
  color:#FF0000;
	font-size: 90%;
  padding: 2px 5px 2px;
  text-align: left !important;
}
.btarea {
  margin: 1em 0 0;
}
.btn {
  margin: 5px 0;
}
.btn-caution {
  color: #000066;
  margin: 1em 0 0 1em;
  padding-right: 1em;
}
.btn-caution .strong {
  font-size: 130%;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  padding: 0 0 2px 2px;
  border-top: 3px none #000066;
  border-right: 3px none #000066;
  border-bottom: 3px solid #000066;
  border-left: 3px solid #000066;
}
.btn-caution .supplement {
  padding: 0;
  margin: 0;  
}
/*IE 6*/
* html input { padding:0.1em;}
* html input.checkbox,
* html input.radio { vertical-align:-0.3em;}
* html input.submit { line-height:1.2; padding-top:0.5em 1em 0.5em;}
* html select { vertical-align:-0.2em;}
/*IE 7*/
*+html input {padding:0.1em;}
*+html input.submit {line-height:1.2; padding:0.7em 1.3em 0.5em;}
*+html select {vertical-align:-0.2em;}
*+html label {margin-top: 0;}

/* 2-8リンク
------------------------------ */
a {
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* 2-9CleaFix
------------------------------ */
.clearfix:after {
  content:"";
  display:block;
  clear:both;
}
* html .clearfix {
	display:inline-block; /*IE 6*/
}
*+html .clearfix {
  display:inline-block;
}

/*追記
------------------------------ */
h2 {
	margin-bottom: 10px;	
}

/*ページトップのエラー-----------------------------------------------------------------------*/
	/*外枠の色２*/
	.planl2err {
		background-color: #FF0000;
		width: 95%; padding: 1px;
		margin-bottom: 12px;
		border-collapse: separate;
		border-spacing: 2px;
	}
	
	/*タイトル２*/
	.plant2err {
		font-size: 100%;
		font-weight: bold;
		background-color: #FFCCCC;
    padding: 1px 4px;
		border: 0;
		text-align: left;
	}

	/*文章*/
	.planmerr {
		color: red;
		font-size: 120%;
    background-color: #FFFFFF;
		padding: 3px 5px;
		line-height: 125%;
		border: 0;
	}