/*************************************************/
/*** レゲー風メッセージメーカー スタイルシート ***/
/*************************************************/

body.dqmaker
{
	color: black;
	background-color: White;
	margin: 0;
	padding: 0;
}

.dqmaker form
{
	margin: 0 auto;
	padding: 0;
	width: 896px;
}

.header
{
	margin: 0;
}

h1.dqmaker
{
	margin: 0;
}

.contents
{
	margin: 0;
	padding: 0;
	width: 100%;
}

.main
{
	margin: 0;
	padding: 0;
}

/* 広告 */
.ad_notice {
	position: relative;
	top: -38px;
	left: 280px;
	color: #cf0000;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: -38px;
}

.ad_dqmaker_s
{
	margin: 1px 0;
	float: right;
}

/* 入力エリア */
.entry_area
{
	background-color: #ddffdd;
	background-image: url("Image/DQMakerBackground.png");
	background-repeat: repeat;
	border: none;
	border-radius: 6px;
	color: #000000;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin: 4px 0;
	padding: 4px;
}

.entry_area input
{
	border: 1px solid gray;
	font-size: 14px;
	padding: 0;
	height: 20px;
	margin: 4px 4px 0 4px;
}

.entry_area .button
{
	border: 1px solid gray;
	font-size: 14px;
	width: 100px;
	height: 22px;
	margin: 4px 4px;
}

/* 入力項目 */
.item_group
{
	border: none;
	width: auto;
	height: auto;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 2px;
}
.item_group input
{
	border: solid 1px gray;
}
.item
{
	margin: 4px 0;
}
.item_description
{
	font-size: 14px;
	margin: 0;
}
.item_description:before
{
	content: "◆";
	color: #1e90ff;
}
.item_group .notice
{
	font-size: 12px;
}
.item_limit
{
	color: #1f5f2f;
	font-size: 12px;
	margin: 0 0 0 4px;
}
.item_ad{
	margin: 8px 16px 4px 16px;
	width: auto;
}

/* ウィンドウ選択 */
#PatternListButton
{
	border: 1px solid gray;
	font-size: 14px;
	width: 240px;
	height: 22px;
	margin-left: 4px;
}
#PatternOption
{
	font-size: 14px;
	width: 120px;
	height: 22px;
	margin-left: 40px;
}

#SceneSelectButton {
	border: 1px solid gray;
	font-size: 14px;
	width: 180px;
	height: 22px;
	margin-left: 4px;
	text-overflow: ellipsis;
}

/* ウィンドウ選択ダイアログ */
.imagepicker
{
	margin: 0 0 8px 0;
}
.image_picker_selector .group_title
{
	color: #2f2f2f;
	font-size: 14px;
	font-weight: bold;
}
.image_picker_selector .thumbnail
{
	text-align: center;
}
.image_picker_selector .thumbnail p
{
	font-size: 12px;
	margin: 4px 0 0 0;
}
.ui-button-text {
  padding: 0 8px;
}
span.dialog_label {
	font-size: 10pt;
	margin-right: 8px;
}
/* シーン選択ダイアログ */
#SceneSelectDialog > .image_picker_selector .thumbnail img {
	margin: 4px;
}

/* ウィンドウ半透明 */
.frame_translucent
{
	margin: 0 0 0 4px;
	padding: 0;
}

.frame_translucent input
{
	margin: 0;
	vertical-align: middle;
}

.frame_translucent label
{
	color: Navy;
	font-size: 12px;
}

/* 作成イメージエリア */
#DQImagePanel {
	margin: 4px 0 0 0;
}

.dqimage
{
	margin: 0;
	text-align: center;
}

#PatternListArea
{
	margin-bottom: 4px;
}
#NameEntryArea
{
	margin-top: 4px;
}
#NameText
{
	width: 238px;
	margin-right: 0;
}
.name
{
	margin-top: -2px;
}
.name_append
{
	width: 238px;
	margin-top: 0;
	margin-bottom: 2px;
}

#PatternButton {
	border-width: 2px;
	font-weight: bold;
}

#UploadFileDiv {
	overflow: auto;
}

#UploadFileDiv div {
	width: 252px;
	float: left;
}

#UploadFile {
	border: none;
	font-size: 10px;
	margin: 4px 0 8px 0;
	width: 252px;
}

#UploadFileDiv span {
	width: 252px;
}

#UploadFileDiv span input {
	margin-bottom: 4px;
	vertical-align: middle;
}

#UploadApplyButton
{
	border-width: 2px;
	font-weight: bold;
	margin: 0;
	width: 100px;
	vertical-align: middle;
}

#XUploadImageMode
{
	width: 240px;
	height: 22px;
	margin: 4px 4px 4px 4px;
}

.sp-replacer {
	margin: 0;
}
.sp-dd {
	padding: 2px 0;
}
.sp-preview {
	width: 25px;
	height: 20px;
}
.sp-palette .sp-thumb-el {
	width: 24px;
	height: 15px;
}
.sp-container button {
	font-size: 24px;
	width: 32px;
}

#EntryAreaPanel {
	clear: both;
}

/* 追加項目 */
.command_check
{
	vertical-align: bottom;
}
#CmdDQ label input
{
	vertical-align: middle;
}
.joblv
{
	width: 50px;
}
#XTactics
{
	width: 250px;
}

/* メッセージテキスト */
#MessageText, #Message
{
	border: 1px solid gray;
	width: 544px;
	height: 60px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 4px 0;
	padding: 2px;
	vertical-align: top;
}

/* 自動インデントチェックボックス */
#AutoIndent
{
	width: 100px;
	height: 18px;
	margin: 0 -118px 0 32px;
}
#AutoIndentCheckBox
{
	margin: 0 2px 0 0;
	position: relative;
	top: 6px;
}
#AutoIndent span label
{
	font-size: 12px;
	margin: 0;
}

/* ▼ボタン */
#AddNextPageMarkButton
{
	width: 18px;
	height: 18px;
	margin: 0 -22px 0 -10px;
	padding: 0;
}

/* 適用ボタン */
#EntryButton
{
	border-width: 2px;
	font-weight: bold;
	width: 80px;
	vertical-align: bottom;
	margin: 0 0 4px 0;
}

.notice li
{
	font-family: "Meiryo UI",sans-serif;
	font-size: 12px;
}
.notice dl
{
	margin: 0 0 8px 0;
}
.notice dt
{
	color: blue;
	font-family: "Meiryo UI",sans-serif;
	font-size: 12px;
}
.notice dd
{
	font-family: "Meiryo UI",sans-serif;
	font-size: 12px;
	margin: 0 16px;
}
.notice p
{
	font-family: "Meiryo UI",sans-serif;
	font-size: 12px;
}

#DownloadDescription
{
	width: 100%;
	text-align: right;
	margin: 4px 0 16px 8px;
}

.post_button {
	font-size: 12px;
	width: 100px;
}

#PostTwitterButton {
	border: 1px solid #0a72b1;
	color: #ffffff;
	font-size: 12px;
	height: 32px;
	margin: 0 2px 4px 16px;
	padding: 0 0 0 40px;
	width: 140px;
	text-align: left;
	vertical-align: bottom;
	background-color: #1da1f2;
	background-image: url(Image/TwitterLogo.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}

div.hashtag
{
	margin: 4px 0;
}

span.hashtag
{
	background-color: #dadada;
	border: 1px solid #555555;
	border-radius: 4px;
	color: #555555;
	font-family: Tahoma;
	font-size: 12px;
	height: 22px;
	margin: 2px 4px 2px 0;
	padding: 2px 4px;
}

/* エラーメッセージ */
.message, .error_message
{
	background-color: rgba(0,0,0,0.75);
	color: white;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding: 6px;
	margin: 0 50px;
	position: absolute;
	top: 364px;
	width: 784px;
	height: 36px;
}

/* 更新中 */
#DQImageProgress {
	background-color: rgba(255,255,255,0.85);
	border-radius: 8px;
	margin: 304px 416px;
	padding: 16px;
	position: absolute;
	text-align: center;
}

/* 共有ボタン */
.like_buttons_description
{
	clear: both;
	color: Navy;
	font-size: 12px;
	margin: 32px 0 0 4px;
}

/* Twitter */
.link_twitter {
	margin: 8px 0 0 0;
}

/* 注意書き */
h4.dqmaker
{
	color: slategray;
	font-family: "Meiryo UI",sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	margin: 8px 0 4px 0;
}
ul.notice
{
	margin: 0 0 4px 16px;
	padding: 0 0 0 0;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url("Image/triangle.png");
	line-height: 16px;
}
ul.notice li {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 4px 0;
	padding: 0;
	text-align: left;
}

/* QR コード・バナー */
.dqbanner
{
	color: #000080;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin: 4px 16px 8px 16px;
	height: 64px;
}
.dqbanner div.qrcode
{
	float: left;
	margin: 0 32px 8px auto;
}
.dqbanner div
{
	float: left;
	margin: 0 32px 8px auto;
}
.dqbanner img
{
	margin-bottom: 4px;
}

/* 更新履歴(DQMaker) */
.dqhistory
{
	border: 1px solid #0057ae;
	color: #000080;
	background-color: #ffffff;
	font-family: Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 4px 4px;
	width: 632px;
	height: 100px;
	overflow: auto;
}
.dqhistory dl
{
	font-family: Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
}
.dqhistory dt
{
	color: #004fff;
	font-family: Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.dqhistory dd
{
	margin: 0 0 8px 16px;
	padding: 0 0 0 0;
}