@charset "UTF-8";
/*===========================================
        UIパーツ
===========================================*/

/* ボタン */
.uiButton {
	display: inline-block;
	position: relative;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 1px 1px rgba(255, 255, 255, 0.3) inset;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	white-space: nowrap;
}
.uiButton.disabled {cursor: default;}
.uiButton.disabled, .uiButton.cancel, .uiButton.back2, .personaBtnClear {
	color: #444444!important;
	background: #bdbdbd !important;
	background-image: -webkit-linear-gradient(top, #ebebeb, #bdbdbd)!important;
	background-image: linear-gradient(to bottom, #ebebeb, #bdbdbd)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#bdbdbd', GradientType=0)"!important;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 1px 1px rgba(255,255,255,0.2)!important;
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 1px 1px rgba(255,255,255,0.2)!important;
	box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 1px 1px rgba(255,255,255,0.2)!important;
	text-shadow: 0px 0px 0px rgba(000,000,000,0), 1px 1px 0px rgba(240,240,240,1)!important;
}
.uiButton.preview {
	background: #999 !important;
	background-image: -webkit-linear-gradient(bottom, #7a7a7a, #c7c7c7)!important;
	background-image: linear-gradient(to top, #7a7a7a, #c7c7c7)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a7a7a', endColorstr='#c7c7c7', GradientType=0)"!important;
}
.uiButton.back {
	background: #aaa !important;
	background-image: -webkit-linear-gradient(bottom, #bebebe, #dbdbdb)!important;
	background-image: linear-gradient(to top, #bebebe, #dbdbdb)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#dbdbdb', GradientType=0)"!important;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 1px 1px rgba(255,255,255,0.2)!important;
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 1px 1px rgba(255,255,255,0.2)!important;
	box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 1px 1px rgba(255,255,255,0.2)!important;
	text-shadow: 0px 0px 0px rgba(000,000,000,0), 1px 1px 0px rgba(240,240,240,1)!important;
	color: #656565;
}
/* サイズ小_サイドメニューオプション使用 */
.uiButton.o1 {
	height: 24px;
	padding: 4px 15px 0;
}
.uiButton.o2 {
	height: 24px;
	padding: 4px 35px 0;
}
/* サイズ小 */
.uiButton.s {
	height: 24px;
	padding: 6px 20px 0;
}
/* サイズ中 */
.uiButton.m {
	height: 32px;
	padding: 10px 32px 0;
}
.uiButton.m.icon {
	padding-left: 36px;
	padding-right: 14px;
}
.uiButton.m.icon span {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 7px;
	left: 9px;
}
.uiButton.m.icon.glass span {
	background-image: url(../images/icon_megane.png);
	background-position: 0 0;
}
/* サイズ大 */
.uiButton.l {
	height: 50px;
	padding: 19px 40px 0;
}
.uiButton.l.icon {
	padding-left: 60px;
	padding-right: 20px;
}
.uiButton.l.icon span {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px;
	left: 5px;
}
.uiButton.l.icon.plus span {
	background-image: url(../images/icon_plus.png);
	background-position: 0 0;
}
/* webtool用 */
.uiButton_webtool {
	display: inline-block;
	position: relative;
	border-radius: 5px;
	border-bottom: 1px solid #C5C5C5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*box-shadow: 0 5px 5px #ECECEC;*/
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #FFFFFF;
	white-space: nowrap;
	width: 110px;
	height: 110px;
	text-align: center;
	background: #E6E6E6;
}
.uiButton_webtool span {
	background-position: center 20px;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	left: 0px;
	padding: 80px 0 0;
}
/* スイッチ */
.uiSwitch {
	display: inline-block;
	width: 91px;
	height: 27px;
	position: relative;
	padding-top: 7px;
	padding-left: 10px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset, 0 -1px 1px rgba(255,255,255,0.3) inset;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #d6d6d6;
	background-image: -webkit-linear-gradient(bottom, #c1c1c1, #b5b5b5);
	background-image: linear-gradient(to top, #c1c1c1, #b5b5b5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#b5b5b5', GradientType=0)";
	color: #ffffff;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	padding-left: 42px;
}
.uiSwitch:after {
	border-radius: 5px 5px 5px 5px;
	content: "";
	height: 25px;
	position: absolute;
	right: 59px;
	top: 0;
	width: 30px;
	border: 1px solid #c8c8c8;
	background: #fcfcfc; /* Old browsers */
	background-image: -webkit-linear-gradient(top, #fcfcfc 40%, #e0e0e0 100%);
	background-image: linear-gradient(to bottom, #fcfcfc 40%, #e0e0e0 100%);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e0e0e0', GradientType=0);
}
.uiSwitch.on {
	padding-left: 20px;
	background: #666;
}
.uiSwitch.on:after {
	content: " ";
	right: 0;
}
/* ボタンスイッチ */
.uiButtonSwitch {
	display: inline-block;
	position: relative;
	height: 24px;
	padding: 6px 20px 0 30px;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 1px 1px rgba(255, 255, 255, 0.3) inset;
	background: #ddd;
	background-image: -webkit-linear-gradient(bottom, #bbb, #ddd);
	background-image: linear-gradient(to top, #bbb, #ddd);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dddddd', GradientType=0)";
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	white-space: nowrap;
}
.uiButtonSwitch.active {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 -1px 1px rgba(255, 255, 255, 0.3) inset;
	background: #bbb;
	background-image: -webkit-linear-gradient(bottom, #bbb, #ddd);
	background-image: linear-gradient(to top, #bbb, #ddd);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dddddd', GradientType=0)";
	text-shadow: 0 -1px 0 #fff;
}
.uiButtonSwitch:after {
	content: "▼";
	position: absolute;
	top: 6px;
	left: 10px;
}
.uiButtonSwitch.active:after {
	content: "▲";
}
/* ヘッダメニュー */
.uiHeaderMenu {
	position: relative;
	height: 26px;
	border-radius: 5px;
	/*background: #224A2F;*/
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
.uiHeaderMenu.open {
	border-radius: 5px 5px 0 0;
}
.uiHeaderMenu p {
	padding: 8px 26px 0 10px;
}
.uiHeaderMenu p span {
	font-weight: bold;
}
.uiHeaderMenu p small {
	font-size: 10px;
}
.uiHeaderMenu p:after {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	top: 0;
	right: 0;
	background-image: url(../images/personal_arrow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.uiHeaderMenu ul {
	display: none;
	position: absolute;
	width: 100%;
	top: 26px;
	left: 0;
	z-index: 1;
	padding: 3px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.uiHeaderMenu ul a {
	display: block;
	padding: 5px 7px 5px;
	border-radius: 5px;
	color: #fff;
	white-space: nowrap;
}
/* ポップアップメニュー */
.uiPopupButton {
	position: relative;
}
.uiPopupMenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	margin-top: 10px;
	padding: 3px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 4px 1px rgba(0,0,0,0.3);
	border: solid 1px #cccccc\9;
}
.uiPopupMenu:before {
	content: "";
	position: absolute;
	top: -9px;
	left: 12px;
	border-bottom: 8px solid rgba(0, 0, 0, 0.3);
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: solid 8px #cccccc\9;
}
.uiPopupMenu:after {
	content: "";
	position: absolute;
	top: -8px;
	left: 12px;
	border-bottom: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.uiPopupMenu li a {
	display: block;
	padding: 15px 30px 15px;
	border-radius: 5px;
	color: #333;
	white-space: nowrap;
	background-color: #ffffff\9;
}
.uiPopupMenu li a:hover {
	background-color: #ebeef5;
}
.uiPopupMenu.disabled li a:hover {
	background-color: #ebeef5 !important;
}
.uiPopupMenu li a.icon {
	padding: 15px 30px 15px 60px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
.uiPopupMenu li a.icon.auth {
	background-image: url(../images/icon_auth.png);
}
.uiPopupMenu li a.icon.pageDispCond {
	background-image: url(../images/icon_qstdispcond.png);
}
.uiPopupMenu li a.icon.qstRand {
	background-image: url(../images/icon_optrand.png);
}
.uiPopupMenu li a.icon.dispAns {
	background-image: url(../images/icon_dispans.png);
}
.uiPopupMenu li a.icon.link {
	background-image: url(../images/icon_link.png);
}
.uiPopupMenu li a.icon.halfway {
	background-image: url(../images/icon_halfway.png);
}
.uiPopupMenu li a.icon.addTxt {
	background-image: url(../images/icon_txt.png);
}
.uiPopupMenu li a.icon.addImg, .uiPopupMenu li a.icon.img {
	background-image: url(../images/icon_img.png);
}
.uiPopupMenu li a.icon.qstDispCond {
	background-image: url(../images/icon_dispcond.png);
}
.uiPopupMenu li a.icon.qptDispCond {
	background-image: url(../images/icon_qptdispcond.png);
}
.uiPopupMenu li a.icon.optDispCond {
	background-image: url(../images/icon_dispcond.png);
}
.uiPopupMenu li a.icon.skip {
	background-image: url(../images/icon_skip.png);
}
.uiPopupMenu li a.icon.optRand, .uiPopupMenu li a.icon.qptRand {
	background-image: url(../images/icon_rand.png);
}
.uiPopupMenu li a.icon.exc {
	background-image: url(../images/icon_exc.png);
}
.uiPopupMenu li a.icon.head {
	background-image: url(../images/icon_head.png);
}
.uiPopupMenu li a.icon.midashi {
	background-image: url(../images/icon_h.png);
}
.uiPopupMenu li a.icon.br {
	background-image: url(../images/icon_br.png);
}
/* 32pxアイコンボタン */
.ui32IconBtn {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	outline: none;
	text-indent: -9999px;
}
.ui32IconBtn.btnPull {
	width: 40px;
	height: 30px;
}
.uiBtnQuestion {
	background-image: url("../images/btn_pull_question01.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	margin: -10px 0 -4px 10px;
	outline: medium none;
	text-indent: -9999px;
	width: 20px;
	position: absolute;
}
.uiBtnQuestion2 {
	background-image: url("../images/btn_pull_question02.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	margin: -3px 0 0 3px;
	outline: medium none;
	text-indent: -9999px;
	width: 20px;
	position: absolute;
}
.uiBtnQuestion3 {
	display: inline-block;
	position: absolute;
	width: 38px;
	height: 30px;
	margin: 3px 0 0 8px;
	background: url("../images/btn_pull_question03.png") 0 0 no-repeat;
	outline: medium none;
}
.uiBtnQuestion3 > span {
	display: none;
	position: absolute;
	z-index: 52;
}
.uiBtnQuestion3:hover > span {
	display: block;
	margin: -20px 0 0 38px;
	padding: 7px 15px;
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	border: solid 5px #aaaaaa;
	background: #ffffff;
	box-shadow: 0 1px 4px 4px rgba(0, 0, 0, 0.1);
}
.uiBtnQuestion3:hover > span:before {
	position: absolute;
	z-index: 53;
	width: 10px;
	height: 16px;
	margin: 10px 0 0 -30px;
	content: '';
	background: url("../images/btn_pull_question03_arrow.png") 50% 50% no-repeat;
}
.uiBtnQuestion3:hover > span > span {
	display: block;
	margin: 8px 0;
}
.uiBtnQuestion3:hover > span a {
	display: block;
	margin: 20px 0 8px;
}
/* 32pxアイコンボタン用アイコン */
.ui32IconBtn.uiIcoEdit {
	background-image: url(../images/icon_edit.gif);
}
.ui32IconBtn.uiIcoSetting {
	background-image: url(../images/icon_setting.gif);
}
.ui32IconBtn.uiIcoRemove {
	background-image: url(../images/icon_ash.gif);
}
.ui32IconBtn.uiIcoUp {
	background-image: url(../images/icon_arrow_t.gif);
}
.ui32IconBtn.uiIcoDown {
	background-image: url(../images/icon_arrow_d.gif);
}
.ui32IconBtn.uiIcoPull {
	background-image: url(../images/btn_pull.gif);
}
.ui32IconBtn.uiIcoFldAdd {
	background-image: url(../images/enq_new.gif);
}
.ui32IconBtn.uiIcoFldDel {
	background-image: url(../images/enq_ash.gif);
}
.ui32IconBtn.uiIcoFolder {
	background-image: url(../images/icon_folder_gray.png);
}
.ui32IconBtn.uiIcoPen {
	background-image: url(../images/icon_pen.png);
}
.ui32IconBtn.uiIcoPen.dis {
	background-image: url(../images/icon_pen_dis.png);
}
.ui32IconBtn.uiIcoPub {
	background-image: url(../images/icon_men.png);
}
.ui32IconBtn.uiIcoResult {
	background-image: url(../images/icon_graph.png);
}
.ui32IconBtn.uiIcoResult.dis {
	background-image: url(../images/icon_graph_dis.png);
}
.ui32IconBtn.uiIcoLeft {
	background-image: url(../images/folder_arrow_l.gif);
}
.ui32IconBtn.uiIcoRight {
	background-image: url(../images/folder_arrow_r.gif);
}
.ui32IconBtn.uiIcoGraph {
	background-image: url(../images/icon_graph01.png);
}
.ui32IconBtn.uiIcoGraph2 {
	background-image: url(../images/icon_graph3.png);
}
.ui32IconBtn.uiIcoGraph3 {
	background-image: url(../images/icon_graph4.png);
}
.ui32IconBtn.uiIcoGraph4 {
	background-image: url(../images/icon_graph5.png);
}
.ui32IconBtn.uiIcoSort {
	background-image: url(../images/icon_sort.png);
}
.ui32IconBtn.uiIcoChoice {
	background-image: url(../images/icon_choice.png);
}
.ui32IconBtn.uiIcoDl {
	background-image: url(../images/icon_dl.png);
}
.ui32IconBtn.uiIco1column.on {
	background-image: url(../images/icon_1column.png);
}
.ui32IconBtn.uiIco1column {
	background-image: url(../images/icon_1column2.png);
}
.ui32IconBtn.uiIcoFlex.on {
	background-image: url(../images/icon_flex.png);
}
.ui32IconBtn.uiIcoFlex {
	background-image: url(../images/icon_flex2.png);
}
.ui32IconBtn.uiIcoDisplay.on {
	background-image: url(../images/icon_display.png);
}
.ui32IconBtn.uiIcoDisplay {
	background-image: url(../images/icon_display2.png);
}
/* 32pxアイコンテキストボタン */
.ui32IconTxtBtn {
	display: inline-block;
	height: 32px;
	padding: 10px 12px 0 48px;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #a3acac;
	background-repeat: no-repeat;
	color: #fff;
}
.ui32IconTxtBtn.shadow {
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
}
/* 32pxアイコンテキストボタン用アイコン */
.ui32IconTxtBtn.uiIcoAdd {
	background-image: url(../images/icon_plus.gif);
	background-image: url(../images/icon_plus_new_ie8.gif)\9;
}
.ui32IconTxtBtn.uiIcoDivide {
	background-image: url(../images/icon_hasami.gif);
	background-image: url(../images/icon_hasami_ie8.gif)\9;
}
.ui32IconTxtBtn.uiIcoConnect {
	background-image: url(../images/icon_connect.png);
	background-image: url(../images/icon_connect_ie8.png)\9;
}
/* 26pxアイコンボタン */
.ui26IconBtn {
	display: block;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	outline: none;
	text-indent: -9999px;
}
/* 26pxアイコンボタン用アイコン */
.ui26IconBtn.uiIcoDown {
	background-image: url(../images/personal_arrow.png);
}
.ui26IconBtn.uiIcoHelp {
	background-image: url(../images/help.png);
}
.blackTheme .ui26IconBtn.uiIcoHelp {
	background-image: url(../images/help2.png);
}
.ui26IconBtn.uiIcoDb {
	background-image: url(../images/icon_edit02.gif);
}
.ui26IconBtn.uiIcoQues {
	background-image: url(../images/icon_ques.gif); /*0619 add : suzuki*/
}
/* 24pxアイコンボタン用アイコン */
.ui24IconBtn {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	outline: none;
	text-indent: -9999px;
}
.ui24IconBtn.uiIcoDeleteBtn {
	background-image: url(../images/btn_edit_delete01.gif);
}
.ui24IconBtn.uiIcoUpBtn {
	background-image: url(../images/btn_edit_up.gif);
}
.ui24IconBtn.uiIcoDownBtn {
	background-image: url(../images/btn_edit_down.gif);
}
/* 176pxアイコンボタン */

.uiPopupButtonWrap {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 50;
}
.uiPopupButtonWrap div:first-child + div {
	margin-top: 10px;
}
.ui176IconBtnWrap {
	background-repeat: no-repeat;
	height: 32px;
	width: 146px;
}
.ui176IconBtnWrap .txt {
	font-size: 10px;
	color: #FFF;
}
.ui176IconBtn {
	display: block;
	width: 176px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	outline: none;
	font-size: 10px;
	color: #FFF;
}
.ui176IconBtn.questionIcon {
	background-image: url(../images/btn_edit01.gif);
}
.ui176IconBtn.star {
	background-image: url(../images/btn_edit02.gif);
}
/* 210pxアイコンボタン */

.uiPopupButtonWrap {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 50;
}
.uiPopupButtonWrap div:first-child + div {
	margin-top: 10px;
}
.ui210IconBtnWrap {
	background-repeat: no-repeat;
	height: 32px;
	width: 180px;
}
.ui210IconBtnWrap .txt {
	font-size: 10px;
	color: #FFF;
}
.ui210IconBtn {
	display: block;
	width: 210px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	outline: none;
	font-size: 10px;
	color: #FFF;
}
.ui210IconBtn.pen {
	background-image: url(../images/btn_edit03.gif);
}
.ui210IconBtn.star {
	background-image: url(../images/btn_edit04.gif);
}
.ui240IconBtnWrap {
	background-repeat: no-repeat;
	height: 32px;
	width: 240px;
}
.ui240IconBtn.mail {
	background-image: url(../images/btn_share_mail.gif);
	display: block;
	height: 32px;
	width: 240px;
	margin: 0;
	right: -30px;
	position: absolute;
}
/* サイドバーボタン */
.uiSidebarBtn {
    filter:alpha(opacity=50); /*IE*/
    	opacity: 0.5;
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	outline: none;
	text-indent: -9999px;
	background-color: #e7e7e7\9;
}
.uiSidebarBtn:hover {
    filter:alpha(opacity=100); /*IE*/
    opacity: 1.0;
}
/* サイドバーボタン用アイコン */
.uiSidebarBtn.uiIcoOpt {
	background-image: url(../images/side_set.png);
}
.uiSidebarBtn.uiIcoCopy {
	background-image: url(../images/side_sentence.png);
}
.uiSidebarBtn.uiIcoDivide {
	background-image: url(../images/side_scissor.png);
}
.uiSidebarBtn.uiIcoPaste {
	background-image: url(../images/side_memo.png);
	background-position: 65% 50%;
}
.uiSidebarBtn.uiIcoPreview {
	background-image: url(../images/side_search.png);
	background-position: 55% 50%;
}
.uiSidebarBtn.uiIcoPrint {
	background-image: url(../images/side_print.png);
}
.uiSidebarBtn.uiIcoTrash {
	background-image: url(../images/side_ash.png);
}
.uiSidebarBtn.uiIcoSecurity {
	background-image: url(../images/side_security.png);
}
.uiSidebarBtn.uiIcoPalette {
	background-image: url(../images/side_palette.png);
}
.uiSidebarBtn.uiIcoFolder {
	background-image: url(../images/side_folder.png);
}
.uiSidebarBtn.uiIcoResultFolder {
	background-image: url(../images/side_resultFolder.png);
}
.uiSidebarBtn.uiIcoDownload {
	background-image: url(../images/side_download.png);
}
.uiSidebarBtn.uiIcoShare {
	background-image: url(../images/side_share.png);
}
.uiSidebarBtn.uiIcoDl {
	background-image: url(../images/side_dl.png);
}
.uiSidebarBtn.uiIcoOut {
	background-image: url(../images/side_out.png);
}
.uiSidebarBtn.uiIconnect {
	background-image: url(../images/side_connect.png);
}
/* サイドバーポップアップ */
.uiSidebarPopup {
	display: none;
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 1;
	margin-left: 10px;
	border-radius: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1px 4px 1px rgba(0,0,0,0.3);
}
.uiSidebarPopup:after {
	content: "";
	position: absolute;
	top: 18px;
	left: -8px;
	border-right: 8px solid #000;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
    filter:alpha(opacity=70); /*IE*/
    opacity: 0.7;
}
.uiSidebarPopup .head {
	height: 50px;
	background: #000000;
    filter:alpha(opacity=75); /*IE*/
    opacity: 0.75;
	border-radius: 8px 8px;
}
.uiSidebarPopup .head:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.uiSidebarPopup .head h2 {
	float: left;
	margin: 18px 12px 0;
	color: #fff;
	font-size: 14px;
	white-space: nowrap;
}
.uiSidebarPopup .head div {
	float: right;
	margin-top: 13px;
	white-space: nowrap;
}
.uiSidebarPopup .head div a {
	margin-right: 15px;
}
.uiSidebarPopup .cont {
	display: none;
	max-height: 570px;
	overflow: auto;
	background: #fff;
	border-radius: 0 0 8px 8px;
	white-space: nowrap;
	border: solid 1px #cccccc\9;
	border-top: none\9;
}
.uiSidebarPopup .cont ul {
	padding: 3px;
}
.uiSidebarPopup .cont li a {
	display: block;
	padding: 15px 30px 15px 30px;
	border-radius: 8px;
	color: #333;
	white-space: nowrap;
}
.uiSidebarPopup .cont li a:hover {
	background-color: #ebeef5;
}
/* ラジオボタン */
.uiRadio.disabled {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.uiRadio input {
    /* IE8 では display: none にするとイベントが飛ばないので見えないところに表示する */
     display: none;
     /*position: absolute;
     z-index: -10;*/
}
.uiRadio input.logic_textbox {
	display: block;
	position: static;
}
.uiRadio label {
	cursor: pointer;
	display: block;
	font-size: 16px;
	/*height: 23px;*/
	padding: 3px 0 0 10px;
}
.table_qtype_radio .uiRadio label {
	display: inline-table; /*0902変更*/
	height: 30px;
}
tbody.cellColor td.uiRadio label {
	position: relative;
}
.right .uiRadio label {
	text-align: right;
}
.uiRadio.disabled label {
	cursor: default;
	background: none !important;
}
.uiRadio label q {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 16px;
	background-position: 0 -1px;
	vertical-align: text-top;
}
.right .uiRadio label q {
	margin-left: 16px;
}
.uiRadio.checked label q {
	background-position: 0 -22px;
}
table.uiRadio {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	word-wrap: break-word;
}
.uiCheck label q.star {
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-right: 16px;
	background-position: 0 -1px;
	vertical-align: text-top;
}
.uiCheck.checked label q.star {
	background-position: 0 -40px;
}
.uiCheck .starCheck label q.star {
	background-position: 0 -40px;
}
/* スケール */
.uiScale {
	position: relative;
	width: 100%;
	margin-bottom: -20px;
	overflow: hidden;
}
.uiScaleInner {
	padding-bottom: 20px;
  display: table-row-group;
}
.uiScaleInner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.uiScaleInner > div {
  display: table-cell;
  /*margin-left: 0px;*/
	/*width: 75px;*/
	margin-left: 20px;
  width: 92px;
  text-align: center;
  vertical-align: bottom;
}
.uiScaleInner > div:first-child {
	/*margin-left: 0;*/
}
.uiScale input {
	display: none;
}
.uiScale label {
	display: block;
	cursor: pointer;
}
.uiScale .face label {
	padding-top: 50px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.uiScale .face.a label {
	background-image: url(../images/img_q3_face01.png);
}
.uiScale .face.b label {
	background-image: url(../images/img_q3_face02.png);
}
.uiScale .face.c label {
	background-image: url(../images/img_q3_face03.png);
}
.uiScale .face.d label {
	background-image: url(../images/img_q3_face04.png);
}
.uiScale .face.e label {
	background-image: url(../images/img_q3_face05.png);
}
.uiScale label q {
	display: block;
	height: 21px;
	margin: 10px auto 0;
	width: 20px;
}
.uiScale .checked label q {
	background-position: 0 -22px;
}
.uiScale .star label q {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background-image: url(../images/radio_star.png);
	background-position: -5px -4px;
}
.uiScale .star.hover label q, .uiScale .star.checked label q {
	background-position: -5px -44px;
}
.uiCheck label.nonHover:hover {
	background: transparent !important;
}
/* チェックボックス */
.uiCheck.disabled {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.uiCheck.disabled q {
  background: #FFF;
  background-position: 0 -1px;
}
.uiCheck input {
    /* IE8 では display: none にするとイベントが飛ばないので見えないところに表示する */
     display: none;
     /*position: absolute;
     z-index: -10;*/
}
.uiCheck input.logic_textbox {
	display: block;
	position: static;
}
.uiCheck label {
	/*display: block;*/
	display: inline-table; /*0902変更*/
	width: 100%; /* 0902追加 */
	height: 30px;
	padding: 10px 0 0 10px;
	font-size: 16px;
	cursor: pointer;
}
.right .uiCheck label {
	text-align: right;
}
.uiCheck.disabled label {
	cursor: default;
	background: none !important;
}
.uiCheck label q {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 16px;
	background-position: 0 -1px;
	vertical-align: text-top;
}
.uiMatrixVertical .uiCheck label {
	height: auto;
}
.uiMatrixVertical .uiCheck label q {
	margin:2px 0;
}
.right .uiCheck label q {
	margin-left: 16px;
}
.uiCheck.checked label q {
	background-position: 0 -22px;
}
table.uiCheck {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	word-wrap: break-word;
}
.right .addImgEdit {
	float: right;
	margin: 10px 50px;/*	float: right;
	margin: 50px 40px 0 0;*/
}
/* グループボタン */
.uiGroupedButton:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.uiGroupedButton input {
	display: none;
}
.uiGroupedButton label {
	display: block;
	float: left;
	width: 60px;
	height: 30px;
	margin-left: 1px;
	padding-top: 9px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #aaa;
	color: #fff;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}
.uiGroupedButton label.l {
	margin-left: 0;
	border-radius: 5px 0 0 5px;
}
.uiGroupedButton label.r {
	border-radius: 0 5px 5px 0;
}
.uiGroupedButton label.l.r {
	margin-left: 0;
	border-radius: 5px;
}
/* セレクトボックス */
.uiSelect {
	position: relative;
	width: 390px;
	height: 40px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	background: #e6e6e6;
	font-size: 14px;
	cursor: pointer;
}
.uiSelect.s {/* 横幅AUTO*/
	width: auto!important;
}
.uiSelect.disabled {
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default;
}
.uiSelect.open {
	border-radius: 5px 5px 0 0;
}
.uiSelect > p {
	position: relative;
	padding: 15px 40px 0 15px;
}
.uiSelect > p:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	border-radius: 0 5px 5px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	background-color: #b8b8b8;
	background-image: url(../images/icon_pull.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.uiSelect.open p:after {
	border-radius: 0 5px 0 0;
}
.uiSelect ul {
	display: none;
	position: absolute;
	width: 100%;
	max-height: 310px;
	top: 40px;
	left: 0;
	z-index: 1;
	padding: 3px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: auto;
	background: #fff;
}
.uiSelect ul li {
	padding: 12px 37px 12px 12px;
	border-radius: 5px;
}
.uiSelect ul li:hover {
	background-color: #eee;
}
/* ランキング */
.uiRanking {
	width: 100%;
	table-layout: fixed;
}
.uiRanking td:first-child {
	width: 190px;
	padding: 8px 8px 8px 10px;
}
/* テキストボックス */
.uiTextbox {
	margin: 15px 0;
	display: inline-block;
}
.uiTextbox textarea {
	display: block;
/*	width: 100%;
	min-height: 100px;
*/	padding: 2px 0 0 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: 0;
	font-size: 16px;
	resize: vertical;
}
.uiTextbox p {
	color: #999999;/*margin:5px 0 0 0;*/
}
.uiTextbox p span {
	font-size: 18px;
}
/* テキストボックス 複数*/
.uiTextboxes textarea {
	display: block;
	width: 100%;
	padding: 2px 0 0 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: 0;
	font-size: 16px;
	resize: vertical;
}
.uiTextes {
	margin: 15px 0;
	padding: 2px 10px 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
}
.uiTextes input {
	display: block;
	width: 100%;
	border: none;
	background: transparent;
	outline: 0;
	font-size: 16px;
}
/* テキストボックス ガイドあり*/
.textGuideCell .uiText.guide {
	display: inline-block;
    width: 40%;
	margin: 15px 0;
	padding: 2px 10px 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
}
.textGuideCell .uiText.guide input {
	border: none;
	background: transparent;
	outline: 0;
	font-size: 16px;
}
p.guideTxt {
    color: #cc1f1f;
    font-size: 12px;
    margin-top:2px;
    margin-left:5px;
    display: inline-block;
}
/* テキストボックス 合計 */
table.uiTextboxSum {
	white-space: nowrap;
	border-spacing: 15px;
	border-collapse: separate;
	word-wrap: break-word;
}
.uiTextboxSum tbody tr td:first-child {
	width: 150px;
	vertical-align: middle;
}
.uiTextboxSum tbody tr td .uiText input {
	text-align: right;
	width: 300px;
}
.uiTextboxSum tbody tr td.sum {
	color: #999;
	text-align: right;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
}
.uiTextboxSum tbody tr td span {
	font-size: 18px;
}
/* テキストボックス 個人情報 */
table.uiTextboxPersonal {
	white-space: nowrap;
	border-spacing: 15px;
	border-collapse: separate;
	word-wrap: break-word;
	table-layout: auto;
}
table.uiTextboxPersonal p {
	color: #333;
}
.uiTextboxPersonal tbody tr td:first-child {
	width: 160px;
	vertical-align: middle;
}
.uiTextboxPersonal .m {
	width: 300px;
}
.uiTextboxPersonal .l {
	width: 450px;
}
.uiTextboxPersonal .s {
	width: 200px !important;
}
/* マトリックス */
.ti-1 {
	text-indent: 1em;
}
.uiMatrix {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	/*border-spacing: 0 10px;*/
	word-wrap: break-word;
}
.uiMatrix .cellColor {
}
.uiMatrix thead {
	margin: 0 0 0 30px;
}
.uiMatrix thead tr.midashiBg th:first-child {
	background: none !important;
}
.uiMatrix thead tr.midashiBg th:last-child {
	border: none;
}
.uiMatrix thead tr.midashiBg th {
	color: #FFF;
	border-right: 1px solid #FFF;
	padding: 4px 0 0;
}
.uiMatrix thead th,
.uiMatrix tbody .choices_repaint th {
	font-weight: normal;
	vertical-align: top;
	line-height: 1.4em;
	padding: 4px 0 0;
}
.uiMatrix thead tr {
	height: 30px;
}
.uiMatrix tbody .choices_repaint {
	height: 100%;	
}
.uiMatrix tbody .choices_repaint th {
	background-color: #FFF!important;
	min-height: 30px;
}
.uiMatrix tbody th {
	border-radius: 0 0 0 0!important;
	font-weight: normal;
}
.uiMatrix tbody th:first-child {
	padding: 5px 10px 5px 10px;
	background-color: transparent !important;
}
.uiMatrix tbody tr:first-child + tr + tr > th {
	background-color: #FFF!important;
}
.uiMatrix tbody th p:first-child {
	float: left;
}
.uiMatrix tbody tr th p span:first-child {
	margin: 0 0 0 5px;
	float: left;
}
.uiMatrix tbody tr th p span:first-child +span {
	float: right;
	margin: 0 5px 0 0;
}
.uiMatrix tbody tr:first-child {
	margin: 5px 0 0 0;
}
.uiMatrix tbody th p span:first-child {
	float: left;
}
.uiMatrix tbody th p span:first-child + span {
	float: right;
}
.uiMatrix .uiRadio label {
	text-align: center;
}
.uiMatrix .uiCheck label {
	text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}
.uiMatrix .cellBack {
	width: 100%;
	padding: 10px 0;
	border-radius: 6px 6px 6px 6px;
}
.uiMatrix .cellBack02 {
	background-color: #F7F7F7;
}
.uiMatrix td.uiRadio, .uiMatrix td.uiCheck {
	position: relative;
	/*top: -10px;*/
	vertical-align: middle;
}
#pageEdit .questionContent .questionTitle .headNumber, .uiMatrix thead .announceTitle {
	margin-right: 10px;
	font-size: 30px;
	font-weight: bold;
}
/* マトリックス 縦 */
.uiMatrixVertical {
	position: relative;
	width: 100%;
	margin-bottom: -20px;
	overflow: hidden;
}
.uiMatrixVertical table {
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: separate;
	/*border-spacing: 10px;*/
	word-wrap: break-word;
}
.uiMatrixVertical thead tr.midashiBg th:first-child {
	background: none !important;
}
.uiMatrixVertical thead tr.midashiBg th {
	width: auto;
	color: #fff;
	border-right: 1px solid #FFF;
    vertical-align: middle;
}
.uiMatrixVertical tbody tr.midashiBg td {
    padding-left: 5px;
    padding-top: 15px;
}
.uiMatrixVertical thead th:last-child {
	border: none !important;
}
.uiMatrixVertical thead th,
.uiMatrixVertical tbody th {
	width: 109px;
	font-weight: normal;
	/*text-align: left;*/
	vertical-align: top;
	text-align: center;
}
.uiMatrixVertical thead tr {
	height: 36px;
}
.uiMatrixVertical th {
	padding: 10px;
}
.uiMatrixVertical tbody th {
	border-radius: 0 0 0 0!important;
}
.uiMatrixVertical th.colorG {
    background-color:#F7F7F7;
}
.uiMatrixVertical tbody td {
	padding: 10px 0 5px 0;
}
.uiMatrixVertical tbody td:first-child {
	padding: 10px 10px 15px 0;
}
.uiMatrixVertical thead th.arrowIcon.colorG,
.uiMatrixVertical tbody th.arrowIcon.colorG {
    background-color:#F7F7F7;
}
.uiMatrixVertical thead th.arrowIcon,
.uiMatrixVertical tbody th.arrowIcon {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
}
.uiMatrixVertical tbody td.uiRadio, .uiMatrixVertical tbody td.uiCheck {
	text-align: center;
}
.uiMatrixVertical tbody td.uiRadio.colorG, .uiMatrixVertical tbody td.uiCheck.colorG {
    background-color:#F7F7F7;
}
/* 普通のテキストボックス */
.uiText {
	padding: 2px 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
	vertical-align: middle;
}
.uiText.disabled {
	background: #eee;
}
.uiText input {
	display: block;
	width: 100%;
	border: none;
	background: transparent;
	outline: 0;
	font-size: 16px;
	margin-top: -1px;
}
.uiText.s {
	/*width: 160px;*/
	width: 60px;
}
.uiText.m {
	width: 75px !important;
}
.uiText.l {
	width: 125px !important;
}
.uiText.s input {
	display: block;
	width: 100%;
	border: none;
	background: transparent;
	outline: 0;/*font-size: 13px;*/
}
/* テキストエリア */
.uiTextarea {
}
.uiTextarea textarea {
	display: block;
/*	width: 100%;
	height: 100px;
*/	padding: 2px 0 0 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: 0;
	font-size: 16px;
}
/* その他項目 */
.uiSonota {
	display: inline-block;
	width: 100%;
}
.uiSonota .uiCheck, .uiSonota .uiText {
	display: inline-block;
}
/*
.uiSonota .uiCheck {
	margin: 0 5px 0 0;
}
*/
.uiSonota .uiText {
	display: inline-block;
	width: 70%;
}
.right .uiSonota, .right .uiSonota .uiCheck, .right .uiSonota .uiText {
	display: block;
}
.right .uiSonota .uiText {
	width: 100%;
}
/* ドラッグ＆ドロップタグ */
.redTheme .dropArea .uiDDTag {
	background-color: #d80c18;
	width: 90px;
	height: 60px;
	margin: 10px;
	border-radius: 6px;
}
.dropArea .uiDDTag a {
	color: #FFF;
	float: right;
	margin: 3px 6px 0 0;
	font-size: 15px;
}
.dropArea .uiDDTag h2.questionTitle {
	padding: 20px 0 0 15px;
}
.dropArea .uiDDTag h2.questionTitle span {
	color: #fff;
}
/*===========================================
        カラーテーマ
===========================================*/

/* red */
.redTheme .header {
	background: #cc1f1f;
	background-image: -webkit-linear-gradient(bottom, #cc1f1f, #d52625);
	background-image: linear-gradient(to top, #cc1f1f, #d52625);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1f1f', endColorstr='#d52625', GradientType=0)";*/
}
.redTheme .uiButton, .redTheme p.plzUpgrade a, .redTheme ul.disabled li p.plzUpgrade, .redTheme .payment p.plzUpgrade, .redTheme .announcePay p.plzUpgrade, .redTheme .user_content h2 {
	background: #cc1f1f;
	background-image: -webkit-linear-gradient(bottom, #cc1f1f, #d52625);
	background-image: linear-gradient(to top, #cc1f1f, #d52625);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1f1f', endColorstr='#d52625', GradientType=0)";
}
.redTheme .header:after, .optionDialogCell p.selectRed {
	background: #cc1f1f;
}
.redTheme .uiSwitch.on {
	background: #cc1f1f;
	background-image: -webkit-linear-gradient(bottom, #d52625, #cc1f1f);
	background-image: linear-gradient(to top, #d52625, #cc1f1f);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d52625', endColorstr='#cc1f1f', GradientType=0)";
}
.redTheme .uiHeaderMenu ul a:hover {
	background-color: #e03d46;
}
.redTheme .enqueteTitle, .redTheme .questionTitle span.headNumber, .redTheme .overlay h4 span, .redTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .redTheme .announceTitle, .redTheme .methodselect h1 {
	color: #ec302e;
}
.redTheme .announceTitle, .redTheme .questionTitle span.headNumber, .redTheme .pageEditArea .editAreaA td.txt p.colortxt, .redTheme .questionTitle span.q {
	color: #ec302e;
}
.redTheme .uiMatrix thead tr.midashiBg th,.redTheme .uiMatrix tbody tr > th.cellTitle01, .redTheme .uiMatrixVertical thead tr.midashiBg th, .redTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #ec302e !important;
    color: #fff;
}
.redTheme .itemPalette, .redTheme .itemPaletteTab li.active, .redTheme .uiGroupedButton .checked {
	background-color: #d52625;
}
.redTheme .uiRadio label:hover, .redTheme .uiCheck label:hover, .redTheme .uiRanking tr:hover, .redTheme .uiMatrix tbody th, .redTheme .uiMatrix .cellBack, .overlay .redTheme .boxTypeQuestion ul li:hover, .redTheme .selected_plan {
	background: #fae4e3;
}
.redTheme .uiGroupedButton .checked {
	background-color: #d52625 !important;
}
.redTheme .uiRadio label:hover, .redTheme .uiCheck label:hover, .redTheme .uiRanking tr:hover, .redTheme .uiMatrix tbody th, .redTheme .uiMatrix .cellBack, .overlay .redTheme .boxTypeQuestion ul li:hover, .redTheme .graphPopupMenu li a:hover, .redTheme .sortPopupMenu li a:hover, .redTheme .payment {
	background-color: #fae4e3;
}
.redTheme .uiRadio label q, .redTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_red.png);
}
.redTheme .uiCheck label q {
	background-image: url(../images/check_red.png);
}
/* pink */
.pinkTheme .header {
	background: #ff9999;
	background-image: -webkit-linear-gradient(bottom, #ff9999, #f4a1a7);
	background-image: linear-gradient(to top, #ff9999, #f4a1a7);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#f4a1a7', GradientType=0)";*/
}
.pinkTheme .uiButton, .pinkTheme p.plzUpgrade a, .pinkTheme ul.disabled li p.plzUpgrade, .pinkTheme .payment p.plzUpgrade, .pinkTheme .announcePay p.plzUpgrade, .pinkTheme .user_content h2 {
	background: #ff9999;
	background-image: -webkit-linear-gradient(bottom, #ff9999, #f4a1a7);
	background-image: linear-gradient(to top, #ff9999, #f4a1a7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#f4a1a7', GradientType=0)";
}
.pinkTheme .header:after, .optionDialogCell p.selectPink {
	background: #ff9999;
}
.pinkTheme .uiSwitch.on {
	background: #ff9999;
	background-image: -webkit-linear-gradient(bottom, #f4a1a7, #ff9999);
	background-image: linear-gradient(to top, #f4a1a7, #ff9999);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4a1a7', endColorstr='#ff9999', GradientType=0)";
}
.pinkTheme .uiHeaderMenu ul a:hover {
	background-color: #ffadad;
}
.pinkTheme .enqueteTitle, .pinkTheme .questionTitle span.headNumber, .pinkTheme .overlay h4 span, .pinkTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .pinkTheme .announceTitle, .pinkTheme .methodselect h1 {
	color: #f2828b;
}
.pinkTheme .announceTitle, .pinkTheme .questionTitle span.headNumber, .pinkTheme .pageEditArea .editAreaA td.txt p.colortxt, .pinkTheme .questionTitle span.q {
	color: #f2828b;
}
.pinkTheme .uiMatrix thead tr.midashiBg th,.pinkTheme .uiMatrix tbody tr > th.cellTitle01, .pinkTheme .uiMatrixVertical thead tr.midashiBg th, .pinkTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #f2828b !important;
    color: #fff;
}
.pinkTheme .itemPalette, .pinkTheme .itemPaletteTab li.active, .pinkTheme .uiGroupedButton .checked {
	background-color: #f4a1a7;
}
.pinkTheme .uiRadio label:hover, .pinkTheme .uiCheck label:hover, .pinkTheme .uiRanking tr:hover, .pinkTheme .uiMatrix tbody th, .pinkTheme .uiMatrix .cellBack, .overlay .pinkTheme .boxTypeQuestion ul li:hover, .pinkTheme .selected_plan {
	background: #ffedee;
}
.pinkTheme .uiGroupedButton .checked {
	background-color: #f4a1a7 !important;
}
.pinkTheme .uiRadio label:hover, .pinkTheme .uiCheck label:hover, .pinkTheme .uiRanking tr:hover, .pinkTheme .uiMatrix tbody th, .pinkTheme .uiMatrix .cellBack, .overlay .pinkTheme .boxTypeQuestion ul li:hover, .pinkTheme .graphPopupMenu li a:hover, .pinkTheme .sortPopupMenu li a:hover, .pinkTheme .payment {
	background-color: #ffedee;
}
.pinkTheme .uiRadio label q, .pinkTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_pink.png);
}
.pinkTheme .uiCheck label q {
	background-image: url(../images/check_pink.png);
}
/* orange */
.orangeTheme .header {
	background: #e17100;
	background-image: -webkit-linear-gradient(bottom, #e17100, #eb7f1a);
	background-image: linear-gradient(to top, #e17100, #eb7f1a);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17100', endColorstr='#eb7f1a', GradientType=0)";*/
}
.orangeTheme .uiButton, .orangeTheme p.plzUpgrade a, .orangeTheme ul.disabled li p.plzUpgrade, .orangeTheme .payment p.plzUpgrade,.orangeTheme .announcePay p.plzUpgrade, .orangeTheme .user_content h2 {
	background: #e17100;
	background-image: -webkit-linear-gradient(bottom, #e17100, #eb7f1a);
	background-image: linear-gradient(to top, #e17100, #eb7f1a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17100', endColorstr='#eb7f1a', GradientType=0)";
}
.orangeTheme .header:after, .optionDialogCell p.selectOrange {
	background: #e17100;
}
.orangeTheme .uiSwitch.on {
	background: #e17100;
	background-image: -webkit-linear-gradient(bottom, #eb7f1a, #e17100);
	background-image: linear-gradient(to top, #eb7f1a, #e17100);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb7f1a', endColorstr='#e17100', GradientType=0)";
}
.orangeTheme .uiHeaderMenu ul a:hover {
	background-color: #ffad33;
}
.orangeTheme .enqueteTitle, .orangeTheme .questionTitle span.headNumber, .orangeTheme .overlay h4 span, .orangeTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .orangeTheme .announceTitle, .orangeTheme .methodselect h1 {
	color: #fd9637;
}
.orangeTheme .announceTitle, .orangeTheme .questionTitle span.headNumber, .orangeTheme .pageEditArea .editAreaA td.txt p.colortxt, .orangeTheme .questionTitle span.q {
	color: #fd9637;
}
.orangeTheme .uiMatrix thead tr.midashiBg th,.orangeTheme .uiMatrix tbody tr > th.cellTitle01, .orangeTheme .uiMatrixVertical thead tr.midashiBg th, .orangeTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #fd9637 !important;
    color: #fff;
}
.orangeTheme .itemPalette, .orangeTheme .itemPaletteTab li.active, .orangeTheme .uiGroupedButton .checked {
	background-color: #eb7f1a;
}
.orangeTheme .uiRadio label:hover, .orangeTheme .uiCheck label:hover, .orangeTheme .uiRanking tr:hover, .orangeTheme .uiMatrix tbody th, .orangeTheme .uiMatrix .cellBack, .overlay .orangeTheme .boxTypeQuestion ul li:hover, .orangeTheme .selected_plan {
	background: #fdebda;
}
.orangeTheme .uiGroupedButton .checked {
	background-color: #eb7f1a !important;
}
.orangeTheme .uiRadio label:hover, .orangeTheme .uiCheck label:hover, .orangeTheme .uiRanking tr:hover, .orangeTheme .uiMatrix tbody th, .orangeTheme .uiMatrix .cellBack, .overlay .orangeTheme .boxTypeQuestion ul li:hover, .orangeTheme .graphPopupMenu li a:hover, .orangeTheme .sortPopupMenu li a:hover, .orangeTheme .payment {
	background-color: #fdebda;
}
.orangeTheme .uiRadio label q, .orangeTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_orange.png);
}
.orangeTheme .uiCheck label q {
	background-image: url(../images/check_orange.png);
}
/* yellow */
.yellowTheme .header {
	background: #f5be52;
	background-image: -webkit-linear-gradient(bottom, #f5be52, #fac457);
	background-image: linear-gradient(to top, #f5be52, #fac457);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5be52', endColorstr='#fac457', GradientType=0)";*/
}
.yellowTheme .uiButton, .yellowTheme p.plzUpgrade a, .yellowTheme ul.disabled li p.plzUpgrade, .yellowTheme .payment p.plzUpgrade, .yellowTheme .announcePay p.plzUpgrade, .yellowTheme .user_content h2 {
	background: #f5be52;
	background-image: -webkit-linear-gradient(bottom, #f5be52, #fac457);
	background-image: linear-gradient(to top, #f5be52, #fac457);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5be52', endColorstr='#fac457', GradientType=0)";
}
.yellowTheme .header:after, .optionDialogCell p.selectYellow {
	background: #f5be52;
}
.yellowTheme .uiSwitch.on {
	background: #f5be52;
	background-image: -webkit-linear-gradient(bottom, #fac457, #f5be52);
	background-image: linear-gradient(to top, #fac457, #f5be52);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac457', endColorstr='#f5be52', GradientType=0)";
}
.yellowTheme .uiHeaderMenu ul a:hover {
	background-color: #ffd633;
}
.yellowTheme .enqueteTitle, .yellowTheme .questionTitle span.headNumber, .yellowTheme .overlay h4 span, .yellowTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .yellowTheme .announceTitle, .yellowTheme .methodselect h1 {
	color: #fdc659;
}
.yellowTheme .announceTitle, .yellowTheme .questionTitle span.headNumber, .yellowTheme .pageEditArea .editAreaA td.txt p.colortxt, .yellowTheme .questionTitle span.q {
	color: #fdc659;
}
.yellowTheme .uiMatrix thead tr.midashiBg th,.yellowTheme .uiMatrix tbody tr > th.cellTitle01, .yellowTheme .uiMatrixVertical thead tr.midashiBg th, .yellowTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #fdc659 !important;
    color: #fff;
}
.yellowTheme .itemPalette, .yellowTheme .itemPaletteTab li.active, .yellowTheme .uiGroupedButton .checked {
	background-color: #fac457;
}
.yellowTheme .uiRadio label:hover, .yellowTheme .uiCheck label:hover, .yellowTheme .uiRanking tr:hover, .yellowTheme .uiMatrix tbody th, .yellowTheme .uiMatrix .cellBack, .overlay .yellowTheme .boxTypeQuestion ul li:hover, .yellowTheme .selected_plan {
	background: #faefd8;
}
.yellowTheme .uiGroupedButton .checked {
	background-color: #fac457 !important;
}
.yellowTheme .uiRadio label:hover, .yellowTheme .uiCheck label:hover, .yellowTheme .uiRanking tr:hover, .yellowTheme .uiMatrix tbody th, .yellowTheme .uiMatrix .cellBack, .overlay .yellowTheme .boxTypeQuestion ul li:hover, .yellowTheme .graphPopupMenu li a:hover, .yellowTheme .sortPopupMenu li a:hover, .yellowTheme .payment {
	background-color: #faefd8;
}
.yellowTheme .uiRadio label q, .yellowTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_yellow.png);
}
.yellowTheme .uiCheck label q {
	background-image: url(../images/check_yellow.png);
}
/* lightgreen */
.lightgreenTheme .header {
	background: #86c253;
	background-image: -webkit-linear-gradient(bottom, #86c253, #8fba61);
	background-image: linear-gradient(to top, #86c253, #8fba61);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c253', endColorstr='#8fba61', GradientType=0)";*/
}
.lightgreenTheme .uiButton, .lightgreenTheme p.plzUpgrade a, .lightgreenTheme ul.disabled li p.plzUpgrade, .lightgreenTheme .payment p.plzUpgrade, .lightgreenTheme .announcePay p.plzUpgrade, .lightgreenTheme .user_content h2 {
	background: #86c253;
	background-image: -webkit-linear-gradient(bottom, #86c253, #8fba61);
	background-image: linear-gradient(to top, #86c253, #8fba61);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c253', endColorstr='#8fba61', GradientType=0)";
}
.lightgreenTheme .header:after, .optionDialogCell p.selectLightgreen {
	background: #86c253;
}
.lightgreenTheme .uiSwitch.on {
	background: #86c253;
	background-image: -webkit-linear-gradient(bottom, #8fba61, #86c253);
	background-image: linear-gradient(to top, #8fba61, #86c253);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fba61', endColorstr='#86c253', GradientType=0)";
}
.lightgreenTheme .uiHeaderMenu ul a:hover {
	background-color: #add685;
}
.lightgreenTheme .enqueteTitle, .lightgreenTheme .questionTitle span.headNumber, .lightgreenTheme .overlay h4 span, .lightgreenTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .lightgreenTheme .announceTitle, .lightgreenTheme .methodselect h1 {
	color: #86c253;
}
.lightgreenTheme .announceTitle, .lightgreenTheme .questionTitle span.headNumber, .lightgreenTheme .pageEditArea .editAreaA td.txt p.colortxt, .lightgreenTheme .questionTitle span.q {
	color: #86c253;
}
.lightgreenTheme .uiMatrix thead tr.midashiBg th,.lightgreenTheme .uiMatrix tbody tr > th.cellTitle01, .lightgreenTheme .uiMatrixVertical thead tr.midashiBg th, .lightgreenTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #86c253 !important;
    color: #fff;
}
.lightgreenTheme .itemPalette, .lightgreenTheme .itemPaletteTab li.active, .lightgreenTheme .uiGroupedButton .checked {
	background-color: #8fba61;
}
.lightgreenTheme .uiRadio label:hover, .lightgreenTheme .uiCheck label:hover, .lightgreenTheme .uiRanking tr:hover, .lightgreenTheme .uiMatrix tbody th, .lightgreenTheme .uiMatrix .cellBack, .overlay .lightgreenTheme .boxTypeQuestion ul li:hover, .lightgreenTheme .selected_plan {
	background: #f4feea;
}
.lightgreenTheme .uiGroupedButton .checked {
	background-color: #8fba61 !important;
}
.lightgreenTheme .uiRadio label:hover, .lightgreenTheme .uiCheck label:hover, .lightgreenTheme .uiRanking tr:hover, .lightgreenTheme .uiMatrix tbody th, .lightgreenTheme .uiMatrix .cellBack, .overlay .lightgreenTheme .boxTypeQuestion ul li:hover, .lightgreenTheme .graphPopupMenu li a:hover, .lightgreenTheme .sortPopupMenu li a:hover, .lightgreenTheme .payment {
	background-color: #f4feea;
}
.lightgreenTheme .uiRadio label q, .lightgreenTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_lightgreen.png);
}
.lightgreenTheme .uiCheck label q {
	background-image: url(../images/check_lightgreen.png);
}
/* green */
.greenTheme .header {
	background: #298600;
	background-image: -webkit-linear-gradient(bottom, #298600, #339900);
	background-image: linear-gradient(to top, #298600, #339900);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#298600', endColorstr='#339900', GradientType=0)";*/
}
.greenTheme .uiButton, .greenTheme p.plzUpgrade a, .greenTheme ul.disabled li p.plzUpgrade, .greenTheme .payment p.plzUpgrade, .greenTheme .announcePay p.plzUpgrade, .greenTheme .user_content h2 {
	background: #298600;
	background-image: -webkit-linear-gradient(bottom, #298600, #339900);
	background-image: linear-gradient(to top, #298600, #339900);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#298600', endColorstr='#339900', GradientType=0)";
}
.greenTheme .header:after, .optionDialogCell p.selectGreen {
	background: #298600;
}
.greenTheme .uiSwitch.on {
	background: #298600;
	background-image: -webkit-linear-gradient(bottom, #339900, #298600);
	background-image: linear-gradient(to top, #339900, #298600);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#298600', GradientType=0)";
}
.greenTheme .uiHeaderMenu ul a:hover {
	background-color: #5cad33;
}
.greenTheme .enqueteTitle, .greenTheme .questionTitle span.headNumber, .greenTheme .overlay h4 span, .greenTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .greenTheme .announceTitle, .greenTheme .methodselect h1 {
	color: #379A58;
}
.greenTheme .announceTitle, .greenTheme .questionTitle span.headNumber, .greenTheme .pageEditArea .editAreaA td.txt p.colortxt, .greenTheme .questionTitle span.q {
	color: #379A58;
}
.greenTheme .uiMatrix thead tr.midashiBg th,.greenTheme .uiMatrix tbody tr > th.cellTitle01, .greenTheme .uiMatrixVertical thead tr.midashiBg th, .greenTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #379A58 !important;
    color: #fff;
}
.greenTheme .itemPalette, .greenTheme .itemPaletteTab li.active, .greenTheme .uiGroupedButton .checked {
	background-color: #339900;
}
.greenTheme .uiRadio label:hover, .greenTheme .uiCheck label:hover, .greenTheme .uiRanking tr:hover, .greenTheme .uiMatrix tbody th, .greenTheme .uiMatrix .cellBack, .overlay .greenTheme .boxTypeQuestion ul li:hover, .greenTheme .selected_plan {
	background: #ebf5ee;
}
.greenTheme .uiGroupedButton .checked {
	background-color: #339900 !important;
}
.greenTheme .uiRadio label:hover, .greenTheme .uiCheck label:hover, .greenTheme .uiRanking tr:hover, .greenTheme .uiMatrix tbody th, .greenTheme .uiMatrix .cellBack, .overlay .greenTheme .boxTypeQuestion ul li:hover, .greenTheme .graphPopupMenu li a:hover, .greenTheme .sortPopupMenu li a:hover, .greenTheme .payment {
	background-color: #ebf5ee;
}
.greenTheme .uiRadio label q, .greenTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_green.png);
}
.greenTheme .uiCheck label q {
	background-image: url(../images/check_green.png);
}
/* lightblue */
.lightblueTheme .header {
	background: #86c2c2;
	background-image: -webkit-linear-gradient(bottom, #86c2c2, #99cccc);
	background-image: linear-gradient(to top, #86c2c2, #99cccc);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c2c2', endColorstr='#99cccc', GradientType=0)";*/
}
.lightblueTheme .uiButton, .lightblueTheme p.plzUpgrade a, .lightblueTheme ul.disabled li p.plzUpgrade, .lightblueTheme .payment p.plzUpgrade, .lightblueTheme .announcePay p.plzUpgrade, .lightblueTheme .user_content h2 {
	background: #86c2c2;
	background-image: -webkit-linear-gradient(bottom, #86c2c2, #99cccc);
	background-image: linear-gradient(to top, #86c2c2, #99cccc);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c2c2', endColorstr='#99cccc', GradientType=0)";
}
.lightblueTheme .header:after, .optionDialogCell p.selectLightblue {
	background: #86c2c2;
}
.lightblueTheme .uiSwitch.on {
	background: #86c2c2;
	background-image: -webkit-linear-gradient(bottom, #99cccc, #86c2c2);
	background-image: linear-gradient(to top, #99cccc, #86c2c2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cccc', endColorstr='#86c2c2', GradientType=0)";
}
.lightblueTheme .uiHeaderMenu ul a:hover {
	background-color: #add6d6;
}
.lightblueTheme .enqueteTitle, .lightblueTheme .questionTitle span.headNumber, .lightblueTheme .overlay h4 span, .lightblueTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .lightblueTheme .announceTitle, .lightblueTheme .methodselect h1 {
	color: #99cccc;
}
.lightblueTheme .announceTitle, .lightblueTheme .questionTitle span.headNumber, .lightblueTheme .pageEditArea .editAreaA td.txt p.colortxt, .lightblueTheme .questionTitle span.q {
	color: #99cccc;
}
.lightblueTheme .uiMatrix thead tr.midashiBg th,.lightblueTheme .uiMatrix tbody tr > th.cellTitle01, .lightblueTheme .uiMatrixVertical thead tr.midashiBg th, .lightblueTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #99cccc !important;
    color: #fff;
}
.lightblueTheme .itemPalette, .lightblueTheme .itemPaletteTab li.active, .lightblueTheme .uiGroupedButton .checked {
	background-color: #99cccc;
}
.lightblueTheme .uiRadio label:hover, .lightblueTheme .uiCheck label:hover, .lightblueTheme .uiRanking tr:hover, .lightblueTheme .uiMatrix tbody th, .lightblueTheme .uiMatrix .cellBack, .overlay .lightblueTheme .boxTypeQuestion ul li:hover, .lightblueTheme .selected_plan {
	background: #f4ffff;
}
.lightblueTheme .uiGroupedButton .checked {
	background-color: #99cccc !important;
}
.lightblueTheme .uiRadio label:hover, .lightblueTheme .uiCheck label:hover, .lightblueTheme .uiRanking tr:hover, .lightblueTheme .uiMatrix tbody th, .lightblueTheme .uiMatrix .cellBack, .overlay .lightblueTheme .boxTypeQuestion ul li:hover, .lightblueTheme .graphPopupMenu li a:hover, .lightblueTheme .sortPopupMenu li a:hover, .lightblueTheme .payment {
	background-color: #f4ffff;
}
.lightblueTheme .uiRadio label q, .lightblueTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_lightblue.png);
}
.lightblueTheme .uiCheck label q {
	background-image: url(../images/check_lightblue.png);
}
/* blue */
.blueTheme .header {
	background: #3c61a4;
	background-image: -webkit-linear-gradient(bottom, #3c61a4, #325091);
	background-image: linear-gradient(to top, #3c61a4, #325091);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c61a4', endColorstr='#325091', GradientType=0)";*/
}
.blueTheme .uiButton, .blueTheme p.plzUpgrade a, .blueTheme ul.disabled li p.plzUpgrade, .blueTheme .payment p.plzUpgrade, .blueTheme .announcePay p.plzUpgrade .blueTheme .user_content h2 {
	background: #3c61a4;
	background-image: -webkit-linear-gradient(bottom, #3c61a4, #325091);
	background-image: linear-gradient(to top, #3c61a4, #325091);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c61a4', endColorstr='#325091', GradientType=0)";
}
.blueTheme .header:after, .optionDialogCell p.selectBlue {
	background: #3c61a4;
}
.blueTheme .uiSwitch.on {
	background: #3c61a4;
	background-image: -webkit-linear-gradient(bottom, #325091, #3c61a4);
	background-image: linear-gradient(to top, #325091, #3c61a4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#325091', endColorstr='#3c61a4', GradientType=0)";
}
.blueTheme .uiHeaderMenu ul a:hover {
	background-color: #3385d6;
}
.blueTheme .enqueteTitle, .blueTheme .questionTitle span.headNumber, .blueTheme .overlay h4 span, .blueTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .blueTheme .announceTitle, .blueTheme .methodselect h1 {
	color: #37589A;
}
.blueTheme .announceTitle, .blueTheme .questionTitle span.headNumber, .blueTheme .pageEditArea .editAreaA td.txt p.colortxt, .blueTheme .questionTitle span.q {
	color: #37589A;
}
.blueTheme .uiMatrix thead tr.midashiBg th,.blueTheme .uiMatrix tbody tr > th.cellTitle01, .blueTheme .uiMatrixVertical thead tr.midashiBg th, .blueTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #37589A !important;
    color: #fff;
}
.blueTheme .itemPalette, .blueTheme .itemPaletteTab li.active, .blueTheme .uiGroupedButton .checked {
	background-color: #325091;
}
.blueTheme .uiRadio label:hover, .blueTheme .uiCheck label:hover, .blueTheme .uiRanking tr:hover, .blueTheme .uiMatrix tbody th, .blueTheme .uiMatrix .cellBack, .overlay .blueTheme .boxTypeQuestion ul li:hover, .blueTheme .selected_plan {
	background: #ebeef5;
}
.blueTheme .uiGroupedButton .checked {
	background-color: #325091 !important;
}
.blueTheme .uiRadio label:hover, .blueTheme .uiCheck label:hover, .blueTheme .uiRanking tr:hover, .blueTheme .uiMatrix tbody th, .blueTheme .uiMatrix .cellBack, .overlay .blueTheme .boxTypeQuestion ul li:hover, .blueTheme .graphPopupMenu li a:hover, .blueTheme .sortPopupMenu li a:hover, .blueTheme .payment {
	background-color: #ebeef5;
}
.blueTheme .uiRadio label q, .blueTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_blue.png);
}
.blueTheme .uiCheck label q {
	background-image: url(../images/check_blue.png);
}
/* purple */
.purpleTheme .header {
	background: #663366;
	background-image: -webkit-linear-gradient(bottom, #663366, #804180);
	background-image: linear-gradient(to top, #663366, #804180);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#663366', endColorstr='#804180', GradientType=0)";*/
}
.purpleTheme .uiButton, .purpleTheme p.plzUpgrade a, .purpleTheme ul.disabled li p.plzUpgrade, .purpleTheme .payment p.plzUpgrade, .purpleTheme .announcePay p.plzUpgrade, .purpleTheme .user_content h2 {
	background: #663366;
	background-image: -webkit-linear-gradient(bottom, #663366, #804180);
	background-image: linear-gradient(to top, #663366, #804180);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#663366', endColorstr='#804180', GradientType=0)";
}
.purpleTheme .header:after, .optionDialogCell p.selectPurple {
	background: #663366;
}
.purpleTheme .uiSwitch.on {
	background: #663366;
	background-image: -webkit-linear-gradient(bottom, #804180, #663366);
	background-image: linear-gradient(to top, #804180, #663366);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#804180', endColorstr='#663366', GradientType=0)";
}
.purpleTheme .uiHeaderMenu ul a:hover {
	background-color: #855c85;
}
.purpleTheme .enqueteTitle, .purpleTheme .questionTitle span.headNumber, .purpleTheme .overlay h4 span, .purpleTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .purpleTheme .announceTitle, .purpleTheme .methodselect h1 {
	color: #8e25ce;
}
.purpleTheme .announceTitle, .purpleTheme .questionTitle span.headNumber, .purpleTheme .pageEditArea .editAreaA td.txt p.colortxt, .purpleTheme .questionTitle span.q {
	color: #8e25ce;
}
.purpleTheme .uiMatrix thead tr.midashiBg th,.purpleTheme .uiMatrix tbody tr > th.cellTitle01, .purpleTheme .uiMatrixVertical thead tr.midashiBg th, .purpleTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #8e25ce !important;
    color: #fff;
}
.purpleTheme .itemPalette, .purpleTheme .itemPaletteTab li.active, .purpleTheme .uiGroupedButton .checked {
	background-color: #804180;
}
.purpleTheme .uiRadio label:hover, .purpleTheme .uiCheck label:hover, .purpleTheme .uiRanking tr:hover, .purpleTheme .uiMatrix tbody th, .purpleTheme .uiMatrix .cellBack, .overlay .purpleTheme .boxTypeQuestion ul li:hover, .purpleTheme .selected_plan {
	background: #fbefff;
}
.purpleTheme .uiGroupedButton .checked {
	background-color: #804180 !important;
}
.purpleTheme .uiRadio label:hover, .purpleTheme .uiCheck label:hover, .purpleTheme .uiRanking tr:hover, .purpleTheme .uiMatrix tbody th, .purpleTheme .uiMatrix .cellBack, .overlay .purpleTheme .boxTypeQuestion ul li:hover, .purpleTheme .graphPopupMenu li a:hover, .purpleTheme .sortPopupMenu li a:hover, .purpleTheme .payment {
	background-color: #fbefff;
}
.purpleTheme .uiRadio label q, .purpleTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_purple.png);
}
.purpleTheme .uiCheck label q {
	background-image: url(../images/check_purple.png);
}
/* gray */
.grayTheme .header {
	background: #4c5359;
	background-image: -webkit-linear-gradient(bottom, #4c5359, #606971);
	background-image: linear-gradient(to top, #4c5359, #606971);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c5359', endColorstr='#606971', GradientType=0)";*/
}
.grayTheme .uiButton, .grayTheme p.plzUpgrade a, .grayTheme ul.disabled li p.plzUpgrade, .grayTheme .payment p.plzUpgrade, .grayTheme .announcePay p.plzUpgrade, .grayTheme .user_content h2 {
	background: #4c5359;
	background-image: -webkit-linear-gradient(bottom, #4c5359, #606971);
	background-image: linear-gradient(to top, #4c5359, #606971);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c5359', endColorstr='#606971', GradientType=0)";
}
.grayTheme .header:after, .optionDialogCell p.selectGray {
	background: #4c5359;
}
.grayTheme .uiSwitch.on {
	background: #4c5359;
	background-image: -webkit-linear-gradient(bottom, #606971, #4c5359);
	background-image: linear-gradient(to top, #606971, #4c5359);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#606971', endColorstr='#4c5359', GradientType=0)";
}
.grayTheme .uiHeaderMenu ul a:hover {
	background-color: #ffd633;
}
.grayTheme .enqueteTitle, .grayTheme .questionTitle span.headNumber, .grayTheme .overlay h4 span, .grayTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .grayTheme .announceTitle, .grayTheme .methodselect h1 {
	color: #666666;
}
.grayTheme .announceTitle, .grayTheme .questionTitle span.headNumber, .grayTheme .pageEditArea .editAreaA td.txt p.colortxt, .grayTheme .questionTitle span.q {
	color: #666666;
}
.grayTheme .uiMatrix thead tr.midashiBg th,.grayTheme .uiMatrix tbody tr > th.cellTitle01, .grayTheme .uiMatrixVertical thead tr.midashiBg th, .grayTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #666666 !important;
    color: #fff;
}
.grayTheme .itemPalette, .grayTheme .itemPaletteTab li.active, .grayTheme .uiGroupedButton .checked {
	background-color: #606971;
}
.grayTheme .uiRadio label:hover, .grayTheme .uiCheck label:hover, .grayTheme .uiRanking tr:hover, .grayTheme .uiMatrix tbody th, .grayTheme .uiMatrix .cellBack, .overlay .grayTheme .boxTypeQuestion ul li:hover, .grayTheme .selected_plan {
	background: #e7e7e7;
}
.grayTheme .uiGroupedButton .checked {
	background-color: #606971 !important;
}
.grayTheme .uiRadio label:hover, .grayTheme .uiCheck label:hover, .grayTheme .uiRanking tr:hover, .grayTheme .uiMatrix tbody th, .grayTheme .uiMatrix .cellBack, .overlay .grayTheme .boxTypeQuestion ul li:hover, .grayTheme .graphPopupMenu li a:hover, .grayTheme .sortPopupMenu li a:hover, .grayTheme .payment {
	background-color: #e7e7e7;
}
.grayTheme .uiRadio label q, .grayTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_gray.png);
}
.grayTheme .uiCheck label q {
	background-image: url(../images/check_gray.png);
}
/* black */
.blackTheme .header {
	background: #4C5359;
	background-image: -webkit-linear-gradient(bottom, #4C5359, #292929);
	background-image: linear-gradient(to top, #4C5359, #292929);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C5359', endColorstr='#292929', GradientType=0)";*/
}
.blackTheme .uiButton, .blackTheme p.plzUpgrade a, .blackTheme ul.disabled li p.plzUpgrade, .blackTheme .payment p.plzUpgrade, .blackTheme .announcePay p.plzUpgrade, .blackTheme .user_content h2 {
	background: #4C5359;
	background-image: -webkit-linear-gradient(bottom, #4C5359, #292929);
	background-image: linear-gradient(to top, #4C5359, #292929);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C5359', endColorstr='#292929', GradientType=0)";
}
.blackTheme .header:after, .optionDialogCell p.selectBlack {
	background: #4C5359;
}
.blackTheme .uiSwitch.on {
	background: #4C5359;
	background-image: -webkit-linear-gradient(bottom, #292929, #4C5359);
	background-image: linear-gradient(to top, #292929, #4C5359);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#4C5359', GradientType=0)";
}
.blackTheme .uiHeaderMenu ul a:hover {
	background-color: #add6d6;
}
.blackTheme .enqueteTitle, .blackTheme .questionTitle span.headNumber, .blackTheme .overlay h4 span, .blackTheme .overlay .qptRandDialog .selectQptRandbox ul li p span, .blackTheme .announceTitle, .blackTheme .methodselect h1 {
	color: #090909;
}
.blackTheme .announceTitle, .blackTheme .questionTitle span.headNumber, .blackTheme .pageEditArea .editAreaA td.txt p.colortxt, .blackTheme .questionTitle span.q {
	color: #090909;
}
.blackTheme .uiMatrix thead tr.midashiBg th,.blackTheme .uiMatrix tbody tr > th.cellTitle01, .blackTheme .uiMatrixVertical thead tr.midashiBg th, .blackTheme .uiMatrixVertical tbody tr.midashiBg{
    background-color: #090909 !important;
    color: #fff;
}
.blackTheme .itemPalette, .blackTheme .itemPaletteTab li.active, .blackTheme .uiGroupedButton .checked {
	background-color: #292929;
}
.blackTheme .uiRadio label:hover, .blackTheme .uiCheck label:hover, .blackTheme .uiRanking tr:hover, .blackTheme .uiMatrix tbody th, .blackTheme .uiMatrix .cellBack, .overlay .blackTheme .boxTypeQuestion ul li:hover, .blackTheme .selected_plan {
	background: #dfdfdf;
}
.blackTheme .uiGroupedButton .checked {
	background-color: #292929 !important;
}
.blackTheme .uiRadio label:hover, .blackTheme .uiCheck label:hover, .blackTheme .uiRanking tr:hover, .blackTheme .uiMatrix tbody th, .blackTheme .uiMatrix .cellBack, .overlay .blackTheme .boxTypeQuestion ul li:hover, .blackTheme .graphPopupMenu li a:hover, .blackTheme .sortPopupMenu li a:hover, .blackTheme .payment {
	background-color: #dfdfdf;
}
.blackTheme .uiRadio label q, .blackTheme .uiScale label div:first-child + q {
	background-image: url(../images/radio_black.png);
}
.blackTheme .uiCheck label q {
	background-image: url(../images/check_black.png);
}
/*編集画面 矢印*/

/*.cellColor tr:nth-child(4n) td i {
	height: 28px;
	left: 90px;
	position: absolute;
	width: 50px;
}
.cellColor tr:nth-child(4n) {
	position: relative;
}
.cellColor tr:nth-child(4n+2) {
	position: relative;
}
.cellColor tr:nth-child(4n+2) td i {
	height: 28px;
	left: 90px;
	position: absolute;
	width: 50px;
}*/
.uiMatrix td.uiRadio, x:-moz-any-link {
 vertical-align: top;

}
.uiMatrix td.uiRadio, x:-moz-any-link, x:default {
 vertical-align: top;

}
.uiMatrix tbody tr > td:first-child > span {
	background: url("../images/icon_tableArrow.png") no-repeat scroll 50% 40% transparent;
}
.uiMatrix tbody tr > th.cellTitle01 {
	background: none repeat scroll 0 0 transparent;
	text-align: left;
	padding: 10px 10px 5px 5px;
}

/* FireFox ハック */
.uiRadio label, x:-moz-any-link {
 margin: 0 0 5px;
}
.uiRadio label, x:-moz-any-link, x:default {
 margin: 0 0 5px;
}
/* Chrome ハック */

.chrome .uiMatrix td.uiRadio, .uiMatrix td.uiCheck {
	position: relative;
	/*top: -7px;*/
}

.chrome .uiRadio label {
	cursor: pointer;
	display: block;
	font-size: 16px;
	height: 22px;
	padding: 1px 0 0 10px;
}
.chrome .redTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -47px;
}
.chrome .uiMatrix tbody tr > td:first-child > span {
	height: 26px;
	overflow: hidden;
	display: block;
	top: 0;
}
/* win Chrome ハック */
.win.chrome .uiMatrix td.uiRadio, .uiMatrix td.uiCheck {
	position: relative;
	/*top: -11px;*/
}

.win.chrome .uiMatrix tbody tr > td:first-child > span {
	padding: 0 10px 0 10px;
	top: 0!important;
}
.win.chrome .uiRadio label {
	margin: 0;
	cursor: pointer;
	display: block;
	font-size: 16px;
	height: 22px;
	padding: 1px 0 0 10px;
	margin: 9px 0 -5px 0;
}
.win.chrome .uiMatrix tbody tr > td:first-child > span {
	height: 26px;
	background-position: 50% -47px;
}
.win.chrome .uiMatrix td.uiRadio {
	margin: 0;
}
.win.chrome .uiRadio {
	margin: 0;
}
/*→カラー グレーバック*/
.uiMatrix tbody tr > td:first-child > span{
	height: 30px;
	overflow: hidden;
	display: block;
	top: 0;
}
.redTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -6px;
}
.pinkTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -46px;
}
.orangeTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -86px;
}
.yellowTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -126px;
}
.lightgreenTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -166px;
}
.greenTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -206px;
}
.lightblueTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -246px;
}
.blueTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -286px;
}
.purpleTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -326px;
}
.grayTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -366px;
}
.blackTheme .uiMatrix tbody tr > td:first-child > span {
	background-position: 50% -406px;
}
/*↓カラー*/

/*→カラー グレーバック*/
.redTheme .uiMatrixVertical thead th.arrowIcon,
.redTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_redTheme.png);
}
.pinkTheme .uiMatrixVertical thead th.arrowIcon,
.pinkTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_pinkTheme.png);
}
.orangeTheme .uiMatrixVertical thead th.arrowIcon,
.orangeTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_orangeTheme.png);
}
.yellowTheme .uiMatrixVertical thead th.arrowIcon,
.yellowTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_yellowTheme.png);
}
.lightgreenTheme .uiMatrixVertical thead th.arrowIcon,
.lightgreenTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_lightgreenTheme.png);
}
.greenTheme .uiMatrixVertical thead th.arrowIcon,
.greenTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_greenTheme.png);
}
.lightblueTheme .uiMatrixVertical thead th.arrowIcon,
.lightblueTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_lightblueTheme.png);
}
.blueTheme .uiMatrixVertical thead th.arrowIcon,
.blueTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_blueTheme.png);
}
.purpleTheme .uiMatrixVertical thead th.arrowIcon,
.purpleTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_purpleTheme.png);
}
.grayTheme .uiMatrixVertical thead th.arrowIcon,
.grayTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_grayTheme.png);
}
.blackTheme .uiMatrixVertical thead th.arrowIcon,
.blackTheme .uiMatrixVertical tbody th.arrowIcon {
  background-image: url(../images/icon_tableArrow_2_blackTheme.png);
}
/* UI STAR */
.uiCheck label q.star {
	background-image: url(../images/radio_star.png);
}

.textOverflowTest div{
    overflow: hidden;
    width: 330px;
    line-height: 1.0;
    white-space: nowrap;

    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}

/* 画像表示用 */
.q_img_field li {
	list-style-type: none;
}

.q_img_footer{
	clear: both;
}

.img_container {
  position: relative;
  overflow: hidden;
}

.q_img_field_center {
  position: relative;
  left: 50%;
  float: left;
}

.q_img_field_center ul {
  position: relative;
  left: -50%;
  float: left;
}

.uiMatrixVertical label q {
	margin-left: -0px !important;
}

.image-dialog-errors {
	color: #FF0000;
}

.textbox_unit, .guideTxt {
	float: right;
}
td.uiRadio label q {
  margin-right: 0px;
  margin-left: -10px !important;
}
.uiMatrix td.uiCheck label q {
  margin-right: 0px;
}
.table_qtype_radio td.uiRadio label q {
  margin-left: 10px;
  margin-right: 16px;
}
.table_qtype_radio .uiRadio label {
  padding-left: 20px;
  padding-top: 10px;
  display: inline-table;
  width: 100%;
}
.uiMatrix tr.cell_tr td.uiCheck:last-child,
.uiMatrix tr.cell_tr td.uiRadio:last-child {
  padding-right: 10px;
}
.uiMatrix tr.cell_tr td.uiCheck:last-child,
.uiMatrix tr.cell_tr td.uiRadio:last-child {
  padding-right: 20px\9;
}
.uiMatrix tbody tr > td.uiCheck:last-child {
  padding-left: 10px;
}
.uiMatrix tr.cell_tr td.cell_tr_last,
.uiMatrix tr.cell_tr td.cell_tr_last {
  padding-right: 10px;
}