@charset "utf-8";
/* CSS Document */

body {
	position: relative;
	left: 0;
	overflow-x: hidden;
}
/*--- サイドメニュー幅 ---*/
.free #main { display:block; width: 605px; margin: 30px 0; padding: 0; /*border: 1px solid #0FF;*/ }
.free #navigation { width: 70px; margin: 30px 40px 30px 0; }
.accordion label, .accordion a { width: 70px; }
/*-- 検索ナビゲーション --*/
ul#dropmenu li { width: 195px; }
ul#dropmenu li a { font-size: 16px; }

/*--- <入れる／>戻すボタン ---*/
.puttoggle{
	display: none;
}

/*--- 残り行数 ---*/
.fbox {
    position: absolute;
	width: 55px;
	height: 55px;
    background-color: #FFA033;
    margin: 5px 5px 8px 5px;
	padding-top: 15px;
    border-radius: 30px;
	text-align: center;
	font-size: 15px;
	color: #FFFCFA;
}
.fbox:after, .fbox:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
}
.fbox:after {
    top: 95%;
    left: 19px;
    border: 9px solid transparent;
    border-top: 10px solid #FFA033;
}
/*--- freeプレビュー画面大枠 ---*/
#guosei {
	width: 555px;
	height: 895px;
	margin: 30px 10px 30px 0;
	background: #D1D1D1;
}
.guosei_to_insert {/* 挿入モード */
	background: #a0eeb3;
}
.gousei_to_insert_text{/* 挿入モード */
	text-align: center;
	font-size: 18px;
	color: #F00;
}

/*--- 操作メニュー ---*/
#ope_box {
	height: 125px;
	margin: 0 auto;
	padding: 0;
}
#op_menu{
	list-style-type: none;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
}
#op_menu li{
	position: relative;
	width: 185px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.operate a {
	display: block;
	margin: 0;
	height: 50px;
	padding: 13px 0;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	cursor:pointer;
	border: 1px solid #FFA034;
	background-color: #FFA034;	
}

.set a { background: #fff; color: #FFA034; border: 1px solid #FFA034; }

.hide{ display:none; }
.subALL {
	position: absolute;
	width: 300%;
	height: 75px;
	padding: 8px 10px;
	background: #FFE7CD;
}
#sub1 { left: 0; }
#sub2 { left: -100%; }
#sub3 { left: -200%; }

/*---- 操作タブ[左端]ヘッダー ----*/
#operate_header {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}
#headbox, #titlebox {
	width: 150px;
	margin-top: 5px;
	display: flex;
    flex-direction: column;
	text-align: left;
}
#titlebox { width: 330px; }
#headbox label {
    position: relative;
    display: block;
    width: 150px;
    border: 1px solid #767877;
    border-radius: 5px;
    background: #fff;
}
#headbox label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #000;
}
/* ヘッダータイトル画像選択 */
#headbox select[name="header"] {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 150px;
    padding: 3px 5px;
	font-size: 12px;
    color: #767877;
    border: none;
    border-radius: 5px;
    background: transparent;
}
/* ヘッダータイトル入力 */
#titlebox input[type="text"] {
	width: 330px;
	height: 25px;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 0;
	font-family:Arial, sans-serif;
	color: #5A5A5A;
	border: solid 1px #757574;
	background: #FFFCFA;
}
/* ヘッダータイトルOKボタン */
#operate_header input[type="button"] {
	width: 35px;
	height: 20px;
	margin-top: 28px;
	border: solid 1px #CCCCCC;
	border-radius: 4px;
	background: #FFFCFA;
	color: #5B5B5B;
	font-size: 12px;
	font-family:Arial, sans-serif;
}
::-ms-expand {
    display: none;
}
/*---- 操作タブ[中央]編集 ----*/
#sub2{ padding: 0; } /*初期化*/
#operate_page {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 555px;
	margin: 8px 0;
	padding: 0 50px;
}
.page_cnt {
	display: flex;
	flex-direction: column;
	width: 80px;
	height: 59px;
	margin-right: 20px;
	padding: 10px 0;
	background-color: #FFF;
	font-size: 12px;
	color: #5B5B5B;
	text-align: center;
}
#operate_page_cnt_no { font-size: 19px; color: #000; }
#operate_page a { padding: 0; border: none; background: #FFE7CD; margin-top: 4px; }
#operate_page img { width: 80px; height: 50px; border: none; }

/*---- 操作タブ[右端]出力 ----*/
#operate_print {
	display: flex;
	flex-direction: row;
	width: 190px;
	margin: -8px auto 0;
}
/*ラジオボタン*/
#printbox {
	position: relative;
	width: 60px;
}
#printbox p { margin-top: 10px; }
#printbox label {
	padding: 0 0 0 15px;	/* ラベルの位置 */
	font-size: 14px;
	line-height: 18px;		/* ボタンのサイズに合わせる */
	display: inline-block;
	width: 60px;
	cursor:	pointer;
	position: relative;
}
#printbox label:before {	/* ラベルテキストの前に丸を描く */
	content: '';
	width: 18px;		/* ボタンの横幅 */
	height: 18px;		/* ボタンの縦幅 */
	position: absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border-radius: 50%;
}
#printbox input[type="radio"] { display: none; }
#printbox input[type="radio"]:checked + label:after {
	content: '';
	width: 10px;		/* マークの横幅 */
	height: 10px;		/* マークの縦幅 */
	position: absolute;
	top: 4px;
	left: 4px;
	background-color: #FFA034;
	border-radius: 50%;
}
/*-- freeデータ出力ボタン --*/
#output_print {
	display: block;
	width: 130px;
	height: 59px;
	margin: 8px auto;
    padding: 0;
	border: none;
    background: #FFE7CD;
}
#output_print img { border: none; }

/* プレビューベース */
#previewArea {
	height: 770px;  
    overflow: auto;
	background: #D1D1D1;
}
.centerbox {
	width: 528px;	/* ベースサイズ504px＋padding12px×2 */
	margin: 20px auto;
	padding: 12px;
	position: relative;
}
.p-base {
	width: 504px;
}
.p-parts {
	position: absolute;
	width: 504px;
}
/* プレビュー上乗せタイトル文字 */
.absolute_tx {
	position: absolute;
	font-size: 14px;
	top: 43px;
	left: 65px;
	color: #000;
}
.absolute_tx_top6 {
	top: 45px;
}
.absolute_tx_top5 {
	top: 45px;
}
.absolute_tx_top4 {
	top: 36px;
}
a.overred:hover img{
    cursor:pointer;
    filter: alpha(opacity=50);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=50)";  /* ie 8 */
    -moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.5;              /* Safari 1.x */
    opacity:0.5;
    zoom:1;
}
a.p-ques-selected img{/* 問題選択表示 */
	border:10px solid #FF0000;
    box-sizing:border-box;
}
/* ページ番号テキスト */
.page_no {
    position: absolute;
	padding: 0 230px;
	font-size:12px;
	top:700px;	
}

/*スクロールバー全体*/
#previewArea::-webkit-scrollbar, #mondaihyo::-webkit-scrollbar {
    width: 10px;
}
/*スクロールバーの軌道*/
#previewArea::-webkit-scrollbar-track, #mondaihyo::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #F4F4F4;
}
/*スクロールバーの動く部分*/
#previewArea::-webkit-scrollbar-thumb, #mondaihyo::-webkit-scrollbar-thumb {
	background-color: #FFA032;
	border-radius: 10px;
	box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}


/*-- 操作ボタンdisabled --*/
.disabledButton {
    pointer-events: none;
}
.disabledButton * {
    pointer-events: none;
}
.disabledButton:not(a) {
    -webkit-filter: brightness(90%) grayscale(100%);
    filter: brightness(90%) grayscale(100%);
}
a.disabledButton {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
}
a.disabledButton * {
    visibility: hidden;
}
a#btn_page_add.disabledButton {background-image: url("../img/page_add_off.jpg");}
a#btn_page_del.disabledButton {background-image: url("../img/page_del_off.jpg");}
a#btn_blank_add.disabledButton {background-image: url("../img/blank_add_off.jpg");}
a#btn_ques_del.disabledButton {background-image: url("../img/ques_del_off.jpg");}