
/*■■■■■ プレビュー時のヘッダ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.prev_header {
	/*background: #EFEFEF url(/go/images/bk_designskin_select.gif) repeat left top;*/
	background: #FFE818 url(/go/images/bk_body.png) repeat left top;
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
	left: 0;
	letter-spacing: initial;
	margin: 0;
	min-width: 1254px;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.prev_header:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■■■ お手本セットアップ直後のチュートリアル ■■■■■*/
.introjs-tooltipReferenceLayer .introjs-tooltip {
	font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
}

/*■■■ プレビュー画面/管理画面　切替ボタン ■■■*/
.prev_header .prevlogo {
	background: url(/go/images/009_prevheader.png) no-repeat -391px 5px;
	float: left;
	height: 32px;
	width: 115px;
}
.prev_header .bt_kanri_preview {
	float: left;
	height: 26px;
	margin: 5px;
	width: 203px;
}
.prev_header .bt_kanri_preview .bt_kanri,
.prev_header .bt_kanri_preview .bt_preview,
.prev_header .bt_kanri_preview .bt_preview_smart {
	display: block;
	float: left;
	font-size: 0;
	height: 26px;
	opacity: unset;
	text-decoration: none;
}

/* 管理画面 */
.prev_header .bt_kanri_preview a.bt_kanri,
.prev_header .bt_kanri_preview a.bt_kanri:hover,
.prev_header .bt_kanri_preview p.bt_kanri {
	width: 51px;
}
.prev_header .bt_kanri_preview a.bt_kanri {
	background: url(/go/images/009_prevheader.png) no-repeat left top;
}
.prev_header .bt_kanri_preview a.bt_kanri:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -406px top;
}
.prev_header .bt_kanri_preview p.bt_kanri {
	background: url(/go/images/009_prevheader.png) no-repeat -204px top;
}

/* PCプレビュー */
.prev_header .bt_kanri_preview a.bt_preview,
.prev_header .bt_kanri_preview a.bt_preview:hover,
.prev_header .bt_kanri_preview p.bt_preview {
	width: 79px;
}
.prev_header .bt_kanri_preview a.bt_preview {
	background: url(/go/images/009_prevheader.png) no-repeat -51px top;
}
.prev_header .bt_kanri_preview a.bt_preview:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -457px top;
}
.prev_header .bt_kanri_preview p.bt_preview {
	background: url(/go/images/009_prevheader.png) no-repeat -254px top;
}

/* スマホプレビュー */
.prev_header .bt_kanri_preview a.bt_preview_smart,
.prev_header .bt_kanri_preview a.bt_preview_smart:hover,
.prev_header .bt_kanri_preview p.bt_preview_smart {
	width: 73px;
}
.prev_header .bt_kanri_preview a.bt_preview_smart {
	background: url(/go/images/009_prevheader.png) no-repeat -130px top;
}
.prev_header .bt_kanri_preview a.bt_preview_smart:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -536px top;
}
.prev_header .bt_kanri_preview p.bt_preview_smart {
	background: url(/go/images/009_prevheader.png) no-repeat -333px top;
}

/*■■■ 会員パスワードロック ■■■*/
.prev_header .contents_save_status {
	background: url(../images/mark_condsave.png) no-repeat 5px 9px, url(../images/bk_toolbararea_reservation.png) repeat -1px top;
	background-size: 9px, 13px;
	border-radius: 4px;
	color: #FFFFFF;
	float: left;
	font-size: 80%;
	height: 26px;
	letter-spacing: -0.8px;
	line-height: 1.2;
	margin: 1px 5px 5px 5px;
	padding: 4px 1px 0 18px;
	width: 100px;
}
.prev_header .contents_save_status > span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

/*■■ 会員限定ページ ■■*/
.prev_header .member_page {
	background: url(/go/images/009_prevheader.png) no-repeat -375px -174px;
	border-radius: 5px;
	color: #FF0000;
	float: left;
	font-weight: bold;
	height: 26px;
	line-height: 2;
	width: 120px;
}

/*■■ 注記 ■■*/
.prev_header .header_point {
	color: #FF0000;
	display: table-cell;
	font-size: 80%;
	font-weight: bold;
	height: 25px;
	line-height: 1.1;
	margin: 0;
	overflow: hidden;
	padding: 5px 0 4px 7px;
	vertical-align: middle;
}



/*■■■ ヘルプエリア ■■■*/
.header_help {
	background: #FFFFFF url(/go/images/009_prevheader.png) no-repeat left -32px;
	border-radius: 4px;
	clear: both;
	color: #000000;
	float: left;
	height: 29px;
	/*max-width: 415px;*/
	margin: 0 5px 5px 5px;
	padding: 3px 0 0 50px;
	position: relative;
}
.header_alert + .header_help {
	clear: none;
}

/*■■■ ヘルプエリアアイコン ■■■*/
.header_help a {
	border: none;
	display: block;
	float: right;
	height: 26px;
	margin: 0 5px 0 0;
	opacity: unset;
	text-decoration: none;
	width: 26px;
}

/*■■ ヘルプ一言アドバイスコーナー ■■*/
.header_help .header_guide {
	float: left;
	height: 26px;
	max-width: 322px;
	overflow: hidden;
}
.header_help .header_guide > span {
	display: table-cell;
	font-size: 86%;
	height: 27px;
	line-height: 1.2;
	vertical-align: middle;
}

/*■■ 操作ヘルプのボタン ■■*/
.header_help .bt_dpureview_help {
	background: url(/go/images/009_prevheader.png) no-repeat -62px -182px;
	opacity: unset;
}
.header_help .bt_dpureview_help:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -62px -208px;
	opacity: unset;
}

/*■■ 操作ヘルプのボタン押したら表示されるボックス ■■*/
.help_icon_box {
	background: #FFFFFF url(/go/images/009_prevheader.png) no-repeat left -246px;
	border: 1px solid #66CC00;
	border-radius: 4px;
	float: left;
	height: auto;
	list-style: none;
	margin: 5px 0 0 0;
	min-height: 24px;
	min-width: 650px;
	padding: 0 0 0 110px;
	z-index: 1000;
}
.prevlogo + .header_point + .header_help .help_icon_box {
	left: 117px;
}
.help_icon_box li {
	background: none;
	display: block;
	float: left;
	font-size: 82%;
	height: 18px;
	margin: 0;
	padding: 2px 2px 0 0;
	text-decoration: none;
}
.help_icon_box li:before {
	content: "";
	margin: 0;
	padding: 0;
}

.help_icon_box li > a {
	background: url(../images/009_prevheader.png) no-repeat -591px -138px, url(../images/001_always.png) no-repeat left -80px;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #404040 !important;
	display: block;
	height: auto;
	margin: 0 0 0 3px;
	opacity: unset;
	padding: 2px 3px 1px 20px;
	text-decoration: none;
	width: auto;
}
.help_icon_box li > a:hover {
	background: url(../images/009_prevheader.png) no-repeat -591px -159px, url(../images/001_always.png) no-repeat left -100px;
	border: 1px solid #0044CC;
	color: #FFFFFF !important;
	opacity: unset;
	text-decoration: none;
}

/*■■ マニュアルのボタン ■■*/
.header_help .bt_manual {
	background: url(/go/images/009_prevheader.png) no-repeat -155px -182px;
	opacity: unset;
}
.header_help .bt_manual:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -155px -208px;
	opacity: unset;
}

/*■■ 操作最初の第一歩ボタン ■■*/
.header_help .bt_tutorialstart {
	background: url(/go/images/009_prevheader.png) no-repeat -62px -182px;
	opacity: unset;
}
.header_help .bt_tutorialstart:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -62px -208px;
	opacity: unset;
}

/*■■ チュートリアル ■■*/
/* の上部ul */
.introjs-bullets ul li {
	background: none;
	padding: 0 0 0 15px;
}
.introjs-bullets ul li:before {
	content: none !important;
}

/* チュートリアル番号 */
.introjs-tooltiptext span:nth-of-type(1) {
	background: #FF6600 !important;
	border-radius: 10px;
	color: #FFFFFF !important;
	display: block;
	float: left;
	margin: 0 0 10px 0;
	padding: 2px 5px;
}

/* チュートリアル見出し */
.introjs-tooltiptext span:nth-of-type(1) + b {
	display: block;
	float: left;
	margin: -30px 0 10px 8%;
	width: 90%;
}

/* チュートリアル文章 */
.introjs-tooltiptext span:nth-of-type(1) + b + br {
	clear: both;
}

/* チュートリアル内リンク */
.introjs-tooltiptext a,
.introjs-tooltiptext a:hover {
	color: #FF6600;
	opacity: unset;
}


/*■■ お問い合わせボタン ■■*/
.header_help .bt_previnquiry {
	background: url(/go/images/009_prevheader.png) no-repeat -310px -182px;
	opacity: unset;
	width: 68px;
}
.header_help .bt_previnquiry:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -310px -208px;
	opacity: unset;
}



/*■■■ 編集エリア ■■■*/
.header_edit {
	background: #FFFFFF url(/go/images/009_prevheader.png) no-repeat left -64px;
	border-radius: 4px;
	float: left;
	height: 29px;
	margin: 0 0 5px 0;
	padding: 3px 0 0 38px;
	/*width: 62px;*/
}

/*■■■ 編集エリアアイコン ■■■*/
.header_edit a {
	border: none;
	display: block;
	float: left;
	height: 26px;
	margin: 0 5px 0 0;
	opacity: unset !important;
	text-align: center;
	text-decoration: none;
	width: 26px;
}
@media only screen and (max-width: 667px) {
	.header_edit a {
		margin: 0 3px 0 0;
	}
}

/*■■ ホームページパーツ編集履歴ボタン ■■*/
.header_edit .bt_bkup {
	background: url(/go/images/009_prevheader.png) no-repeat -93px -182px;
}
.header_edit .bt_bkup:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -93px -208px;
}

/*■■ クイックアクセス一覧ボタン ■■*/
.header_edit .bt_quick {
	background: url(/go/images/009_prevheader.png) no-repeat -124px -182px;
}
.header_edit .bt_quick:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -124px -208px;
}

/*■■ デザインスキン変更ボタン ■■*/
.header_edit .bt_design_change {
	background: url(/go/images/009_prevheader.png) no-repeat -217px -182px;
}
.header_edit .bt_design_change:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -217px -208px;
}

/*■■ ホームページパーツ一覧ボタン ■■*/
.header_edit .bt_hpcontents {
	background: url(/go/images/009_prevheader.png) no-repeat -248px -182px;
}
.header_edit .bt_hpcontents:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -248px -208px;
}

/*■■ ホームページパーツ下書き一覧ボタン ■■*/
.header_edit .bt_hpcontentsdraft {
	background: url(/go/images/009_prevheader.png) no-repeat -567px -182px;
}
.header_edit .bt_hpcontentsdraft:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -567px -208px;
}

/*■■ 高度なデザイン設定ボタン ■■*/
.header_edit .bt_bgimg {
	background: url(/go/images/009_prevheader.png) no-repeat -186px -182px;
}
.header_edit .bt_bgimg:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -186px -208px;
}

/*■■ 表示項目の設定一覧 ■■*/
.header_edit .bt_layout_edit {
	background: url(/go/images/009_prevheader.png) no-repeat -516px -129px;
}
.header_edit .bt_layout_edit:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -516px -155px;
}

/*■■ 残りの承認待ちパーツ数 ■■*/
.header_edit .peitypie {
}
.header_edit .peity {
	background: url(/go/images/009_prevheader.png) no-repeat -279px -182px;
	padding: 5px;
}
.header_edit .peity:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -279px -208px;
}
.header_edit a span:nth-of-type(2) {
	border-radius: 5px;
	color: #666666;
	display: block;
	font-size: 76%;
	height: 12px;
	margin: -19px 0 0 1px;
	width: 24px;
}
.header_edit a:hover span:nth-of-type(2) {
	color: #FF0000;
}

/*■■ 公開ページURLの確認ボタン ■■*/
.header_edit .bt_openpageurl {
	background: url(/go/images/009_prevheader.png) no-repeat -383px -182px;
}
.header_edit .bt_openpageurl:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -383px -208px;
}

/*■■ ホームページ公開設定変更ボタン ■■*/
.header_edit .bt_pubstatus_change {
	width: 46px;
}
/*■■ 公開 ■■*/
.header_edit .hp_public {
	background: url(/go/images/009_prevheader.png) no-repeat -414px -182px;
}
.header_edit .hp_public:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -414px -208px;
}
/*■■ 反映停止 ■■*/
.header_edit .hp_refstop {
	background: url(/go/images/009_prevheader.png) no-repeat -465px -182px;
}
.header_edit .hp_refstop:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -465px -208px;
}
/*■■ 公開停止 ■■*/
.header_edit .hp_pubstop {
	background: url(/go/images/009_prevheader.png) no-repeat -516px -182px;
}
.header_edit .hp_pubstop:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -516px -208px;
}



/*■■ 表示切替ボタン ■■*/
.prev_header .bt_box {
	background: #FFFFFF url(/go/images/009_prevheader.png) no-repeat left -96px;
	border-radius: 4px;
	float: left;
	height: 32px;
	margin: 0 0 0 5px;
	padding: 0 2px 0 72px;
	/*width: 220px;*/
	/*width: 164px;*/
}

.prev_header .bt_box a {
	color: #000000;
	display: block;
	float: left;
	font-size: 0%;
	height: 27px;
	margin: 2px 0 0 0;
	opacity: unset !important;
	padding: 0;
	text-decoration: none;
	width: 54px;
	-webkit-text-size-adjust: 100%;
}

.prev_header .bt_box .bt_edit_prev1 {
	background: url(/go/images/009_prevheader.png) no-repeat left -128px;
}
.prev_header .bt_box .bt_edit_prev1:hover,
.prev_header .bt_box .on.bt_edit_prev1 {
	background: url(/go/images/009_prevheader.png) no-repeat left -154px;
}

.prev_header .bt_box .bt_edit_prev2 {
	background: url(/go/images/009_prevheader.png) no-repeat -54px -128px;
}
.prev_header .bt_box .bt_edit_prev2:hover,
.prev_header .bt_box .on.bt_edit_prev2 {
	background: url(/go/images/009_prevheader.png) no-repeat -54px -154px;
}

.prev_header .bt_box .bt_edit_prev3 {
	background: url(/go/images/009_prevheader.png) no-repeat -108px -128px;
}
.prev_header .bt_box .bt_edit_prev3:hover,
.prev_header .bt_box .on.bt_edit_prev3 {
	background: url(/go/images/009_prevheader.png) no-repeat -108px -154px;
}

/*
.prev_header .bt_box .bt_edit_prev4 {
	background: url(/go/images/009_prevheader.png) no-repeat -150px -138px;
}
.prev_header .bt_box .bt_edit_prev4:hover,
.prev_header .bt_box .on.bt_edit_prev4 {
	background: url(/go/images/009_prevheader.png) no-repeat -150px -155px;
}
*/



/*■■ 公開パーツのみ表示 ■■*/
.prev_header .bt_pubmode {
	float: left;
	height: 32px;
	margin: 0 0 0 5px;
	width: 84px;
}

.prev_header .bt_pubmode .bt_pubmode_onoff,
.prev_header .bt_pubmode .on.bt_pubmode_onoff:hover {
	background: url(/go/images/009_prevheader.png) no-repeat -171px -140px;
	display: block;
	float: left;
	font-size: 0%;
	height: 30px;
	margin: 1px 0 0 0;
	opacity: unset !important;
	padding: 0;
	text-decoration: none;
	width: 84px;
	-webkit-text-size-adjust: 100%;
}
.prev_header .bt_pubmode .bt_pubmode_onoff:hover,
.prev_header .bt_pubmode .on.bt_pubmode_onoff {
	background: url(/go/images/009_prevheader.png) no-repeat -255px -140px;
}



/*■■ 本申込み ■■*/
.header_alert {
	background: #FFFFFF;
	border-radius: 4px;
	clear: both;
	color: #000000;
	float: right;
	font-size: 76%;
	height: 32px;
	margin: 0 5px 0 0;
	padding: 0 0 0 4px;
	width: 169px;
}

.header_alert .date {
	display: block;
	float: left;
	font-size: 156%;
	font-weight: bold;
	margin: -1px 0 -3px 0;
	width: 70px;
}

.header_alert .text {
	display: block;
	float: left;
	line-height: 1.2;
	margin: 0;
	white-space: nowrap;
	width: 70px;
}

.header_alert .header_contract {
	background: url(../images/bk_toolbararea_support.png) repeat -1px top;
	background-size: 13px;
	border-radius: 4px;
	clear: both;
	color: #FFFFFF;
	display: block;
	float: right;
	font-size: 116%;
	font-weight: bold;
	height: 23px;
	margin: 1px 1px 1px 1px;
	padding: 7px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 88px;
}

.header_alert .header_contract:hover {
	background: url(../images/bk_toolbararea_support_f2.png) repeat -1px top;
	background-size: 13px;
}



/*■■ お客様ID表示 ■■*/
.id_number {
	background: #FFFFFF;
	border-radius: 4px 0 0 4px;
	color: #000000;
	float: right;
	font-size: 100%;
	height: 22px;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 3px 5px 0 3px;
	text-align: center;
	white-space: nowrap;
	width: 125px;
}

/*■■ スマイルポイント表示 ■■*/
.smile_point {
	background: #FFFFFF url(../images/mark_smile_point.png) no-repeat left 3px;
	border-radius: 0 4px 4px 0;
	color: #000000;
	display: block;
	float: right;
	font-size: 100%;
	height: 22px;
	margin: 5px 5px 0 0;
	max-width: 64px;
	overflow: hidden;
	padding: 3px 4px 0 21px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.smile_point:after {
	content:" ポイント";
	font-size: 76%;
}



/*■■■ スマホプレビュー画面、PC自動同期時の注意書き ■■■
.prev_header .bt_kanri_preview + div {
	color: #000000;
	float: left;
	font-size: 80%;
	letter-spacing: -0.8px;
	line-height: 1.3;
	margin: 4px 5px 0 5px;
	padding: 0;
	width: 760px;
}
.prev_header .bt_kanri_preview + div.header_point {
	display: none;
}

.prev_header .bt_kanri_preview + div > a {
	color: #0044CC;
	text-decoration: underline;
}
.prev_header .bt_kanri_preview + div > a:hover {
	color: #000000;
	text-decoration: none;
}
*/




/*■■■■■ プレビュー時のヘッダ（スマホ） ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* Under 667px */
@media only screen and (max-width: 667px) {
	.prev_header {
		background: #FFE818 none;
		min-width: 100%;
		position: relative;
	}
	.prev_header .prevlogo {
		background: url(/go/images/smart/009_prevheader_smart.png) no-repeat -396px 5px;
		background-size: 609px;
		width: 110px;
	}
	.prev_header .bt_kanri_preview {
		margin: 7px 0 0 7px;
		position: absolute;
	}
	.prev_header .bt_kanri_preview a.bt_kanri,
	.prev_header .bt_kanri_preview a.bt_kanri:hover,
	.prev_header .bt_kanri_preview p.bt_kanri,
	.prev_header .bt_kanri_preview a.bt_preview,
	.prev_header .bt_kanri_preview a.bt_preview:hover,
	.prev_header .bt_kanri_preview p.bt_preview,
	.prev_header .bt_kanri_preview a.bt_preview_smart,
	.prev_header .bt_kanri_preview a.bt_preview_smart:hover,
	.prev_header .bt_kanri_preview p.bt_preview_smart {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ お客様ID表示 ■■*/
	.id_number {
		border-radius: 4px 0 0 4px;
		float: left;
		font-size: 106%;
		margin: -27px 0 0 7px;
		padding: 4px 2px 1px 0;
		width: 150px;
	}
	/* Under 320px */
	@media only screen and (max-width: 320px) {
		.id_number {
			border-radius: 4px;
			margin: 39px 0 0 7px;
			padding: 4px 7px 1px 0;
		}
	}
	/*■■ スマイルポイント表示 ■■*/
	.smile_point {
		background-position: 3px 3px;
		border-radius: 0 4px 4px 0;
		float: left;
		margin: 39px 0 0 157px;
		padding: 5px 4px 0 25px;
	}
	/* Under 320px */
	@media only screen and (max-width: 320px) {
		.smile_point {
			border-radius: 4px;
			float: right;
			margin: 7px 7px 0 0;
		}
	}
	/*■■ 会員限定ページ ■■*/
	.prev_header .member_page {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
		clear: both;
	}
	/*■■■■■ ヘルプエリア ■■■■■*/
	.header_help {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 操作ヘルプのボタン ■■*/
	.header_help .bt_dpureview_help,
	.header_help .bt_dpureview_help:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 操作ヘルプのボタン押したら表示されるボックス ■■*/
	.help_icon_box {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ マニュアルのボタン ■■*/
	.header_help .bt_manual,
	.header_help .bt_manual:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 操作最初の第一歩ボタン ■■*/
	.header_help .bt_tutorialstart,
	.header_help .bt_tutorialstart:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ お問い合わせボタン ■■*/
	.header_help .bt_previnquiry,
	.header_help .bt_previnquiry:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■■■■ 編集エリアアイコン ■■■■■*/
	.header_edit {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ ホームページパーツ編集履歴ボタン ■■*/
	.header_edit .bt_bkup,
	.header_edit .bt_bkup:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ クイックアクセス一覧ボタン ■■*/
	.header_edit .bt_quick,
	.header_edit .bt_quick:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ デザインスキン変更ボタン ■■*/
	.header_edit .bt_design_change,
	.header_edit .bt_design_change:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ ホームページパーツ一覧ボタン ■■*/
	.header_edit .bt_hpcontents,
	.header_edit .bt_hpcontents:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ ホームページパーツ下書き一覧ボタン ■■*/
	.header_edit .bt_hpcontentsdraft,
	.header_edit .bt_hpcontentsdraft:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 高度なデザイン設定ボタン ■■*/
	.header_edit .bt_bgimg,
	.header_edit .bt_bgimg:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 残りの承認待ちパーツ数 ■■*/
	.header_edit .peity,
	.header_edit .peity:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 公開ページURLの確認ボタン ■■*/
	.header_edit .bt_openpageurl,
	.header_edit .bt_openpageurl:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ ホームページ公開設定変更ボタン ■■*/
	.header_edit .bt_pubstatus_change {
		width: 47px;
	}
	/*■■ 公開 ■■*/
	.header_edit .hp_public,
	.header_edit .hp_public:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 反映停止 ■■*/
	.header_edit .hp_refstop,
	.header_edit .hp_refstop:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 公開停止 ■■*/
	.header_edit .hp_pubstop,
	.header_edit .hp_pubstop:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■■■■ 表示切替ボタン ■■■■■*/
	.prev_header .bt_box {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .bt_edit_prev1,
	.prev_header .bt_box .bt_edit_prev1:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .on.bt_edit_prev1 {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .bt_edit_prev2,
	.prev_header .bt_box .bt_edit_prev2:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .on.bt_edit_prev2 {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .bt_edit_prev3,
	.prev_header .bt_box .bt_edit_prev3:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .on.bt_edit_prev3 {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .bt_edit_prev4,
	.prev_header .bt_box .bt_edit_prev4:hover {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	.prev_header .bt_box .on.bt_edit_prev4 {
		background-image: url(/go/images/smart/009_prevheader_smart.png);
		background-size: 609px;
	}
	/*■■ 公開パーツのみ表示 ■■*/
	.prev_header .bt_pubmode .bt_pubmode_onoff,
	.prev_header .bt_pubmode .on.bt_pubmode_onoff:hover {
			background-image: url(/go/images/smart/009_prevheader_smart.png);
			background-size: 609px;
	}
	.prev_header .bt_pubmode .bt_pubmode_onoff:hover,
	.prev_header .bt_pubmode .on.bt_pubmode_onoff {
			background-image: url(/go/images/smart/009_prevheader_smart.png);
			background-size: 609px;
	}
	.header_alert {
		clear: both;
		margin: 5px 7px -37px 0;
	}
	.prev_header .header_alert {
		width: 85px;
	}
	.prev_header .header_alert .header_contract {
		height: 25px;
		margin: 0;
		width: 93px;
	}
	.prev_header .header_alert .date {
		background: #FFFFFF;
		border-radius: 5px 5px 0 0;
		margin: 32px 0 0 -8px;
		padding: 0 0 0 7px;
		position: absolute;
		top: 7px;
		width: 86px;
	}
	.prev_header .header_alert .text {
		background: #FFFFFF;
		margin: 30px 0 0 -8px;
		padding: 1px 0 2px 7px;
		position: absolute;
		top: 26px;
		width: 86px;
	}
	.header_help {
		clear: both;
		margin: 5px 0 5px 7px;
	}
	.header_alert + .header_help {
		clear: both;
	}
	.header_edit {
		clear: both;
		display: flex;
		margin: 0 0 5px 7px;
		padding: 3px 0 0 50px;
	}
	.prev_header .bt_box {
		clear: both;
		margin: 0 0 5px 7px;
		padding: 0 0 0 79px;
	}
	.divsmartmodepc {
	}
	/*■■ 操作ヘルプのボタン押したら表示されるボックス ■■*/
	.help_icon_box {
		/*
		left: 55px;
		min-width: 138px;
		top: 30px;
		*/
		display: none !important;
	}
}
/* Under 667px */
@media only screen and (max-width: 667px) {
	.prev_header .header_point {
		clear: both;
		display: block;
		padding: 5px 0 2px 5px;
		display: none;/*赤字表示しない 20150608*/
	}
}





/*■■■■■ スマフォ、PC切り替え ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#divsmartmodepc {
	margin: 68px 0 0 0;
}





/*■■■■■ プレビュー時のページ部分 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ webプレビューのボーダー ■■■■■*/
.prev {
	/*border: 1px dotted transparent;*/
	position: relative;
}

.prev:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.prev:hover {
	/*border: 1px dotted #CC0000;*/
	outline: 3px dashed #B0E567;
	outline-offset: -3px;
	position: relative;
}

.prevoff,
.prevoff:hover {
	/*border: none;*/
	outline: none;
}

/*■■ パーツのエリア移動のボーダー ■■*/
.dropparts-hover {
	outline: 5px solid #B0E567;
	margin: -5px;
}

/*■■ 上の余白の為 ■■*/
.all.prev_all {
	margin: 73px 0 0 0;
	overflow: visible;
	padding: 1px 0 0 0;
}

/* Under 667px */
@media only screen and (max-width: 667px) {
	.all.prev_all {
		margin: 0;
	}
}

.prev_all .area_11,
.prev_all .area_12 {
	top: 80px;
}
/* Under 667px */
@media only screen and (max-width: 667px) {
	.prev_all .area_11,
	.prev_all .area_12 {
		top: 5px;
	}
}

/*■■ エリア５電話番号がないときのための余白 ■■*/
.prev .list_1 {
	min-height: 10px;
}
.prevoff .list_1 {
	min-height: 0;
}

/*■■■ D&D時に枠と背景をつける ■■■*/
.ui-sortable-helper,
.all .container .prev:hover .list_1 .ui-sortable-helper:hover {
	/*background: rgba(255, 255, 255, 0.8) !important;*/
	border: 2px solid #CC0000 !important;
}
.layout_box .ui-sortable-helper,
.all .container .prev:hover .list_1 .layout_box .ui-sortable-helper:hover {
	border: 2px solid #65CC00 !important;
}

/*■■■ エリアhover時に半透明にする ■■■*/
.area_1 .prev:hover,
.area_2 .prev:hover,
.area_3 .prev:hover,
.area_4 .prev:hover,
.area_5 .prev:hover,
.area_6 .prev:hover,
.area_7 .prev:hover,
.area_8 .prev:hover,
.area_9 .prev:hover,
.area_10 .prev:hover {
	background-color: rgba(102,51,0,0.02);
}
.area_1 .prevoff:hover,
.area_2 .prevoff:hover,
.area_3 .prevoff:hover,
.area_4 .prevoff:hover,
.area_5 .prevoff:hover,
.area_6 .prevoff:hover,
.area_7 .prevoff:hover,
.area_8 .prevoff:hover,
.area_9 .prevoff:hover,
.area_10 .prevoff:hover {
	background-color: transparent;
}

.prev:hover h1,
.prev:hover h2,
.prev:hover h3,
.prev:hover h4,
.prev:hover hr,
.prev:hover .topimage_area div,
.prev:hover .logo img,
.prev:hover .sitetitle a,
.prev:hover .tel,
.prev:hover .add,
.prev:hover .time,
.prev:hover .copyright,
.prev:hover .mokuji,
.prev:hover .none_date,
.prev:hover .this_date,
.prev:hover .child_link_date span,
.prev:hover .none_img,
.prev:hover .this_img,
.prev:hover .form_none_img,
.prev:hover .form_this_img,
.prev:hover .child_link_img,
.prev:hover .child_bannerlink,
.prev:hover .banner_title,
.prev:hover .form_bannerlink,
.prev:hover .form_bannerlink_noimg,
.prev:hover .text_box_1,
.prev:hover .text_box_1_clear,
.prev:hover .text_box_2,
.prev:hover .text_box_3,
.prev:hover .text_box_4,
.prev:hover .text_box_5,
.prev:hover .text_box_1_s,
.prev:hover .text_box_1_s_clear,
.prev:hover .text_box_2_s,
.prev:hover .text_box_3_s,
.prev:hover .text_box_4_s,
.prev:hover .text_box_5_s,
.prev:hover .voicestyle .text_box_1,
.prev:hover .voicestyle .text_box_1_s,
.prev:hover .faqstyle .text_box_1,
.prev:hover .faqstyle .text_box_1_s,
.prev:hover .catch,
.prev:hover .mark_details_1,
.prev:hover .mark_details_2 {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*chromeでもhoverで透明にする*/
	.prev:hover .text_box_1 img,
	.prev:hover .text_box_1 ul,
	.prev:hover .text_box_1 ol,
	.prev:hover .text_box_1 table,
	.prev:hover .text_box_1 .point,
	.prev:hover .text_box_1 blockquote,
	.prev:hover .text_box_1 .qr_area,
	.prev:hover .text_box_1_s img,
	.prev:hover .text_box_1_s ul,
	.prev:hover .text_box_1_s ol,
	.prev:hover .text_box_1_s table,
	.prev:hover .text_box_1_s .point,
	.prev:hover .text_box_1_s blockquote,
	.prev:hover .text_box_1_s .qr_area {
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
}
.prev:hover .sitetitle .edit {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.prev:hover .text_box_1 table p,
.prev:hover .text_box_1_s table p,
.prev:hover .text_box_1 .point p,
.prev:hover .text_box_1_s .point p,
.prev:hover .text_box_1 blockquote p,
.prev:hover .text_box_1_s blockquote p,
.prev:hover .faqstyle .list_2 .text_box_1 p,
.prev:hover .faqstyle .list_2 .text_box_1_s p,
.prev:hover .sitetitle .edit:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.all .container:not(:has(.prevoff)) .prev:hover .list_1 .list_2:hover {
	/*background-color: rgba(194,13,13,0.1);*/
	outline: 3px dashed #CC0000;
	outline-offset: -3px;
}
.all .container .prev:hover .list_1 .dummybox:hover {
	background-color: transparent;
}

/*■■■ オフ　エリアhover時に半透明を解除 ■■■*/
.prevoff:hover h1,
.prevoff:hover h2,
.prevoff:hover h3,
.prevoff:hover h4,
.prevoff:hover hr,
.prevoff:hover .topimage_area div,
.prevoff:hover .logo img,
.prevoff:hover .sitetitle a,
.prevoff:hover .tel,
.prevoff:hover .add,
.prevoff:hover .time,
.prevoff:hover .copyright,
.prevoff:hover .mokuji,
.prevoff:hover .none_date,
.prevoff:hover .this_date,
.prevoff:hover .child_link_date span,
.prevoff:hover .none_img,
.prevoff:hover .this_img,
.prevoff:hover .form_none_img,
.prevoff:hover .form_this_img,
.prevoff:hover .child_link_img,
.prevoff:hover .child_bannerlink,
.prevoff:hover .banner_title,
.prevoff:hover .form_bannerlink,
.prevoff:hover .form_bannerlink_noimg,
.prevoff:hover .text_box_1,
.prevoff:hover .text_box_1_clear,
.prevoff:hover .text_box_2,
.prevoff:hover .text_box_3,
.prevoff:hover .text_box_4,
.prevoff:hover .text_box_5,
.prevoff:hover .text_box_1_s,
.prevoff:hover .text_box_1_s_clear,
.prevoff:hover .text_box_2_s,
.prevoff:hover .text_box_3_s,
.prevoff:hover .text_box_4_s,
.prevoff:hover .text_box_5_s,
.prevoff:hover .voicestyle .text_box_1,
.prevoff:hover .voicestyle .text_box_1_s,
.prevoff:hover .faqstyle .text_box_1,
.prevoff:hover .faqstyle .text_box_1_s,
.prevoff:hover .catch,
.prevoff:hover .mark_details_1,
.prevoff:hover .mark_details_2 {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*chromeでもhoverで透明にする*/
	.prevoff:hover .text_box_1 img,
	.prevoff:hover .text_box_1 ul,
	.prevoff:hover .text_box_1 ol,
	.prevoff:hover .text_box_1 table,
	.prevoff:hover .text_box_1 .point,
	.prevoff:hover .text_box_1 blockquote,
	.prevoff:hover .text_box_1 .qr_area,
	.prevoff:hover .text_box_1_s img,
	.prevoff:hover .text_box_1_s ul,
	.prevoff:hover .text_box_1_s ol,
	.prevoff:hover .text_box_1_s table,
	.prevoff:hover .text_box_1_s .point,
	.prevoff:hover .text_box_1_s blockquote,
	.prevoff:hover .text_box_1_s .qr_area {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
}
/*
.all .container .prevoff:hover .list_1 .list_2:hover {
	background-color: transparent;
}
*/




/*■■■■■ プレビュー時のボタン ■■■■■*/
.container .edit,
.container .editcaution,
.container .editpreviewonly,
.container .plus,
.container .pluspro,
.container .copy,
.container .galleryplus,
.container .layoutdel,
.container .lay_edit,
.container .lay_edit_2,
.container .lay_edit_3,
.container .reserveinfo,
.container .parts_plus,
.container .lay_move_up,
.container .lay_move_down,
.container .lay_move2_up,
.container .lay_move2_down,
.container .reservecalendar,
.container .lay_layoutoff {
	border: none;
	border-radius: 0 !important;
	display: block;
	filter: Alpha(opacity=20); /* IE系 */
	font-size: 0;
	height: 20px;
	margin: 0;
	opacity: 0.2; /* Mozzila系 */
	padding: 0;
	position: absolute;
	text-decoration: none;
	top: 0;
	transition: 0.3s;
	width: 20px;
	z-index: 100;
}
.container div[class*="area_"] .list_1:hover .list_2 .edit,
.container div[class*="area_"] .list_1:hover .list_2 .plus,
.container div[class*="area_"] .list_1:hover .list_2 .pluspro,
.container div[class*="area_"] .list_1:hover .list_2 .copy,
.container div[class*="area_"] .list_1:hover .list_2 .galleryplus,
.container div[class*="area_"] .list_1:hover .list_2 .layoutdel,
.container div[class*="area_"] .list_1:hover .list_2 .lay_edit,
.container div[class*="area_"] .list_1:hover .list_2 .lay_edit_2,
.container div[class*="area_"] .list_1:hover .list_2 .lay_edit_3,
.container div[class*="area_"] .list_1:hover .list_2 .reserveinfo,
.container div[class*="area_"] .list_1:hover .list_2 .parts_plus,
.container div[class*="area_"] .list_1:hover .list_2 .lay_move_up,
.container div[class*="area_"] .list_1:hover .list_2 .lay_move_down,
.container div[class*="area_"] .list_1:hover .list_2 .lay_move2_up,
.container div[class*="area_"] .list_1:hover .list_2 .lay_move2_down,
.container div[class*="area_"] .list_1:hover .list_2 .reservecalendar {
	filter: Alpha(opacity=20); /* IE系 */
	opacity: 0.2; /* Mozzila系 */
}
.container div[class*="area_"] .list_1:hover .edit,
.container div[class*="area_"] .list_1:hover .plus,
.container div[class*="area_"] .list_1:hover .pluspro,
.container div[class*="area_"] .list_1:hover .copy,
.container div[class*="area_"] .list_1:hover .galleryplus,
.container div[class*="area_"] .list_1:hover .layoutdel,
.container div[class*="area_"] .list_1:hover .lay_edit,
.container div[class*="area_"] .list_1:hover .lay_edit_2,
.container div[class*="area_"]:hover .lay_edit_3,
.container div[class*="area_"] .list_1:hover .lay_edit_3,
.container div[class*="area_"] .list_1:hover .reserveinfo,
.container div[class*="area_"] .list_1:hover .parts_plus,
.container div[class*="area_"] .list_1:hover .lay_move_up,
.container div[class*="area_"] .list_1:hover .lay_move_down,
.container div[class*="area_"] .list_1:hover .lay_move2_up,
.container div[class*="area_"] .list_1:hover .lay_move2_down,
.container div[class*="area_"] .list_1:hover .reservecalendar,
.container div[class*="area_"] .list_1:hover .lay_layoutoff,
.container div[class*="area_"] .list_1:hover .list_2:hover .edit,
.container div[class*="area_"] .list_1:hover .list_2:hover .plus,
.container div[class*="area_"] .list_1:hover .list_2:hover .pluspro,
.container div[class*="area_"] .list_1:hover .list_2:hover .copy,
.container div[class*="area_"] .list_1:hover .list_2:hover .galleryplus,
.container div[class*="area_"] .list_1:hover .list_2:hover .layoutdel,
.container div[class*="area_"] .list_1:hover .list_2:hover .lay_edit,
.container div[class*="area_"] .list_1:hover .list_2:hover .lay_edit_2,
.container div[class*="area_"]:hover .list_2:hover .lay_edit_3,
.container div[class*="area_"] .list_1:hover .list_2:hover .lay_edit_3,
.container div[class*="area_"] .list_1:hover .list_2:hover .reserveinfo,
.container div[class*="area_"] .list_1:hover .list_2:hover .parts_plus,
.container div[class*="area_"] .list_1:hover .list_2:hover .lay_move_up,
.container div[class*="area_"] .list_1:hover .list_2:hover .lay_move_down,
.container div[class*="area_"] .list_1:hover .list_2:hover .lay_move2_up,
.container div[class*="area_"] .list_1:hover .list_2:hover .lay_move2_down,
.container div[class*="area_"] .list_1:hover .list_2:hover .reservecalendar {
	filter: Alpha(opacity=60); /* IE系 */
	opacity: 0.6; /* Mozzila系 */
}
.container .editcaution,
.container .editpreviewonly,
.container div[class*="area_"] .list_1:hover .list_2 .editcaution,
.container div[class*="area_"] .list_1:hover .list_2 .editpreviewonly,
.container div[class*="area_"] .list_1:hover .editcaution,
.container div[class*="area_"] .list_1:hover .editpreviewonly,
.container div[class*="area_"] .list_1:hover .list_2:hover .editcaution,
.container div[class*="area_"] .list_1:hover .list_2:hover .editpreviewonly {
	filter: Alpha(opacity=60); /* IE系 */
	opacity: 0.6; /* Mozzila系 */
}

.container div[class*="area_"]:hover .edit:hover,
.container div[class*="area_"]:hover .editcaution:hover,
.container div[class*="area_"]:hover .editpreviewonly:hover,
.container div[class*="area_"]:hover .plus:hover,
.container div[class*="area_"]:hover .pluspro:hover,
.container div[class*="area_"]:hover .copy:hover,
.container div[class*="area_"]:hover .galleryplus:hover,
.container div[class*="area_"]:hover .layoutdel:hover,
.container div[class*="area_"]:hover .lay_edit:hover,
.container div[class*="area_"]:hover .lay_edit_2:hover,
.container div[class*="area_"]:hover .lay_edit_3:hover,
.container div[class*="area_"]:hover .reserveinfo:hover,
.container div[class*="area_"]:hover .parts_plus:hover,
.container div[class*="area_"]:hover .lay_move_up:hover,
.container div[class*="area_"]:hover .lay_move_down:hover,
.container div[class*="area_"]:hover .lay_move2_up:hover,
.container div[class*="area_"]:hover .lay_move2_down:hover,
.container div[class*="area_"]:hover .reservecalendar:hover,
.container div[class*="area_"]:hover .lay_layoutoff:hover {
	filter: Alpha(opacity=100) !important; /* IE系 */
	opacity: 1 !important; /* Mozzila系 */
	z-index: 1000 !important;
}

.area_2 .plus,
.area_2 .pluspro,
.area_2 .galleryplus,
.area_2 .layoutdel,
.area_2 .lay_edit,
.area_2 .lay_edit_2,
.area_2 .lay_edit_3,
.area_2 .lay_move_up,
.area_2 .lay_move_down,
.area_2 .lay_move2_up,
.area_2 .lay_move2_down,
.area_2 .lay_layoutoff,
.area_10 .plus,
.area_10 .pluspro,
.area_10 .galleryplus,
.area_10 .layoutdel,
.area_10 .lay_edit,
.area_10 .lay_edit_2,
.area_10 .lay_edit_3,
.area_10 .lay_move_up,
.area_10 .lay_move_down,
.area_10 .lay_move2_up,
.area_10 .lay_move2_down,
.area_10 .lay_layoutoff {
	top: -20px;
}

/*■■■■■ 編集ボタン ■■■■■*/
.container .edit,
.container .list_1:hover .sitemap_list .edit,
.container .list_1:hover .sitemap_list:hover .sitemap_list li .edit {
	background: url(/go/images/icon_edit.png) no-repeat left top;
	right: 0;
}
.container .list_1 .sitemap_list .edit,
.container .list_1:hover .sitemap_list .edit,
.container .list_1 .sitemap_list:hover .sitemap_list li .edit,
.container .list_1:hover .sitemap_list:hover .sitemap_list li .edit {
	left: 0;
}

/*■■■■■ 承認待ち編集ボタン ■■■■■*/
.container .editcaution,
.container .list_1:hover .sitemap_list .editcaution,
.container .list_1:hover .sitemap_list:hover .sitemap_list li .editcaution {
	background: url(/go/images/icon_editcaution.png) no-repeat left top;
	right: 0;
}

/*■■■■■ プレビューのみ表示編集ボタン ■■■■■*/
.container .editpreviewonly,
.container .list_1:hover .sitemap_list .editpreviewonly,
.container .list_1:hover .sitemap_list:hover .sitemap_list li .editpreviewonly {
	background: url(/go/images/icon_editpreviewonly.png) no-repeat left top;
	right: 0;
}

/*■■■■■ 編集ボタン（本文続き） ■■■■■*/
.editmore {
	display: none;
}

/*■■■■■ ページ追加ボタン ■■■■■*/
.container .plus,
.container .list_1:hover .list_2 .plus,
.container .pluspro,
.container .list_1:hover .list_2 .pluspro,
.container .text_box + .text_box_2 + .plus {
	background: url(/go/images/icon_plus.png) no-repeat left top;
	left: 0;
	margin: 0 0 -20px 0;
	top: 22px;
	position: absolute;
	z-index: 1000;
}
.container .text_box + .plus {
	top: 0;
}
.container .area_2 .plus {
	top: 0;
}

/*■■■■■ 表示解除ボタン ■■■■■*/
.lay_layoutoff {
	background: url(/go/images/icon_layoutoff_f2.png) no-repeat left top;
	left: 22px;
	top: 0;
}

/*■■■■■ コピーボタン ■■■■■*/
.container .copy,
.container .list_1:hover .list_2 .copy {
	background: url(/go/images/icon_copy.png) no-repeat left top;
	right: 21px;
}

/*■■■■■ 画像パーツ一括追加ボタン ■■■■■*/
.container .galleryplus,
.container .list_1:hover .list_2 .galleryplus {
	background: url(/go/images/icon_galleryplus.png) no-repeat left top;
	right: 35px;
}

/*■■■■■ 表示オフボタン ■■■■■*/
.container .layoutdel,
.container .list_1:hover .list_2 .layoutdel {
	background: url(/go/images/icon_layoutdel_f2.png) no-repeat left top;
	right: 42px;
}
.container .list_1:hover .list_2 .layoutdel,
.container .list_1 .list_2:hover .layoutdel,
.container .list_1 .list_2 .layoutdel,
.container .list_1 .list_2 .layoutdel:hover {
	right: 21px;
}

/*■■■■■ 予約中パーツ ■■■■■*/
.container .reserveinfo {
	background: url(/go/images/icon_reserveinfo.png) no-repeat left top;
	right: 57px;
	top: 0;
}

/*■■■■■ 予約管理へのアイコン ■■■■■*/
.container .reservecalendar {
	background: url(/go/images/icon_reservecalendar_f2.png) no-repeat left top;
	right: 21px;
}

/*■■■■■ 編集＆コピーボタン ■■■■■*/
.container .editandcopy {
	background: url(/go/images/icon_editandcopy.png) no-repeat left top;
	width: 33px;
}

/*■■■■■ 承認待ち編集＆コピーボタン ■■■■■*/
.container .editandcopycaution {
	background: url(/go/images/icon_editandcopycaution.png) no-repeat left top;
	width: 33px;
}

/*■■■■■ プレビューのみ表示編集＆コピーボタン ■■■■■*/
.container .editandcopypreviewonly {
	background: url(/go/images/icon_editandcopypreviewonly.png) no-repeat left top;
	width: 33px;
}





/*■■■■■ プレビュー時の表示項目の設定一覧ボタン ■■■■■*/
.prev .lay_edit,
.prev .lay_edit:hover,
.prev:hover .lay_edit,
.prev:hover .lay_edit:hover {
	background: url(/go/images/icon_layedit_list_f2.png) no-repeat left top;
	filter: Alpha(opacity=0); /* IE系 */
	left: 0;
	opacity: 0; /* Mozzila系 */
	top: -21px;
	width: 105px;
	z-index: 100;
}
.prev:hover .lay_edit {
	filter: Alpha(opacity=60); /* IE系 */
	opacity: 0.6; /* Mozzila系 */
}
.prev .lay_edit:hover,
.prev:hover .lay_edit:hover {
	filter: Alpha(opacity=100); /* IE系 */
	opacity: 1; /* Mozzila系 */
}

.area_2 .prev .lay_edit,
.area_2 .prev .lay_edit:hover,
.area_2 .prev:hover .lay_edit,
.area_2 .prev:hover .lay_edit:hover {
	left: 0;
	top: -21px;
}
.container .area_2_center .area_2 .prev .lay_edit,
.container .area_2_center .area_2 .prev .lay_edit:hover,
.container .area_2_center .area_2 .prev:hover .lay_edit,
.container .area_2_center .area_2 .prev:hover .lay_edit:hover {
	left: 0;
	top: -41px;
}

.area_10 .prev .lay_edit,
.area_10 .prev .lay_edit:hover,
.area_10 .prev:hover .lay_edit,
.area_10 .prev:hover .lay_edit:hover {
	left: -11px;
	top: -46px;
}

.area_11 .prev .lay_edit,
.area_11 .prev .lay_edit:hover,
.area_11 .prev:hover .lay_edit,
.area_11 .prev:hover .lay_edit:hover,
.area_12 .prev .lay_edit,
.area_12 .prev .lay_edit:hover,
.area_12 .prev:hover .lay_edit,
.area_12 .prev:hover .lay_edit:hover {
	bottom: -22px;
	top: auto;
}
.area_13 .prev .lay_edit,
.area_13 .prev .lay_edit:hover,
.area_13 .prev:hover .lay_edit,
.area_13 .prev:hover .lay_edit:hover,
.area_14 .prev .lay_edit,
.area_14 .prev .lay_edit:hover,
.area_14 .prev:hover .lay_edit,
.area_14 .prev:hover .lay_edit:hover {
	top: -22px;
}
.area_12 .prev .lay_edit,
.area_12 .prev .lay_edit:hover,
.area_12 .prev:hover .lay_edit,
.area_12 .prev:hover .lay_edit:hover,
.area_14 .prev .lay_edit,
.area_14 .prev .lay_edit:hover,
.area_14 .prev:hover .lay_edit,
.area_14 .prev:hover .lay_edit:hover {
	left: auto;
	right: 0;
}



/*■■■■■ プレビュー時の表示項目の設定ボタン（歯車 中面） ■■■■■*/
.prev .list_1 {
	position: relative;
}

.prev .lay_edit_3 {
	background: url(/go/images/icon_layedit_mark_f2.png) no-repeat left top;
	left: 0;
}

.prev .lay_edit_3:hover {
	z-index: 100;
}



/*■■■■■ プレビュー時の表示項目の設定ボタン（歯車） ■■■■■*/
#INDEX .prev .lay_edit_3 {
	/*display: none;*/
}
#INDEX .prev:hover .lay_edit_3,
#INDEX .prev:hover .list_1:hover .lay_edit_3,
#INDEX .prev:hover .lay_edit_3:hover,
#INDEX .prev:hover .list_1:hover .lay_edit_3:hover {
	display: block;
}
#INDEX .prev:hover .lay_edit_3 {
	background: url(/go/images/icon_layedit_mark_f2.png) no-repeat left top;
}





/*■■■■■ プレビュー時の項目のレイアウト編集ボタン ■■■■■*/
.prev .lay_edit_2,
.prev:hover .lay_edit_2,
.prev:hover .lay_edit_2:hover {
	background: url(/go/images/icon_layedit_2_f2.png) no-repeat left top;
	filter: Alpha(opacity=0); /* IE系 */
	left: 0;
	opacity: 0; /* Mozzila系 */
	top: 21px;
	width: 65px;
}
.prev:hover .lay_edit_2 {
	filter: Alpha(opacity=60); /* IE系 */
	opacity: 0.6; /* Mozzila系 */
}
.prev:hover .lay_edit_2:hover {
	filter: Alpha(opacity=100); /* IE系 */
	opacity: 1; /* Mozzila系 */
}





/*■■■■■ プレビュー時のパーツ追加ボタン ■■■■■*/
.container .parts_plus {
	bottom: 0;
	/*left: 106px;*/
	left: 50%;
	height: 22px;
	top: auto;
	width: 58px;
	z-index: 100;
}
.container .area_2 .parts_plus {
	bottom: 6%;
	left: auto;
	height: 18px;
	right: 0;
	width: 62px;
}
.container .area_2_center .area_2 .parts_plus {
	right: -62px;
}
.container .area_3 .parts_plus,
.container .area_4 .parts_plus,
.container .area_5 .parts_plus,
.container .area_6 .parts_plus {
	left: auto;
	right: 24%;
}

.container .list_1 .parts_plus {
	bottom: auto;
	left: 42%;
	top: 0;
}
.container .area_2 .list_1 .parts_plus,
.container .area_10 .list_1 .parts_plus {
	bottom: auto;
	left: -4px;
	height: 18px;
	right: auto;
	top: 21px;
	width: 62px;
}
.container .area_2 .list_1 .parts_plus {
	bottom: -19px;
	top: auto;
}
.container .area_3 .list_1 .parts_plus,
.container .area_4 .list_1 .parts_plus,
.container .area_5 .list_1 .parts_plus,
.container .area_6 .list_1 .parts_plus {
	left: 35%;
}

.prev .parts_plus {
	background: url(/go/images/icon_partsplus_f2.png) no-repeat left top;
	filter: Alpha(opacity=0); /* IE系 */
	opacity: 0; /* Mozzila系 */
	transition: 0.3s;
}
.prev .box:hover .parts_plus,
.prev:hover .lay_edit + .parts_plus {
	filter: Alpha(opacity=60); /* IE系 */
	opacity: 0.6; /* Mozzila系 */
}
.prev .parts_plus:hover,
.prev .box:hover .parts_plus:hover,
.prev:hover .lay_edit + .parts_plus:hover {
	filter: Alpha(opacity=100); /* IE系 */
	opacity: 1; /* Mozzila系 */
}
.prev:hover .box .parts_plus,
.prev .box .parts_plus:hover,
.prev:hover .box .parts_plus:hover {
	background: url(/go/images/icon_partsplus_list1_f2.png) no-repeat left top;
}

.area_2 .prev .parts_plus {
	background: url(/go/images/icon_partsplus_area2_f2.png) no-repeat left top;
}
.area_2 .prev:hover .box .parts_plus,
.area_2 .prev .box .parts_plus:hover,
.area_2 .prev:hover .box .parts_plus:hover,
.area_10 .prev:hover .box .parts_plus,
.area_10 .prev .box .parts_plus:hover,
.area_10 .prev:hover .box .parts_plus:hover {
	background: url(/go/images/icon_partsplus_area2_f2.png) no-repeat left top;
}

body:not(#INDEX) .area_8 .prev .parts_plus {
	bottom: -23px;
	left: 42%;
}

.container .area_11 .parts_plus,
.container .area_12 .parts_plus {
	bottom: -43px;
	left: 0;
	top: auto;
}
.container .area_11 .list_1 .parts_plus,
.container .area_12 .list_1 .parts_plus {
}
.container .area_13 .parts_plus,
.container .area_14 .parts_plus {
	bottom: 0;
	left: 42%;
}
.container .area_13 .list_1 .parts_plus,
.container .area_14 .list_1 .parts_plus {
	bottom: auto;
	left: 33%;
	top: 0;
}
.container .area_12 .parts_plus,
.container .area_14 .parts_plus {
	left: auto;
	right: 0;
}





/*■■■■■ プレビュー時のレイアウト上下移動ボタン ■■■■■*/
/*■■■■■ 親項目 ■■■■■*/
.prev .lay_move_up,
.prev .lay_move_down {
	width: 15px;
}
.prev .lay_move_up {
	background: url(/go/images/icon_lay_move_up_f2.png) no-repeat left top;
	left: 61px;
}

.prev .lay_move_down {
	background: url(/go/images/icon_lay_move_down_f2.png) no-repeat left top;
	left: 44px;
}



/*■■■■■ 子項目 ■■■■■*/
.prev .lay_move2_up,
.prev .lay_move2_down {
	width: 15px;
}

.prev .lay_move2_up {
	background: url(/go/images/icon_lay_move2_up_f2.png) no-repeat left top;
	left: 16px;
}
/* 表示追加した子パーツ */
.prev .lay_edit_3 + a + .lay_move2_up {
	left: 37px;
}

.prev .lay_move2_down {
	background: url(/go/images/icon_lay_move2_down_f2.png) no-repeat left top;
	left: 0;
}
/* 表示追加した子パーツ */
.prev .lay_edit_3 + a + .lay_move2_down,
.prev .lay_edit_3 + a + .lay_move2_up + .lay_move2_down {
	left: 21px;
}





/*■■■■■ フォームの項目追加アイコン ■■■■■*/
.container form .plus,
.container .normalstyle form .plus {
	background: none;
	/*display: none !important;*/
}
.container div[title*="【エリア 8】"] .normalstyle:hover form .plus {
	background: url(/go/images/icon_formplus_f2.png) no-repeat left top;
	border: none;
	bottom: 10px;
	display: block !important;
	filter: Alpha(opacity=60);
	opacity: 0.6; /* Mozzila系 */
	font-size: 0;
	height: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: auto;
	width: 95px;
	z-index: 100;
}
.container div[title*="【エリア 8】"] .normalstyle:hover form .plus:hover {
	filter: Alpha(opacity=100); /* IE系 */
	opacity: 1; /* Mozzila系 */
}





/*■■■■■ フォームの項目編集アイコン ■■■■■*/
.container .form_table tr:hover .edit {
	filter: Alpha(opacity=100); /* IE系 */
	opacity: 1; /* Mozzila系 */
}





/*■■■■■ フォームの項目並べ替えアイコン ■■■■■*/
.form_table th,
.form_table td {
	position: relative;
}

.form_table .lay_move_up,
.form_table .lay_move_down {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 15px;
}
.normalstyle:hover .form_table .lay_move_up {
	background: url(/go/images/icon_lay_move_up_f2.png) no-repeat left top;
	display: block;
	left: 0;
}

.normalstyle:hover .form_table .lay_move_down {
	background: url(/go/images/icon_lay_move_down_f2.png) no-repeat left top;
	display: block;
	left: 16px;
}





/*■■■■■ Googleマップ ■■■■■*/
.rigooglemap > img {
	display: block !important;
}





/*■■■■■ ポップアップされるアラートの中のボタン ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#riprevmove_form,
#puburldisp,
#puburldisp2,
#editorcopy,
#riauthmsgblock,
#questionLayoutOff,
#questionLayoutOff2 {
	padding: 15px 5px;
}

#riprevmove_form input[type="button"],
#puburldisp input[type="button"],
#puburldisp2 input[type="button"],
#editorcopy input[type="button"],
#riauthmsgblock input[type="button"],
#questionLayoutOff input[type="button"],
#questionLayoutOff2 input[type="button"] {
	background-color: #EFEFEF;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 20px;
	cursor: pointer;
	margin: 20px 10px 20px 0;
    outline: none;
	padding: 6px 7px 4px 31px;
}
#riprevmove_form input[type="button"]:hover,
#puburldisp input[type="button"]:hover,
#puburldisp2 input[type="button"]:hover,
#editorcopy input[type="button"]:hover,
#riauthmsgblock input[type="button"]:hover,
#questionLayoutOff input[type="button"]:hover,
#questionLayoutOff2 input[type="button"]:hover {
	background-color: #0066CC;
	border-color: #0044CC;
	color: #FFFFFF;
}

/* Under 667px */
@media only screen and (max-width: 667px) {
	#riprevmove_form input[type="button"] {
		padding: 6px 7px 6px 31px;
	}
}

/* 右上の閉じるアイコン */
#riprevmove_form input[type="button"].commonclose,
#puburldisp input[type="button"].commonclose,
#puburldisp2 input[type="button"].commonclose,
#editorcopy input[type="button"].commonclose,
#riauthmsgblock input[type="button"].commonclose {
	background: url(../images/icon_cancel.png) no-repeat left top;
	background-size: 20px;
	border: none;
	font-size: 0;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
}
#riprevmove_form input[type="button"].commonclose:hover,
#puburldisp input[type="button"].commonclose:hover,
#puburldisp2 input[type="button"].commonclose:hover,
#editorcopy input[type="button"].commonclose:hover,
#riauthmsgblock input[type="button"].commonclose:hover {background-image: url(../images/icon_cancel_2.png);}

/*■■■■■ レイアウト順番並べ替えしたときのアラート ■■■■■■■■■■■■■■■■■■■■*/
#riprevmove_form #riprevmoveupmsg {
	background: none;
	color: #000000;
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 106%;
	padding: 5px 0 20px 0;
}

#riprevmove_form #riprevmoveyes {background-image: url(../images/icon_riprevmoveyes.png);}
#riprevmove_form #riprevmoveyes:hover {background-image: url(../images/icon_riprevmoveyes_f2.png);}
#riprevmove_form #riprevmovecustom {background-image: url(../images/icon_riprevmovecustom.png);}
#riprevmove_form #riprevmovecustom:hover {background-image: url(../images/icon_riprevmovecustom_f2.png);}
#riprevmove_form #riprevmovecancel {background-image: url(../images/icon_cancel.png);}
#riprevmove_form #riprevmovecancel:hover {background-image: url(../images/icon_cancel_f2.png);}

/*■■■■■ 公開ページURL ■■■■■■■■■■■■■■■■■■■■*/
#puburldisp .pageurl {
	background: #CCCCCC;
	border-radius: 4px;
	color: #000000;
	display: inline-block;
	margin: 0 5px 20px 0;
	max-width: 75%;
	padding: 9px 5px 4px 15px;
}
#puburldisp .pageurl:before {
	content: "公開ページURL";
	font-weight: bold;
}
#puburldisp .pageurl #puburldisp_puburl {
	background: #FFFFFF;
	border-radius: 4px;
	color: #000000;
	display: inline-block;
	margin: -5px 0 0 15px;
	max-width: 80%;
	padding: 4px 15px 3px 15px;
}
/* Under 667px */
@media only screen and (max-width: 667px) {
	#puburldisp .pageurl {
		display: block;
		margin: 0 0 10px 0;
		max-width: none;
		overflow: hidden;
		padding: 7px 5px 15px 5px;
	}
	#puburldisp .pageurl:before {
		display: block;
		margin: 0 0 12px 0;
	}
	#puburldisp .pageurl > b {
		display: inline-block;
		padding: 0 0 8px 0;
	}
	#puburldisp .pageurl #puburldisp_puburl {
		display: inline-block;
		float: none;
		margin: 0;
		max-width: 86%;
		padding: 7px 15px;
		word-wrap: break-word;
	}
}

/* 公開ページを確認する */
#puburldisp .pubpageopen,
#puburldisp2 .pubpageopen {background-image: url(../images/icon_pubpageopen.png);}
#puburldisp .pubpageopen:hover,
#puburldisp2 .pubpageopen:hover {background-image: url(../images/icon_pubpageopen_f2.png);}

/* リンクを作る */
#puburldisp .linkviewopen {background-image: url(../images/icon_linkviewopen.png);}
#puburldisp .linkviewopen:hover {background-image: url(../images/icon_linkviewopen_f2.png);}

/* 閉じる */
#puburldisp .cancel,
#puburldisp2 .cancel,
#editorcopy .cancel {background-image: url(../images/icon_cancel.png); margin: 0 !important;}
#puburldisp .cancel:hover,
#puburldisp2 .cancel:hover,
#editorcopy .cancel:hover {background-image: url(../images/icon_cancel_f2.png);}

/* このパーツを編集する */
#editorcopy .edit {background-image: url(../images/icon_riimgedit.png);}
#editorcopy .edit:hover {background-image: url(../images/icon_riimgedit_f2.png);}

/* このパーツをコピーする */
#editorcopy .copy {background-image: url(../images/icon_copy2.png); margin: 0 10px 0 0 !important;}
#editorcopy .copy:hover {background-image: url(../images/icon_copy2_f2.png);}



/*■■■■■ 表示解除したときのアラート ■■■■■■■■■■■■■■■■■■■■*/
/* はい */
#questionLayoutOff #yesLayoutOff,
#questionLayoutOff2 #yesLayoutOff2 {background-image: url(../images/icon_select_orange.png);}
#questionLayoutOff #yesLayoutOff:hover,
#questionLayoutOff2 #yesLayoutOff2:hover {background-image: url(../images/icon_select_orange_f2.png);}

/* いいえ */
#question #noLayoutOff,
#questionLayoutOff #noLayoutOff,
#questionLayoutOff2 #noLayoutOff2 {background-image: url(../images/icon_nolayoutoff.png);}
#question #noLayoutOff:hover,
#questionLayoutOff #noLayoutOff:hover,
#questionLayoutOff2 #noLayoutOff2:hover {background-image: url(../images/icon_nolayoutoff_f2.png);}

/* 取り消し */
#questionLayoutOff #cancelLayoutOff,
#questionLayoutOff2 #cancelLayoutOff2 {background-image: url(../images/icon_cancel.png);}
#questionLayoutOff #cancelLayoutOff:hover,
#questionLayoutOff2 #cancelLayoutOff2:hover {background-image: url(../images/icon_cancel_f2.png);}



/*■■■■■ 認証設定されているページを表示したときのアラート ■■■■■■■■■■■■■■■■■■■■*/
#riauthmsgblock #riauthmsg {
	font-weight: bold;
}

/* OK */
#riauthmsgblock .cancel {background-image: url(../images/icon_cancel.png); margin-right: 0 !important;}
#riauthmsgblock .cancel:hover {background-image: url(../images/icon_cancel_f2.png);}

#riauthmsgblock span {
	border-radius: 4px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 76%;
	height: 16px;
	margin: 0 5px 4px 5px;
	padding: 2px 5px 0 20px;
}
/* 会員限定 */
#riauthmsgblock span.member {
	background: url(../images/003_save_status.png) no-repeat left -66px;
}
/* メルマガ受信者向け */
#riauthmsgblock span.mail_member {
	background: url(../images/003_save_status.png) no-repeat left -246px;
}

/*■■■■■ アラートの中の補足事項 ■■■■■■■■■■■■■■■■■■■■*/
.blockMsg .point_area {
	border-top: 1px dashed #CCCCCC;
	font-size: 86%;
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
}

/* リンク */
.blockMsg .point_area > a {
	color: #0044CC;
	text-decoration: underline;
}
.blockMsg .point_area > a:hover {
	color: #000000;
	text-decoration: none;
}


/* 操作権限がないリンク */
a.authdisable {
	pointer-events: none;
	background: url(../images/bk_calendardata_invalid.png) repeat left top !important;
	opacity: 0.6;
}

/*■■■■■ ↑プレビューの時だけ表示↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/