@charset "utf-8";

/*******************************************************************************
 Pyxis2アンケート用 スタイルシートサンプル
 *******************************************************************************/

/*=============================================================================*
 全ページ　共通レイアウト
 *=============================================================================*/

/*全体レイアウト*/
*{
	margin:0px;
	padding:0px;
}

html,body{
	-webkit-text-size-adjust:none;
	font-size:15px;
	line-height: 120%;
	background-color:#ffffff;
	height:100%;
}

/* Chromeの画像がぼやけて表示される対策 */
html,body{
	image-rendering: -webkit-optimize-contrast;
}

.note{
	line-height: 1.2;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}

/* IE・EdgeのFA折り返し対策 */
textarea {
	white-space: pre-wrap;
}
div.note textarea {
	white-space: pre-wrap;
}

* html div#wrapper{
	height:100%;
}

div#wrapper{
	position:relative;
	min-height:100%;
	width:100%;
	min-width:800px;
	margin:0px auto;
}

body > #wrapper {
	height: auto;
}

div#header {
	background-image: url(../img/header.jpg);
	width:100%;
	height:35px;
}

div#contents {
	padding-bottom:35px;
	margin:0px auto 0px auto;
	width:100%;
	text-align:center;
	padding:10px 0px 60px 0px;
}

div#footer{
	background-color: #BFBFBF;
	position:absolute;
	bottom:0px;
	height:35px;
	width:100%;
}

div#main {
}

/*問い合わせ Area*/
div#inquiry{
	width:800px;
	text-align:right;
	margin:0px auto 0px auto;
}

div#main div#inquiryAlert {
	height:auto;
}

/*アンケート参加/送信ボタン Area*/
div#buttonArea {
	background-image:url(../img/button_area.jpg);
	width:600px;
	height:37px;
	margin:40px auto 0px auto;
	padding:9px 0px 0px 0px;
}

div#buttonArea #btnlarge {
	background:url(../img/btn01.gif);
	border:none;
	width:313px;
	height:28px;
	color:#6F6F6F;
	font-weight:bold;
	font-size:15px;
}

div#buttonArea #btnsmall {
	background:url(../img/btn02.gif);
	border:none;
	width:121px;
	height:28px;
	color:#6F6F6F;
	font-weight:bold;
	font-size:14px;
}

/*TOP,END Page アンケート名*/
div#eqttitle{
	background-image:url(../img/top_title.jpg);
	width:800px;
	height:22px;
	padding:6px;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 10px auto 0px auto;
}

/* タイトル2行～対策　height:22px;を削除し、下記を追加　*/
div#eqttitle {
	background-size: cover;
	border-radius: 3px;
	display: inline-block;
	height: auto;
	line-height: 25px;
}

/*=============================================================================*
 上部注意文-バー
 *=============================================================================*/
div#attention {
	width:676px;
	margin:15px auto 0px auto;
	border:2px dashed #D4D4D4;
	padding:10px;
	font-size:12px;
	text-align:center;
}

div#progressbar{
	width:700px;
	margin:15px auto 0px auto;
}

div#progressbar table#progress{
	margin-left:auto;
	margin-right:0px;
}

/*=============================================================================*
 設問関係用共通
 *=============================================================================*/

/*設問・設問グループ Area*/
div.qgroup,div.question{
	margin:30px auto 0px auto;
	padding:0px;
}

/*設問文テーブル*/
div.content{
	margin:15px auto 0px auto;
	border:1px solid #0167BB;
	background-color:#FFFCDD;
	width:578px;
	padding:10px;
	text-align:left;
	position:relative;
}

/*サブ設問文テーブル*/
div.content_sub{
	margin:15px auto 0px auto;
	border:1px solid #0167BB;
	background-color:#d2e9ff;
	width:500px;
	padding:10px;
	text-align:left;
}

/*設問番号*/
.qno{
	font-size:16px;
	font-weight:bold;
}

/*設問文*/
div.content_note{
	margin:3px auto 0px auto;
}

/*=============================================================================*
 カテゴリ関係用共通
 *=============================================================================*/

/*カテゴリ*/
div.answer {
	margin:15px auto 0px auto;
}

/*カテゴリ テーブル*/
table.categories{
	margin:0px auto 0px auto;
	text-align:left;
	font-size:14px;
}

/*帯テキスト(マトリクス以外)*/
td.category_subject{
	border: double 3px #5191D8;
	background-color:#FFFFFF;
	text-align:left;
	padding:5px;
}

/*カテゴリ テキスト*/
td.categorie_text{
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:2px;
}

/*カテゴリ 横並び*/
td.categorie_inline{
	float:left;
	vertical-align:top;
	margin:0px 20px 0px auto;
}

/* 画像表示カテゴリ */
td.category_images{
	text-align:center;
	border: 1px solid;
	border-color: #5191D8;
}

/* 画像表示カテゴリ 画像表示部分*/
td.category_image{
	text-align:center;
	border-bottom: solid 1px #5191D8;
}

/*SA・MAカテゴリ input*/
td.rdck_input{
	vertical-align:top;
	padding:4px;
}

/*SA・MAカテゴリ input スマートフォン対応*/
td.rdck_input_sp{
	vertical-align:top;
	padding:5px 4px 5px 4px
}

/*SA・MAカテゴリ 縦位置調整 スマートフォン対応*/
div.rdck_height_sp{
	line-height: 120%;
	text-indent: -1.9em;
	padding-left: 1.9em;
}

/*SA・MAカテゴリ category スマートフォン対応*/
div.rdck_height_sp span.rdck_category_sp {
	position:relative;
	font-size:14px;
	margin: 0px 0.4em 0px 0px;
	text-align: right;
	width: 1.5em;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	
}

/*SA・MAカテゴリ label スマートフォン対応*/
div.rdck_height_sp label.rdck_label_sp {
	padding:5px 4px 5px 0px;
}

/*100%算出 カテゴリ テーブル*/
table.pph_categories{
	margin:0px auto 0px auto;
	text-align:left;
	font-size:14px;
	background-color:#0167BB;
	border-spacing:1px;
	padding:0px;
}

/*100%算出 カテゴリ テキスト*/
td.pph_categorie_text{
	background-color:#E9F8FF;
	font-weight: bold;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*100%算出 カテゴリ input*/
td.pph_input{
	background-color:#FEFDDF;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*100%算出 合計値 テキスト*/
td.pph_sum_text{
	background-color:#D8E9FB;
	padding:0px;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*100%算出 合計値 input*/
td.pph_sum_input{
	background-color:#D8E9FB;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*=============================================================================*
 エレメント関係
 *=============================================================================*/
div.element{
	margin:15px auto 0px auto;
}

div.element_box_default{
	border:2px solid #0167BB;
	background-color:#d2e9ff;
	width:600px;
	text-align:left;
	padding:5px;
}

div.element_box_backclear{
	border:2px solid #ffffff;
	background-color:#ffffff;
	width:600px;
	text-align:left;
	padding:5px;
}

div.element_box_lineBlue{
	border:2px solid #0167BB;
	background-color:#ffffff;
	width:600px;
	text-align:left;
	padding:5px;
}

div.element_box_reference{
	width:600px;
	text-align:center;
	padding:5px;
}

.element_table_reference{
	margin: 5px auto auto auto ;
	border-spacing:1px;
	border:none;
	background-color:#0099FF;
}

.element_table_reference tr {
	background-color:#FFFFFF;
}

.element_table_reference td {
	text-align:left;
	font-size:14px;
	padding:5px;
}


/*=============================================================================*
 マトリクス関係用共通
 *=============================================================================*/

/*マトリクス全体*/
div#answerMatrix {
	padding:0px;
	margin:15px auto 0px auto;
}

/*マトリクス テーブル*/
table.matrix_h,
table.matrix_v {
	font-size:14px;
	background-color:#ffffff;
	border:1px solid #0167BB;
	border-collapse:collapse;
	border-spacing:0px;
	margin:0px auto 0px auto;
}

/*マトリクス テーブルセル*/
table.matrix_v th,
table.matrix_v td,
table.matrix_h th,
table.matrix_h td {
	border:1px solid #0167BB;
	padding:5px;
	text-align:center;
}

/*マトリクス テーブルセル 縦幅調整*/
table.matrix_v td,
table.matrix_h td {
	height:34px;
}

/*マトリクス 帯文章*/
table.matrix_v td.subject ,table.matrix_h td.subject {
	text-align:left;
	font-weight:bold;
	color:#5191D8;
	padding:5px;
}

/*表頭テキスト*/
table.matrix_v td.verticaltextcol,
table.matrix_h td.verticaltextcol{
	vertical-align:top;
	text-align:center;
	padding:1px;
	border:0px;
}

/*マトリクス縦文字列*/
table.verticaltext {
	margin:0px auto 0px auto;
	font-size:14px;
	border:0px;
}

/*マトリクス表側用(縦)*/
div.side_h_text {
	text-align:left;
	font-weight:normal;
}

/*マトリクス表側用(横)*/
div.side_v_text {
	text-align:left;
}

/*回答方向*/
table.matrix_v th.direction,
table.matrix_h th.direction {
	vertical-align:middle;
	background-color:#d2e9ff;
	padding :30px;
}

/*回答方向画像-横*/
div.arrowImage1{
	background-image:url(../img/ept_arrow01.png);
	width:102px;
	height:106px;
	margin:auto;
}

/*回答方向画像-縦*/
div.arrowImage2{
	background-image:url(../img/ept_arrow02.png);
	width:85px;
	height:111px;
	margin:auto;
}

/*AB画像-A*/
div.sideImage1{
	background-image:url(../img/a.gif);
	width:100px;
	height:70px;
	margin:auto auto auto auto;
}

/*AB画像-B*/
div.sideImage2{
	background-image:url(../img/b.gif);
	width:100px;
	height:70px;
	margin:auto auto auto auto;
}

/*=============================================================================*
 アラート関係用共通
 *=============================================================================*/

/*アラート用*/
div.alert {
	margin:0px auto 0px auto;
	width:600px;
	background-color:#FFEEEE;
	text-align:left;
	font-size:14px;
	padding:10px;
	border:1px dashed #800000;
}

div.page_alerttitle{
	background-color:#CC0066;
	color:#FFFFFF;
	width:680px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:10px;
	margin: 15px auto 0px auto;
}

div.alert div.alerttitle{
	background-color:#CC3366;
	text-align:center;
	padding:4px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
}

div.alert table{
	margin:0px 0px 0px 15px;
}

div.alert table th{
	width:70px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#800000;
}

div.alert table td{
	font-size:14px;
	text-align:left;
	color:#FF0000;
}

/*=============================================================================*
 HTML制御関係用共通
 *=============================================================================*/

/*HTMLページ制御内容表示POP*/
div.pageHtmlMessages {
	margin: 15px auto 0px auto;
	border: 1px solid #828282;
	text-align: left;
	background-image: url(../img/pageHtmlMsgBack.gif);
	font-size: 14px;
	line-height: 16px;
	width: 730px;
	padding: 10px;
}

div.htmlNote {
	margin: 15px auto 0px auto;
	border: 1px solid #828282;
	text-align: left;
	background-image: url(../img/pageHtmlMsgBack.gif);
	font-size: 14px;
	line-height: 16px;
	width: 730px;
	padding: 10px;
}

/*HTML設問制御内容表示POP*/
div.htmlMessages {
	margin: 15px auto 0px auto;
	padding: 0px;
	width: 700px;
}

div.htmlMessages table {
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}

div.htmlMessages th.thS {
	background-color: #999999;
	width: 65px;
	height: 12px;
}

div.htmlMessages th.thQ {
	vertical-align: top;
	text-align: center;
	background-color: #999999;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	width: 63px;
	padding: 2px 1px 2px 1px;
	text-shadow: 0px 2px 1px #4C4C4C;
}

div.htmlMessages td.tdS {
	background-color: #DCE5F5;
}

div.htmlMessages td.tdQ {
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 15px 2px 15px;
	background-color: #DCE5F5;
}

span.htmlCond {
	display: none;
}
span.htmlCondwithT {}

div.htmlMsgBottom {
	height: 14px;
	background-image: url(../img/htmlMsgBottom.gif);
}
/* 条件式内の設問番号 */
span.conditionQNo {
	color: #0000A0;
	font-weight: bold;
}

/*HTMLアンケート開始用*/
div.htmlEqtStart {
	margin: 10px auto 7px auto;
	width: 750px;
	background-color: #0E3B66;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height: 30px;
	text-shadow: 0px 2px 1px #000000;
}

/*HTML改ページ表示用*/
div.htmlPageBreak {
	margin: 50px auto 7px auto;
	height: 20px;
	width: 100%;
	background-image: url(../img/pageBreak.gif);
}
span.htmlPageBreak {
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	color: #8D9595;
}

/*HTMLページ番号*/
div.htmlPageNoArea {
	width:750px;
	margin:auto auto auto auto;
}

div.htmlPageNo {
	margin: 0px auto 0px 0px;
	width: 70px;
	line-height: 25px;
	background-color: #C5CDD8;
	text-align: center;
	color: #000000;
	font-size: 14px;
}

div.htmlPageNo a{
	text-decoration: none;
}

/*HTML EyeCatch*/
div.eyecatch {}
div.eyecatchS {
	padding: 0px 0px 0px 15px;
}
div.eyecatch_yl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_y.gif);
	text-shadow: 0px 2px 1px #C86D31;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_ol {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_o.gif);
	text-shadow: 0px 2px 1px #C86D31;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_gl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_g.gif);
	text-shadow: 0px 2px 1px #259152;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_bl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_b.gif);
	text-shadow: 0px 2px 1px #386186;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_rl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_r.gif);
	text-shadow: 0px 2px 1px #A83B30;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_grl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #505050;
	text-align: center;
	font-size: 12px;
	background-color: #CCCCCC;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_blankl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_lt {
	font-size: 12px;
	line-height: 20px;
	width: 515px;
	float: left;
}
div.eyecatch_st {
	font-size: 12px;
	line-height: 20px;
	width: 500px;
	float: left;
}

/*HTML Navigation*/
div.htmlSideBer {
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px auto;
	padding:0px;
	width:230px;
	position: fixed;
	z-index: 2;
}
div.htmlsideBerforDisp {
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px auto;
	padding:0px;
	width:30px;
	position: fixed;
	z-index: 1;
}

div.htmlSideBerDispButton {
	right: 0px;
	position: fixed;
}
div.htmlSideBerHiddenButton {
	float:left;
}
div.htmlSideBerButton {
	width: 29px;
	margin: 55px 0px auto 0px;
	background-color: #999999;
	height: 60px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
div.htmlSideBerButton:hover {
	background-color: #CCCCCC;
}

div.htmlNavigation {
	float:right;
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px auto;
	padding:0px;
	width:200px;
	background-color:#F2F4F8;
	border:0px solid #FFFFFF;
	border-left:1px solid #999999;
	text-align:left;
}

div.htmlNavigation a{
	text-decoration: none;
	color: #1A1B1D;
}
div.sideButton {
	color: #FFFFFF;
	text-shadow: 0px 2px 1px #000000;
	background-color: #0E3B66;
	width: 170px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	margin: 10px auto 0px auto;
	cursor: pointer;
}
div.sideButton:hover {
	background-color: #6E89A3;
}
div.pageNavi {
	margin: 10px auto;
	width: 170px;
	padding: 0px 15px 10px 15px;
	overflow-y: scroll;
}
div.pageNaviP {
	background-color: #C5CDD8;
	margin: 0px 0px 5px 0px;
	padding: 1px 10px 1px 10px;
}
div.qNaviP {
	text-align: left;
	float: left;
	width: 60px;
	margin: 0px 0px 10px 10px;
	
}

/*Matrix check*/
div.htmlalert {
	width:1000px;
	display: inline-table;
}

div.htmlalerttitle {
	height:300px;
	font-size:30px;
}

div.htmlalerttitle span {
	position:relative; top:35%;
	line-height: 130%;
}

div.htmlalert table {
	margin:10px 0px 0px 0px; 
	padding:5px; 
	border:2px dashed #f50126;
	width:1000px;
}

div.htmlalert table th {
	width:170px;
}
/*Matrix check*/

/*HTML用カテゴリ番号*/
div.html_category_no {
	position:absolute;
	font-size: 12px;
	color:#FF0000;
	font-weight:bold;
}

/*Matrix 回答セル*/
div.matrix_answercell {
	position: relative;
}

/*=============================================================================*
 Font Color
 *=============================================================================*/

/*謝礼*/
.fee{
	color:#FF0000;
}
/* リクルートのコメントで使用 */
.comment{
	font-weight:normal;
	font-size:12px;
}
/* 赤 */
.red{
	color:#FF0000;
}
/* 青 */
.blue{
	color:#0000FF;
}
/* 太字 */
.bold {
	font-weight:bold;
}

/* 太字 */
.size12 {
	font-size:12px;
}


/*=============================================================================*
 Design Color
 *=============================================================================*/

.mxStripeOdd {
	background-color: #FFFFFF;
}

.mxStripeEven {
	background-color: #FEFDDF;
}

.mxStripeOdd2 {
	background-color: #FFFFFF;
}

.mxStripeEven2 {
	background-color: #E9F8FF;
}

.mxCellHighlight {
	background-color: #FFB0B3;
}

.mxRowHighlight {
	background-color: #FDDFE3;
	color: #ff0000;
}

.mxColumnHighlight {
	background-color: #FDDFE3;
}

.mxHeaderHighlight {
	background-color: #FDDFE3;
}

/*=============================================================================*
 リクルート
 *=============================================================================*/
div.recruitinfo {
	width:600px;
	margin:30px auto 0px auto;
	text-align:left;
}

/* 注釈 */
div.recruitinfo table.attention{
	width:100%;
	background-color: #d2e9ff;
	border:1px solid #0000ff;
	font-weight:bold;
	font-size:15px;
}

/* 詳細 */
div.recruitinfo table.detail{
	width:100%;
	margin-top:15px;
	border:2px solid #44B5FF;
	font-size:14px;
}
div.recruitinfo table.detail tr.color1{
	background-color: #ffffff;
	padding:2px;
}
div.recruitinfo table.detail tr.color2{
	background-color: #EFEFEF;
}
div.recruitinfo table.detail td.color1{
	font-weight:bold;
	padding:3px;
}
div.recruitinfo table.detail td.color2{
	padding:3px;
}

/* 実査詳細 注意事項 */
div.recruitinfo table.detailattention{
	width:100%;
	color: #0000ff;
	font-size:12px;
}

/* 応募について */
div.recruitinfo table.applycolor1{
	width:100%;
	margin-top:15px;
	color: #0000ff;
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.applycolor2{
	width:100%;
	border:1px solid #44B5FF;
	font-size:14px;
}
div.recruitinfo table.applycolor2 td.color1{
	border:1px solid #D2E9FF;
	vertical-align:top;
	color: #0000ff;
	padding:2px;
}
div.recruitinfo table.applycolor2 td.color2{
	border:1px solid #D2E9FF;
	padding:2px;
}

/* 個人情報について */
div.recruitinfo table.personalcolor1{
	width:100%;
	margin-top:15px;
	color: #0000ff;
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.personalcolor2{
	width:100%;
	border:1px solid #44B5FF;
	font-size:14px;
}
div.recruitinfo table.personalcolor2 td.color1{
	border:1px solid #D2E9FF;
	vertical-align:top;
	color: #0000ff;
	padding:2px;
}

div.recruitinfo table.personalcolor2 td.color2{
	border:1px solid #D2E9FF;
	padding:2px;
}

div.recruitinfo table.personalcolor3{
	width:100%;
	text-align: right; 
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.personalcolor4{
	width:100%;
	margin-top:15px;
	border:1px solid #999999;	
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.personalcolor4_inner{
	width:100%;
	padding-left:30px;
	font-weight:bold;
	font-size:15px;
}


/*=============================================================================*
 リクルート FS
 *=============================================================================*/
div.fs{
	width:600px;
	margin:15px auto 0px auto;
}

div.fs table{
	width:100%;
	font-size:13px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align:left;
}

div.fs td.topicColor1{
	padding:3px 3px 3px 10px;
	background-color: #F4FDFF;
	border:1px solid #44B5FF;
	font-weight:bold;
}
div.fs td.topicColor2{
	padding:3px 3px 3px 10px;
	background-color: #EEFCFF;
	border:1px solid #44B5FF;
	font-weight:bold;
}
div.fs td.inboxColor1{
	padding:3px 3px 3px 10px;
	background-color: #ffffee;
	border:1px solid #44B5FF;
}
div.fs td.inboxColor2{
	padding:3px 3px 3px 10px;
	background-color: #fffed0;
	border:1px solid #44B5FF;
}


/*=============================================================================*
 印刷範囲の指定
 *=============================================================================*/

@media print{
	div#header{display:none;}
	div#footer{display:none;}
	div.htmlNavigation{display:none;}
	div.htmlPageBreak{display:none;}
	div.sideBer{display:none;}
	div.htmlSideBerButton{display:none;}
	div#wrapper{width:100%; float:none;}
}


/*=============================================================================*
 付箋コメント付与用
 *=============================================================================*/

/*付箋テーブル*/
div.for_sticky{
	margin:0 auto;
	width:580px;
	padding:0 10px;
	text-align:left;
	position:relative;
}





/* Minor change version1.0 Start 2021/10/16 ---------------------------------------->*/
/************************************************************************************
◆色の強弱
10:	#ffffff	白
09:	#efefef	ボタンの背景色
08:	#dbdbdb	
07:	#c4c4c4	
06:
05:	#aaaaaa	進捗バーの文字
04:	#999999	設問番号
03:	#777777	単独設問の見出しの文字
02:	#333333	リクルート
01:
00:	#000000	黒
************************************************************************************/


/************************************************************************************
 全体
************************************************************************************/

/* フォントは游ゴシック 文字間を若干空ける */
html *.fontF {
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
	letter-spacing : 1px;
}

/* すべての要素と幅をpaddingとborderを込みの値にする */
* {
	box-sizing : border-box;
}

/* viewport 710pxに伴い、wrapperも710pxへ */
div#wrapper{
	position:relative;
	min-height:100%;
	width:100%;
	min-width:710px;
	margin:0px auto;
}

/* ラジオボタンとチェックボックスのサイズを若干大きく
   それに伴ってカテ文章との余白を0.4em ⇒ 0.6emに、
   2行目以降のインデントを-1.9em ⇒ -2.1emに広げる */
input[type='checkbox'] , 
input[type='radio'] {
	transform: scale(1.2);
}
div.rdck_height_sp span.rdck_category_sp {
	margin-right: 0.6em;
}
div.rdck_height_sp {
	text-indent: -2.1em;
}

/* フォントを変えるとFAの高さが上がるので、少しでもカットするためborderを1px削る */
div.categories_rbck_images_col2 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col2 table.categories td.category_image input[type='text'] , 
div.categories_rbck_images_col3 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col3 table.categories td.category_image  input[type='text'], 
div.categories_rbck_images_col4 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col4 table.categories td.category_image input[type='text'] , 
div.categories_rbck_images_col5 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col5 table.categories td.category_image input[type='text'] {
	border: solid 1px #777;
}
/* ページ上部の※回答中にブラウザの～を消す */
div#attention {
	display : none;
}

/* ボタンは画像を止めてレスポンシブと同様のデザインに。
   フォントを変更した為横幅不足分を調整 */
div#buttonArea {
	background-image : none;
	height : auto;
	margin : 30px auto;
}
div#buttonArea #btnlarge , 
div#buttonArea #btnsmall {
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	width: 200px;
	height: 2.5em;
	font-size:15px;
	margin: auto;
	padding-top: 0.2em;
	display: inline-block;
	background: #efefef;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
div#buttonArea #btnlarge {
	width: 300px;
}

/* ヘッダの青帯とフッタの灰色帯は不要 */
/*
div#footer ,
div#header {
	display: none;
}
*/
div#header {
	background-image: none;
	width: 100%;
	height: 1px;
	background-color: transparent;
}

div#footer{
	background-color: transparent;
	position:absolute;
	bottom:0px;
	height:1px;
	width:100%;
}

/* 進捗バーの高さを調整、色味もスッキリしたデザインに変更 */
div#main div#progressbar table#progress table {
	background-color: #ffffff;
	color: #aaaaaa;
}
div#main div#progressbar table#progress table div {
	height: 5px !important;
}

/* テキストエリアとテキストフィールドの文字の大きさを合わせる */
textarea {
	font-size: 14px;
}

/************************************************************************************
 アラート
************************************************************************************/

/* 最上部アラートの「ご回答頂いた内容に～」を非表示 */
div.utils_design div.page_alerttitle {
	display: none;
}

/* アラートに常に表示される「以下の内容をご確認ください。」を非表示 */
div.alert div.alerttitle:not(.htmlalerttitle) {
	display:none;
}

/* アラートと他のオブジェクトの間をあける */
div.alert {
	margin: 20px auto 0px auto;
	width: 700px;
}

/* アラートテーブル内の余白を調整 */
div.alert table {
	margin: 0px 0px 0px 5px;
}

/************************************************************************************
 設問文章
************************************************************************************/

/* 横幅は700pxに変更
   背景色を白し、左縦線だけ強調して表示 */
div.content {
	width: 700px;
	border: none;
	border-left: 10px groove #c4c4c4;
	background-color: #ffffff;
	padding: 5px 10px 0px 5px;
}
div.content_sub {
	width: 700px;
	border: none;
	border-left: 5px solid #c4c4c4;
	background-color: #ffffff;
	padding: 5px 10px 0px 10px;
}

/* 設問文とオブジェクト文の謎の高低差を補正 */
div.qgroup,
div.question {
	margin: 20px auto 0px auto;
}
div.element {
	margin: 20px auto 10px auto;
}
div.content,
div.content_sub {
	margin: 20px auto 0px auto;
}

/* 設問番号の色を灰色に */
div.qno {
	color: #999999;
}

/* 自作サブ設問番号のみ、強調3を設問番号色に変換、余白を調節 */
div.content span.editor_css_03 {
	color: #999999;
}
div.element_content_dummy div.content{
	padding-left: 10px;
	line-height: 1.5;
}
div.element_content_dummy div.content span.editor_css_03{
	margin-left: -5px;
}
div.element_content_dummy div.content span.editor_css_03+br{
	margin-bottom: 3px;
	margin-top: 3px;
}
div.content div.content_note span.editor_css_03 {
	margin-left: -5px;
}

/* 設問文にインデントをつける
   行間を開ける */
div.content_note {
	padding-left:5px;
	line-height: 1.5;
}

/************************************************************************************
 単独設問
************************************************************************************/

/* 単独設問のカテ見出しの二重線を削除
   濃い目の灰色で上枠線と文字色、背景色は薄めの灰色 */
div.question_default table.categories td.category_subject,
div.qgroup_fasa_default table.categories td.category_subject {
	border: none;
	border-top: 2px solid #c4c4c4;
	background-color: #efefef;
	color: #777777;
	font-weight: bold;
}

/* 見出しに背景色を設定すると、複数列表示の時に
   ピッタリくっついているように見えるので若干左右にスペースを空ける */
div.question_default div.categories_rbck_line2 table.categories ,
div.question_default div.categories_rbck_line3 > table.categories {
	border-spacing: 5px 0;
}

/* テーブル内のテーブルは下線がおかしくなるので、ボーダー幅を調整 */
div.question_default div.categories_rbck_line3 > table.categories table.categories {
	border-spacing: 0 0;
}

/* カテゴリテーブルを500 → 660pxに
   カテゴリ線が見出し線と被るので、border-spacing: 0;を追加 */
div.categories_rbck_default > table.categories ,
div.categories_rbck_line2 > table.categories ,
div.categories_rbck_line3 > table.categories ,
div.categories_pl_default > table.categories ,
div.categories_text_default > table.categories ,
div.qgroup_dob_default div.answer ,
div.qgroup_fasa_default table.categories {
	border-spacing: 0;
	width: 600px !important;
}
/* カテゴリテーブルのborder-spacing: 0;による調整（減った上下を補完） */
td.rdck_input_sp {
	padding: 6px 4px 6px 4px;
}

/* 枠線が必要な部分は薄めの灰色に統一 */
div.categories_rbck_images_col2 table.categories td.category_images , 
div.categories_rbck_images_col2 table.categories td.category_image , 
div.categories_rbck_images_col3 table.categories td.category_images , 
div.categories_rbck_images_col3 table.categories td.category_image , 
div.categories_rbck_images_col4 table.categories td.category_images , 
div.categories_rbck_images_col4 table.categories td.category_image , 
div.categories_rbck_images_col5 table.categories td.category_images , 
div.categories_rbck_images_col5 table.categories td.category_image {
	border-color: #ffffff;
	vertical-align: bottom;
}

/* [枠付きカテゴリ] 背景色をマトリクスと同じ薄灰色に */
div.categories_rbck_frame table.categories tr.header td,
div.categories_rbck_frame_reverse table.categories tr.header td {
	background-color: #efefef;
}

/* 単独スケールの項目番号表示の背景色をマトリクスと同じ薄灰色に */
div.categories_rbck_scl table.categories td.head_no,
div.categories_rbck_scl_reverse table.categories td.head_no {
	background-color: #efefef;
}

/* 合計グループ系 */

/*100%算出 カテゴリ テーブル*/
table.pph_categories {
	border-spacing: 0px;
	background-color:#FFFFFF;
}

td.pph_categorie_text {
	background-color: #ffffff;
	font-weight: normal;
	border: none;
	border-top: solid 1px #c4c4c4;
}

td.pph_input {
	background-color: #ffffff;
	font-weight: normal;
	border: none;
	border-top: solid 1px #c4c4c4;
}

div.categories_text_pph table.pph_categories tr td.pph_sum_text , 
div.categories_text_pph table.pph_categories tr td.pph_sum_input,
div.categories_text_sum table.pph_categories tr td.pph_sum_text , 
div.categories_text_sum table.pph_categories tr td.pph_sum_input,
div.qgroup_mxv_default td.pph_sum_text , 
div.qgroup_mxv_default td.pph_sum_input , 
div.qgroup_mxv_default th.pph_sum_text , 
div.qgroup_mxv_default th.pph_sum_input , 
div.qgroup_mxh_default td.pph_sum_text , 
div.qgroup_mxh_default td.pph_sum_input , 
div.qgroup_mxh_default th.pph_sum_text , 
div.qgroup_mxh_default th.pph_sum_input , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_text , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_input {
	background-color: #dbdbdb;
	border-top: double 3px #777777; 
}

div.categories_text_pph table.pph_categories tr td.pph_sum_text input[type="text"] , 
div.categories_text_pph table.pph_categories tr td.pph_sum_input input[type="text"] ,
div.categories_text_sum table.pph_categories tr td.pph_sum_text input[type="text"] , 
div.categories_text_sum table.pph_categories tr td.pph_sum_input input[type="text"] ,
div.qgroup_mxv_default td.pph_sum_text input[type="text"] , 
div.qgroup_mxv_default td.pph_sum_input input[type="text"] , 
div.qgroup_mxv_default th.pph_sum_text input[type="text"] , 
div.qgroup_mxv_default th.pph_sum_input input[type="text"] , 
div.qgroup_mxh_default td.pph_sum_text input[type="text"] , 
div.qgroup_mxh_default td.pph_sum_input input[type="text"] , 
div.qgroup_mxh_default th.pph_sum_text input[type="text"] , 
div.qgroup_mxh_default th.pph_sum_input input[type="text"] , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_text input[type="text"] , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_input input[type="text"]  {
	border: none;
	border-bottom: 1px solid #777;
	background-color: #dbdbdb;
	padding:0 2px;
}

div.categories_text_pph table.pph_categories tr td.category_subject,
div.categories_text_sum table.pph_categories tr td.category_subject,
div.qgroup_sum_snt table.pph_categories tr td.category_subject {
	border: none;
	border-top: solid 2px #c4c4c4;
	background-color: #efefef;
	color: #777777;
	font-weight: bold;
}

/*
　FASAの設問文と本体の感覚を調整
*/
div.qgroup_fasa_default table.categories {
	margin: 20px auto;
}


/************************************************************************************
 テキストオブジェクト
************************************************************************************/

/* 枠線不要、かつ、背景色無し */
div.element_box_default {
	border-color: #efefef;
	background-color: #ffffff;
}

/* 設問文に合わせて、幅は700px、ボーダーレフトのみに設定
   設問文に合わせて左余白を追加 */

/* テキスト標準 */
div.element_box_default {
	border: none;
	border-left: solid 5px #c4c4c4;
	background-color: #efefef;
	padding: 10px 10px 10px 10px;
	width: 700px;
}
div.element_box_lineBlue {
	border: none;
	border-left: solid 5px #dbdbdb;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	width: 700px;
}
div.element_box_backclear {
	border: none;
	border-left: solid 5px #ffffff;
	padding: 5px 10px 5px 10px;
	width: 700px;
}
div.element_text_RLI div.element {
	border: none;
	border-left: solid 5px #ffffff;
	padding: 10px 10px 10px 10px;
	width: 700px;
}

/* 出展情報テンプレート */
div.element_text_reference table.element_table_reference {
	border-spacing: 0;
	border-collapse: collapse; 
}
div.element_text_reference table.element_table_reference td {
	border-top: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
}

.element_table_reference{
	background-color:#FFFFFF;
}
/************************************************************************************
 マトリクス
************************************************************************************/

/* テーブル全体の枠線は不要（各セルの枠線だけで可） */
table.matrix_v , 
table.matrix_h {
	border: none;
}

/* マトリクスのテーブル部分の上下の余白が詰まりすぎていたので空ける */
div#answerMatrix {
	margin: 15px auto 20px auto;
}

/* 表肩は枠線不要、かつ、背景色無し */
table.matrix_v th.direction ,  
table.matrix_h th.direction {
	border: none;
	background-color: #ffffff;
}

table.matrix_v td.subjectColor ,
table.matrix_v th.subjectColor ,
table.matrix_h td.subjectColor ,
table.matrix_h th.subjectColor {
	background-color: #dbdbdb !important;
}

table.matrix_v tr td.subjectBorder:not(:last-child) ,
table.matrix_v tr th.subjectBorder:not(:last-child) ,
table.matrix_h tr td.subjectBorder:not(:last-child) ,
table.matrix_h tr th.subjectBorder:not(:last-child) {
	border-right: solid 1px #ffffff;
}

/* 横マトの表側設問文章（項目番号含む）の太字を解除
   縦マトの表頭設問文章（項目番号含む）　　〃 */
table.matrix_v tr.mxStripeEven2 th , 
table.matrix_v tr.mxStripeOdd2 th , 
table.matrix_h thead th.mxStripeEven2 , 
table.matrix_h thead th.mxStripeOdd2 , 
table.matrix_h thead th.mxStripeEven2 td , 
table.matrix_h thead th.mxStripeOdd2 td {
	font-weight: normal;
}

/* 各セル上下（但し最上部は除く）のみ灰色枠線（色は他枠線と統一）を設定（左右は枠線無し）
   但し、表頭のテキスト縦並び用のセルは除く */
table.matrix_v th ,
table.matrix_h th , 
table.matrix_v td:not(.verticaltextcol) ,
table.matrix_h td:not(.verticaltextcol) {
	border: 1px solid #c4c4c4;
	border-left: none;
	border-right: none;
}

/* 複合マトリクス横縦で結合部分のボーダー上下消し忘れ */
table.matrix_v tr.header td.unionBorderCell ,
table.matrix_h tr.header td.unionBorderCell {
	border: none;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* 行見出しの上部枠線を太字 */
table.matrix_v td.subject , 
table.matrix_h td.subject {
	border-top: 3px solid #c4c4c4;
}

/* 矢印画像を変える */
table.matrix_v div.arrowImage1 {
	background-image: url(../img/gray_arrow01.png);
}
table.matrix_h div.arrowImage2 {
	background-image: url(../img/gray_arrow02.png);
}
table.matrix_v div.arrowImage1 ,
table.matrix_h div.arrowImage2 {
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	line-height: normal;
}

/* ABマトリクスのABを画像から文字に */
div.qgroup_mxab_default div.sideImage1 ,
div.qgroup_mxab_default div.sideImage2 {
	background-image : none;
	display : flex;
	justify-content : center;
	align-items : center;
	font-size : 36px;
	font-weight : normal;
	color: #777777;
}
div.qgroup_mxab_default div.sideImage1::after {
	content : "A";
}
div.qgroup_mxab_default div.sideImage2::after {
	content : "B";
}

/* スケールマトリクスの項目番号表示の背景色を白に */
div.qgroup_mxv_scl table.matrix_v td.head_no,
div.qgroup_mxv_scl_reverse table.matrix_v td.head_no {
	background-color: #ffffff;
}

/* 表側の設問文非表示の際の太字解除 */
div.side_v_text {
	font-weight: normal !important;
}

/* 表側の設問文非表示の際のFAの前後テキストの太字解除 */
div#answerMatrix table.matrix_v tr.mxStripeEven2 td.hlc b,
div#answerMatrix table.matrix_v tr.mxStripeOdd2 td.hlc b {
	font-weight: normal;
}

/* 表頭の数字箇所の太字を解除 */
table.matrix_h th , 
table.matrix_v th ,
table.matrix_h td:not(.verticaltextcol) {
	font-weight: normal;
}

table.matrix_h tr.header th table tr td { 
	font-weight: normal !important;
}

table.matrix_v tr.header th table tr td b ,
table.matrix_h tr.header th table tr td b { 
	font-weight: normal !important;
}

/* 表頭のテキスト個所の太字を解除 */
table.matrix_v td.verticaltextcol,
table.matrix_h td.verticaltextcol {
	font-weight: normal;
}

/* 見出しの文字を大きく */
table.matrix_v td.subject,
table.matrix_h td.subject {
	font-size: 16px;
	font-weight: bold;
}

/* フォーム部品のセル背景色 */
.mxStripeEven ,
.mxStripeEven2 {
	background-color: #efefef;
}

/************************************************************************************
 リクルート
************************************************************************************/

/* 調査内容の直上の「これ以降の調査については～」の枠線不要、かつ、枠内余白を調整 */
div.fs , 
div.recruitinfo {
	width: 700px;
}
div.recruitinfo table.attention {
	border: none;
	border-left: solid 5px #c4c4c4;
	background-color: #efefef;
	font-weight:normal;
	line-height: 1.5em;
	padding: 5px 10px 0px 10px;
}

/* 調査内容のテーブルはなるべく上下に余白を設ける
   枠線は他と同様に薄めの灰色
   ■ご応募に際して～、と、■ご提供いただいた～の見出し文の文字色は濃いめの灰色 */
div.recruitinfo table.detail {
	line-height: 1.5em;
	border: 2px solid #FFFFFF;
	margin: 30px 0px;
	border-collapse: collapse;
}
div.recruitinfo table.detail td.color1 ,
div.recruitinfo table.detail td.color2 {
	padding: 8px 5px;
}
div.recruitinfo table.applycolor1 ,
div.recruitinfo table.personalcolor1 {
	color: #F00;
}
div.recruitinfo table.detail tr.color1 {
	background-color: #EFEFEF;
}
div.recruitinfo table.detail tr.color2 {
	background-color: #FFFFFF;
}

/* ご応募、ご提供個所
   枠線をカット
   背景を白と灰色
   ボーダーの重なりをカット */
div.recruitinfo table.applycolor2 , 
div.recruitinfo table.personalcolor2 {
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}
div.recruitinfo table.applycolor2 td.color1 ,
div.recruitinfo table.applycolor2 td.color2 , 
div.recruitinfo table.personalcolor2 td.color1 ,
div.recruitinfo table.personalcolor2 td.color2 {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border: none;
	line-height: 1.5em;
	color: #000;
}
div.recruitinfo table.applycolor2 tr:nth-child(odd) td.color1 ,
div.recruitinfo table.applycolor2 tr:nth-child(odd) td.color2 , 
div.recruitinfo table.personalcolor2 tr:nth-child(odd) td.color1 ,
div.recruitinfo table.personalcolor2 tr:nth-child(odd) td.color2 {
	background-color: #EFEFEF;
	padding: 10px 0 10px 5px;
}

/* 管理者欄 文字色を薄く */
div.recruitinfo table.personalcolor3 {
	color: #333;
	font-weight: normal;
}

/* お問い合わせ先
   文字色を薄く、ボーダーを消去、余白を追加 */
div.recruitinfo table.personalcolor4,
div.recruitinfo table.personalcolor4_inner {
	border: none;
	color: #333;
	font-weight: normal;
	background-color: #efefef;
	padding:5px;
}
div.fs td.topicColor1 , 
div.fs td.topicColor2 , 
div.fs td.inboxColor1 , 
div.fs td.inboxColor2 {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #333333;
}
div.fs tr:nth-child(odd) td.topicColor1 , 
div.fs tr:nth-child(odd) td.topicColor2 , 
div.fs tr:nth-child(odd) td.inboxColor1 , 
div.fs tr:nth-child(odd) td.inboxColor2 {
	border: 1px solid #FFFFFF;
	border-left: solid 1px #efefef;
	border-right: solid 1px #efefef;
	background-color: #efefef;
}

/************************************************************************************
 TOPページ
************************************************************************************/

div#eqttitle {
	width: auto;
	min-width: 700px;
	max-width: calc(100% - 10px);
}


/************************************************************************************
 フォントサイズ+1
************************************************************************************/

html,body{
	font-size:16px;
}

/*アンケート参加/送信ボタン Area*/
div#buttonArea #btnlarge {
	font-size:16px;
}

div#buttonArea #btnsmall {
	font-size:15px;
}

/*TOP,END Page アンケート名*/
div#eqttitle{
	font-size:21px;
}

/*設問番号*/
.qno{
	font-size:17px;
}

/*カテゴリ テーブル*/
table.categories{
	font-size:15px;
}

/*カテゴリ テキスト*/
td.categorie_text{
	font-size:15px;
}

/*SA・MAカテゴリ category スマートフォン対応*/
div.rdck_height_sp span.rdck_category_sp {
	font-size:15px;
}

/*100%算出 カテゴリ テーブル*/
table.pph_categories{
	font-size:15px;
}

/* エレメント関係*/
.element_table_reference td {
	font-size:15px;
}

/*マトリクス テーブル*/
table.matrix_h,
table.matrix_v {
	font-size:15px;
}

/*マトリクス縦文字列*/
table.verticaltext {
	font-size:15px;
}

/*アラート用*/
div.alert {
	font-size:15px;
}

div.page_alerttitle{
	font-size:17px;
}

div.alert table th{
	font-size:15px;
}

div.alert table td{
	font-size:15px;
}

/* HTML一覧のデザインがずれるので、ここだけ元に戻す */
div.htmlMessages {
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0em;
	font-size: 20px;
}

/* リクルートのコメントで使用 */
.comment{
	font-size:13px;
}

/* 太字 */
.size12 {
	font-size:13px;
}

/* 注釈 */
div.recruitinfo table.attention{
	font-size:16px;
}

/* 詳細 */
div.recruitinfo table.detail{
	font-size:15px;
}

/* 実査詳細 注意事項 */
div.recruitinfo table.detailattention{
	font-size:13px;
}

/* 応募について */
div.recruitinfo table.applycolor1{
	font-size:16px;
}
div.recruitinfo table.applycolor2{
	font-size:15px;
}

/* 個人情報について */
div.recruitinfo table.personalcolor1{
	font-size:16px;
}
div.recruitinfo table.personalcolor2{
	font-size:15px;
}
div.recruitinfo table.personalcolor3{
	font-size:16px;
}
div.recruitinfo table.personalcolor4{
	font-size:16px;
}
div.recruitinfo table.personalcolor4_inner{
	font-size:16px;
}

div.fs table{
	font-size:14px;
}

/* ボタンは画像を止めてレスポンシブと同様のデザインに
   また、フォントを変更した為横幅不足分を調整 */
div#buttonArea #btnlarge , 
div#buttonArea #btnsmall {
	font-size:16px;
}

/* テキストエリアとテキストフィールドの文字の大きさを合わせる */
textarea {
	font-size: 15px;
}

/* ABマトリクスのABを画像から文字に */
div.qgroup_mxab_default div.sideImage1 ,
div.qgroup_mxab_default div.sideImage2 {
	font-size : 37px;
}

/*=============================================================================*
 HTML制御関係用共通
 *=============================================================================*/

/* HTML一覧のカテゴリ番号の表示を補正 */
div.html_category_no {
	z-index: 1;
}

/* Minor change version1.0 End   2021/10/16 <----------------------------------------*/