@charset "utf-8";

/* =========================================================
 トップページ
========================================================= */
body#top div.index div.h2TitleBar p {
	line-height: 19px;
}

body#top div.index div#footer {
	margin-top: 10px;
}

/* サービスラインナップ
--------------------------------------------------------- */
body#top div.index div#lineup {
	padding: 10px 15px;
}

body#top div.index div#lineup div {
	float: left;
	width: 190px;
}

body#top div.index div#lineup div.lineupR {
	padding-right: 13px;
}

/* リサーチシステム・リサーチツール
--------------------------------------------------------- */
body#top div.index div#system {
	padding: 10px 15px;
}

body#top div.index div#system div {
	float: left;
	width: 190px;
}

body#top div.index div#system div.systemR {
	padding-right: 13px;
}

/* お知らせ一覧
--------------------------------------------------------- */
body#top div.index div#information div.linkListBox ul li a {
	width: 490px;
}

/* BOTTOM MENU
--------------------------------------------------------- */
body#top div#bottommenu.index {
	display: inline-block;
}

body#top div#bottommenu.index li {
	float: left;
	background: none;
	padding-left: 10px;
}

body#top div#bottommenu.index li.top {
	padding-left: 15px;
}

/* リサーチ専用ページへログイン
--------------------------------------------------------- */
body#top div.index div#login {
	margin-top: 0;
}

body#top div.index div#login .innerBox {
	padding: 10px 15px;
}

body#top div.index div#login dl {
	width: 100%;
}

body#top div.index div#login dt {
	float: left;
	width: 80px;
	font-weight: bold;
	color: #606265;
	line-height: 1.0;
	padding-top: 8px;
}

body#top div.index div#login dd {
	padding: 0px;
	margin: 1px 0px 0px 0px;
	width: 144px;
	float: right;
}

body#top div.index div#login dd input {
	background: #DDDDDD;
	width: 100%;
	border: 1px solid #DDDDDD;
}

body#top div.index div#login div.center {
	margin-top: 8px;
}

body#top div.index div#login p.center {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 116%;
}

body#top div.index div#login p.center a:link,
body#top div.index div#login p.center a:visited {
	text-decoration: underline;
}

body#top div.index div#login p.center a:hover,
body#top div.index div#login p.center a:active {
	text-decoration: none;
}


/* モニタ数
--------------------------------------------------------- */
body#top div.index div#monitor .innerBox {
	padding: 10px 15px 10px;
}

body#top div.index div#monitor dl {
	padding-left: 5px;
}

body#top div.index div#monitor dl#monitor1 {
	border-left: 6px solid #83cff9;
}

body#top div.index div#monitor dl#monitor2 {
	border-left: 6px solid #fb87c8;
	margin-top: 15px;
}

body#top div.index div#monitor dt {
	font-size: 1px;
	line-height: 0px;
}

body#top div.index div#monitor dd {
	text-align: right;
	padding-top: 4px;
	font-size: 1px;
	line-height: 0px;
}

/* リサーチサービス
--------------------------------------------------------- */
body#top div.index div#research .arrowMenuBox ul li {
	line-height: 0px;
	font-size: 1px;
}


/* =========================================================
 お知らせ
========================================================= */
body#topics div#information div.linkListBox ul li a {
	width: 770px;
}

body#topics div.innerBox {
	padding: 20px 40px 60px;
}

body#topics h3 {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

body#topics h4.border {
	margin-top: 40px;
}

body#topics p.newsDate {
	font-weight: bold;
	color: #acacac;
	text-align: right;
	margin-top: 0px;
}

body#topics div.txtBox {
	margin-top: 20px;
}

body#topics div.newsInfo {
	margin-top: 30px;
	border: 4px solid #e3ebf6;
}

body#topics div.newsInfo-inner {
	text-align: center;
	padding: 15px;
	border: 1px solid #cbcbc8;
}

body#topics div.newsInfo h5 {
	font-weight: bold;
	color: #4596c9;
	margin-bottom: 15px;
}

body#topics div.newsInfo p {
	margin-top: 0px;
}



/* =========================================================
 サービスページ共通
========================================================= */
body#service div#content div.contentBlock2 {
	margin-top: 0;
}

body#service div.innerBox {
	padding: 20px 40px 30px;
}

body#service div.borderBox {
	margin: 0px 250px 30px;
}

body#service div.buttonBox {
	margin: 10px 0px 0px;
	text-align: center;
}

body#service div.arrowMenuBox ul li {
	background-color: #FFFFFF;
	border: none;
	font-size: 100%;
	line-height: 1.2;
}


/* =========================================================
 サービスページ ネットリサーチサービス紹介
========================================================= */
body#service div.netresearch div.innerBox.borderBoxNormal {
	border-top: none;
	border-bottom: 1px solid #e3e2df;
	border-left: 1px solid #e3e2df;
	border-right: 1px solid #e3e2df;
}

body#service div.netresearch div.netresearchH3 {
	width: 760px;
	float: left;
}

body#service div.netresearch div#monitorBox {
	padding: 30px;
	border: 1px solid #CCCCCC;
}

body#service div.netresearch div#monitorBox dl {
	padding-left: 5px;
	float: left;
	width: 320px;
}

body#service div.netresearch div#monitorBox dl#monitor1 {
	border-left: 6px solid #83cff9;
}

body#service div.netresearch div#monitorBox dl#monitor2 {
	border-left: 6px solid #FB87C8;
}

body#service div.netresearch div#monitorBox dt {
	font-size: 1px;
	line-height: 0px;
}

body#service div.netresearch div#monitorBox dd {
	text-align: right;
	padding-top: 4px;
	font-size: 1px;
	line-height: 0px;
}

body#service div.netresearch div#monitorBox div.monitorDate {
	padding: 30px 0px 0px 20px;
	float: left;
	width: 100px;
}

body#service div.netresearch .borderB {
	font-size: 100%;
}

body#service div.netresearch table.table5.priceTable td {
	text-align: right;
}

/* =========================================================
 サービスページ 料金表
========================================================= */
body#service div.price div.borderBoxNormal {
	border-top: none;
	border-bottom: 1px solid #e3e2df;
	border-left: 1px solid #e3e2df;
	border-right: 1px solid #e3e2df;
}

body#service div.price div.borderBoxNormal div.borderBoxNormal {
	border: 1px solid #e3e2df;
}

body#service div.price table.table5 td {
	text-align: center;
}

/* =========================================================
 サービスページ ウェブサイトプライバシーポリシー
========================================================= */
body#service div.privacypolicy div.innerBox div.innerBox {
	padding: 10px 1.5em 30px;
}

body#service div.privacypolicy div.innerBox ol,
body#service div.privacypolicy div.innerBox ul {
	margin: 10px 2em 10px;
}

body#service div.privacypolicy div.innerBox li {
	margin-top: 5px;
}

body#service div.privacypolicy h3 {
	font-size: 131%;
}

/* =========================================================
 サービスページ 会員規約
========================================================= */
body#service div.agreement div.innerBox div.innerBox {
	padding: 10px 1.5em 30px;
}

body#service div.agreement div.innerBox li {
	line-height: 1.5;
}

body#service div.agreement div.innerBox li li {
	line-height: 1.5;
	font-size: 100%;
}

body#service div.agreement h3 {
	font-size: 131%;
}

/* =========================================================
 サービスページ よくある質問
========================================================= */
body#service div.faq ul.accordion li {
	padding-bottom: 10px;
	line-height: 1.5;
}

body#service div.faq ul.accordion li a.accMenu {
	color: #2476CB;
	text-decoration: underline;
}

body#service div.faq ul.accordion li a.accMenu:link,
body#service div.faq ul.accordion li a.accMenu:visited {
	color: #2476CB;
	text-decoration: underline;
}

body#service div.faq ul.accordion li a.accMenu:hover,
body#service div.faq ul.accordion li a.accMenu:active {
	color: #2476CB;
	text-decoration: none;
}

body#service div.faq ul.accordion li ul.accList {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 5px;
}

body#service div.faq ul.accordion li ul.accList li {
	padding-bottom: 0px;
}

/* =========================================================
 サービスページ サポートセンター
========================================================= */
body#service div.support div.borderBoxNormal {
	border-top: none;
}

body#service div.support div.supportPhoto {
	float: left;
}

body#service div.support div.supportPhoto img {
	width: 80px;
	height: 100px;
}

body#service div.support div.supportText {
	float: left;
	width: 314px;
	padding: 0 15px 0 7px;
}

body#service div.support div.supportText p {
	margin-top: 5px;
	line-height: 1.4;
}

body#service div.support div.supportText .border {
	padding: 10px;
	border: 1px solid #CCCCCC;
}


/* =========================================================
 リサーチアカウントを作成
========================================================= */
body#regist div#messageBlock {
	margin-top: 0px;
}

body#regist div#messageBlock div.innerBox {
	padding: 30px;
}

body#regist div#formBlock div.contentBlock2-inner {
	padding-top: 1px;
}

body#regist div#formBlock table th span.txt10 {
	font-weight: normal;
	padding-left: 12px;
}

body#regist div.innerBox1 {
	padding: 30px 40px 40px;
}

body#regist div.innerBox2 {
	padding: 0px 10px;
}

body#regist div.innerBox3 {
	padding: 30px 110px;
}

body#regist table.table2 td label {
	margin-right: 5px;
}

body#regist h3.border {
	margin-top: 40px;
}

body#regist h4 {
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
}

body#regist ol.step {
	width: 100%;
	margin-top: 8px;
}

body#regist ol.step li {
	background: #F5F4F0 url(../images/regist/index_step_bg_upper.gif) no-repeat 0px 0px;
	margin-top: 4px;
	font-weight: bold;
	color: #404043;
	line-height: 42px;
	width: 100%;
	list-style-type: none;
}

body#regist ol.step li span {
	display: block;
	background: url(../images/regist/index_step_bg_lower.gif) no-repeat 0px 100%;
}

body#regist ol.step li span span {
	background-repeat: no-repeat;
	background-position: 14px 50%;
	padding-left: 100px;
}

body#regist ol.step li.menu1 span span {
	background-image: url(../images/regist/index_step1.gif);
}

body#regist ol.step li.menu2 span span {
	background-image: url(../images/regist/index_step2.gif);
}

body#regist ol.step li.menu3 span span {
	background-image: url(../images/regist/index_step3.gif);
}

body#regist ol.step li.menu4 span span {
	background-image: url(../images/regist/index_step4.gif);
}

body#regist .resizableTextareaBox {
	width: 780px;
	margin: 0px 0px 0px 35px;
}

/* 入力内容確認
--------------------------------------------------------- */
body#regist div.registConfirm table.table2 td {
	border-bottom-color: #d9d9d5;
}

body#regist div.registConfirm table.table2 th {
	border-bottom-color: #d9d9d5;
}


/* =========================================================
 お問い合わせ・お見積もり
========================================================= */
body#clientinquiry div#formBlock {
	padding-top: 1px;
}

body#clientinquiry div.innerBox {}

body#clientinquiry table.table2 td label {
	margin-right: 5px;
}

body#clientinquiry div#formBlock table th span.txt10 {
	font-weight: normal;
	padding-left: 12px;
}

body#clientinquiry .txtBox {
	margin: 30px;
}


/* =========================================================
 資料請求
========================================================= */
body#doctinquiry div#formBlock {
	padding-top: 1px;
}

body#doctinquiry div.innerBox {}

body#doctinquiry table.table2 td label {
	margin-right: 5px;
}

body#doctinquiry div#formBlock table th span.txt10 {
	font-weight: normal;
	padding-left: 12px;
}

body#doctinquiry .txtBox {
	margin: 30px;
}

body#doctinquiry .txtBox .doctBox1 {
	width: 250px;
	float: left;
}

body#doctinquiry .txtBox .doctBox2 {
	width: 500px;
	float: left;
	padding: 0px 0px 0px 20px;
}

body#doctinquiry .txtBox .doctBox2 ul li {
	margin: 5px 0px 0px 0px;
}

/* =========================================================
 パスワードをお忘れの方
========================================================= */
body#clientPasswordReminder div#formBlock {
	padding-top: 1px;
}

body#clientPasswordReminder div.innerBox {
	padding: 30px;
}

body#clientPasswordReminder table.table2 td label {
	margin-right: 5px;
}


/* =========================================================
 ログイン認証エラー
========================================================= */
body#loginError div.innerBox {
	padding: 30px 30px 50px;
}

body#loginError div.innerBox .remind {
	font-size: 116%;
	margin-top: 10px;
}

body#loginError div.innerBox .remind a:link,
body#loginError div.innerBox .remind a:visited {
	text-decoration: underline;
}

body#loginError div.innerBox .remind a:hover,
body#loginError div.innerBox .remind a:active {
	text-decoration: none;
}

body#loginError div.innerBox #column2 {
	margin: 0px auto;
}

body#loginError div.innerBox #column2 .innerBox {
	padding: 10px 15px;
}

body#loginError div.innerBox #column2 div.contentBlock1 {
	margin-top: 20px;
}

body#loginError div.innerBox #column2 dl {
	width: 100%;
	padding-bottom: 5px;
}

body#loginError div.innerBox #column2 dt {
	float: left;
	width: 80px;
	font-weight: bold;
	color: #606265;
	line-height: 1.0;
	padding-top: 8px;
}

body#loginError div.innerBox #column2 dd {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	width: 145px;
	float: right;
}

body#loginError div.innerBox #column2 dd input {
	background: #DDDDDD;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #DDDDDD;
}

body#loginError div.innerBox #column2 div.center {
	padding: 10px 0px 0px;
}

body#loginError div.innerBox p.center {
	font-weight: bold;
	font-size: 150%;
	margin-top: 10px;
}

body#loginError div.buttonBox {
	text-align: center;
	padding-top: 30px;
}

/* =========================================================
 登録情報変更
========================================================= */
body#updateinfo div#messageBlock {
	margin-top: 0px;
}

body#updateinfo div#messageBlock div.innerBox {
	padding: 30px;
}

body#updateinfo div#formBlock {
	padding-top: 1px;
}

body#updateinfo div#formBlock table th span.txt10 {
	font-weight: normal;
	padding-left: 12px;
}

/* アカウント情報確認・変更 TOP
--------------------------------------------------------- */
body#updateinfo table.updateinfo1 td label {
	margin-right: 5px;
}


/* アカウント情報確認・変更
--------------------------------------------------------- */
body#updateinfo table.updateinfo2 th {
	border-bottom-color: #d9d9d5;
}

body#updateinfo table.updateinfo2 td {
	border-bottom-color: #d9d9d5;
}


/* アカウント情報変更 完了
--------------------------------------------------------- */
body#updateinfo div.innerBox2 {
	padding: 30px 110px;
}


/* =========================================================
 パスワードの変更
========================================================= */
body#changepass div#messageBlock {
	margin-top: 0px;
}

body#changepass div.innerBox1 {
	padding: 30px 40px 40px;
}

body#changepass div.innerBox2 {
	padding: 0px 10px;
}

body#changepass div.innerBox3 {
	padding: 30px 110px;
}

body#changepass h3.border {
	margin-top: 25px;
}

body#changepass h4 {
	color: #000000;
	font-weight: bold;
	margin-top: 20px;
}

body#changepass div.txtField {
	background: url(../images/changepass/index_input_bg_upper.gif) no-repeat 0px 0px;
	margin-top: 4px;
}

body#changepass div.txtField-inner {
	background: url(../images/changepass/index_input_bg_lower.gif) no-repeat 0px 100%;
	padding: 5px 15px;
}

body#changepass div.txtField label {
	display: block;
	float: left;
	padding: 5px 22px 5px 0px;
	color: #000000;
	line-height: 2;
	border-right: 2px solid #83CFF9;
	margin-right: 20px;
}

body#changepass div.txtField span.txt10 {
	color: #aeaeae;
}

body#changepass div.txtField span.padding {
	float: left;
	padding-top: 5px;
}

body#changepass div#input3 label {
	line-height: 1 !important;
}


/* =========================================================
 共有設定
========================================================= */
body#share div#messageBlock {
	margin-top: 0px;
}

body#share div#messageBlock div.innerBox {
	padding: 30px;
}

body#share div#formBlock div.contentBlock2-inner {
	padding-top: 1px;
}

body#share div#formBlock table th span.txt10 {
	font-weight: normal;
	padding-left: 12px;
}


/* 共有設定 TOP
--------------------------------------------------------- */
body#share div.innerBox1 {
	padding: 30px 40px 40px;
}

body#share div.innerBox2 {
	padding: 20px 10px 0px;
}

body#share div.innerBox2 select {
	float: left;
	color: #5a5a5a;
	width: 380px;
}

body#share div.innerBox2 div.floatR {
	width: 390px;
}

body#share div.innerBox2 div.floatR h4 {
	font-weight: bold;
}

body#share div.innerBox2 div.floatR p {
	margin-top: 0px;
}

body#share div.innerBox2 div.floatR p.txt10 {
	margin-top: 10px;
}

body#share div.innerBox2 div.floatR input {
	margin-top: 20px;
}

body#share div.innerBox3 {
	padding: 30px 40px 40px;
}

body#share div.innerBox4 {
	padding: 0px 10px;
}

body#share div.innerBox5 {
	padding: 30px 110px;
}

body#share h4.step {
	font-weight: bold;
	color: #000000;
	margin: 20px 0px 10px;
}

body#share textarea {
	background: #FFFFFF;
}

body#share ol.step {
	width: 100%;
}

body#share ol.step li {
	background: #F5F4F0 url(../images/share/step1_step_bg_upper.gif) no-repeat 0px 0px;
	margin-top: 4px;
	font-weight: bold;
	color: #404043;
	line-height: 42px;
	width: 100%;
	list-style-type: none;
}

body#share ol.step li span {
	display: block;
	background: url(../images/share/step1_step_bg_lower.gif) no-repeat 0px 100%;
}

body#share ol.step li span span {
	background-repeat: no-repeat;
	background-position: 14px 50%;
	padding-left: 100px;
}

body#share ol.step li.menu1 span span {
	background-image: url(../images/share/step1_step1.gif);
}

body#share ol.step li.menu2 span span {
	background-image: url(../images/share/step1_step2.gif);
}

body#share ol.step li.menu3 span span {
	background-image: url(../images/share/step1_step3.gif);
}

body#share ol.step li.menu4 span span {
	background-image: url(../images/share/step1_step4.gif);
}

body#share .resizableTextareaBox {
	width: 780px;
	margin: 0px 0px 0px 35px;
}

body#share table.share td label {
	margin-right: 5px;
}

body#share table.share2 th {
	border-bottom-color: #d9d9d5;
}

body#share table.share2 td {
	border-bottom-color: #d9d9d5;
}

body#share div#cancelListBox {
	background: #F5F4F0 url(../images/share/cancel_innerbox2_bg_upper.gif) no-repeat 0px 0px;
}

body#share div#cancelListBox ul {
	background: url(../images/share/cancel_innerbox2_bg_lower.gif) no-repeat 0px 100%;
	padding: 10px 20px;
}

body#share div#cancelListBox li {
	line-height: 1.8;
}


/* =========================================================
 myリサーチ削除 TOP
========================================================= */
body#deleteSurvey div.innerBox {
	padding: 30px 40px 20px;
}


/* =========================================================
 リサーチ専用ページ TOP
========================================================= */
/* お知らせ
--------------------------------------------------------- */
body#myresearch div#information {
	margin-top: 0px !important;
}

body#myresearch div#information div.linkListBox ul li a {
	width: 770px;
}

/* 自主調査結果
--------------------------------------------------------- */
div#voluntarySurvey div.h2TitleBar {
	padding-right: 4px;
}

div#voluntarySurvey div.linkListBox {
	padding: 5px 15px 10px;
}

div#voluntarySurvey div.linkListBox ul {
	width: 100%;
	line-height: 1.3;
}

div#voluntarySurvey div.linkListBox ul li {
	background: url("../common/images/border1.gif") repeat-x 0px 100%;
}

div#voluntarySurvey div.linkListBox ul li span {
	display: block;
	float: left;
	width: 85px;
	font-weight: bold;
	color: #404043;
	padding: 7px 3px;
}

div#voluntarySurvey div.linkListBox ul li a {
	width: calc(100% - 100px);
	display: block;
	float: left;
	padding: 7px 3px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

div#voluntarySurvey div.linkListBox ul li a:hover {
	background-color: #EEEEEE;
}

div#voluntarySurvey div.linkListBox ul li img {
	vertical-align: middle;
	margin-top: -2px;
}

/* myリサーチ一覧
--------------------------------------------------------- */
body#myresearch div#researchlist table.researchTable th {
	padding: 5px 2px 5px 10px;
}

body#myresearch div#researchlist table.researchTable td {
	padding: 5px 0 5px 2px;
}

body#myresearch div#researchlist table.researchTable input[type="text"] {
	margin-bottom: 3px;
	width: 350px;
}

body#myresearch div#researchlist table.table1 td span.floatL {
	line-height: 21px;
}


/* 新しいmyリサーチの作成
--------------------------------------------------------- */
body#myresearch div#create .innerBox {
	padding: 7px 1px 10px;
}

body#myresearch div#create dl {
	margin: 1px 10px 0px 0px;
	padding: 5px 0px 5px 10px;
}

body#myresearch div#create dl#menu1 {
	border-left: 3px solid #83cff9;
}

body#myresearch div#create dl#menu2 {
	border-left: 3px solid #fb87c8;
}

body#myresearch div#create dl#menu3 {
	border-left: 3px solid #52D498;
}

body#myresearch div#create dt {
	float: left;
	width: 165px;
}

body#myresearch div#create dt label {
	margin-left: 5px;
}

body#myresearch div#create dd {
	zoom: 1;
	margin-left: 165px;
	line-height: 1.33;
}


/* MENU
--------------------------------------------------------- */
body#myresearch div#menu .arrowMenuBox li.none {
	background: #FFFFFF;
}


/* =========================================================
 操作マニュアルダウンロード
========================================================= */
body#manualDownload {
	background: none;
}

body#manualDownload #container {
	width: 626px;
}

body#manualDownload div.h2TitleBar {
	border-bottom: medium none;
}

body#manualDownload div.borderBoxNormal div.borderBoxNormal {
	margin: 50px auto;
	padding: 30px;
}

/* =========================================================
 アンケート作成
========================================================= */
body#createsurvey h4,
body#createsurveySub h4 {
	color: #FF0000;
	margin-bottom: 10px;
}

body#createsurvey input,
body#createsurveySub input {
	margin: 0px 2px;
}

body#createsurvey #content li {
	margin-top: 5px;
}

body#createsurveySub #content li {
	margin-top: 5px;
}

body#createsurvey label,
body#createsurveySub label {
	margin: 0px 5px;
}

body#createsurvey .saTd .enqLi label,
body#createsurvey .maTd .enqLi label {
	display: inline-grid;
	line-height: 1.6;
	pointer-events: auto;
}

body#createsurvey .saTd .enqLi label img,
body#createsurvey .maTd .enqLi label img {
	pointer-events: none;
}

body#createsurvey div.contentBlock1,
body#createsurveySub div.contentBlock1 {
	background-image: none;
}

body#createsurvey div.contentBlock1-inner,
body#createsurveySub div.contentBlock1-inner {
	background-image: none;
}

body#createsurvey div.contentBlock2,
body#createsurveySub div.contentBlock2 {
	margin-top: 0px;
}

body#createsurveySub div.contentBlock2 {
	color: #000000;
}

body#createsurvey div.formButtonBox,
body#createsurveySub div.formButtonBox {
	margin-top: 30px;
}

body#createsurveySub div.contentBlock2 div.formButtonBox {
	margin: 15px 0px;
}

body#createsurveySub span.numBg {
	background-color: #5fc0f0;
	font-size: 150%;
	font-weight: bold;
	padding: 2px 5px;
}

body#createsurvey table.table2 th.none,
body#createsurveySub table.table2 th.none,
body#createsurvey table.table2 td.none,
body#createsurveySub table.table2 td.none {
	/* １行の区切り線を非表示の場合 */
	border-bottom: none;
}

body#createsurveySub div.innerBox {
	padding: 30px;
}

body#createsurveySub div.borderBg {
	background: url(../common/images/h3_h4_border.gif) no-repeat 0px 100%;
	padding: 2px 0px 10px 12px;
	margin: 20px 0px;
}

body#createsurveySub div.borderBg h3 {
	font-size: 100%;
	padding: 5px 0px 0px 0px;
}

body#createsurveySub div.borderBg input {
	display: block;
	float: right;
}

.saTd,
.maTd {
	padding-right: 10px;
}

/* =========================================================
 WEB調査票新規作成
========================================================= */
body#createsurvey div.createsurvey1 div.contentBlock2-inner {
	padding-top: 1px;
}

/* =========================================================
 WEB調査票TOP
========================================================= */
body#createsurvey div.createsurvey2 div.innerBox {
	padding: 20px;
}

body#createsurvey div.createsurvey2 .questionTop {
	margin-top: 10px;
}

body#createsurvey div.createsurvey2 .questionBottom p {
	margin-top: 10px;
}

body#createsurvey div.createsurvey2 div.innerBox h3 {
	margin-top: 10px;
}

body#createsurvey div.createsurvey2 div.innerBox div.innerBox {
	color: #000000;
	background: url(../common/images/border2.gif) repeat-x 0px 0px;
	margin-top: 20px;
}

body#createsurvey div.createsurvey2 div.innerBox ul.itemList li {
	margin-top: 2px;
}

body#createsurvey div.createsurvey2 div.innerBox ul.itemList li label {
	margin-left: 5px;
}

body#createsurvey div.createsurvey2 div.break {
	background: url(../images/createsurvey/break.gif) no-repeat 50% 100%;
	padding-bottom: 40px;
}

/* HEADER */
body#createsurvey div.createsurvey2 div#investHead {
	width: 100%;
}

body#createsurvey div.createsurvey2 div#investHead li {
	margin-top: 0px;
}

body#createsurvey div.createsurvey2 div#investHead p.investHeadP {
	float: none;
	text-align: right;
	font-size: 86.66%;
	line-height: 1.5;
	color: #7b7b7b;
}

body#createsurvey div.createsurvey2 div#investHead div#investMenu {
	background: #edf3fc;
	padding: 8px 15px;

}

body#createsurvey div.createsurvey2 div#investHead div#investMenu ul {
	padding: 4px 0px;
}

body#createsurvey div.createsurvey2 div#investHead div#investMenu li {
	font-size: 100%;
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	line-height: 1;
	border-right: 1px solid #6d6b6b;
}

/* FOOTER */
body#createsurvey div.createsurvey2 div#investFoot {
	width: 100%;
	margin-top: 15px;
	background: url(../images/createsurvey/invest_foot_bg1.gif) no-repeat 0px 0px;
	padding-top: 2px;
}

body#createsurvey div.createsurvey2 div#investFoot div.h2TitleBar {
	background: url(../images/createsurvey/invest_foot_bg2.gif) no-repeat 0px 100%;
	border-style: none;
	padding: 2px 4px 4px 15px;
}

/* アンケートURL */
body#createsurvey div.createsurvey2 #enqURL td {
	padding: 5px;
}

/* セッションファイルサイズ */
body#createsurvey div.createsurvey2 #enqSession td {
	padding: 5px;
}

/* タイトル・コメント */
body#createsurvey div.createsurvey2 div#investTitle div#title {
	text-align: center;
	padding-top: 15px;
}

body#createsurvey div.createsurvey2 div#investTitle div#title p {
	margin-top: 5px;
}

body#createsurvey div.createsurvey2 div#investTitle div#title p strong {
	color: #00a7ff;
	font-size: 150%;
	font-weight: bold;
	line-height: 1;
}

body#createsurvey div.createsurvey2 div#investTitle div#comment {
	background: url(../common/images/border2.gif) repeat-x 0px 0px;
	margin-top: 15px;
	padding-top: 1px;
}

body#createsurvey div.createsurvey2 div#investTitle div#comment ul li {
	color: #404043;
	font-weight: bold;
	margin-top: 15px;
}

body#createsurvey div.createsurvey2 div#investTitle div#comment ul li ul {
	margin-top: 5px;
}

body#createsurvey div.createsurvey2 div#investTitle div#comment ul li ul li {
	color: #606265;
	font-weight: normal;
	margin-top: 5px;
	line-height: 1.25;
}

/* EDIT MENU */
body#createsurvey div.createsurvey2 div.editMenu {
	background: #f5f5f5;
	padding: 2px 28px;
	margin: 0px 1px;
	border-top: 1px solid #ABABAB;
}

body#createsurvey div.createsurvey2 div.editMenu ul {
	float: right;
}

body#createsurvey div.createsurvey2 div.editMenu li {
	margin-left: 2px;
	float: left;
}

/* コピーして質問追加 */
body#createsurvey div.createsurvey2 div.copyItem {
	padding-top: 1px;
}

body#createsurvey div.createsurvey2 div.copyItem p {
	margin: 0px;
	float: right;
	width: 200px;
}

body#createsurvey div.createsurvey2 div.copyItem a {
	background: url(../images/createsurvey/invest_icon2.gif) no-repeat 0px 0px;
	display: block;
	line-height: 1.2;
	padding: 0px 0px 2px 30px;
}

body#createsurvey div.createsurvey2 div.copyItem span {
	font-size: 86.66%;
}

/*  順位入力用　RANKING BOX enq/css/layout.cssと共通　調査票TOP、設問一覧プレビュー、設問プレビューで使用。 */
div.rankingBox {
	background: #e4eff7;
	padding: 10px;
}

/* =========================================================
 調査票プレビュー
========================================================= */
body.preview {
	background-image: none;
}

body.preview .txtBox {
	padding: 10px 20px;
}

body.preview .bgYellow {
	padding: 10px 20px;
	border: 1px solid #CCCCCC;
}

body.preview .bgYellow p {
	margin-top: 0px;
	font-weight: bold;
}

body.preview .bgYellow ul {
	list-style-type: disc;
	padding-left: 2em;
}

body.preview .bgYellow ul li {
	list-style-type: disc;
}

/* =========================================================
 アンケート終了条件設定
========================================================= */
body#createsurveySub div.enqCondition div.innerBox table td {
	padding: 5px;
}

body#createsurveySub div.enqCondition div.innerBox p.borderB {
	padding: 0px 0px 2px;
}


/* =========================================================
 アンケート画面のヘッダ・フッタ設定・回答進捗バー設定
========================================================= */
body#createsurveySub div.setenqView div.innerBox table td {
	padding: 5px 0px;
}


/* =========================================================
 パラメータ設定
========================================================= */
body#createsurveySub div.setParameter div.innerBox table td {
	padding: 5px;
}

body#createsurveySub div.setParameter div.innerBox p.borderB {
	padding: 0px 0px 2px;
}

body#createsurveySub div.setParameter div.innerBox table.table5 td {
	padding: 5px;
}


/* =========================================================
 回答者認証設定
========================================================= */
body#createsurveySub div.setPass div.innerBox table td {
	padding: 5px 0px;
}


/* =========================================================
 設問追加・編集（設問タイプ別15種）
========================================================= */
body#createsurveySub div.setEnquete table.table2 tr#type td {
	padding: 0px 0px 10px 10px;
}

body#createsurveySub div.setEnquete table.table2 tr#type td ul {
	width: 100%;
}

body#createsurveySub div.setEnquete table.table2 tr#type td ul li {
	float: left;
	width: 141px;
	margin: 10px 6px 0px 0px;
}

body#createsurveySub div.setEnquete table.table2 ul.menu {
	float: left;
	margin-left: 5px;
}

body#createsurveySub div.setEnquete table.table2 ul.menu li {
	float: left;
	margin-right: 2px;
}

/* リクルート用 */
body#createsurveySub div.setEnquete table.table2 tr.bottom table {
	border: 1px dotted #6F7B8C;
}

body#createsurveySub div.setEnquete table.table2 tr.bottom table.table2 tr.top th.blue {
	background: #E4EFF7;
}

body#createsurveySub div.setEnquete table.table2 tr.bottom table.table2 th.blue {
	background: #E4EFF7;
}

body#createsurveySub div.setEnquete table.table2 tr.bottom table.table2 th,
body#createsurveySub div.setEnquete table.table2 tr.bottom table.table2 td {
	vertical-align: middle;
	padding: 10px 10px 10px 15px;
	border-bottom: 1px dotted #6F7B8C;
}

/* 設問プレビュー（設問タイプ別15種） */
body#createsurveySub div.setEnquetePreview div.contentBlock2 {
	background-image: none;
}

body#createsurveySub div.setEnquetePreview div.contentBlock2-inner {
	background-image: none;
}

body#createsurveySub div.setEnquetePreview div.innerBox {
	padding: 20px;
}

body#createsurveySub div.setEnquetePreview div.innerBox div.innerBox {
	color: #000000;
	background: url(../common/images/border2.gif) repeat-x 0px 0px;
	margin-top: 20px;
}

body#createsurveySub div.setEnquetePreview div.innerBox h3 {
	margin-top: 10px;
}

/* 画像挿入
--------------------------------------------------------- */
body#createsurveyimage {
	background: none;
	color: #606265;
}

body#createsurveyimage div#container {
	width: 665px;
	margin-bottom: 0px;
}

body#createsurveyimage h1 {
	font-weight: bold;
}

body#createsurveyimage div#imageBox {
	padding: 20px;
}

body#createsurveyimage div#menu {
	margin-top: 20px;
}

body#createsurveyimage div#menu ul li {
	float: left;
	line-height: 2;
}

body#createsurveyimage div#menu ul li.menu1 {
	margin-right: 15px;
}

body#createsurveyimage div#menu ul li.menu2 {
	margin-right: 2px;
}

body#createsurveyimage div#menu ul li label {
	margin-right: 5px;
}

body#createsurveyimage div#menu ul li img {
	vertical-align: middle;
}

body#createsurveyimage table.table5 a {
	display: block;
}

body#createsurveyimage table.table5 a:link {
	background-color: #FFFFFF;
}

body#createsurveyimage table.table5 a:visited {
	background-color: #FFFFFF;
}

body#createsurveyimage table.table5 a:hover {
	background-color: #fcfcc3;
}

body#createsurveyimage table.table5 a:active {
	background-color: #fcfcc3;
}

body#createsurveyimage table.table5 {
	margin-top: 5px;
}

/* =========================================================
 絞込（設問に条件分岐設定）
========================================================= */
body#createsurveySub div.setConditions div.innerBox table td {
	padding: 5px 0px;
}

body#createsurveySub div.setConditions div.innerBox table.table5 td {
	padding: 5px;
}


/* =========================================================
 ターゲット設定
========================================================= */
body#createsurveySub div.targetSurvey input {
	margin: 0px
}

body#createsurveySub div.targetSurvey table.table2 label {
	margin: 0px 10px 0px 5px;
}

body#createsurveySub div.targetSurvey table.table2 th {
	vertical-align: top;
	width: 170px;
}

body#createsurveySub div.targetSurvey table.table2 th.categoryTitle {
	background-color: #BFD0EA;
	text-align: center;
	padding: 5px 0px;
	border-bottom-style: none;
	border-right-style: none;
}

body#createsurveySub div.targetSurvey table.table2 th p {
	font-size: 86.66%;
	color: #404043;
	margin: 0px;
}

body#createsurveySub div.targetSurvey table.table2 th p.indent {
	text-indent: -1em;
	padding-left: 1em;
}

body#createsurveySub div.targetSurvey table.table2 th ul {
	margin-top: 5px;
}

body#createsurveySub div.targetSurvey table.table2 th ul ul {
	margin-top: 0px;
	padding-left: 0px;
}

body#createsurveySub div.targetSurvey table.table2 th p,
body#createsurveySub div.targetSurvey table.table2 th li input {
	font-weight: normal !important;
}

body#createsurveySub div.targetSurvey table.table2 td input.max {
	color: #FF0000;
}

body#createsurveySub div.targetSurvey table.table2 td ul.itemList {
	width: 100%;
}

body#createsurveySub div.targetSurvey table.table2 td ul.itemList li {
	float: left;
	margin: 0px 5px 2px 0px;
	padding: 2px 0px;
}

body#createsurveySub div.targetSurvey table.table2 tr#condition td span {
	padding-top: 0px;
}

body#createsurveySub div.targetSurvey table.table2 tr#condition td .conditionBox {
	border: 1px solid #bfd0ea;
	background: url(../images/createsurvey/person_condition_bg.gif) repeat-y 0px 0px;
	margin-top: 10px;
}

body#createsurveySub div.targetSurvey table.table2 tr#condition td .conditionBox p {
	margin-top: 0px;
}

body#createsurveySub div.targetSurvey table.table2 tr#condition td .conditionBox ul ul {
	margin-top: 8px;
}

body#createsurveySub div.targetSurvey table.table2 tr#condition td .conditionBox .conditionL li {
	margin-bottom: 2px;
}

body#createsurveySub div.targetSurvey table.table2 tr#condition td .conditionBox .conditionL {
	float: left;
	padding: 10px;
	width: 110px;
}

body#createsurveySub div.targetSurvey table.table2 tr#condition td .conditionBox .conditionR {
	float: left;
	padding: 10px;
	width: 520px;
}

body#createsurveySub div.targetSurvey table.table2 tr#allocation td li {
	clear: left;
	padding-top: 1px;
}

body#createsurveySub div.targetSurvey table.table2 tr#allocation td li label {
	padding: 5px 0px 0px 0px;
	float: left;
	width: 13em;
}

body#createsurveySub div.targetSurvey table.table2 tr#allocation td li span {
	padding: 3px;
	display: block;
	float: left;
	width: 13em;
}

body#createsurveySub div.targetSurvey table.table2 td.checkBoxList ul {
	padding: 0px 2px 0px 8px;
}

body#createsurveySub div.targetSurvey table.table2 td.checkBoxList ul li.indent {
	padding-left: 85px;
}

body#createsurveySub div.targetSurvey table.table2 td.checkBoxList ul.odd {
	background: #EDECEA;
}

body#createsurveySub div.targetSurvey table.table2 td.checkBoxList li {
	float: left;
	width: 85px;
	padding: 2px 0px;
}

body#createsurveySub div.targetSurvey table.table2 td.checkBoxList li.long {
	width: 170px;
}

body#createsurveySub div.targetSurvey table.table2 td.checkBoxList label {
	margin-right: 0px;
}

body#createsurveySub div.targetSurvey table.table2 li.sum {
	background-image: url(../images/createsurvey/target_line.gif);
	background-repeat: no-repeat;
	padding: 11px 0px 0px 0px !important;
}


/* =========================================================
 調査申込
========================================================= */
body#createsurveySub div.enqConfirmit table.table2 td td {
	padding: 5px 5px 0px;
	border-bottom: none;
}

body#createsurveySub div.enqConfirmit p {
	margin: 0px;
}

/* =========================================================
 WEB調査票 回答フロー設定
========================================================= */
body#createsurveySub.noBg,
body#createsurvey.noBg {
	background: none;
}

body#createsurveySub div#container.wideColumn {
	box-sizing: border-box;
	margin: 0px auto 20px;
	padding: 0 2%;
	width: 100%;
	min-width: 1400px;
	text-align: left;
}

body#createsurveySub .flowBox a .breadLink {
	background-color: #2476cb;
	color: #fff;
	padding: 2px 5px;
}

body#createsurveySub .flowBox .h2TitleBar {
	border: solid 1px #ccc;
	border-radius: 5px 5px 0 0;
	background: linear-gradient(#DADADA, #FFFFFF);
	padding: 5px 15px;
	margin: 10px auto;
}

body#createsurvey .helpBox .h2TitleBar {
	border: solid 1px #ccc;
	border-radius: 5px 5px 0 0;
	background: linear-gradient(#DADADA, #FFFFFF);
	padding: 5px 15px;
	margin: 10px auto;
}

body#createsurveySub .flowHead {
	padding: 10px 0;
}

body#createsurveySub .flowHead .researchId,
body#createsurveySub .flowHead .researchTheme {
	padding: 0 10px 0 0;
}

body#createsurveySub .flowBody {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	position: relative;
}

body#createsurveySub .flowBody .questionListBox,
body#createsurveySub .flowBody .expressionBox {
	border: 1px solid #EEE;
}

body#createsurveySub .flowBody .settingBox {
	border: 3px solid #43a8f2;
	border-radius: 8px;
}

body#createsurveySub .flowBody .questionListBox {
	flex-basis: 61%;
	max-width: 61%;
}

body#createsurveySub .flowBody .expressionBox {
	flex-basis: 18%;
	max-width: 18%;
}

body#createsurveySub .flowBody .expressionBox.check {
	flex-basis: 38%;
	max-width: 38%;
}

body#createsurveySub .flowBody .settingBox {
	flex-basis: 19%;
	max-width: 19%;
}

body#createsurveySub .flowBody .questionListHead,
body#createsurveySub .flowBody .expressionHead {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #c0c0c0;
}

body#createsurveySub .flowBody .settingHead,
body#createsurveySub .flowBody .helpHead,
body#createsurvey .helpHead {
	background-color: #43a8f2;
	padding: 8px 10px 10px;
	border-radius: 4px 4px 0 0;
	color: #FFF;
	font-size: 16px;
	line-height: 1.1;
}

body#createsurveySub .flowBody .questionListBody,
body#createsurveySub .flowBody .expressionBody {
	padding: 10px 0;
	max-height: 80vh;
	overflow-y: auto;
}

body#createsurveySub .flowBody .settingBody {
	padding: 10px;
	max-height: 80vh;
	overflow-y: auto;
}

body#createsurveySub div#container .flowBody h3 {
	font-weight: normal;
	margin-right: 10px;
}

body#createsurveySub .flowBody .questionListBody h3 {
	margin-left: 10px;
}

body#createsurveySub div#container .flowBody .questionListBody span.question {
	padding-left: 0;
	font-weight: normal;
}

body#createsurveySub .flowBody .questionListBody .sa:before {
	content: "S";
	display: inline-block;
	height: 1em;
	width: 1em;
	font-weight: bold;
	text-align: center;
	border-radius: 50% 50%;
	border: 1px solid #CCC;
	padding: 5px;
	margin-right: 5px;
	background-color: #F2F2F2;
	color: #868686;
}

body#createsurveySub .flowBody .questionListBody .ma:before {
	content: "M";
	display: inline-block;
	height: 1em;
	width: 1em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #7DAFC8;
	padding: 5px;
	margin-right: 5px;
	background-color: #E7F1F4;
	color: #868686;
}

body#createsurveySub .flowBody .questionListBody .fa {
	display: inline-block;
	height: 1em;
	width: 5em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCC;
	padding: 5px;
	margin-left: 5px;
	background-color: #FBFBFB;
	color: #868686;
}

body#createsurveySub .flowBody .questionListBody div.innerBox {
	padding: 10px 10px 20px;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
}

body#createsurveySub .flowBody .expressionBody div.innerBox {
	padding: 5px 0 20px;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
}

body#createsurveySub .flowBody .expressionBody p {
	margin: 0;
}

body#createsurveySub div#container .flowBody .expressionBody span.num {
	float: none;
}

body#createsurveySub div#container .flowBody span.num a:link,
body#createsurveySub div#container .flowBody span.num a:visited {
	color: #00a7ff;
	text-decoration: underline;
}

body#createsurveySub div#container .flowBody span.num a:hover,
body#createsurveySub div#container .flowBody span.num a:active {
	color: #00a7ff;
	text-decoration: none;
}

body#createsurveySub div#container .flowBody span.conditions a:link,
body#createsurveySub div#container .flowBody span.conditions a:visited {
	color: #4f5154;
	text-decoration: underline;
}

body#createsurveySub div#container .flowBody span.conditions a:hover,
body#createsurveySub div#container .flowBody span.conditions a:active {
	color: #4f5154;
	text-decoration: none;
}

body#createsurveySub .flowBody a.help {
	text-align: center;
}

body#createsurveySub .flowBody a.help img {
	vertical-align: middle;
	padding-left: 3px;
}

body#createsurveySub .flowBody .expressionBody ul {
	list-style: disc;
	padding-left: 2em;
}

body#createsurveySub .flowBody .expressionBody li {
	line-height: 1.6;
}

body#createsurveySub .flowBody .expressionBody .required {
	color: #EC8ABB;
}

body#createsurveySub .flowBody table.enqTableYoko td {
	padding: 5px;
	text-align: left;
}

body#createsurveySub .flowBody .branch {
	color: #4169E1;
}

body#createsurveySub .flowBody #questionListBody .branch {
	padding-left: 5px;
}

body#createsurveySub .flowBody .display {
	color: #008B8B;
	padding-left: 5px;
}

body#createsurveySub .flowBody .questionType {
	margin: 0 auto 5px;
	padding-left: 5px;
	color: #78808B;
}

body#createsurveySub .flowBody .conditions {
	background-color: #FCFCC3;
}

body#createsurveySub .flowBody a.checkAncher:link,
body#createsurveySub .flowBody a.checkAncher:visited {
	text-decoration: underline;
	color: #4f5154;
}

body#createsurveySub .flowBody a.checkAncher:hover,
body#createsurveySub .flowBody a.checkAncher:active {
	text-decoration: none;
	color: #4f5154;
}

body#createsurveySub .flowBody .and {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px;
	color: #CB3452;
}

body#createsurveySub .flowBody .or {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px;
	color: #2C5CC5;
}

body#createsurveySub .flowBody .bracket {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px;
	color: #000;
}

body#createsurveySub .flowBody .checkMark {
	background-color: #CCFFFE;
	padding: 2px;
}

body#createsurveySub .flowBody .settingBody p {
	margin: 0.5em auto;
}

body#createsurveySub .flowBody .settingBody .questionSelect li {
	display: inline;
}

body#createsurveySub .flowBody .settingBody .acc_btn {
	margin-top: 10px;
}

body#createsurveySub .flowBody .settingBody .acc_btn th {
	background: #f2f2f2 url(../images/createsurvey/icon_plus.gif) 98% 50% no-repeat;
	cursor: pointer;
	padding: 5px 30px 5px 5px;
	color: #404043;
}

body#createsurveySub .flowBody .settingBody table.table5.acc_btn.active,
body#createsurveySub .flowBody .settingBody table.table5.acc_btn.active+.acc_cont table.table5 {
	border-bottom: none;
}

body#createsurveySub .flowBody .settingBody .acc_btn.active th {
	background: #EEE url(../images/createsurvey/icon_minus.gif) 98% 50% no-repeat;
}

body#createsurveySub .flowBody .settingBody .acc_cont {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

body#createsurveySub .flowBody .settingBody .acc_cont table.table5 {
	border-right: none;
}

body#createsurveySub .flowBody .settingBody .acc_cont table.table5 td {
	border-top-style: dotted;
	border-left: none;
}

body#createsurveySub .helpHead {
	position: relative;
}

body#createsurveySub .helpHead .close {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	border: 1px solid #FFF;
	cursor: pointer;
}

body#createsurveySub .helpHead .close span::before,
body#createsurveySub .helpHead .close span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 16%;
	margin: -8% 0 0 -42%;
	background: #FFF;
}

body#createsurveySub .helpHead .close span::before {
	transform: rotate(-45deg);
}

body#createsurveySub .helpHead .close span::after {
	transform: rotate(45deg);
}

body#createsurvey .helpBox {
	width: 100%;
	background-color: #FFF;
	border: 3px solid #43a8f2;
	border-radius: 8px;
}

body#createsurveySub .helpBox {
	position: absolute;
	top: -43px;
	right: 20%;
	width: 68%;
	background-color: #FFF;
	border: 3px solid #43a8f2;
	border-radius: 8px;
}

body#createsurvey .helpBody {
	padding: 10px;
}

body#createsurveySub .helpBody {
	padding: 10px;
	height: 80vh;
	overflow: auto;
}

body#createsurveySub .helpBody table th.vatop,
body#createsurvey .helpBody table th.vatop {
	vertical-align: top;
	background-color: #FFF;
}

body#createsurveySub .helpBody table td.nowrap,
body#createsurvey .helpBody table td.nowrap {
	white-space: nowrap;
}

body#createsurveySub .helpBody .example,
body#createsurvey .helpBody .example {
	font-weight: bold;
}

body#createsurveySub .helpBody .helpTitle,
body#createsurvey .helpBody .helpTitle {
	font-size: 14px;
	color: #4169E1;
	margin: 20px auto 5px;
}

body#createsurveySub .helpBody .helpTxt,
body#createsurvey .helpBody .helpTxt {
	margin: 0 auto 10px;
	border-left: 3px solid #ccc;
	padding-left: 7px;
}

body#createsurveySub .helpBody .helpExample,
body#createsurvey .helpBody .helpExample {
	font-weight: bold;
	margin: 0 auto 10px;
}

body#createsurveySub .helpBody .helpExample span,
body#createsurvey .helpBody .helpExample span {
	background-color: #FCFCC3;
	padding: 5px;
}

/* =========================================================
 WEB調査票 過去の調査票コピー
========================================================= */
body#createsurveySub div#content.copySurvey select#copy_research_id {
	width: 100%;
}

/* =========================================================
 集計結果画面
========================================================= */
body#resultsurvey div#outline {
	margin-top: 0px !important;
}

body#resultsurvey div.buttonBox {
	background: #f5f4f1;
	padding: 5px;
	text-align: center;
	margin-top: 5px;
}

body#resultsurvey div.buttonBox p {
	margin-top: 0px;
}

body#resultsurvey div.buttonBox img {
	margin: 0px 5px;
	vertical-align: middle;
}

body#resultsurvey table.table5 {
	margin-top: 15px;
}

body#resultsurvey table.cross th select {
	margin-top: 5px;
}

body#resultsurvey table.cross th label {
	display: block;
}

body#resultsurvey table.cross th,
body#resultsurvey table.cross td {
	text-align: center;
}



/* ナビゲーション
--------------------------------------------------------- */
body#resultsurvey div#leftNav {
	color: #606265;
	padding: 10px;
}

body#resultsurvey div#leftNav h3 {
	padding: 15px 0px 7px;
}

body#resultsurvey div#leftNav ul.nav {
	width: 100%;
}

body#resultsurvey div#leftNav ul.nav li {
	background: #3333CC;
	margin-bottom: 2px;
	line-height: 1;
}

body#resultsurvey div#leftNav ul.nav li.toPreview {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	margin-bottom: 3px;
}

body#resultsurvey div#leftNav ul.nav li.toPreview img {
	vertical-align: middle;
}

body#resultsurvey div#leftNav ul.nav li.toPreview a {
	display: block;
	width: 100%;
}

body#resultsurvey div#leftNav ul.nav li.toHelp {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	margin-bottom: 5px;
}

body#resultsurvey div#leftNav ul.nav li.toHelp a {
	display: block;
	width: 100%;
}

body#resultsurvey div#leftNav ul.nav li.toHelp a.help img {
	vertical-align: middle;
	padding-right: 3px;
}

body#resultsurvey div#leftNav div#download {
	border: 1px solid #c8c8c8;
	font-size: 86.66%;
	background: #FFFFFF;
}

body#resultsurvey div#leftNav div#download p {
	padding: 0px 8px 8px;
}

body#resultsurvey div#leftNav div#download dl {
	padding: 8px 8px 0px;
}

body#resultsurvey div#leftNav div#download dl.hi {
	background: url(../images/resultsurvey/nav_menu_hi.gif) no-repeat 0px 0px;
}

body#resultsurvey div#leftNav div#download dt {
	background: url(../common/images/icon_dot1.gif) no-repeat 0 0;
	padding-left: 1em;
}

body#resultsurvey div#leftNav div#download dt.createGt {
	display: flex;
	justify-content: space-between;
}

body#resultsurvey div#leftNav div#download dt.createGt input {
	font-size: 9px;
}

body#resultsurvey div#leftNav div#download dd {
	margin-top: 5px;
	background: url(../common/images/border1.gif) repeat-x 0px 100%;
	padding-bottom: 8px;
	padding-left: 1em;
}

body#resultsurvey div#leftNav div#download dd img {
	vertical-align: middle;
}

body#resultsurvey div#leftNav div#download dd img:last-of-type {
	margin-top: 3px;
}

/* WEBクロス
--------------------------------------------------------- */
body#resultsurvey div#csvDownload {
	font-size: 86.66%;
	padding-top: 15px;
	position: relative;
}

body#resultsurvey div#csvDownload dl {
	float: right;
	width: 460px;
}

body#resultsurvey div#csvDownload dt {
	line-height: 21px;
	font-weight: bold;
}

body#resultsurvey div#csvDownload dd {
	background: #f5f4f1;
	text-align: center;
	height: 21px;
}

body#resultsurvey div#csvDownload dt,
body#resultsurvey div#csvDownload dd {
	float: left;
	padding: 5px 10px;
}

body#resultsurvey div#csvDownload label {
	margin-left: 5px;
}


/* クロス集計（Excelファイル）
--------------------------------------------------------- */
body#resultsurvey div#crossBox {
	border: 1px solid #E3E2DF;
	padding: 15px;
	margin-top: 15px;
}


/* 調査結果閲覧用ID/PASS 発行
--------------------------------------------------------- */
body#resultsurvey div.contentBlock2 div.innerBox {
	padding: 15px;
}

body#resultsurvey div.contentBlock2 dl.floatlist dt {
	width: 50px;
	font-weight: bold;
	line-height: 1.5;
}

body#resultsurvey div.contentBlock2 dl.floatlist dd {
	margin-left: 50px;
	line-height: 1.5;
}

/* 追加集計軸の設定
--------------------------------------------------------- */
body#resultsurvey p.setPrefix {
	margin-top: 0;
	padding-left: 15px;
}

body#resultsurvey p.setPrefix input {
	box-sizing: border-box;
	height: 30px;
	margin: 0 2px;
}

body#resultsurvey p.setPrefixNotice {
	padding-left: 15px;
	margin-top: 3px;
}

body#resultsurvey .additionalAxisTable .choice_line,
body#resultsurvey .additionalAxisTable #add_line {
	border-bottom: 1px solid #aaaaaa;
}

body#resultsurvey table.table2.additionalAxisTable {
	margin: 0;
}

body#resultsurvey table.table2.additionalAxisTable th,
body#resultsurvey table.table2.additionalAxisTable td {
	padding: 0;
}

body#resultsurvey table.table2.additionalAxisTable th {
	border-right: none;
}

body#resultsurvey table.table2.additionalAxisTable table.table5 {
	margin-top: 0;
	border: none;
}

body#resultsurvey table.table2.additionalAxisTable table.table5 td {
	border: none;
	padding: 10px;
}

body#resultsurvey table.table2.additionalAxisTable table.table5 th {
	padding: 10px;
	border-top: none;
	border-left: none;
}

/* FA
--------------------------------------------------------- */
body#fa {
	background: none;
	color: #606265;
}

body#fa div#container {
	width: 665px;
	margin-bottom: 0px;
}

body#fa div#faBox {
	padding: 20px;
}

body#fa h1 {
	font-weight: bold;
	color: #00a7ff;
}

body#fa p.method {
	background: url(../common/images/icon_dot1.gif) no-repeat 0px 50%;
	padding-left: 15px;
}

body#fa div#menu {
	margin-top: 20px;
}

body#fa div#menu ul li {
	float: left;
	line-height: 2;
}

body#fa div#menu ul li.menu1 {
	margin-right: 15px;
}

body#fa div#menu ul li.menu2 {
	margin-right: 2px;
}

body#fa div#menu ul li.menu4 {
	float: right;
}

body#fa div#menu ul li label {
	margin-right: 5px;
}

body#fa div#menu ul li img {
	vertical-align: middle;
}

body#fa table.table5 {
	margin-top: 5px;
}


/* 画像表示
--------------------------------------------------------- */
body#resultsurveyimage {
	background: none;
	color: #606265;
}

body#resultsurveyimage div#container {
	margin-bottom: 0px;
}

body#resultsurveyimage div#imageBox {
	padding: 20px;
}

body#resultsurveyimage h1 {
	font-weight: bold;
	color: #00a7ff;
}

body#resultsurveyimage div#menu {
	margin-top: 20px;
}

body#resultsurveyimage div#menu ul li {
	float: left;
	line-height: 2;
}

body#resultsurveyimage div#menu ul li.menu1 {
	margin-right: 15px;
}

body#resultsurveyimage div#menu ul li.menu2 {
	margin-right: 2px;
}

body#resultsurveyimage div#menu ul li.menu4 {
	float: right;
}

body#resultsurveyimage div#menu ul li label {
	margin-right: 5px;
}

body#resultsurveyimage div#menu ul li img {
	vertical-align: middle;
}

body#resultsurveyimage table.table5 {
	margin-top: 5px;
}


/* 調査結果印刷用ページ
--------------------------------------------------------- */
body#resultsurvey.resultsurveyPrint {
	background: none;
}

body#resultsurvey.resultsurveyPrint #column1 {
	margin: 0px auto;
}


/* 調査結果閲覧用ログインページ
--------------------------------------------------------- */
/* body#resultsurveyLogin { background: none; } */
/* body#resultsurveyLogin div#container { width:626px; } */
/* body#resultsurveyLogin div#content { margin-top:50px; } */
body#resultsurveyLogin div#column1 {
	margin: auto;
}

body#resultsurveyLogin div.borderBoxNormal {
	border-top: none;
	border-color: #E3E2DF;
}

body#resultsurveyLogin div.innerBox {
	padding: 10px 15px;
}

body#resultsurveyLogin div.innerBox #column2 {
	margin: 0px auto;
}

body#resultsurveyLogin div.innerBox #column2 div.contentBlock1 {
	margin: 40px 0px 20px;
}

body#resultsurveyLogin div.innerBox #column2 dl {
	width: 100%;
}

body#resultsurveyLogin div.innerBox #column2 dt {
	float: left;
	width: 70px;
	font-weight: bold;
	color: #606265;
	line-height: 1.0;
	padding-top: 8px;
}

body#resultsurveyLogin div.innerBox #column2 dd {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	width: 154px;
	float: right;
}

body#resultsurveyLogin div.innerBox #column2 dd input {
	background: #DDDDDD;
	width: 100%;
	border: 1px solid #DDDDDD;
}

body#resultsurveyLogin div.innerBox #column2 div.center {
	padding: 20px 0px 0px;
}

body#resultsurveyLogin div.innerBox p.center {
	font-weight: bold;
	font-size: 150%;
	margin-top: 10px;
}

body#resultsurveyLogin div.buttonBox {
	text-align: center;
	padding-top: 30px;
}


/* my集計アプリ　ダウンロード
--------------------------------------------------------- */
body#applicationDownload {
	background: none;
}

body#applicationDownload div.h2TitleBar {
	border-bottom: none;
}

body#applicationDownload .resizableTextareaBox {
	margin: 0 0 0 35px;
	width: 830px;
}


/* =========================================================
 Staff画面
========================================================= */
body#top.staff_top table th,
body#top.staff_top table td.nowrap,
body#staff table th,
body#staff table td.nowrap {
	white-space: nowrap;
}

/* ログイン画面
--------------------------------------------------------- */
body#top.staff_top div#header div img {
	vertical-align: middle;
}

body#top.staff_top div#header div img#logo {
	padding-right: 15px;
}

body#top.staff_top div#header div {
	width: 660px;
	float: left;
	padding-top: 12px;
	padding-left: 25px;
}

body#top.staff_top div#header {
	font-size: 100%;
	width: 950px;
	background: none;
	height: 90px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

body#top.staff_top div#content div.contentBlock1 {
	margin-top: 0px;
}

/* リサーチ案件作成画面
--------------------------------------------------------- */
body#staff div#menu .arrowMenuBox li.none {
	background: #FFFFFF;
}

body#staff div#researchlist.contentBlock1 {
	margin-top: 0;
}

body#staff div#content div#research.h2TitleBarTab {
	background-image: url(../images/staff/h3titlebar1_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 15px 2px 15px;
	border-bottom: 1px solid #c0c0c0;
	color: #404043;
}

body#staff div#content div#project.h2TitleBarTab {
	background-image: url(../images/staff/h3titlebar1_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 15px 2px 15px;
	border-bottom: 1px solid #c0c0c0;
	color: #404043;
}

body#staff div.h2TitleBarTab h2 {
	line-height: 21px;
	margin-top: 0px;
}

body#staff div.h2TitleBarTab h2.menu {
	float: left;
}

body#staff div.h2TitleBarTab p {
	line-height: 21px;
	float: left;
	margin: 0px 0px 0px 10px;
}

body#staff div.h2TitleBarTab p.more {
	font-size: 86.66%;
}

body#staff div.h2TitleBarTab p.more a.img {
	padding-left: 0;
	border-left: none;
}

body#staff div.h2TitleBarTab p.more a.img img {
	padding-bottom: 2px;
}

body#staff iv.h2TitleBarTab ul.menu li {
	float: left;
	padding: 0px 0px 0px 6px;
}

body#staff div.h2TitleBarTab div#tab {
	width: 288px;
	margin: 0 0 0 auto;
	height: 25px;
	padding: 0 0 3px 0;
}

body#staff div.h2TitleBarTab div#tab div.tab1 {
	width: 144px;
	float: left;
}

body#staff div.innerBox {
	padding: 15px;
}

body#staff div.innerBox div.contentBlock2 {
	background-image: url(../images/staff/contentblock1_upper.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 7px;
	width: 100%;
}

body#staff div.innerBox div.contentBlock2-inner {
	padding-top: 1px;
}

body#staff div.innerBox div.contentBlock2-inner {
	background-image: url(../images/staff/contentblock1_lower.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding-bottom: 3px;
}

body#staff div.innerBox div.serchBox {
	width: 350px;
	float: left;
}

body#staff div.innerBox div.createBox {
	width: 350px;
	float: left;
	margin-left: 15px;
}

body#staff div.innerBox div.formButtonBox {
	text-align: center;
	margin-top: 0px;
}

body#staff div.innerBox table.table7 {
	border: 1px solid #e3e2df;
}

body#staff div#content-inner div#information div.linkListBox ul li a {
	width: 490px;
}

body#staff div#content-inner table.table7 tr.create_dh {
	background: #f1f8ff;
}


/* my集計box 申込フォーム
--------------------------------------------------------- */
#agreementBox .legalBox {
	height: 16em;
	overflow: auto;
	margin: auto;
	padding: 1em;
	border: 1px solid #cccccc;
	text-align: left;
}

#agreementBox .legalBox div.innerBox div.innerBox {
	padding: 10px 1.5em 30px;
}

#agreementBox .legalBox div.innerBox ol,
#agreementBox .legalBox div.innerBox ul {
	margin: 10px 2em 10px;
}

#agreementBox .legalBox div.innerBox li {
	margin-top: 5px;
}

#agreementBox .legalBox h3 {
	font-size: 131%;
}

/* フッター部に規約等のリンクを配置する都合
--------------------------------------------------------- */
div#footer div.links {
	color: #adadad;
	font-style: normal;
	padding: 0px 0px 0px 90px;
}