@charset "Shift_JIS";

.blue10{
	font-size:10px; color:#003399; line-height:140%;
}

.blue12b{
	font-size:12px; color:#003399; font-weight:bold; line-height:140%;
}

.check-msg{
	font-size:10px; color:#ff0000; line-height:140%;
}

.color-01{
	background-color:#3365c5;
}

.color-02{
	font-size:18px; color:#003399; font-weight:bold; line-height:120%;
}

.color-03{
	background-color:#cccccc;
}

.color-farea{
	background-color:#3365c5; color:#ffffff; font-size:12px; font-weight:bold;
}

.com-err-msg{
	background-color:#ffffff; font-weight:bold; color:#666666; text-align:center; line-height:160%;
}

.enq-comment{
	font-size:12px; color:#000000; line-height:140%; margin:0px 150px; text-align:center;
}

.enq-comment-left{
	font-size:12px; color:#000000; line-height:140%; margin:0px 150px; text-align:left;
}

.err-mark{
	font-size:12px; font-weight:bold; color:#3365c5;
}

.err-msg{
	font-size:12px; font-weight:bold; color:#666666; line-height:150%;
}

.err-q{
	font-size:12px; font-weight:bold; color:#ff0000;
}

.font-1{
	font-size:12px; color:#000000; line-height:140%;
}

.font-2{
	font-size:10px; color:#000000; line-height:140%;
}

.font-3{
	font-size:18px; color:#003399; font-weight:bold; line-height:140%; text-align:center; margin:30px;
}

.font-4{
	font-size:14px; color:#000000; line-height:140%;
}

.font-5{
	font-size:16px; color:#000000; line-height:140%;
}

.font-6{
	font-size:20px; color:#000000; line-height:140%;
}

.font-7{
	font-size:9px; color:#000000; line-height:140%;
}

.font-8{
	font-size:11px; color:#000000; line-height:140%;
}

.font-9{
	font-size:15px; color:#000000; line-height:140%;
}

.font-10{
	font-size:17px; color:#000000; line-height:140%;
}

.font-11{
	font-size:18px; color:#000000; line-height:140%;
}

.font-12{
	font-size:19px; color:#000000; line-height:140%;
}

.font-13{
	font-size:21px; color:#000000; line-height:140%;
}

.font-14{
	font-size:22px; color:#000000; line-height:140%;
}

.font-15{
	font-size:23px; color:#000000; line-height:140%;
}

.font-16{
	font-size:24px; color:#000000; line-height:140%;
}

.font-17{
	font-size:25px; color:#000000; line-height:140%;
}

.footer-msg{
	font-size:12px; text-align:center;
}

.f-required{
	color:#3365c5;
}

.header{
	background-color:#3365c5;
}

.header-msg{
	font-size:12px; text-align:center;
}

.indent{
	margin-left:40px;
}

.layout{
	text-align:center;
}

.matrix_un_usually{
	background-color:#e6e6fa; font-size:12px; text-align:left;
}

.matrix1{
	background-color:#ffff99; font-size:12px; line-height:140%;
}

.matrix2{
	background-color:#CCFFCC; font-size:12px; line-height:140%;
}

.matrix3{
	background-color:#ffffff; font-size:12px; text-align:center;
}

.matrix4{
	background-color:#e6e6fa; font-size:12px; text-align:center;
}

.bdcomment{
	font-size:12px; line-height:140%; border: 2px solid #FFFFFF; 
}

.q-margin{
	margin:5px;
}

.q-text{
	font-size:12px; color:#000000; font-weight:bold; line-height:140%;
}

.required-msg{
	font-size:12px; color:#ff0000; font-weight:bold; line-height:140%;
}

.select-text{
	font-size:12px; color:#FF6633; font-weight:bold; line-height:140%;
}

.submit-bg{
	background-color:#f3f3f3; text-align:center;
}

.submit-msg{
	background-color:#f3f3f3; font-size:12px; text-align:center;
}

h3{
	font-size:16px; color:#003399; font-weight:bold; line-height:150%; margin:25px 150px; text-align:center;
}
#chosaList {
	border:1px solid #CCCCCC !important;
	border-collapse:collapse;
	width:70%;
	margin:0 0 40px;
}
#chosaList td {
	border:1px solid #CCCCCC !important;;
	line-height:120%;
	padding:0;
}
#chosaList tr:hover, #chosaList label:hover {
	background:.EFEFEF;
	cursor:pointer;
	text-decoration:underline;
}
#chosaList input {
	vertical-align:middle; 
	margin:0;
	padding:0;
}

#chosaList label {
	display:block;
	padding:8px;
}

/* HDタグを表尾で使用した場合のレイアウト */
table.hd_under_label {
	height: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
td.hd_under_label_top {
	text-align: center;
	vertical-align: top;
	padding: 5px 0 2px;
}
td.hd_under_label_bottom {
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 2px;
}

/* HDタグの表示切替 */
/* スマホのみ表示 */
.forSmartHd {
	display:none;
}

/* PC/スマホ両方表示 */
.forPcSmartBothHd {
	display:table-row;
}

/* ■AQDでも利用されているクラス定義■ ここから

  【注意】
	AQD(原稿読込ツール)でも以下のクラス定義と同じものを利用して調査票を作成しています。
	以下クラス定義の変更/削除を行うと、AQD⇒AIRsに調査票を反映した際、
	AIRs上での表示がおかしくなる可能性があるため、注意して下さい。
 */
.richEditor-font-1{
	font-size:9px; line-height:140%;
}

.richEditor-font-2{
	font-size:10px; line-height:140%;
}

.richEditor-font-3{
	font-size:11px; line-height:140%;
}

.richEditor-font-4{
	font-size:12px; line-height:140%;
}

.richEditor-font-5{
	font-size:13px; line-height:140%;
}

.richEditor-font-6{
	font-size:14px; line-height:140%;
}

.richEditor-font-7{
	font-size:15px; line-height:140%;
}

.richEditor-font-8{
	font-size:16px; line-height:140%;
}

.richEditor-font-9{
	font-size:17px; line-height:140%;
}

.richEditor-font-10{
	font-size:18px; line-height:140%;
}

.richEditor-font-11{
	font-size:19px; line-height:140%;
}

.richEditor-font-12{
	font-size:20px; line-height:140%;
}

.richEditor-font-13{
	font-size:21px; line-height:140%;
}

.richEditor-font-14{
	font-size:22px; line-height:140%;
}

.richEditor-font-15{
	font-size:23px; line-height:140%;
}

.richEditor-font-16{
	font-size:24px; line-height:140%;
}

.richEditor-font-17{
	font-size:25px; line-height:140%;
}
/* 	■AQDでも利用されているクラス定義■ ここまで */

/*以下スマホ画面幅専用CSS*/

@media only screen and (max-width:650px) {
	h3{
		margin:25px 10px;
	}

	/* 汎用 表示調整 */
	/* 選択肢 幅調整 */
	.answerChoice {
		min-width:125px;
	}

	/* 選択肢エリア内の画像 幅調整 */
	.answerChoice img {
		max-width:200px;
	}

	/* 順位回答 表示調整 */
	/* 選択肢 幅調整 */
	.answerChoiceRnk {
		min-width:125px;
	}

	/* MT系質問 1行の高さ調整 */
	/* MT系質問 表側の最小幅min-widthを指定 */
	.matrix1{
		line-height:110%;
	}
	.matrix2 {
		padding-top:20px;
		padding-bottom:20px;
		min-width:100px;
	}
	
	/* 表内FA 表頭FA 表側FA 自動幅調整 */
	.matrix1 input[type="text"] {
		width:100%;
		min-width:48px;
	}
	.matrix2 input[type="text"] {
		width:100%;
		min-width:48px;
	}
	.matrix3 input[type="text"] {
		width:100%;
		min-width:48px;
	}
	.matrix4 input[type="text"] {
		width:100%;
		min-width:48px;
	}

	/* HDタグの表示切替 */
	/* スマホのみ表示 */
	.forSmartHd {
		display:table-row;
	}

	/* PC/スマホ両方表示 */
	.forPcSmartBothHd {
		display:table-row;
	}
	
	/* FAL質問 自動幅調整 */
	textarea{
		width:100%;
	}
	
	/* 画像サイズ 自動縮小 */
	form img{
		max-width:100%;
		height:auto;
		width /***/:auto;
	}

	/* 画像サイズ 自動縮小 */
	.imgAutoResize img {
		max-width:100%;
		height:auto;
		width /***/:auto;
	}

	/* HTML横幅 > ウインドウ横幅の場合に右矢印を表示 */
	#doArrow{
		position:absolute;
		top:0;
		left:0;
		padding-left:30px;
		display:none;
	}
	#doArrow:before{
		content: "";
		position: absolute;
		top: 10px;
		left: -10px;
		width: 30px;
		height: 9px;
		background: red;
	}
	#doArrow:after{
		content: "";
		position: absolute;
		top: 0;
		left: 12px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 15px solid red;
	}

}

img{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}