/*■■■■■ コンテンツ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 現在のスキン ■■■■■*/
#HP .toolbararea_in .now_skin {
	background-color: #FFFFFF;
	border-radius: 7px;
	float: right;
	margin: 0 16px 2px 0;
	padding: 10px 10px 0 10px;
	position: relative;
	width: 160px;
}

#HP .toolbararea_in .now_skin .title {
	display: block;
	font-size: 86%;
	font-weight: bold;
	height: auto;
	margin: 0 0 3px 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
	white-space: nowrap;
}
#HP .toolbararea_in .now_skin .title > span {
	color: #000000;
	display: block;
	font-size: 126%;
	padding: 0 !important;
}

#HP .toolbararea_in .now_skin_img {
	background: url(../images/bk_now_skin_img.gif) no-repeat left top;
	clear: both;
	height: 170px;
	margin: 0 auto 5px auto;
	padding: 16px 0 0 8px;
	width: 149px;
}

/* デザインスキン選択ボタン */
#HP .toolbararea_in .bt_skin_change {
	background: url(../images/bt_skin_change.png) no-repeat left top;
	clear: both;
	color: #404040;
	display: block;
	font-size: 100%;
	font-weight: bold;
	height: 24px;
	margin: 0 auto;
	padding: 8px 0 0 10px;
	text-decoration: none;
	width: 147px;
}

#HP .toolbararea_in .bt_skin_change:hover {
	background: url(../images/bt_skin_change_f2.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
}

/* URL */
.url_box {
	display: table-cell;
	height: 53px;
	padding: 3px 0;
	vertical-align: middle;
	width: 236px;
}

.url_box table {
	font-size: 86%;
	margin: auto 0;
	width: 100%;
}

.url_box th {
	font-size: 76%;
	text-align: left;
	padding: 2px 0 0 0;
	vertical-align: top;
	width: 60px;
}

.url_box td {
	line-height: 1.2;
	word-break: break-all;
}

/* QRコードをダウンロードする */
.now_skin .bt {
	height: 14px;
	left: 10px;
	margin: 0;
	padding: 2px 5px 1px 5px;
	top: 307px;
}


/*■■■■■ メニューボタン ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ ホームページパーツ一覧 ■■■■■*/
.toolbararea_in ul li .menu_contents {
	background: url(../images/003_menuweb.png) no-repeat -120px top;
}
.toolbararea_in ul li .menu_contents:hover {
	background: url(../images/003_menuweb.png) no-repeat -120px -120px;
}

/*■■■■■ ホームページカテゴリー一覧 ■■■■■*/
.toolbararea_in ul li .menu_category {
	background: url(../images/003_menuweb_2.png) no-repeat -240px top;
}
.toolbararea_in ul li .menu_category:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -240px -120px;
}

/*■■■■■ ホームページタグ一覧 ■■■■■*/
.toolbararea_in ul li .menu_tag {
	background: url(../images/003_menuweb_2.png) no-repeat -720px top;
}
.toolbararea_in ul li .menu_tag:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -720px -120px;
}

/*■■■■■ WEBフォーム一覧 ■■■■■*/
.toolbararea_in ul li .menu_webform {
	background: url(../images/003_menuweb.png) no-repeat -240px top;
}
.toolbararea_in ul li .menu_webform:hover {
	background: url(../images/003_menuweb.png) no-repeat -240px -120px;
}

/*■■■■■ カレンダー一覧 ■■■■■*/
.toolbararea_in ul li .menu_member_calendar {
	background: url(../images/003_menuweb_2.png) no-repeat -120px top;
}
.toolbararea_in ul li .menu_member_calendar:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -120px -120px;
}

/*■■■■■ デザイン設定メニュー ■■■■■*/
.toolbararea_in ul li .menu_designset {
	background: url(../images/003_menuweb.png) no-repeat -360px top;
}
.toolbararea_in ul li .menu_designset:hover {
	background: url(../images/003_menuweb.png) no-repeat -360px -120px;
}

/*■■■■■ アップロードファイル管理 ■■■■■*/
.toolbararea_in ul li .menu_fileupload {
	background: url(../images/003_menuweb.png) no-repeat -480px top;
}
.toolbararea_in ul li .menu_fileupload:hover {
	background: url(../images/003_menuweb.png) no-repeat -480px -120px;
}

/*■■■■■ ホームページ公開設定 ■■■■■*/
.toolbararea_in ul li .menu_hp_set {
	background: url(../images/003_menuweb.png) no-repeat -600px top;
}
.toolbararea_in ul li .menu_hp_set:hover {
	background: url(../images/003_menuweb.png) no-repeat -600px -120px;
}

/*■■■■■ クイックアクセスリンク一覧 ■■■■■*/
.toolbararea_in ul li .menu_quick {
	background: url(../images/003_menuweb.png) no-repeat -720px top;
}
.toolbararea_in ul li .menu_quick:hover {
	background: url(../images/003_menuweb.png) no-repeat -720px -120px;
}

/*■■■■■ ランディングページパーツ一覧 ■■■■■*/
.toolbararea_in ul li .menu_landingpage {
	background: url(../images/003_menuweb_3.png) no-repeat left top;
}
.toolbararea_in ul li .menu_landingpage:hover {
	background: url(../images/003_menuweb_3.png) no-repeat left -120px;
}

/*■■■■■ ブログカレンダー ■■■■■*/
.toolbararea_in ul li .menu_bloglist {
	background: url(../images/003_menuweb_3.png) no-repeat -120px top;
}
.toolbararea_in ul li .menu_bloglist:hover {
	background: url(../images/003_menuweb_3.png) no-repeat -120px -120px;
}

/*■■■■■ アクセス解析 ■■■■■*/
.toolbararea_in ul li .menu_access {
	background: url(../images/003_menuweb.png) no-repeat -840px top;
}
.toolbararea_in ul li .menu_access:hover {
	background: url(../images/003_menuweb.png) no-repeat -840px -120px;
}

/*■■■■■ SEO対策設定 ■■■■■*/
.toolbararea_in ul li .menu_seo {
	background: url(../images/003_menuweb.png) no-repeat -960px top;
}
.toolbararea_in ul li .menu_seo:hover {
	background: url(../images/003_menuweb.png) no-repeat -960px -120px;
}

/*■■■■■ SNSリンク設定 ■■■■■*/
.toolbararea_in ul li .menu_sns {
	background: url(../images/003_menuweb_2.png) no-repeat -960px top;
}
.toolbararea_in ul li .menu_sns:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -960px -120px;
}

/*■■■■■ お店のモヤモヤスッキリワークブック ■■■■■*/
.toolbararea_in ul li .menu_workbook {
	background: url(../images/003_menuweb_2.png) no-repeat -360px top;
}
.toolbararea_in ul li .menu_workbook:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -360px -120px;
}

/*■■■■■ ホームページ簡単セットアップ ■■■■■*/
.toolbararea_in ul li .menu_wiz {
	background: url(../images/003_menuweb.png) no-repeat left top;
}
.toolbararea_in ul li .menu_wiz:hover {
	background: url(../images/003_menuweb.png) no-repeat left -120px;
}

/*■■■■■ ホームページお手本セットアップ ■■■■■*/
.toolbararea_in ul li .menu_ote {
	background: url(../images/003_menuweb_2.png) no-repeat -480px top;
}
.toolbararea_in ul li .menu_ote:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -480px -120px;
}

/*■■■■■ 高度なホームページデータ操作 ■■■■■*/
.toolbararea_in ul li .menu_adv {
	background: url(../images/003_menuweb_2.png) no-repeat left top;
}
.toolbararea_in ul li .menu_adv:hover {
	background: url(../images/003_menuweb_2.png) no-repeat left -120px;
}

/*■■■■■ 公開ホームページ 全ページ印刷 ■■■■■*/
.toolbararea_in ul li .menu_alllistprint {
	background: url(../images/003_menuwebadv.png) no-repeat -480px top;
}
.toolbararea_in ul li .menu_alllistprint:hover {
	background: url(../images/003_menuwebadv.png) no-repeat -480px -120px;
}

/*■■■■■ 転送設定一覧 ■■■■■*/
.toolbararea_in ul li .menu_redirect {
	background: url(../images/003_menuwebadv.png) no-repeat -600px top;
}
.toolbararea_in ul li .menu_redirect:hover {
	background: url(../images/003_menuwebadv.png) no-repeat -600px -120px;
}

/*■■■■■ ホームページデータ エクスポート ■■■■■*/
.toolbararea_in ul li .menu_export {
	background: url(../images/003_menuwebadv.png) no-repeat left top;
}
.toolbararea_in ul li .menu_export:hover {
	background: url(../images/003_menuwebadv.png) no-repeat left -120px;
}

/*■■■■■ アップロードデータ エクスポート ■■■■■*/
.toolbararea_in ul li .menu_exportimg {
	background: url(../images/003_menuwebadv.png) no-repeat -120px top;
}
.toolbararea_in ul li .menu_exportimg:hover {
	background: url(../images/003_menuwebadv.png) no-repeat -120px -120px;
}

/*■■■■■ ホームページデータ インポート ■■■■■*/
.toolbararea_in ul li .menu_inport {
	background: url(../images/003_menuwebadv.png) no-repeat -240px top;
}
.toolbararea_in ul li .menu_inport:hover {
	background: url(../images/003_menuwebadv.png) no-repeat -240px -120px;
}

/*■■■■■ ホームページデータ クリア ■■■■■*/
.toolbararea_in ul li .menu_dataclr {
	background: url(../images/003_menuwebadv.png) no-repeat -360px top;
}
.toolbararea_in ul li .menu_dataclr:hover {
	background: url(../images/003_menuwebadv.png) no-repeat -360px -120px;
}

/*■■■■■ ホームページパーツの編集履歴 ■■■■■*/
.toolbararea_in ul li .menu_bkup {
	background: url(../images/003_menuweb_2.png) no-repeat -600px top;
}
.toolbararea_in ul li .menu_bkup:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -600px -120px;
}

/*■■■■■ レイアウトセットアップ ■■■■■*/
.toolbararea_in ul li .menu_layoutsetup {
	background: url(../images/003_menuweb_2.png) no-repeat -840px top;
}
.toolbararea_in ul li .menu_layoutsetup:hover {
	background: url(../images/003_menuweb_2.png) no-repeat -840px -120px;
}

/*■■■■■ サイトマップをGoogleへ送信 ■■■■■*/
.toolbararea_in ul li .menu_sitemaptogoogle {
	background: url(../images/003_menuwebadv.png) no-repeat -720px top;
}
.toolbararea_in ul li .menu_sitemaptogoogle:hover {
	background: url(../images/003_menuwebadv.png) no-repeat -720px -120px;
}

/*■■■■■ 予約方式変更 ■■■■■*/
.toolbararea_in ul li .menu_reservetypechg {
	background: url(../images/003_menureservechg.png) no-repeat left top;
}
.toolbararea_in ul li .menu_reservetypechg:hover {
	background: url(../images/003_menureservechg.png) no-repeat left -120px;
}





/*■■■■■ デザイン設定メニューページ ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ デザイン設定メニューボタン ■■■■■*/

/*■■■ デザイン設定 [PC向け] ■■■*/
.toolbararea_in ul li .menu_layout_hp {
	background: url(../images/003_menudesign.png) no-repeat left top;
}
.toolbararea_in ul li .menu_layout_hp:hover {
	background: url(../images/003_menudesign.png) no-repeat left -120px;
}

/*■■■ デザイン設定 [スマートフォン向け] ■■■*/
.toolbararea_in ul li .menu_layout_sp {
	background: url(../images/003_menudesign.png) no-repeat -120px top;
}
.toolbararea_in ul li .menu_layout_sp:hover {
	background: url(../images/003_menudesign.png) no-repeat -120px -120px;
}

/*■■■ デザイン設定 [モバイル向け] ■■■*/
.toolbararea_in ul li .menu_layout_mo {
	background: url(../images/003_menudesign.png) no-repeat -240px top;
}
.toolbararea_in ul li .menu_layout_mo:hover {
	background: url(../images/003_menudesign.png) no-repeat -240px -120px;
}

/*■■■ 自動レイアウト設定 ■■■*/
.toolbararea_in ul li .menu_auto_layout {
	background: url(../images/003_menudesign.png) no-repeat -360px top;
}
.toolbararea_in ul li .menu_auto_layout:hover {
	background: url(../images/003_menudesign.png) no-repeat -360px -120px;
}

/*■■■ サイトマップ表示設定 ■■■*/
.toolbararea_in ul li .menu_sitemap {
	background: url(../images/003_menudesign.png) no-repeat -480px top;
}
.toolbararea_in ul li .menu_sitemap:hover {
	background: url(../images/003_menudesign.png) no-repeat -480px -120px;
}

/*■■■ リンク表示ラベル設定 ■■■*/
.toolbararea_in ul li .menu_linklabel {
	background: url(../images/003_menudesign.png) no-repeat -600px top;
}
.toolbararea_in ul li .menu_linklabel:hover {
	background: url(../images/003_menudesign.png) no-repeat -600px -120px;
}

/*■■■ カスタムデザイン管理 ■■■*/
.toolbararea_in ul li .menu_custom {
	background: url(../images/003_menudesign.png) no-repeat -720px top;
}
.toolbararea_in ul li .menu_custom:hover {
	background: url(../images/003_menudesign.png) no-repeat -720px -120px;
}

/*■■■ 高度なデザイン設定 ■■■*/
.toolbararea_in ul li .menu_advanced {
	background: url(../images/003_menudesign.png) no-repeat -840px top;
}
.toolbararea_in ul li .menu_advanced:hover {
	background: url(../images/003_menudesign.png) no-repeat -840px -120px;
}

/*■■■ 簡単ロゴメーカー ■■■*/
.toolbararea_in ul li .menu_logomaker {
	background: url(../images/003_menudesign.png) no-repeat -960px top;
}
.toolbararea_in ul li .menu_logomaker:hover {
	background: url(../images/003_menudesign.png) no-repeat -960px -120px;
}

/*■■■ トップページのFacebookシェア用画像設定 ■■■*/
.toolbararea_in ul li .menu_fbshare {
	background: url(../images/003_menudesign_2.png) no-repeat -840px top;
}
.toolbararea_in ul li .menu_fbshare:hover {
	background: url(../images/003_menudesign_2.png) no-repeat -840px -120px;
}

/*■■■ ホームページ制作中画面設定 ■■■*/
.toolbararea_in ul li .menu_basic_503 {
	background: url(../images/003_menudesign_2.png) no-repeat -360px top;
}
.toolbararea_in ul li .menu_basic_503:hover {
	background: url(../images/003_menudesign_2.png) no-repeat -360px -120px;
}

/*■■■ NotFoundページ画面設定 ■■■*/
.toolbararea_in ul li .menu_basic_404 {
	background: url(../images/003_menudesign_2.png) no-repeat -480px top;
}
.toolbararea_in ul li .menu_basic_404:hover {
	background: url(../images/003_menudesign_2.png) no-repeat -480px -120px;
}

/*■■■ 検索パーツ検索結果画面設定 ■■■*/
.toolbararea_in ul li .menu_basic_searchresult {
	background: url(../images/003_menudesign_2.png) no-repeat -720px top;
}
.toolbararea_in ul li .menu_basic_searchresult:hover {
	background: url(../images/003_menudesign_2.png) no-repeat -720px -120px;
}

/*■■■ マイページログイン画面設定 ■■■*/
.toolbararea_in ul li .menu_basic_login {
	background: url(../images/003_menudesign_2.png) no-repeat -600px top;
}
.toolbararea_in ul li .menu_basic_login:hover {
	background: url(../images/003_menudesign_2.png) no-repeat -600px -120px;
}



/*■■■■■ デザイン設定[PC][モバイル]ボタン ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■ デザインスキン設定 ■■■*/
.toolbararea_in ul li .menu_design {
	background: url(../images/003_menudesign_2.png) no-repeat left top;
}
.toolbararea_in ul li .menu_design:hover {
	background: url(../images/003_menudesign_2.png) no-repeat left -120px;
}

/*■■■ トップページレイアウト設定 ■■■*/
.toolbararea_in ul li .menu_toplayout {
	background: url(../images/003_menudesign_2.png) no-repeat -120px top;
}
.toolbararea_in ul li .menu_toplayout:hover {
	background: url(../images/003_menudesign_2.png) no-repeat -120px -120px;
}

/*■■■ トップページ以外のレイアウト設定 ■■■*/
.toolbararea_in ul li .menu_nakalayout {
	background: url(../images/003_menudesign_2.png) no-repeat -240px top;
}
.toolbararea_in ul li .menu_nakalayout:hover {
	background: url(../images/003_menudesign_2.png) no-repeat -240px -120px;
}



/*■■■■■ 高度なホームページデータ操作メニュー 予約方式変更 ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■ カレンダー ■■■*/
.toolbararea_in ul li .menu_reservetypechg1,
.toolbararea_in ul li .reservetypechg1_this {
	background: url(../images/003_menureservechg.png) no-repeat -120px top;
}
.toolbararea_in ul li .menu_reservetypechg1:hover {
	background: url(../images/003_menureservechg.png) no-repeat -120px -120px;
}

/*■■■ WEBフォーム ■■■*/
.toolbararea_in ul li .menu_reservetypechg2,
.toolbararea_in ul li .reservetypechg2_this {
	background: url(../images/003_menureservechg.png) no-repeat -240px top;
}
.toolbararea_in ul li .menu_reservetypechg2:hover {
	background: url(../images/003_menureservechg.png) no-repeat -240px -120px;
}

/*■■■ 予約を受け付けない ■■■*/
.toolbararea_in ul li .menu_reservetypechg3,
.toolbararea_in ul li .reservetypechg3_this {
	background: url(../images/003_menureservechg.png) no-repeat -360px top;
}
.toolbararea_in ul li .menu_reservetypechg3:hover {
	background: url(../images/003_menureservechg.png) no-repeat -360px -120px;
}



.toolbararea_in ul li .reservetypechg1_this,
.toolbararea_in ul li .reservetypechg2_this,
.toolbararea_in ul li .reservetypechg3_this {
	filter:alpha(opacity=50); /* IE 6,7*/
	-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
	-moz-opacity: 0.5; /* FF , Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity: 0.5;
	zoom:1; /*IE*/
}




/*■■■■■ ホームページ中ページ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .logo {
	border: none;
}





/*■■■■■ 業種種別 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.gyosyu_label {
	background: #CC0000;
	border: 4px double #FFFFFF;
	border-radius: 6px;
	color: #FFFFFF;
	float: left;
	font-size: 96%;
	font-weight: bold;
	margin: -5px 0 10px 0;
	padding: 2px 10px 1px 0;
}





/*■■■■■ ホームページパーツ種別 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.contents_type_label {
	background: #FF6600 url(../images/003_contents_syubetsu.png) no-repeat left top;
	border-radius: 3px;
	color: #FFFFFF;
	float: left;
	font-size: 86%;
	font-weight: bold;
	margin: -5px 0 10px 0;
	padding: 3px 5px 3px 23px;
}

.syubetsu_concept {background-position: left top;}				/*こだわり・コンセプト*/
.syubetsu_about {background-position: left -23px;}				/*お店・会社紹介*/
.syubetsu_servicemenu {background-position: left -46px;}		/*サービスメニュー*/
.syubetsu_staff {background-position: left -69px;}				/*スタッフ紹介・自己紹介*/
.syubetsu_info {background-position: left -92px;}				/*お知らせ・ニュース*/
.syubetsu_campaign {background-position: left -115px;}			/*キャンペーン情報*/
.syubetsu_faq {background-position: left -138px;}				/*よくあるご質問・FAQ*/
.syubetsu_voice {background-position: left -161px;}				/*お客様の声・カスタマーレビュー*/
.syubetsu_tips {background-position: left -184px;}				/*ブログ・コラム・豆知識*/
.syubetsu_employ {background-position: left -460px;}			/*採用・求人*/
.syubetsu_mylink {background-position: left -207px;}			/*マイリンク*/
.syubetsu_boshu {background-position: left -299px;}				/*会員募集*/
.syubetsu_members {background-position: left -322px;}			/*会員マイページ*/
.syubetsu_free {background-position: left -230px;}				/*フリーページ*/
.syubetsu_landingpage {background-position: left -529px;}		/*ランディングページ*/
.syubetsu_gallery,
.syubetsu_fbgallery {background-position: left -253px;}			/*ギャラリー・フェイスブックギャラリー*/
.syubetsu_rss {background-position: left -276px;}				/*外部ブログ連動*/
.syubetsu_footerparts {background-position: left -391px;}		/*フッター*/
.syubetsu_footerparts2 {background-position: left -483px;}		/*ライター*/
.syubetsu_design_template {background-position: left -414px;}	/*デザインスキン（テンプレート）変更*/
.syubetsu_layout_change {background-position: left -506px;}		/*レイアウト変更*/
.syubetsu_layout_otehon {background-position: left -437px;}		/**/





/*■■■■■ ガイドの下のページ位置情報 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.contents_formmod_box {
	clear: both;
	border: 2px solid #FFCC00;
	font-size: 90%;
	margin: 0 -12px -10px -12px;
	overflow: hidden;
	padding: 10px 10px 5px 10px;
}

.windowframe .contents_formmod_box {
	margin: -12px 0 15px 0;
}

.message + .windowframe .contents_formmod_box {
	border: 2px solid #FFCC00;
	margin: 0 0 15px 0;
}

/* HP ガイド横QRコード */

.contents_formmod {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}

.contents_formmod li {
	background: none;
	clear: both;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

.contents_formmod li:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.contents_formmod li .bt {
	background: url(../images/001_always.png) no-repeat left -160px;
	font-size: 86%;
	line-height: 2;
	max-width: 850px;
	height: 24px;
	margin: 0;
	padding: 0 5px 0 0;
}

.contents_formmod li .bt:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	color: #FFFFFF;
	text-decoration: none;
}

.contents_formmod li .bt .contents_link {
	display: block;
	height: 24px;
	overflow: hidden;
	padding: 2px 0 0 5px;
}

.contents_formmod li .bt .contents_link .contents_pagetitle {
	background: none;
	display: block;
	float: left;
	height: auto;
	max-width: 715px;
	padding: 1px 0 0 0;
}

.contents_formmod li .root {
	color: #FF6600;
}

/*■■■■■ 編集中 ■■■■■*/
.contents_formmod li .contents_formmod {
	list-style: none;
	margin: 0;
	max-height: 51px;
	overflow: auto;
	padding: 0;
}

.contents_formmod li .contents_formmod li {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat -7px top;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0 25px;
}

.contents_formmod li .contents_formmod li:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.contents_formmod li .contents_formmod li > a.bt_contents_plus {
	background: url(../images/003_hp.png) no-repeat -508px 0;
	background-size: 570px;
	border: none;
	display: inline-block;
	height: 16px;
	text-decoration: none;
	width: 16px;
}
.contents_formmod li .contents_formmod li > a.bt_contents_plus:hover {
	background: url(../images/003_hp.png) no-repeat -508px -18px;
	background-size: 570px;
}

/*■■■■■ 作成中 ■■■■■*/
.contents_formmod li .contents_formmod_child {
	background: url(../images/bk_contents_formmod_child.png) no-repeat 39px top;
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
}

.contents_formmod li .contents_formmod_child li {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat -7px top;
	font-weight: normal;
	padding: 0 0 0 25px;
}

/*■■■■■ プレビューで子パーツのある親の編集押したとき ■■■■■*/
.contents_formmod li .bt .contents_link .contents_sumimage {
	background: none;
	display: block;
	float: left;
	height: auto;
	margin: -2px 5px 0 -5px;
	padding: 0;
}

.contents_formmod li .bt .contents_link .contents_sumimage img {
	border: none;
	height: 24px;
	margin: 0;
}

.contents_formmod li .contents_formmod li .contents_formmod {
	height: auto;
}

/*■■■■■ 最近編集したホームページパーツ ■■■■■*/
.contents_formmod_box h3 {
	background: url(../images/002_main_title_mark.png) no-repeat left top;
	float: left;
	margin: 2px 3px 0 0;
	padding: 0 0 0 20px;
}

.contents_formmod_box .bt {
	font-size: 86%;
	height: 15px;
	margin: 0 5px 5px 0;
	max-width: 60%;
	overflow: hidden;
	white-space: nowrap;
}





/*■■■■■ sortListのhoverのとき１行背景色 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .sortlist_li:hover {
	/*background: url(../images/bk_contentslist_hover_hp.gif) repeat left top;*/
}

#HP .sortlist_li_2:hover {
	/*background: url(../images/bk_contentslist_hover_hp.gif) repeat left top;*/
}

/* 複数選択して並べ替え */
#HP .sortlist_li.selected {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat -11px 2px, url(../images/bk_contentslist_hover_hp.gif) repeat left top;
}
#HP #sortList li.ui-sortable-helper {
	opacity: 0.5;
}

/*■■■■■ ホームページパーツタイトル ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .sortlist_li .contents_name {
	float: left;
	/*height: 26px;*/
	height: auto !important;
	margin: 0 0 -1px 0;
	padding: 0 0 0 10px;
	width: 60.3%;
}
/* ホームページパーツ一覧 */
#HP .hp_parts_list .sortlist_li .contents_name {
	margin: -5px 0 -1px 0;
	padding: 5px 0 0 10px;
}

/* 検索結果 */
#HP .contents_findlist .sortlist_li .contents_name {
	width: 76.6%;
}
/* ホームページ タグ一覧 */
#HP .sortlist_li .contents_tag_name {
	width: 89%;
}
/* WEBフォーム一覧 */
#HP .sortlist_li .webform_name {
	width: 50.7%;
}

/* 親子の変更中のマウスオーバー */
#HP .sortlist_li .contents_name.dropparts-hover {
	background-color: #FFFF00 !important;
}

/* 親要素のタイトル */
#HP .sortlist_li .contents_name .title {
	color: #000000;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: bold;
	height: auto;
	margin: 2px 0 0 0;
	padding: 3px 0 4px 0;
}

/* 親要素のタイトル（パーツ一覧オレンジ・親子の変更・アクセス解析ページ別） */
#HP .sortlist_li .contents_name .title_syubetsu,
#HP h3.list .title_syubetsu,
#HP .access_data_pagelist .page_title .title_syubetsu {
	background: #FF6600 url(../images/003_contents_syubetsu.png) no-repeat left -345px;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 96%;
	height: 18px;
	padding: 3px 5px 2px 23px;
}
/* 編集履歴 */
#HP .sortlist_li .contents_name .syubetsu_design_template {background-color: #FF4884;}		/*デザインスキン（テンプレート）変更*/
#HP .sortlist_li .contents_name .syubetsu_layout_change,									/*レイアウト変更*/
#HP .sortlist_li .contents_name .syubetsu_layout_otehon {background-color: #66CC00;}		/*お手本レイアウトセット*/

/* 各アイコン画像 */
#HP .sortlist_li .contents_name .syubetsu_concept,
#HP h3.list .syubetsu_concept,
#HP .access_data_pagelist .page_title .syubetsu_concept {background-position: left top;}				/*こだわり・コンセプト*/
#HP .sortlist_li .contents_name .syubetsu_about,
#HP h3.list .syubetsu_about,
#HP .access_data_pagelist .page_title .syubetsu_about {background-position: left -23px;}				/*お店・会社紹介*/
#HP .sortlist_li .contents_name .syubetsu_servicemenu,
#HP h3.list .syubetsu_servicemenu,
#HP .access_data_pagelist .page_title .syubetsu_servicemenu {background-position: left -46px;}		/*サービスメニュー*/
#HP .sortlist_li .contents_name .syubetsu_staff,
#HP h3.list .syubetsu_staff,
#HP .access_data_pagelist .page_title .syubetsu_staff {background-position: left -69px;}				/*スタッフ紹介・自己紹介*/
#HP .sortlist_li .contents_name .syubetsu_info,
#HP h3.list .syubetsu_info,
#HP .access_data_pagelist .page_title .syubetsu_info {background-position: left -92px;}				/*お知らせ・ニュース*/
#HP .sortlist_li .contents_name .syubetsu_campaign,
#HP h3.list .syubetsu_campaign,
#HP .access_data_pagelist .page_title .syubetsu_campaign {background-position: left -115px;}			/*キャンペーン情報*/
#HP .sortlist_li .contents_name .syubetsu_faq,
#HP h3.list .syubetsu_faq,
#HP .access_data_pagelist .page_title .syubetsu_faq {background-position: left -138px;}				/*よくあるご質問・FAQ*/
#HP .sortlist_li .contents_name .syubetsu_voice,
#HP h3.list .syubetsu_voice,
#HP .access_data_pagelist .page_title .syubetsu_voice {background-position: left -161px;}				/*お客様の声・カスタマーレビュー*/
#HP .sortlist_li .contents_name .syubetsu_tips,
#HP h3.list .syubetsu_tips,
#HP .access_data_pagelist .page_title .syubetsu_tips {background-position: left -184px;}				/*ブログ・コラム・豆知識*/
#HP .sortlist_li .contents_name .syubetsu_employ,
#HP h3.list .syubetsu_employ,
#HP .access_data_pagelist .page_title .syubetsu_employ {background-position: left -460px;}			/*採用・求人*/
#HP .sortlist_li .contents_name .syubetsu_mylink,
#HP h3.list .syubetsu_mylink,
#HP .access_data_pagelist .page_title .syubetsu_mylink {background-position: left -207px;}			/*マイリンク*/
#HP .sortlist_li .contents_name .syubetsu_boshu,
#HP h3.list .yubetsu_boshu,
#HP .access_data_pagelist .page_title .syubetsu_boshu {background-position: left -299px;}				/*会員募集*/
#HP .sortlist_li .contents_name .syubetsu_members,
#HP h3.list .syubetsu_members,
#HP .access_data_pagelist .page_title .syubetsu_members {background-position: left -322px;}			/*会員マイページ*/
#HP .sortlist_li .contents_name .syubetsu_free,
#HP h3.list .syubetsu_free,
#HP .access_data_pagelist .page_title .syubetsu_free {background-position: left -230px;}				/*フリーページ*/
#HP .sortlist_li .contents_name .syubetsu_landingpage,
#HP h3.list .syubetsu_landingpage,
#HP .access_data_pagelist .page_title .syubetsu_landingpage {background-position: left -529px;}		/*ランディングページ*/
#HP .sortlist_li .contents_name .syubetsu_gallery,
#HP .access_data_pagelist .page_title .syubetsu_gallery,
#HP h3.list .syubetsu_gallery,
#HP .sortlist_li .contents_name .syubetsu_fbgallery {background-position: left -253px;}			/*ギャラリー・フェイスブックギャラリー*/
#HP .sortlist_li .contents_name .syubetsu_rss,
#HP h3.list .syubetsu_rss,
#HP .access_data_pagelist .page_title .syubetsu_rss {background-position: left -276px;}				/*外部ブログ連動*/
#HP .sortlist_li .contents_name .syubetsu_footerparts,
#HP h3.list .syubetsu_footerparts,
#HP .access_data_pagelist .page_title .syubetsu_footerparts {background-position: left -391px;}		/*フッター*/
#HP .sortlist_li .contents_name .syubetsu_footerparts2,
#HP h3.list .syubetsu_footerparts2,
#HP .access_data_pagelist .page_title .syubetsu_footerparts2 {background-position: left -483px;}		/*ライター*/
#HP .sortlist_li .contents_name .syubetsu_design_template {background-position: left -414px;}	/*デザインスキン（テンプレート）変更*/
#HP .sortlist_li .contents_name .syubetsu_layout_change {background-position: left -506px;}		/*レイアウト変更*/
#HP .sortlist_li .contents_name .syubetsu_layout_otehon {background-position: left -437px;}		/**/

.rialtnoalert {
	background: #FFFFCC url(../images/mark_err.gif) no-repeat 3px -2px;
	background-size: 13px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	display: block;
	float: left;
	font-size: 86%;
	margin: 3px 1px 0 5px;
	padding: 1px 4px 0 19px;
}

/*■■■■■ ページの状態 ■■■■■*/
#HP .sortlist_li .contents_name .contents_save_status {
	float: left;
	margin: -6px 0 0 0;
	max-width: 144px;
}
#HP .sortlist_li .contents_name .contents_save_status_in {
	display: table-cell;
	height: 38px;
	padding: 0;
	vertical-align: middle;
}

/* 下書き */
/* 公開予約 */
/* 会員限定 */
/* 承認待ち */
/* 特別公開 */
/* 公開終了 */
/* プレビューのみ表示 */
/* 表示条件設定 */
#HP .sortlist_li .contents_name .draft,
#HP .sortlist_li .contents_name .reserve,
#HP .sortlist_li .contents_name .member,
#HP .sortlist_li .contents_name .mail_member,
#HP .sortlist_li .contents_name .pending,
#HP .sortlist_li .contents_name .pub2,
#HP .sortlist_li .contents_name .pubend,
#HP .sortlist_li .contents_name .formend,
#HP .sortlist_li .contents_name .previewonly,
#HP .sortlist_li .contents_name .condsave_name,
#HP .container_small_sortlist_li .sortlist_li_box .draft,
#HP .container_small_sortlist_li .sortlist_li_box .reserve,
#HP .container_small_sortlist_li .sortlist_li_box .member,
#HP .container_small_sortlist_li .sortlist_li_box .mail_member,
#HP .container_small_sortlist_li .sortlist_li_box .pending,
#HP .container_small_sortlist_li .sortlist_li_box .pub2,
#HP .container_small_sortlist_li .sortlist_li_box .pubend,
#HP .container_small_sortlist_li .sortlist_li_box .formend,
#HP .container_small_sortlist_li .sortlist_li_box .previewonly,
#HP .container_small_sortlist_li .sortlist_li_box .condsave_name {
	border-radius: 4px;
	color: #FFFFFF;
	display: block;
	font-size: 76%;
	height: 16px;
	margin: 0 4px 2px 0;
	padding: 2px 0 0 20px;
	width: 120px;
}
#HP .container_small_sortlist_li .sortlist_li_box .draft,
#HP .container_small_sortlist_li .sortlist_li_box .reserve,
#HP .container_small_sortlist_li .sortlist_li_box .member,
#HP .container_small_sortlist_li .sortlist_li_box .mail_member,
#HP .container_small_sortlist_li .sortlist_li_box .pending,
#HP .container_small_sortlist_li .sortlist_li_box .pub2,
#HP .container_small_sortlist_li .sortlist_li_box .pubend,
#HP .container_small_sortlist_li .sortlist_li_box .formend,
#HP .container_small_sortlist_li .sortlist_li_box .previewonly,
#HP .container_small_sortlist_li .sortlist_li_box .condsave_name {
	float: left;
	margin: 5px 0 2px 15px;
}
#HP .sortlist_li .contents_name .contents_save_status .contents_save_status_in > span + span {
	margin: 0 4px 0 0;
}

/* 下書き */
#HP .sortlist_li .contents_name .draft,
#HP .container_small_sortlist_li .sortlist_li_box .draft {
	background: url(../images/003_save_status.png) no-repeat left -22px;
}
/* 公開予約 */
#HP .sortlist_li .contents_name .reserve,
#HP .container_small_sortlist_li .sortlist_li_box .reserve {
	background: url(../images/003_save_status.png) no-repeat left -44px;
}
#HP .sortlist_li .contents_name .reserve span,
#HP .container_small_sortlist_li .sortlist_li_box .reserve span {
	display: block;
	float: left;
	white-space: nowrap;
	width: 62px;
}
#HP .sortlist_li .contents_name .reserve .date {
	color: #FFFFFF;
	font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width: 10%;
}
/* メルマガ受信者向け */
#HP .sortlist_li .contents_name .mail_member,
#HP .container_small_sortlist_li .sortlist_li_box .mail_member {
	background: url(../images/003_save_status.png) no-repeat left -246px;
}
/* 会員限定 */
#HP .sortlist_li .contents_name .member,
#HP .container_small_sortlist_li .sortlist_li_box .member {
	background: url(../images/003_save_status.png) no-repeat left -66px;
}
/* 承認待ち */
#HP .sortlist_li .contents_name .pending,
#HP .container_small_sortlist_li .sortlist_li_box .pending {
	background: url(../images/003_save_status.png) no-repeat left -88px;
}
/* 特別公開 */
#HP .sortlist_li .contents_name .pub2,
#HP .container_small_sortlist_li .sortlist_li_box .pub2 {
	background: url(../images/003_save_status.png) no-repeat left -132px;
}
/* 受付終了 */
#HP .sortlist_li .contents_name .pubend,
#HP .container_small_sortlist_li .sortlist_li_box .pubend {
	background: url(../images/003_save_status.png) no-repeat left -178px;
}
/* 公開終了 */
#HP .sortlist_li .contents_name .formend,
#HP .container_small_sortlist_li .sortlist_li_box .formend {
	background: url(../images/003_save_status.png) no-repeat left -201px;
}
/* プレビューのみ表示 */
#HP .sortlist_li .contents_name .previewonly,
#HP .container_small_sortlist_li .sortlist_li_box .previewonly {
	background: url(../images/003_save_status.png) no-repeat left -224px;
}
/* 表示条件設定 */
#HP .sortlist_li .contents_name .condsave_name,
#HP .container_small_sortlist_li .sortlist_li_box .condsave_name {
	background: url(../images/003_save_status.png) no-repeat left -268px;
}

/* レイアウト */
#HP .sortlist_li .menu_name .page_state {
	float: left;
	height: 18px;
	margin: 4px 4px 0 0;
	padding: 0;
	width: 100px;
}

/* webフォーム種別 */
#HP .sortlist_li .contents_name .web_state {
	display: table-cell;
	font-size: 86%;
	height: 26px;
	padding: 0 0 0 5px;
	vertical-align: middle;
}

/*■■■ カレンダー一覧 公開ステータス ■■■
#HP .calendar_list .sortlist_li_box .contents_name .draft,
#HP .calendar_list .sortlist_li_box .contents_name .pending,
#HP .calendar_list .sortlist_li_box .contents_name .pub2,
#HP .calendar_list .sortlist_li_box .contents_name .member {
	float: left;
	margin: 4px 4px 10px 0;
}*/

/*■■■■■ メタタグ ■■■■■*/
#HP .sortlist_li .contents_name .mark_meta {
	border: 1px solid #04b86b;
	color: #04b86b;
	display: block;
	float: left;
	font-size: 65%;
	height: 14px;
	margin: 3px 3px 0 0;
	padding: 2px 0 0 0;
	text-align: center;
	white-space: nowrap;
	width: 14px;
}



/*■■■■■ サイトマップ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 親要素 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .sortlist_1 {
	border: none;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*■■■■■ 親要素 リンクボタン ■■■■■*/
#HP .sortlist_1 .sortlist_li .contents_name .bt {
	background: url(../images/001_always.png) no-repeat left -160px;
	height: 24px;
	margin: 0;
	max-width: 414px;
	padding: 0 5px 0 0;
}

#HP .sortlist_1 .sortlist_li .contents_name .bt:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
}

#HP .sortlist_1 .sortlist_li .contents_name .bt .contents_link {
	display: block;
	height: 24px;
	overflow: hidden;
}

/*■■■■■ 親要素 リンクボタン サムネイル画像 ■■■■■■*/
#HP .sortlist_1 .sortlist_li .contents_name .bt .contents_link .contents_sumimage {
	background: none;
	display: block;
	float: left;
	height: auto;
	padding: 0;
}

#HP .sortlist_1 .sortlist_li .contents_name .bt .contents_link .contents_sumimage img {
	border: none;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	margin: 0;
	max-height: 24px;
	max-width: 90px;
}

/*■■■■■ 親要素 リンクボタン ページタイトル ■■■■■*/
#HP .sortlist_1 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle,
#HP .sortlist_1 .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle {
	background: none;
	display: block;
	float: left;
	height: auto;
	padding: 6px 0 0 5px;
	white-space: nowrap;
}

/*■■■■■ 子要素 ホームページパーツタイトル ■■■■■■*/
#HP .sortlist_1 .sortlist_li .contents_name {
	width: 90%;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	width: 843px;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	width: 813px;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	width: 783px;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	width: 753px;
}

/*■■■■■ 子要素 リンクボタン ■■■■■*/
#HP .sortlist_1 .sortlist_li .contents_name .bt {
	max-width: 764px;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {
	max-width: 734px;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {
	max-width: 704px;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {
	max-width: 674px;
}

#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {
	max-width: 644px;
}

/*■■■■■ 子要素 リンクボタン ページタイトル ■■■■■*/
#HP .sortlist_1 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle,
#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle,
#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle,
#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle,
#HP .sortlist_1 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle {
	max-width: 50%;
	overflow: visible;
}

/*■■■■■ SEO設定項目の表示 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .sortlist_1 + ul.edit_form {
	margin: 15px 0 0 0 !important;
}

#HP .sortlist_1 + ul.edit_form .box_contentx_ex2 {
	background-color: #F7FBFF;
	background-image: url(../images/bk_edit_area_ex2_mid_right.png), url(../images/bk_edit_area_ex2_mid_left.png);
	background-repeat: repeat-y;
	background-position: right top, left top;
	border-bottom: 1px solid #99CCFF;
	border-radius: 5px;
	padding: 0 0 4px 0;
}
#HP .sortlist_1 + ul.edit_form .box_contentx_ex2:after,
#HP .sortlist_1 + ul.edit_form .box_contentx_ex2:before {
	border: none;
}

#HP .sortlist_1 + ul.edit_form .box_contentx_ex2 .submitarea .bt_hozon {
	margin: -10px 0 6px 12px;
}
@media only screen and (max-width: 667px) {
	#HP .sortlist_1 + ul.edit_form .box_contentx_ex2 .submitarea .bt_hozon {
		margin: -5px auto 5px auto;
	}
}





/*■■■■■ ホームページパーツ一覧 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 子要素 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .layout_form .sortlist_li {
	padding: 5px 0 0 0;
}
#HP .layout_form .layout_webformlist .sortlist_li,
#HP .layout_form .layout_calendarlist .sortlist_li {
	padding: 5px 0;
}
#HP .layout_form .sortlist_li .sortlist_2 {
	margin: 0 0 -5px 0;
	padding: 1px 0 5px 0;
}
#HP .layout_form .sortlist_li .sortlist_2 .sortlist_2 {
	padding: 1px 0 0 0;
}

#HP .sortlist_li.sortlist_li_second {
	padding: 5px 0 3px 0 !important;
}

#HP .sortlist_li .sortlist_2 {
	clear: both;
	list-style: none;
	margin: 0 0 -5px 0;
	padding: 1px 0 0 0;
}

#HP .sortlist_li .sortlist_2 .sortlist_li {
	margin: 0;
	padding: 5px 0 0 0;
}
#HP .sortlist_li .sortlist_2 .sortlist_li:nth-last-of-type(1) {
	padding: 5px 0 3px 0;
}

#HP .sortlist_li .sortlist_2 .sortlist_li:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#HP .sortlist_li .sortlist_2 .sortlist_li .item {
	margin: 0;
	padding: 0 5px 0 10px;
}

#HP .sortlist_li .sortlist_2 .sortlist_li .delete_check {
	margin: 0;
	padding: 0 10px;
}



/*■■■■■ 子要素 多数あるときに検索結果に移動する ■■■■■■*/
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name + a,
#HP .sortlist_li .sortlist_2 + a,
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_li_box + a {
	background: url(../images/bt_contents.png) repeat-x left top;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	clear: both;
	color: #404040;
	display: block;
	float: left;
	font-size: 86%;
	height: 14px;
	margin: 0 0 10px 374px;
	padding: 3px 5px 4px 5px;
	text-decoration: none;
}
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name + a:hover,
#HP .sortlist_li .sortlist_2 + a:hover,
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_li_box + a:hover {
	background: url(../images/bt_contents_f2.png) repeat-x left top;
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name + a > span,
#HP .sortlist_li .sortlist_2 + a > span,
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_li_box + a > span {
	background: url(../images/mark_list.png) no-repeat left 1px;
	padding: 0 0 0 15px;
}
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name + a:hover > span,
#HP .sortlist_li .sortlist_2 + a:hover > span,
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_li_box + a:hover > span {
	background: url(../images/mark_list_f2.png) no-repeat left 1px;
}

#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name + a,
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_li_box + a {
	float: right;
	margin: -31px 0 0 0;
}



/*■■■■■ 子要素 ホームページパーツタイトル ■■■■■■*/
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat left top;
	padding-left: 30px;
	width: 76.7%;
}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 76.7%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 76%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 75.2%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 74.4%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 73.6%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 72.7%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 71.7%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 70.6%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 69.5%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 68.2%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 66.9%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 65.5%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 63.9%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 62.1%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 60.2%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 60%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 58.1%;}}
*/

#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .title {
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 5px 0 0 0;
}

/*■■■■■ 子要素 リンクボタン ■■■■■*/
#HP .sortlist_li .contents_name .bt,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {
	background: url(../images/bt_contents.png) repeat-x left top;
	max-width: 53.9%;
	height: 24px;
	margin: 0;
	padding: 0;
}
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {
	max-width: 80.3%
}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 80.3%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 79.5%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 78.6%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 77.7%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 76.7%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 75.6%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 74.4%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 73%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 71.5%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 69.9%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 67.9%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 65.7%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 63.2%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 60.4%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 58%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 56.8%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 53%;}}
*/

#HP .sortlist_li .contents_name .bt:hover,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt:hover {
	background: url(../images/bt_contents_f2.png) repeat-x left top;
}

/* 検索結果 */
#HP .contents_findlist .sortlist_li .contents_name .bt {
	max-width: 79%;
}

/*■■■■■ 子要素 リンクボタン(デフォルト用意分) ■■■■■*/
#HP .sortlist_li .contents_name .bt_default,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default {
	background: url(../images/bt_default.png) repeat-x left top;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
}

#HP .sortlist_li .contents_name .bt_default:hover,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default:hover {
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}



#HP .sortlist_li .contents_name .bt_basic {
	border: 2px solid #FF6600;
	height: 22px;
}
#HP .sortlist_li .contents_name .bt_basic:hover {
	border: 2px solid #0044CC;
}
.sortlist_li .contents_name .bt_basic span {
	background: url(../images/003_contents_syubetsu.png) no-repeat left -368px;
	padding: 3px 5px 0 23px;
}
.sortlist_li .contents_name .bt_basic:hover span {
	background: url(../images/003_contents_syubetsu.png) no-repeat left -345px;
	padding: 3px 5px 0 23px;
}

#HP .sortlist_li .contents_name .bt_default .contents_link,
#HP .sortlist_li .contents_name .bt .contents_link,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link {
	display: block;
	height: 24px;
	overflow: hidden;
	padding: 0;
}

/* web何件あるか */
#HP .sortlist_li .contents_name .bt_s {
	height: 14px;
	margin: 3px 0 0 5px;
	padding: 1px 5px 2px 5px;
	position: absolute;
	right: 0;
}

/* web 検索ワードどこにあるか */
#HP .sortlist_li .contents_name .contents_find_result {
	clear: both;
	float: left;
}

#HP .sortlist_li .contents_name .contents_find_result .bt_s {
	float: left;
	font-size: 62%;
	margin: -2px 5px 0 0;
	max-width: unset;
	padding: 1px 5px 2px 2px;
	position: relative;
}

#HP .sortlist_li .contents_name .contents_find_result .bt_s > span {
	background: url(../images/mark_edit.png) no-repeat top left;
	padding: 0 0 0 15px;
}
#HP .sortlist_li .contents_name .contents_find_result .bt_s:hover > span {
	background: url(../images/mark_edit_f2.png) no-repeat top left;
	padding: 0 0 0 15px;
}

/*■■■■■ 子要素 リンクボタン サムネイル画像 ■■■■■■*/
#HP .sortlist_li .contents_name .bt .contents_link .contents_sumimage,
#HP .sortlist_li .contents_name .bt_default .contents_link .contents_sumimage,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_sumimage,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default .contents_link .contents_sumimage {
	background: none;
	display: block;
	float: left;
	height: auto;
	padding: 0;
}

#HP .sortlist_li .contents_name .bt .contents_link .contents_sumimage img,
#HP .sortlist_li .contents_name .bt_default .contents_link .contents_sumimage img,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_sumimage img,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default .contents_link .contents_sumimage img {
	border: none;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	margin: 0;
	max-height: 24px;
	max-width: 90px;
}

/*■■■■■ 子要素 リンクボタン カテゴリー・ページタイトル ■■■■■*/
#HP .sortlist_li .contents_name .bt .contents_link .contents_pagetitle,
#HP .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle {
	background: none;
	display: block;
	float: left;
	font-size: 86%;
	height: auto;
	max-width: 100%;
	min-width: 1%;
	overflow: visible;
	padding: 4px 5px 0 5px;
	white-space: nowrap;
	width: 1%;
}

/*■■■■■ 子要素 リンクボタン ページタイトル ■■■■■*/
#HP .sortlist_li .contents_name .bt .contents_link .contents_pagetitle .contents_pagename,
#HP .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle .contents_pagename,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle .contents_pagename,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle .contents_pagename {
	display: block;
	float: left;
	font-size: 100%;
	line-height: 1.7;
	max-width: 100%;
	overflow: visible;
	padding: 0;
	white-space: nowrap;
}
#HP .sortlist_li .contents_name .bt .contents_link .contents_pagetitle .category_under,
#HP .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle .category_under,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle .category_under,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle .category_under {
	float: none;
}

/*■■■■■ 子要素 リンクボタン カテゴリー ■■■■■*/
#HP .sortlist_li .contents_name .bt .contents_link .contents_pagetitle .category_name,
#HP .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle .category_name,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt .contents_link .contents_pagetitle .category_name,
#HP .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt_default .contents_link .contents_pagetitle .category_name {
	background: none;
	display: block;
	/*float: left;*/
	font-size: 76%;
	font-weight: bold;
	height: auto;
	margin: -6px 0 -4px 0;
	max-width: 100%;
	overflow: visible;
	padding: 0;
	white-space: nowrap;
	-webkit-text-size-adjust: 100%;
}

/*■■■■■ 子要素 中ページの一覧を開く・閉じる ■■■■■*/
#HP .sortlist_li .contents_name .bt_contents_plus {
	background: url(../images/003_hp.png) no-repeat -357px top;
	display: block;
	float: left;
	height: 18px;
	margin: 4px 0 0 3px;
	text-decoration: none;
	width: 18px;
}

#HP .sortlist_li .contents_name .bt_contents_plus:hover {
	background: url(../images/003_hp.png) no-repeat -357px -22px;
}

#HP .sortlist_li .contents_name .bt_contents_minus {
	background: url(../images/003_hp.png) no-repeat -380px top;
	display: block;
	float: left;
	height: 18px;
	margin: 4px 0 0 3px;
	text-decoration: none;
	width: 18px;
}

#HP .sortlist_li .contents_name .bt_contents_minus:hover {
	background: url(../images/003_hp.png) no-repeat -380px -22px;
}

/*■■■■■ 子要素2 ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 子要素2 ホームページパーツタイトル ■■■■■■*/
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat 20px top;
	padding-left: 50px;
	width: 75.5%;
}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 75.5%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 74.7%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 73.9%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 73.1%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 72.2%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 71.2%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 70.2%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 69.1%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 67.9%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 66.6%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 65.2%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 63.7%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 62%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 60.2%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 58.2%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 58%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 55.9%;}}
*/

#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 80%;}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 80%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 79.2%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 78.3%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 77.3%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 76.3%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 75.2%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 73.9%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 72.4%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 71%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 69.2%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 67.1%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 64.7%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 62.1%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 59%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 56.5%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 55.2%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 51.1%;}}
*/

/*■■■■■ 子要素3 ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 子要素3 ホームページパーツタイトル ■■■■■■*/
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat 40px top;
	padding-left: 70px;
	width: 74.3%;
}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 74.3%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 73.5%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 72.7%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 71.8%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 70.8%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 69.8%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 68.7%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 67.6%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 66.3%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 65%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 63.5%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 61.9%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 60.1%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 58.2%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 56.1%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 55.9%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 53.8%;}}
*/

#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 79.6%;}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 79.6%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 78.8%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 77.8%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 76.8%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 75.8%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 74.7%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 73.4%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 71.7%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 70.3%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 68.3%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 66.2%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 63.7%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 60.9%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 57.8%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 54.9%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 53.5%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 49.1%;}}
*/

/*■■■■■ 子要素4 ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 子要素4 ホームページパーツタイトル ■■■■■■*/
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat 60px top;
	padding-left: 90px;
	width: 73.1%;
}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 73.1%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 72.2%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 71.4%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 70.4%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 69.5%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 68.4%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 67.3%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 66%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 64.7%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 63.3%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 61.8%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 60.1%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 58.3%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 56.3%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 54%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 53.8%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 51.6%;}}
*/

#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 79.3%;}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 79.3%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 78.5%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 77.4%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 76.5%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 75.2%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 74.1%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 72.8%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 71.1%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 69.5%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 67.5%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 65.2%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 62.6%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 59.5%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 56.2%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 53.1%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 51.8%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 47%;}}
*/

/*■■■■■ 子要素5 ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 子要素5 ホームページパーツタイトル ■■■■■■*/
#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat 80px top;
	padding-left: 110px;
	width: 71.9%;
}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 71.9%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 71%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 70.1%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 69.1%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 68.1%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 67%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 65.8%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 64.5%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 63.1%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 61.7%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 60.1%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 58.3%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 56.4%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 54.3%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 52%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 51.7%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name {width: 49.4%;}}
*/

#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 78.9%;}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 78.9%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 78.1%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 77%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 76%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 74.7%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 73.6%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 72.2%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 70.4%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 68.7%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 66.6%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 64.2%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 61.5%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 58.2%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 54.6%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 51.1%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 49.9%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .sortlist_2 .sortlist_li .contents_name .bt {max-width: 44.6%;}}
*/

/*■■■■■ SNS Facebook・Hatena カウント数 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.snsfbcount,
.snshatenacount {
	border-radius: 4px;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 86%;
	margin: 3px 0 0 3px;
	min-height: 16px;
	min-width: 16px;
	padding: 3px 2px 1px 15px;
	text-align: center;
}
.snsfbcount {
	background: #0044CC url(../images/mark_snsfbcount.png) no-repeat 4px 4px;
}
.snshatenacount {
	background: #41C0EF url(../images/mark_snshatenacount.png) no-repeat 4px 4px;
	padding-left: 21px;
}
.snshatenacount > a {
	color: #FFFFFF;
	display: block;
	margin: -1px 0 1px 0;
	padding: 1px 0 0 0;
	text-decoration: none;
}
.snshatenacount > a:hover {
	background: #FFFFFF;
	border-radius: 3px;
	color: #41C0EF;
}





/*■■■■■ ホームページパーツ編集 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ ページの状態 ■■■■■*/
/* 公開 */
/* 下書き */
/* 公開予約 */
/* 会員限定 */
/* 承認待ち */
/* 公開終了 */
/* 受付終了 */
/* 特別公開 */
/* プレビューのみ表示 */
#HP .contents_state .pub,
#HP .contents_state .draft,
#HP .contents_state .reserve,
#HP .contents_state .member,
#HP .contents_state .mail_member,
#HP .contents_state .pending,
#HP .contents_state .formend,
#HP .contents_state .pubend,
#HP .contents_state .pub2,
#HP .contents_state .previewonly {
	border-radius: 4px;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 76%;
	height: 16px;
	margin: -3px 0 0 5px;
	padding: 2px 0 0 22px;
	width: 45px;
}

/*■■ WEBフォーム ■■*/
#HP .contents_state_webform .pub,
#HP .contents_state_webform .draft,
#HP .contents_state_webform .reserve,
#HP .contents_state_webform .member,
#HP .contents_state_webform .mail_member,
#HP .contents_state_webform .pending,
#HP .contents_state_webform .formend,
#HP .contents_state_webform .pubend,
#HP .contents_state_webform .pub2,
#HP .contents_state_webform .previewonly {
	margin: -3px 0 10px 0;
}


/* 公開 */
#HP .contents_state .pub {
	background: url(../images/003_save_status.png) no-repeat left -110px;
}
/* 下書き */
#HP .contents_state .draft {
	background: url(../images/003_save_status.png) no-repeat left -22px;
}
/* 公開予約 */
#HP .contents_state .reserve {
	background: url(../images/003_save_status.png) no-repeat left -44px;
}
/* メルマガ受信者向け */
#HP .contents_state .mail_member {
	background: url(../images/003_save_status.png) no-repeat left -246px;
}
/* 会員限定 */
#HP .contents_state .member {
	background: url(../images/003_save_status.png) no-repeat left -66px;
}
/* 承認待ち */
#HP .contents_state .pending {
	background: url(../images/003_save_status.png) no-repeat left -88px;
}
/* 公開終了 */
#HP .contents_state .formend {
	background: url(../images/003_save_status.png) no-repeat left -201px;
}
/* 受付終了 */
#HP .contents_state .pubend {
	background: url(../images/003_save_status.png) no-repeat left -178px;
}
/* 特別公開 */
#HP .contents_state .pub2 {
	background: url(../images/003_save_status.png) no-repeat left -132px;
}
/* プレビューのみ表示 */
#HP .contents_state .previewonly {
	background: url(../images/003_save_status.png) no-repeat left -224px;
	width: 96px;
}



/*■■■■■ 参照・クリア・本文続き ■■■■■*
/* クリア */
#HP .edit_form .edit_area .entry-value .bt,
#RESERVATION .edit_form .edit_area .entry-value .bt {
	height: 14px;
	margin: 0 5px 5px 0;
	padding: 2px 5px;
}

/* 参照 */
/* 本文続きボタン */
/* リンクバナーを開くボタン */
#HP .edit_form .edit_area .entry-value .bt_pop_ref,
#HP .edit_form .edit_area .bt_pop_next,
#HP .edit_form .bt_pop_next,
#RESERVATION .edit_form .edit_area .entry-value .bt_pop_ref,
#RESERVATION .edit_area .kaihei_box .bt_pop_next {
	background: url(../images/001_always.png) no-repeat left -80px;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #404040;
	display: block;
	float: left;
	font-size: 76%;
	height: 14px;
	margin: 0 5px 5px 0;
	opacity: unset;
	padding: 2px 5px 2px 3px;
	text-decoration: none;
}

#HP .edit_form .edit_area .entry-value .bt_pop_ref:hover,
#HP .edit_form .edit_area .bt_pop_next:hover,
#HP .edit_form .bt_pop_next:hover,
#RESERVATION .edit_form .edit_area .entry-value .bt_pop_ref:hover,
#RESERVATION .edit_area .kaihei_box .bt_pop_next:hover {
	background: url(../images/001_always.png) no-repeat left -100px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
	opacity: unset;
	text-decoration: none;
}

/* 本文続きボタン */
#HP .edit_form .edit_area .bt_pop_next {
	clear: both;
	margin: 10px 0 0 0;
	/width: 250px; /*IE6,7*/
}

/* 背景画像設定エリア内のライブラリ・アップロード・編集・キャンセルボタン */
#HP .edit_form .edit_area #basic_image_tab .bt_pop_ref,
#HP .edit_form .edit_area #basic_image_tab .bt_imgedit,
#HP .edit_form .edit_area #basic_image_tab .bt_clear,
#HP .edit_form .edit_area .toplayout_backex .entry-value .bt_pop_ref,
#HP .edit_form .edit_area .toplayout_backex .entry-value .bt_imgedit,
#HP .edit_form .edit_area .toplayout_backex .entry-value .bt_clear {
	margin: 0 10px 10px 0;
}



/*■■■■■ イメージ画像 ■■■■■*/
#HP .edit_form .edit_area .entry-value_img[src="images/noimage.png"],
#RESERVATION .edit_form .edit_area .entry-value_img[src="images/noimage.png"] {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

/* 画像回りこみ設定 */
#mawarikomion,
#mawarikomiright,
#mawarikomioff,
#mawarikomioffcenter {
	float: right;
	margin: 0;
}
#mawarikomion > img,
#mawarikomiright > img,
#mawarikomioff > img,
#mawarikomioffcenter > img {
	margin: 0;
}
#mawarikomion > img:hover,
#mawarikomiright > img:hover,
#mawarikomioff > img:hover,
#mawarikomioffcenter > img:hover {
	outline: none;
}

.uploadblock_progress_bar {
	width: 0%;
}

/*■■■■■ リンクバナー ■■■■■■■■■■*/

/* リンクバナーを開くボタン */
#HP .edit_form .bt_pop_next {
	margin: 0 0 5px 0;
}

#HP .edit_form .edit_area .banner {
	color: #000000;
	display: block;
	float: left;
	margin: 5px 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: 650px;
}

#HP .edit_form .edit_area .banner:hover {
	color: #000000;
	text-decoration: none;
}

/*■■■■■ リンクバナー　画像 ■■■■■*/
#HP .edit_form .edit_area .banner .entry-value_img {
	float: none;
	margin: 0;
}
/* NoImageの時 */
#HP .edit_form .edit_area .banner .entry-value_img[src*="images/noimage.png"] {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

/*■■■■■ リンクバナー　上に乗る文字 ■■■■■*/
#HP .edit_form .edit_area .banner_text_editor {
	clear: both;
	float: left;
	width: 310px;
}
#HP .edit_form .edit_area .banner_text_editor .texteditor_icon {
	width: 300px;
}
#HP .edit_form .edit_area .banner .banner_title {
	display: block;
	left: 6px;
	height: 90%;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 6px;
	width: 94%;
}

/*■■■■■ リンクバナー　上に乗る文字 ■■■■■*/
#HP .edit_form .edit_area .banner_ontext {
	background: url(../images/mark_banner_ontext.png) no-repeat left 2px;
	clear: both;
	color: #404040;
	display:block;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0 0 0 17px;
}


/*■■■■■ リンクバナー　上に乗る文字（フォームの編集画面用） ■■■■■*/
#HP .edit_form .edit_area .banner_form {
	color: #000000;
	display: block;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: 596px;
}

#HP .edit_form .edit_area .banner_form:hover {
	color: #000000;
	text-decoration: none;
}

/*■■■■■ リンクバナー　画像 ■■■■■*/
#HP .edit_form .edit_area .banner_form .form_bannerlink_img {
	display: block;
}

#HP .edit_form .edit_area .banner_form .form_bannerlink_img img {
	float: none;
	margin: 0;
}

/*■■■■■ リンクバナー　バナーライブラリのファイル名 ■■■■■
#contents_image2_basename {
	clear: both;
	padding: 5px 0 0 0;
}
#contents_image2_basename:before {
	content: "設定中の画像ファイル名：";
	font-weight: bold;
}
*/

/*■■■■■ リンクバナー　上に乗る文字 ■■■■■*/
#HP .edit_form .edit_area .banner_form .banner_title {
	display: table-cell;
	line-height: 1.2;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

/*■■■■■ リンクバナー　上に乗る文字 ■■■■■*/
#HP .edit_form .edit_area .banner_ontext {
	background: url(../images/mark_banner_ontext.png) no-repeat left 2px;
	clear: both;
	color: #404040;
	display:block;
	float: left;
	font-weight: bold;
	margin: 10px 5px 5px 0;
	padding: 0 0 0 17px;
}

/*■■■■■ リンクバナー　上に乗る文字(editor) ■■■■■*/
#HP .edit_form .edit_area .banner_on_texteditor {
	clear: both;
}

/*■■■■■ 日時 ■■■■■*/
#HP .edit_form .edit_area .edit_box_left .contents_date_time_box > p {
	overflow: hidden;
}

#HP .edit_form .edit_area .edit_box_left .contents_date_time_box > p > span {
	display: block;
	float: left;
	margin: 11px 0 0 0;
	width: 40px;
}

#HP .edit_form .edit_area .edit_box_left .contents_date_time_box > p > input.contents_date,
#HP .edit_form .edit_area .edit_box_left .contents_date_time_box > p > input.contents_time {
	/*float: left;*/
	/*width: 34%;*/
	width: 100px;
}

/*■■ リンクバナーがないときのバナー風タイトル ■■*/
.edit_form_li .edit_area .edit_box_left .form_bannerlink_noimg {
	background: none;
	border: none;
	display: block;
	font-size: 100%;
	height: auto;
	margin: 0 auto 5px auto;
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	width: 720px;
}

.edit_form_li .edit_area .edit_box_left .block {
	display: block;
	height: 50px;
	margin: 0 auto;
	max-width: 100%;
	width: 720px;
}
.edit_form_li .edit_area .edit_box_left .box .list_1 .form_bannerlink_noimg .block {
	border: 0;
	text-decoration: none;
	transition: all 0.5s ease; /*0.5秒かけて要素を変化させる*/
}
.edit_form_li .edit_area .edit_box_left .box .list_1 .form_bannerlink_noimg:hover .block {
	border: 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	text-decoration: none;
	zoom: 1;
}

.edit_form_li .edit_area .edit_box_left .img_none_title {
	display: table-cell;
	font-family: "ヒラギノ明朝 pro w3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 110%;
	height: 50px;
	line-height: 1.2;
	margin: 0;
	padding: 0 5px;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	width: 720px;
	z-index: 1;
}
.edit_form_li .edit_area .edit_box_left .box .list_1 .form_bannerlink_noimg:hover .block .img_none_title {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}





/*■■■■■ メインイメージ複数切り替え ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#basic_image_tab,
#basic_image_naka_tab,
#basic_image_naka2_tab {
	clear: both;
	padding: 10px 0 0 0;
}

/*■■■■■ メインイメージ　３つのタブ ■■■■■*/
#box_image_muluti_li,
#box_image_naka_muluti_li,
#box_image_naka2_muluti_li {
	clear: both;
	margin: 0;
}

#box_image_muluti_li .tab,
#box_image_naka_muluti_li .tab,
#box_image_naka2_muluti_li .tab {
	list-style: none;
	margin: 0;
	padding: 0;
}

#box_image_muluti_li .tab:after,
#box_image_naka_muluti_li .tab:after,
#box_image_naka2_muluti_li .tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#box_image_muluti_li .tab li,
#box_image_naka_muluti_li .tab li,
#box_image_naka2_muluti_li .tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■ タブ ■■■*/
#box_image_muluti_li .tab li a,
#box_image_naka_muluti_li .tab li a,
#box_image_naka2_muluti_li .tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 76%;
	height: 17px;
	margin: 0;
	padding: 4px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 113px;
}

#box_image_muluti_li .tab li a:hover,
#box_image_naka_muluti_li .tab li a:hover,
#box_image_naka2_muluti_li .tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■ タブ　そのページの時 ■■■*/
#box_image_muluti_li .tab li .selected,
#box_image_muluti_li .tab li .selected:hover,
#box_image_naka_muluti_li .tab li .selected,
#box_image_naka_muluti_li .tab li .selected:hover,
#box_image_naka2_muluti_li .tab li .selected,
#box_image_naka2_muluti_li .tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■■■■ メインイメージ　３つのエリア ■■■■■*/

/*■■■ タブ１ ■■■*/
/*■■■ タブ２ ■■■*/
/*■■■ タブ３ ■■■*/
#basic_image_tab1,
#basic_image_tab2,
#basic_image_tab3,
#basic_image_tab4,
#basic_image_tab5,
#basic_image_tab6,
#basic_image_tab7,
#basic_image_tab8,
#basic_image_tab9 {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	margin: 0;
	padding: 10px 10px 5px 10px;
	position: relative;
	text-decoration: none;
	/*width: 879px;*/
}

#basic_image_tab1:after,
#basic_image_tab2:after,
#basic_image_tab3:after,
#basic_image_tab4:after,
#basic_image_tab5:after,
#basic_image_tab6:after,
#basic_image_tab7:after,
#basic_image_tab8:after,
#basic_image_tab9:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■■■ スマホ版詳細設定項目を表示 ■■■■■*/
div[id*="basic_image_tab"] .bt_open {
	clear: both;
	margin: 15px 0 10px 0 !important;
}

/* 画像アップロード/選択 */
p[id*="basic_image_selbtn_sp"] > a {
	margin: 0 10px 10px 10px !important;
}

/*■■■■■ 推奨サイズ ■■■■■*/
.image_size {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

/*■■■■■ 注意書き（赤字） ■■■■■*/
.image_text_red {
	color: #FF0000;
	display: block;
	float: left;
	font-size: 86%;
	margin: 2px 0 0 0;
}

/*■■■■■ 画像クリック時に遷移するリンクアドレスの枠 ■■■■■*/
#basic_image_tab1 input,
#basic_image_tab2 input,
#basic_image_tab3 input,
#basic_image_tab4 input,
#basic_image_tab5 input {
	margin: 0 0 10px 0;
	width: 50%;
}

/*■■■■■ 切り替え演出 ■■■■■*/
#basic_image_tab .basic_image_chenge {
	clear: both;
	padding: 10px 0 0 0;
}

.table_image_chenge {
	border-collapse: separate;
	border-spacing: 1px;
	clear: both;
	margin: 0 0 10px 0;
	width: 600px;
}
.table_image_chenge th {
	background-color: #FFE5BF;
	background-image: none;
	border: 1px solid #FFE5BF !important;
	border-radius: 0 !important;;
	color: #FF6600;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	width: 150px;
}
.table_image_chenge td {
	background-color: #FFFFFF;
	border: 1px solid #FFE5BF !important;
	border-radius: 0 !important;
	padding: 10px;
}

.table_image_chenge td > table {
	margin: 0;
}
.table_image_chenge td > table th,
.table_image_chenge td > table td {
	background: none !important;
	border: none !important;
	padding: 10px 0 0 0;
}
.table_image_chenge td > table th {
	color: #000000;
	font-weight: bold;
	width: 30%;
}
.table_image_chenge td > table tr:nth-of-type(1) th,
.table_image_chenge td > table tr:nth-of-type(1) td {
	border-bottom: 1px dotted #CCCCCC !important;
	padding: 0 0 8px 0;
}

/*■■■■■ ヘッドライン画像の設定エリア ■■■■■■■■■■*/
#HP .edit_form .edit_area .mainimage {
	color: #000000;
	display: block;
	margin: 0 0 15px 0;
	/*overflow: hidden;*/
	padding: 0;
	position: relative;
	text-decoration: none;
}

#HP .edit_form .edit_area .mainimage:hover {
	color: #000000;
	text-decoration: none;
}

/*■■■■■ ヘッドライン画像　画像 ■■■■■*/
#HP .edit_form .edit_area .mainimage .entry-value_img {
	float: none;
	margin: 0;
	max-width: none;
}

/*■■■■■ ヘッドライン画像　上に乗る文字 ■■■■■*/
#HP .edit_form .edit_area .mainimage .banner_title {
	display: block;
	left: 10px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 730px;
}
/* NoImageの時 */
#HP .edit_form .edit_area .mainimage .entry-value_img[src*="images/noimage.png"] {
	left: 26px;
	top: 16px;
}

/*■■■■■ ヘッドライン画像　上に乗る文字 ■■■■■*/
#HP .edit_form .edit_area .mainimage .banner_ontext {
	background: url(../images/mark_banner_ontext.png) no-repeat left 2px;
	clear: both;
	color: #404040;
	display:block;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0 0 0 17px;
}





/*■■■■■ メインイメージ上に乗る文字複数切り替え ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ メインイメージ上に乗る文字　３つのタブ ■■■■■*/
#box_basic_targetcopy_muluti_li {
	clear: both;
	margin: 0;
}

#box_basic_targetcopy_muluti_li .tab {
	list-style: none;
	margin: 0;
	padding: 0;
}

#box_basic_targetcopy_muluti_li .tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#box_basic_targetcopy_muluti_li .tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■ タブ ■■■*/
#box_basic_targetcopy_muluti_li .tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 76%;
	height: 17px;
	margin: 0;
	padding: 4px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 113px;
}

#box_basic_targetcopy_muluti_li .tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■ タブ　そのページの時 ■■■*/
#box_basic_targetcopy_muluti_li .tab li .selected,
#box_basic_targetcopy_muluti_li .tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■■■■ 上に乗る文字のエディタ ■■■■■*/
#HP .edit_form .edit_area .banner_on_texteditor div + div {
	overflow: hidden !important;
}
#HP .edit_area .edit_box_left .banner_on_texteditor .nicEdit-main /* パーツ編集内リンクバナー */,
#HP #box_contentx_ex .edit_area .edit_box_left #webform--webform_image2 + div .banner_on_texteditor .nicEdit-main /* WEBフォーム編集内リンクバナー */,
#HP #box_contentx_ex .edit_area .edit_box_left #webform--webform_flag12 + div .banner_on_texteditor .nicEdit-main /* WEBフォーム編集内リンクバナー */,
#HP .edit_area .banner_on_texteditor .nicEdit-main /* 簡単セットアップ内リンクバナー */ {
	background: url(../images/bk_editor.png) repeat left top;
	border-top: none !important;
	border-radius: 0;
	margin: 0 0 -5px 0 !important;
	padding: 5px 0 0 6px !important;
}
#HP .edit_area .edit_box_left .banner_on_texteditor .nicEdit-main {
	border: none !important;
	font-size: 100%;
	line-height: 1.4;
}
#HP .edit_area #basic_image_tab1 .nicEdit-main /* ヘッドラインコピー１ */,
#HP .edit_area #basic_image_tab2 .nicEdit-main /* ヘッドラインコピー２ */,
#HP .edit_area #basic_image_tab3 .nicEdit-main /* ヘッドラインコピー３ */,
	/*上に乗る文字のとこに画像を表示させるテストでの追加分20180226*/
#HP .edit_area #basic_image_tab4 .nicEdit-main /* ヘッドラインコピー４ */,
#HP .edit_area #basic_image_tab5 .nicEdit-main /* ヘッドラインコピー５ */ {
	/*ヘッドライン画像を5枚までの設定に変更時の追加分20181106*/
	background-repeat: no-repeat;
	background-size: 100%;
	border: none !important;
	border-radius: 0;
	padding: 10px !important;
	width: auto !important;
	white-space: normal;
	/*エリア8のフォントサイズを大きくする設定時にバナーの文字は影響しないようにする設定*/
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
}
#HP .edit_area #basic_image_tab1 .nicEdit-main[style*="noimage.png"],
#HP .edit_area #basic_image_tab2 .nicEdit-main[style*="noimage.png"],
#HP .edit_area #basic_image_tab3 .nicEdit-main[style*="noimage.png"],
#HP .edit_area #basic_image_tab4 .nicEdit-main[style*="noimage.png"],
#HP .edit_area #basic_image_tab5 .nicEdit-main[style*="noimage.png"] {
	background-position: center;
	background-size: auto;
}

#HP #box_contentx_ex .edit_area .edit_box_left .banner_on_texteditor .nicEdit-main /* パーツ編集内リンクバナー */ {
	/*上に乗る文字のとこに画像を表示させるテストでの追加分20180226*/
	background-repeat: no-repeat;
	background-size: cover;
	border: none !important;
	border-radius: 0;
	color: inherit;
	padding: 6px !important;
	/*エリア8のフォントサイズを大きくする設定時にバナーの文字は影響しないようにする設定*/
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
}





/*■■■■■ カテゴリー設定 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#category--category_text {
	font-weight: bold;
	margin: 0 0 5px 0;
}

#SMALL .sortlist_li .contents_name .bt .title_syubetsu {
	font-size: 126%;
	margin: 1px;
	max-width: 100%;
	padding: 3px 5px 1px 22px;
}

#HP .sortlist_li .contents_title_syubetsu,
#HP .sortlist_li .contents_title {
	padding: 0 0 0 10px;
	width: auto;
}


/* カテゴリーテンプレート */
.category_templatebox {
	border: 3px double #CCCCCC;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 12px 10px 0 10px;
}
.category_templatebox > p,
.category_templatebox > select,
.category_templatebox > a.bt_s {
	float: left;
}
.category_templatebox > select {
	margin: -7px 5px 5px 0;
}
.category_templatebox > a.bt_s + p {
	color: #CC0000;
	font-size: 86%;
	padding: 0 0 0 10px;
}



/*■■■■■ デザインスキン設定 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ デザインスキン設定　タブ ■■■■■*/
#basic_design_tab {
	clear: both;
}

#basic_design_tab .tab {
	list-style: none;
	margin: 0;
	padding: 0;
}

#basic_design_tab .tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#basic_design_tab .tab li {
	background: none;
	border: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■ タブ ■■■*/
#basic_design_tab .tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 76%;
	height: 17px;
	margin: 0;
	padding: 4px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 90px;
}

#basic_design_tab .tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■ タブ　そのページの時 ■■■*/
#basic_design_tab .tab li .selected,
#basic_design_tab .tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■■ デザインスキン一覧 ■■■*/
.designskin_gallery {
	flex-wrap: wrap;
	gap: 3vh;
}

/*■■■ デザインスキン１つ１つ ■■■*/
/* １タイプのエリア */
.designskin {
	background: #F5F5F5;
	/*background: url(../images/bk_designskin.gif) no-repeat 12px 34px;*/
	/*border: 1px solid #FFFFFF;*/
	/*float: left;*/
	/*height: 250px;*/
	/*margin: 1px 0 1px 1px;*/
	padding: 20px;
	position: relative;
	width: 160px;
}

/* １タイプのエリア（現在選択中のスキン） */
.designskin_this {
	background: #FFF2BF;
	/*background: #FFF2BF url(../images/bk_designskin.gif) no-repeat 12px 34px;*/
	/*border: 1px dotted #FF9900;*/
	/*float: left;*/
	/*height: 250px;*/
	/*margin: 1px 0 1px 1px;*/
	padding: 20px;
	position: relative;
	width: 160px;
}

/* スキンの名前 */
.skin_name {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 26px;
	position: relative;
}
.design_skin_big > .skin_name,
.design_skin_small > .skin_name {
	font-weight: bold;
	padding: 0;
	text-align: center;
}

.design_skin_small > .skin_name  + a.cboxElement {
	display: block;
	text-align: center;
}

/* スキンの履歴の日時 */
.skin_backup_date {
	background-color: #616161;
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 63px;
	color: #FFFFFF;
	display: block;
	font-size: 86%;
	left: 20px;
	padding: 2px 5px 0 5px;
	position: absolute;
	text-align: center;
	width: 152px;
	z-index: 1;
}

/* 使用中スキン */
.use_skin {
	background: #FF6600;
	border: 3px double #FFFFFF;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 80%;
	font-weight: bold;
	height: 14px;
	width: 50px;
	padding: 2px 0 0 0;
	position: absolute;
	right: 24px;
	text-align: center;
	top: -3px;
}

/* スクリーンショット */
.container .screen_img {
	/*height: 160px;*/
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
	/*width: 160px;*/
}

/*■■■ 画像大きく見る用の虫眼鏡アイコン ■■■*/
.screen_img a.image_big {
	background: url(../images/003_hp.png) no-repeat -158px -67px;
	background-size: 726px;
	height: 21px;
	left: 20px;
	position: absolute;
	/*right: 12px;*/
	text-decoration: none;
	top: 19px;
	width: 21px;
	z-index: 10;
}
.screen_img a.image_big:hover {
	background: url(../images/003_hp.png) no-repeat -158px -90px;
	background-size: 726px;
	text-decoration: none;
}

.screen_img a {
	display: block;
	height: 170px;
	padding: 0;
	position: relative;
	width: 160px;
}

.screen_img .custom_img {
	display: block;
	padding: 6px 0 0 10px;
}

.screen_img a img {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	max-width: 100%;
	height: auto;
	/*left: 5px;*/
	/*padding: 5px;*/
	/*position: absolute;*/
	/*top: 1px;*/
}

/* デザインスキンタイプ名 */
.container .screen_img + label {
	font-weight: bold;
	padding: 0 0 0 3px;
}

/* スキンの色 */
.design_color {
	display: block;
	font-size: 200%;
	margin: -8px 0 0 0;
}

/* 同じ系統を全部見る */
.designskin .bt_search {
	margin: 0 0 0 2px;
}

/* 適用ボタン */
.bt_decision {
	background: url(../images/bt_decision.png) no-repeat left top;
	clear: both;
	color: #404040;
	display: block;
	font-size: 100%;
	font-weight: bold;
	height: 24px;
	padding: 8px 0 0 10px;
	text-decoration: none;
	width: 150px;
}

.bt_decision:hover {
	background: url(../images/bt_decision_f2.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
}

/* 現在のデザイン */
.bt_decision_this {
	background: url(../images/bt_design_this.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: bold;
	height: 24px;
	/* margin: 0 0 -8px 0; */
	padding: 8px 0 0 10px;
	text-decoration: none;
	width: 147px;
}

#basic_design_tab6 .bt_decision_this {
	font-size: 96%;
}

/*■■■ プレミアムデザイン ■■■*/
/* マーク */
.premium {
	position: absolute;
	right: 0;
	top: 10px;
}

/*おすすめテキスト */
.premium_text {
	background-color: #DDDDDD;
	color: #000000;
	display: block;
	filter: Alpha(opacity=80); /* IE系 */
	font-size: 76%;
	left: 0;
	margin: -10px -12px -8px -10px;
	opacity: 0.8; /* Mozzila系 */
	padding: 223px 10px 5px 10px;
	position: absolute;
	top: 0;
}

.premium_text a {
	color: #000000;
	text-decoration: underline;
}

.premium_text a:hover {
	color: #000000;
	text-decoration: none;
}


/*■■■■■ デザインスキン設定 タブ毎のエリア ■■■■■*/

/*■■■ タブ ■■■*/
#basic_design_tab0,
#basic_design_tab1,
#basic_design_tab2,
#basic_design_tab3,
#basic_design_tab4,
#basic_design_tab5,
#basic_design_tab6,
#basic_design_tab7,
#basic_design_tab8,
#basic_design_tab9 {
	border: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: -webkit-fill-available;
}

/*■■■ タブ１ ■■■*/
#basic_design_tab0,
#basic_design_tab1 {
	/*background: url(../images/bk_basic_design_tab.gif) repeat-y left 12px;*/
}

/*■■■ タブ２ ■■■*/
#basic_design_tab2 {
}

/*■■■ タブ３ ■■■*/
#basic_design_tab3 {
}

/*■■■ タブ４ ■■■*/
#basic_design_tab4 {
}

/*■■■ タブ５ ■■■*/
#basic_design_tab5 {
}

/*■■■ タブ６ ■■■*/
#basic_design_tab6 {
}

/*■■■ タブ７ ■■■*/
#basic_design_tab7 {
	/*background: url(../images/bk_basic_design_tab.gif) repeat-y left 52px;*/
}
#basic_design_tab7 > p.design_text {
	background: #FFFFFF;
	/*padding: 10px;*/
	width: 100%;
}

/*■■■ タブ８ ■■■*/
#basic_design_tab8 {
	padding: 10px 10px 0 10px;
}

#sortList #basic_design_tab8 input[type="text"] {
	display: block;
	float: left;
	margin: -1px 10px 10px 0;
	padding: 5px 7px 4px 7px;
}

#sortList #basic_design_tab8 .bt_search2 {
	clear: none;
	float: left;
	margin: 0 0 10px 0;
}

/*■■■ タブの中のボックス ■■■*/
.template_box_s {
	/*background: url(../images/bk_basic_design_tab.gif) repeat-y left 12px;*/
	color: #000000;
	display: block;
	float: left;
	margin: 0 0 50px 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: auto;
}
#basic_design_tab8 .template_box_s {
	background: none;
	border-top: 1px dotted #CCCCCC;
	clear: both;
	float: none;
	margin: 10px -11px 0 -11px;
	width: auto;
}

/* 全自動セットアップのデザインスキン選択画面 */
.template_box_s_clear {
	/* margin: 0 0 0 -13px; */
}

.template_box_s:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■■■ デザインスキン設定　ポップアップ ■■■■■*/
.container_small .design_skin_big {
	border: 1px solid #CCCCCC;
	border-top: 8px solid #CCCCCC;
	border-radius: 4px;
	margin: 0 auto 30px auto;
	overflow: hidden;
	padding: 10px;
	width: 350px;
}

.container_small .design_skin_big img {
	margin: 0 0 10px 0;
}

.skin_layout_guide {
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
	border-radius: 2px;
	float: right;
	font-size: 76%;
	margin: 0 0 5px 0;
	padding: 3px 5px 1px 5px;
}
#basic_design_tab6 .skin_layout_guide {
	margin: 0;
	padding: 2px 3px 1px 3px;
	position: absolute;
	right: 18px;
	top: 42px;
	z-index: 10;
}

.container_small .design_skin_big .bt_decision,
.container_small .design_skin_big .bt_decision_this {
	float: none;
	margin: 0 auto;
}

.container_small .design_skin_type_title {
	background: url(../images/bk_toolbararea_hp.png) repeat left top;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 4px 10px 2px 10px;
}

.container_small .design_skin_small {
	border: 1px solid #CCCCCC;
	border-top: 5px solid #CCCCCC;
	border-radius: 4px;
	float: left;
	margin: 0 10px 30px 30px;
	padding: 9px;
	/*width: 141px;*/
	width: 161px;
}

.container_small .design_skin_small img {
	margin: 0 0 10px 0;
}

/* このデザインを見る */
.design_skin_small .bt_search {
	background: url(../images/bt_search.png) no-repeat left top;
	color: #404040;
	display: block;
	font-size: 100%;
	font-weight: bold;
	height: 24px;
	margin: 0px 0px -8px -8px;
	padding: 8px 0 0 10px;
	text-decoration: none;
	width: 147px;
}
.design_skin_small .bt_search:hover {
	background: url(../images/bt_search_f2.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
}

/* 現在のデザイン
.design_skin_small .bt_decision_this {
	margin: 0 0 -8px -8px;
} */





/*■■■■■ レイアウト設定ページ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#tabarea {
	border-bottom: 1px solid #CCCCCC;
	margin: 10px 0;
}

/*■■■■■ 標準エリア・固定エリアのタブ ■■■■■*/
#tabarea ul.tab {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#tabarea ul.tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■■■ タブ ■■■■■*/
#tabarea ul.tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 86%;
	height: 18px;
	margin: 0;
	padding: 4px 8px 0 8px;
	text-align: center;
	text-decoration: none;
	width: auto;
}
#tabarea ul.tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■■■ タブ　そのページの時 ■■■■■*/
#tabarea ul.tab .selected,
#tabarea ul.tab .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}



/*■■ 固有レイアウト設定のON OFFボタン ■■*/
#tabarea .bt_laymode_onoff,
#tabarea .on.bt_laymode_onoff:hover {
	background: url(../images/bt_laymode_off.png) no-repeat top left;
	display: block;
	float: right;
	font-size: 0%;
	height: 23px;
	margin: -5px 0 0 10px;
	padding: 0;
	text-decoration: none;
	width: 160px;
	-webkit-text-size-adjust: 100%;
}
#tabarea .bt_laymode_onoff:hover,
#tabarea .on.bt_laymode_onoff {
	background: url(../images/bt_laymode_on.png) no-repeat top left;
}



/*■■ 同階層のレイアウト設定を同じにする ■■*/
#tabarea .bt_laymode_dupe,
#tabarea .bt_laymode_dupe:hover {
	float: right;
	font-size: 94%;
	margin: -5px 0 0 0;
	height: 22px;
}

#tabarea .bt_laymode_dupe > span {
	background: url(../images/icon_select_orange.png) no-repeat 5px 3px;
	background-size: 16px;
	display: inline-block;
	margin: 0;
	padding: 3px 5px 0 26px;
}
#tabarea .bt_laymode_dupe:hover > span {
	background: url(../images/icon_select_orange_f2.png) no-repeat 5px 3px;
	background-size: 16px;
}



/*■■■■■ A・B・Cのタイトル部分 ■■■■■*/
.title {
	color: #666666;
	font-size: 110%;
	font-weight: bold;
	height: 26px;
	margin: 0 0 10px 0;
	padding: 0 0 0 35px;
}

.title > span {
	display: block;
	padding: 5px 0 0 20px;
}

/*■■■■■ エリアA ■■■■■*/
.layout_area_a_box {
	float: left;
	width: 300px;
}

.layout_area_a {
	background-position: 35px 36px;
	background-repeat: no-repeat;
	/*height: 270px;*/
	margin: 0;
	min-height: 233px;
}

.layout_area_a:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.layout_area_a .title {
	background: url(../images/mark_area_a.png) no-repeat left top;
}

/* pc トップ */
/* pc 中面 */
.skin_mini_layout_pc {
	margin: 0 0 0 35px;
	position: relative;
	width: 201px;
}

.skin_mini_layout_pc:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.pos1_area,
.pos2_area,
.pos3_area,
.pos4_area,
.pos5_area,
.pos6_area,
.pos7_area,
.pos8_area,
.pos9_area,
.pos10_area,
.pos11_area,
.pos12_area,
.pos13_area,
.pos14_area {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	/*font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
	text-decoration: none;
}
a.pos1_area:hover,
a.pos2_area:hover,
a.pos3_area:hover,
a.pos4_area:hover,
a.pos5_area:hover,
a.pos6_area:hover,
a.pos7_area:hover,
a.pos8_area:hover,
a.pos9_area:hover,
a.pos10_area:hover,
a.pos11_area:hover,
a.pos12_area:hover,
a.pos13_area:hover,
a.pos14_area:hover {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
	/*font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-shadow: none;
}

.skin_mini_layout_pc > a > span {
	display: block;
	padding: 2px;
}

.skin_mini_layout_pc > .pos_area_hover,
.skin_mini_layout_pc > a > .this {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
	/*font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-shadow: none;
}

.skin_mini_layout_pc > a > span > img {
	vertical-align: middle;
}

/* 高度なデザイン設定のボタン */
.layout_area_a_box a.bt_s {
	margin: 10px 0 5px 35px;
	padding: 3px 5px 4px 5px;
}
.layout_area_a_box a.bt_s > img {
	float: left;
	vertical-align: middle;
}
.layout_area_a_box a.bt_s > span {
	display: inline-block;
	float: left;
	margin: 2px 0 0 5px;
}

/*■■■■■ pos8_area ■■■■■*/
.skin_mini_layout_pc .pos8_area > span > span {
	white-space: nowrap;
}



/* smartphone トップ */
.layout_area_a .skin_mini_layout_smartphone {
	margin: 0 0 0 35px;
	width: 200px;
}

.layout_area_a .skin_mini_layout_smartphone:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.layout_area_a .skin_mini_layout_smartphone a {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	font-weight: bold;
	margin: 0 0 1px 0;
	padding: 0;
	text-decoration: none;
}

.layout_area_a .skin_mini_layout_smartphone a:hover {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

.layout_area_a .skin_mini_layout_smartphone a span {
	display: block;
	padding: 2px;
}

.layout_area_a .skin_mini_layout_smartphone > .pos_area_hover,
.layout_area_a .skin_mini_layout_smartphone a .this {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

/*■■■■■ pos7_area ■■■■■*/
.layout_area_a .skin_mini_layout_smartphone .pos7_area span {
	height: 40px;
}

/*■■■■■ pos8_area ■■■■■*/
.layout_area_a .skin_mini_layout_smartphone .pos8_area span {
	height: 72px;
}

/*■■■■■ pos9_area ■■■■■*/
.layout_area_a .skin_mini_layout_smartphone .pos9_area span {
	height: 38px;
}

/* smartphone 中面 */
.layout_area_a .skin_mini_layout_smartphone_naka {
	margin: 0 0 0 35px;
	width: 200px;
}

.layout_area_a .skin_mini_layout_smartphone_naka:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.layout_area_a .skin_mini_layout_smartphone_naka a {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	font-weight: bold;
	margin: 0 0 1px 0;
	padding: 0;
	text-decoration: none;
}

.layout_area_a .skin_mini_layout_smartphone_naka a:hover {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

.layout_area_a .skin_mini_layout_smartphone_naka a span {
	display: block;
	padding: 2px;
}

.layout_area_a .skin_mini_layout_smartphone_naka a .this {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

/*■■■■■ pos7_area ■■■■■*/
.layout_area_a .skin_mini_layout_smartphone_naka .pos7_area span {
	height: 40px;
}

/*■■■■■ pos8_area ■■■■■*/
.layout_area_a .skin_mini_layout_smartphone_naka .pos8_area span {
	height: 72px;
}

/*■■■■■ pos9_area ■■■■■*/
.layout_area_a .skin_mini_layout_smartphone_naka .pos9_area span {
	height: 38px;
}

/* エリアの細かい大きさの設定は各デザインスキンのスタイルシート */


/* mo トップ */
.layout_area_a .skin_mini_layout_mo {
	margin: 0 0 0 35px;
	width: 200px;
}

.layout_area_a .skin_mini_layout_mo:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.layout_area_a .skin_mini_layout_mo a {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
	text-decoration: none;
}

.layout_area_a .skin_mini_layout_mo a:hover {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

.layout_area_a .skin_mini_layout_mo a span {
	display: block;
	padding: 2px;
}

.layout_area_a .skin_mini_layout_mo .pos1_area span {
	height: 40px;
}

.layout_area_a .skin_mini_layout_mo .pos2_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo .pos3_area span {
	height: 80px;
}

.layout_area_a .skin_mini_layout_mo .pos4_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo .pos5_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo .pos6_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo a .this {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

.layout_area_a .skin_mini_layout_mo a img {
	border: none;
	margin: 0;
}

.layout_area_a .skin_mini_layout_mo a:hover img {
	border: none;
	margin: 0;
}

/* mo 中面 */
.layout_area_a .skin_mini_layout_mo_naka {
	margin: 0 0 0 35px;
	width: 200px;
}

.layout_area_a .skin_mini_layout_mo_naka:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.layout_area_a .skin_mini_layout_mo_naka a {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
	text-decoration: none;
}

.layout_area_a .skin_mini_layout_mo_naka a:hover {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

.layout_area_a .skin_mini_layout_mo_naka a span {
	display: block;
	font-size: 90%;
	height: 16px;
	padding: 2px;
}

.layout_area_a .skin_mini_layout_mo_naka a span span {
	height: auto;
	padding: 0 0 0 21px;
}

.layout_area_a .skin_mini_layout_mo_naka .pos1_area span {
	height: 40px;
}

.layout_area_a .skin_mini_layout_mo_naka .pos2_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo_naka .pos3_area span {
	height: 80px;
}

.layout_area_a .skin_mini_layout_mo_naka .pos4_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo_naka .pos5_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo_naka .pos6_area span {
	height: 16px;
}

.layout_area_a .skin_mini_layout_mo_naka a .this {
	background: url(../images/bk_area_this.gif) repeat left top;
	color: #FFFFFF;
}

.layout_area_a .skin_mini_layout_mo_naka a .this span {
	font-size: 110%;
	height: auto;
	padding: 0 0 0 21px;
}

.layout_area_a .skin_mini_layout_mo_naka a img {
	border: none;
	float: left;
	margin: 0;
}

.layout_area_a .skin_mini_layout_mo_naka a:hover img {
	border: none;
	float: left;
	margin: 0;
}

/*■■■ エリア８（１列、２列）選択のセレクトボックス ■■■*/
select#toplayoutroot--toplayoutroot_child_layout {
	margin: 120px 0 0 -238px; /*左メニューのスキンは各style.css*/
	position: absolute;
}

/*■■■■■ エリアB ■■■■■*/
.layout_area_b {
	background: url(../images/mark_arrow_4.gif) no-repeat left 5px;
	float: right;
	margin: 0;
	padding: 0 0 22px 66px;
	width: 60%;
}

.layout_area_b .title {
	background: url(../images/mark_area_b.png) no-repeat left top;
}

.layout_area_b ul {
	list-style: none;
	margin: 0 0 0 35px;
	padding: 0;
}

.layout_area_b ul:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.layout_area_b ul li {
	background: none;
	overflow: hidden;
	padding: 0;
}

.layout_area_b ul li .bt {
	font-size: 86%;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	width: 175px;
}
.layout_area_b ul li .bt:hover {
	background: url(../images/001_always.png) no-repeat left -6px;
	border-color: #4BB100;
}


/*■■■■■ エリアC ■■■■■*/
.layout_area_c {
	background: url(../images/mark_arrow_5.gif) no-repeat left -12px;
	float: right;
	padding: 0 0 0 66px;
	width: 60%;
}

.layout_area_c:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.layout_area_c .title {
	background: url(../images/mark_area_c.png) no-repeat left top;
}

.layout_area_c ul {
	clear: both;
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

.layout_area_c ul li,
.layout_area_c ul li .sortlist_li_box {
}

.layout_area_c ul li:after,
.layout_area_c ul li .sortlist_li_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#HP .layout_area_c .sortlist_li .contents_name {
	padding: 0 0 0 10px;
	width: 81%;
}

#HP .layout_area_c .sortlist_li .contents_name .bt {
	background: url(../images/001_always.png) no-repeat left -160px;
	height: 23px;
	margin: 0;
	padding: 0 3px 1px 0;
	max-width: 174px;
}
#HP .layout_area_c .sortlist_li .contents_name .bt:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
}
.layout_area_c .sortlist_li .contents_name .onlyunder {
	border: 1px solid #DDDDDD;
	color: #AAAAAA;
}
.layout_area_c .sortlist_li .contents_name .onlyunder:hover {
	border: 1px solid #0044CC;
	color: #FFFFFF;
}

.layout_area_c .sortlist_li .contents_name .onlyself span {
	padding: 4px 5px 3px 5px;
}
.layout_area_c .sortlist_li .contents_name .andunder span,
.layout_area_c .sortlist_li .contents_name .onlyunder span {
	background: url(../images/mark_layout_area_c_bt_1.gif) no-repeat right 1px;
	height: 24px;
	padding: 4px 30px 5px 5px;
}
.layout_area_c .sortlist_li .contents_name .andunder:hover span,
.layout_area_c .sortlist_li .contents_name .onlyunder:hover span {
	background: url(../images/mark_layout_area_c_bt_2.gif) no-repeat right top;
}

.layout_area_c .sortlist_li .contents_name .bt span span,
.layout_area_c .sortlist_li .contents_name .bt:hover span span {
	background: none;
	max-width: 152px;
	padding: 0;
}

#HP .layout_area_c #sortListChild .sortlist_li .contents_name .bt {
	max-width: 229px;
}
.layout_area_c #sortListChild .sortlist_li .contents_name .bt span span,
.layout_area_c #sortListChild .sortlist_li .contents_name .bt:hover span span {
	max-width: 194px;
}



#HP .layout_area_c ul li .sortlist_li_box + ul li {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat left top;
	padding-left: 30px;
}



/*■■■ 子パーツ並べ替え ■■■*/
#HP .layout_area_c .sortlist_li .contents_name .bt_sort,
#HP .layout_area_c .sortlist_li .contents_name .bt_sort:hover {
	display: block;
	float: left;
	height: 26px;
	margin: 0 0 0 5px;
	padding: 0;
	text-decoration: none;
	width: 26px;
}
#HP .layout_area_c .sortlist_li .contents_name .bt_sort {
	background: url(../images/003_hp.png) no-repeat -120px -90px;
}
#HP .layout_area_c .sortlist_li .contents_name .bt_sort:hover {
	background: url(../images/003_hp.png) no-repeat -120px -120px;
}

/*■■■ 子レイアウトパーツ追加 ■■■*/
/*■■■ 子レイアウトパーツ並べ替え ■■■*/
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box {
	border-left: 1px dotted #CCCCCC;
	float: right;
	padding: 0;
	width: 62px;
}

#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_plus,
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_plus:hover,
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_sort,
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_sort:hover {
	display: block;
	float: left;
	height: 26px;
	margin: 0 0 0 5px;
	padding: 0;
	text-decoration: none;
	width: 26px;
}
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_plus {
	background: url(../images/003_hp.png) no-repeat -30px -90px;
}
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_plus:hover {
	background: url(../images/003_hp.png) no-repeat -30px -120px;
}
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_sort {
	background: url(../images/003_hp.png) no-repeat -120px -90px;
}
#HP .layout_area_c .sortlist_li .contents_name .partsplus_box .bt_sort:hover {
	background: url(../images/003_hp.png) no-repeat -120px -120px;
}



/*■■■■■ 子レイアウトパーツ ■■■■■*/
#sortListChild {
	margin: 5px 0 -5px 0;
}

#HP .layout_area_c .sortlist_li #sortListChild .sortlist_li .contents_name {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat 8px top;
	padding: 0 0 0 40px;
	width: 360px;
}

#HP .layout_area_c .sortlist_li #sortListChild .sortlist_li .contents_name .bt span span {
	max-width: 271px;
}



/*■■■■■ 並び替えアイコン ■■■■■*/
.sorttag > span {
	background: url(../images/smart/001_images_smart.png) no-repeat -451px -148px;
	background-size: 500px;
	height: 26px;
	right: 5px;
	position: absolute;
	top: 7px;
	width: 26px;
}
#HP .layout_area_c .sortlist_li .contents_name .sorttag {
	float: right;
	height: 26px;
	width: 33px;
}



/*■■■■■ データがないとき ■■■■■*/
.layout_area_c .message {
	font-size: 90%;
	margin: 10px 0 0 35px;
}



/*■■■■■ そのページの内容表示 ■■■■■*/
.layout_area_c .this_contents {
	border: 1px solid #666666;
	margin: 0 0 5px 0;
}
.layout_area_c .this_contents .item_width31 {
	padding: 0 5px 0 9px;
}
.layout_area_c .this_contents .bt_default {
	background: url(../images/001_always.png) no-repeat left -220px;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
	margin: 0 0 0 5px;
}
.layout_area_c .this_contents .bt_default:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
}

.layout_area_c .this_contents .bt_default > span {
	display: block;
	font-size: 126%;
	max-width: 428px;
	overflow: hidden;
	padding: 3px 8px 0 0;
	white-space: nowrap;
}



/*■■■■■ 固定エリア ■■■■■*/
.layout_area_fixed .skin_mini_layout_pc {
	border: 1px solid #CCCCCC;
	height: 231px;
	width: 198px;
}

.layout_area_fixed .skin_mini_layout_pc .pos11_area,
.layout_area_fixed .skin_mini_layout_pc .pos12_area,
.layout_area_fixed .skin_mini_layout_pc .pos13_area,
.layout_area_fixed .skin_mini_layout_pc .pos14_area {
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 70px;
}

.layout_area_fixed .skin_mini_layout_pc .pos11_area > span,
.layout_area_fixed .skin_mini_layout_pc .pos12_area > span,
.layout_area_fixed .skin_mini_layout_pc .pos13_area > span,
.layout_area_fixed .skin_mini_layout_pc .pos14_area > span {
	height: 16px;
	padding: 4px;
}

/*■■■■■ pos11_area ■■■■■*/
.layout_area_fixed .skin_mini_layout_pc .pos11_area {
	left: -35px;
	top: -1px;
}

/*■■■■■ pos12_area ■■■■■*/
.layout_area_fixed .skin_mini_layout_pc .pos12_area {
	right: -35px;
	top: -1px;
}

/*■■■■■ pos13_area ■■■■■*/
.layout_area_fixed .skin_mini_layout_pc .pos13_area {
	left: -35px;
	bottom: -1px;
}

/*■■■■■ pos14_area ■■■■■*/
.layout_area_fixed .skin_mini_layout_pc .pos14_area {
	right: -35px;
	bottom: -1px;
}




/*■■■■■ 表示追加（ホームページパーツ一覧） ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .container_sub .layout_baselist #sortList .sortlist_li .contents_name,
#HP .container_sub .layout_webformlist #sortList .sortlist_li .contents_name,
#HP .container_sub .layout_calendarlist #sortList .sortlist_li .contents_name {
	padding: 0 0 0 10px;
	width: 99%;
}
#HP .container_sub .layout_webformlist #sortList .sortlist_li .contents_name {
	height: 28px;
}
#HP .container_sub .layout_webformlist #sortList .sortlist_li .item + .contents_name,
#HP .container_sub .layout_calendarlist #sortList .sortlist_li .item + .contents_name {
	padding: 0 0 0 10px;
	width: 94%;
}

#sortList .sortlist_li .sortlist_li_box .layout_plusbt_box {
	border-right: 1px dotted #CCCCCC;
}
#sortList .sortlist_li .sortlist_li_box .layout_plusbt_box a {
	background: url(../images/003_hp.png) no-repeat -30px -90px;
	border: none;
	display: block;
	height: 26px;
	position: absolute;
	left: 10px;
	text-decoration: none;
	width: 26px;
}
#sortList .sortlist_li .sortlist_li_box .layout_plusbt_box a:hover {
	background: url(../images/003_hp.png) no-repeat -30px -120px;
}

#HP .container .layout_form #sortList .sortlist_li .contents_name .bt,
#HP .container .layout_baselist #sortList .sortlist_li .contents_name .bt,
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt,
#HP .container .layout_calendarlist #sortList .sortlist_li .contents_name .bt {
	background: url(../images/001_always.png) no-repeat left -159px;
}
#HP .container .layout_form #sortList .sortlist_li .contents_name .bt:hover,
#HP .container .layout_baselist #sortList .sortlist_li .contents_name .bt:hover,
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt:hover,
#HP .container .layout_calendarlist #sortList .sortlist_li .contents_name .bt:hover,
#HP .layout_plus_pagenamelist .sortlist_li .contents_name .bt:hover {
	background: url(../images/001_always.png) no-repeat left -6px;
	border-color: #4BB100;
}

/* 表示設定ラベル */
#HP .sortlist_li .contents_name .layouttype,
#HP .sortlist_li .contents_name .layouttype + span {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 72%;
	font-weight: bold;
	height: 16px;
	margin: 4px 4px 0 0;
	padding: 2px 5px 0 5px;
	text-align: center;
	width: 90px;
}
#HP .sortlist_li .contents_name .layouttype + span {
	background: #8FD21D;
	margin: 4px 4px 0 -4px;
	width: auto;
}
#HP .sortlist_li .contents_name .onlyself {/*このページのみ表示*/
	background: #63AAF1;
}
#HP .sortlist_li .contents_name .andunder {/*直下のページも表示*/
	background: #F48383;
}
#HP .sortlist_li .contents_name .noview {/*表示しない*/
	background: #888888;
}
#HP .sortlist_li .contents_name .onlyunder {/*子パーツのみ*/
	background: #888888;
}

/* ホームページパーツ一覧 */
#HP .container .layout_form #sortList .sortlist_li .contents_name .bt .contents_link .contents_pagetitle .contents_pagename {
	background: url(../images/mark_layout_plus.png) no-repeat left 1px;
	padding: 1px 0 0 18px;
}
#HP .container .layout_form #sortList .sortlist_li .contents_name .bt:hover .contents_link .contents_pagetitle .contents_pagename {
	background: url(../images/mark_layout_plus_f2.png) no-repeat left 1px;
}

/* ホームページパーツ新規追加（パーツテンプレート） */
/* 基本項目パーツ一覧へ */
/* カレンダーパーツ一覧へ */
#HP .layout_plus_pagenamelist .sortlist_li .contents_name .bt > span,
#HP .container .layout_baselist #sortList .sortlist_li .contents_name .bt > span,
#HP .container .layout_calendarlist #sortList .sortlist_li .contents_name .bt > span {
	background: url(../images/mark_layout_plus.png) no-repeat 4px 5px;
	padding: 3px 6px 0 23px;
}
#HP .layout_plus_pagenamelist .sortlist_li .contents_name .bt:hover > span,
#HP .container .layout_baselist #sortList .sortlist_li .contents_name .bt:hover > span,
#HP .container .layout_calendarlist #sortList .sortlist_li .contents_name .bt:hover > span {
	background: url(../images/mark_layout_plus_f2.png) no-repeat 4px 5px;
}

/* WEBフォームパーツ一覧へ */
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt {
	height: 26px;
}
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt .webform_type_name {
	margin: -4px 0 -8px 0;
}
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt > span.webform_type_under {
	background: url(../images/mark_layout_plus.png) no-repeat 4px 5px;
	padding: 5px 6px 0 23px;
}
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt:hover > span.webform_type_under {
	background: url(../images/mark_layout_plus_f2.png) no-repeat 4px 5px;
}

/* カレンダーからのみ受け付ける設定 */
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt_nolink,
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt_nolink:hover {
	background: #FFFFFF;
	border: 1px dashed #CCCCCC;
	color: #999999;
	margin: 0 10px 0 0;
}
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt_nolink .webform_type_name {
	font-weight: normal;
}
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt_nolink + p {
	color: #FF0000;
	font-size: 86%;
	padding: 5px 0 0 0;
}
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt_nolink > span.webform_type_under,
#HP .container .layout_webformlist #sortList .sortlist_li .contents_name .bt_nolink:hover > span.webform_type_under {
	background: none;
	padding: 5px 6px 0 5px;
}





/*■■■■■ 表示追加（ホームページパーツ一覧　子パーツ新規追加　メニュー系） ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .container_sub ul.layout_plus_gyosyuselect_tab {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#HP .container_sub ul.layout_plus_gyosyuselect_tab li {
	float: left;
	margin: 5px 5px 0 0;
}

#HP .container_sub ul.layout_plus_gyosyuselect_tab li > a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 86%;
	height: 17px;
	margin: 0;
	min-width: 90px;
	padding: 5px 8px 2px 8px;
	text-align: center;
	text-decoration: none;
}
#HP .container_sub ul.layout_plus_gyosyuselect_tab li > a:hover,
/*■■■■■ 選択中の業種 ■■■■■*/
#HP .container_sub ul.layout_plus_gyosyuselect_tab li.this > a,
#HP .container_sub ul.layout_plus_gyosyuselect_tab li.this > a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
}

#HP .container_sub .layout_plus_pagenamelist {
	margin: 0;
}
#HP .container_sub .layout_plus_pagenamelist .contents_name {
	padding: 0;
}





/*■■■■■ プレビュー画面からパーツ表示追加 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .container_sub .editorcopy {
	clear: both;
	padding: 20px 0;
	text-align: center;
}

#HP .container_sub .editorcopy > a {
	background-color: #EFEFEF;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 20px;
	border: 2px solid #CCCCCC;
	border-radius: 4px;
	color: #000000;
	display: inline-block;
	margin: 20px 10px 20px 0;
    outline: none;
	padding: 6px 7px 4px 31px;
	text-decoration: none;
}
#HP .container_sub .editorcopy > a:hover {
	background-color: #0066CC;
	border-color: #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}

#HP .container_sub .editorcopy > a:nth-last-of-type(1) {
	margin-right: 0;
}

#HP .container_sub .editorcopy > a.pageplus_white {
	background-image: url(../images/icon_dataplus.png);
}
#HP .container_sub .editorcopy > a.pageplus_white:hover {
	background-image: url(../images/icon_dataplus_f2.png);
}
#HP .container_sub .editorcopy > a.pageplus_otehon {
	background-image: url(../images/icon_pageplus_otehon.png);
}
#HP .container_sub .editorcopy > a.pageplus_otehon:hover {
	background-image: url(../images/icon_pageplus_otehon_f2.png);
}





/*■■■■■ コンテンツ・WEB・基本　リンク登録ページ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ ガイド　今設定中のレイアウト箇所 ■■■■■*/

/*■■■ Aエリア ■■■*/
.page-guide .layout_area_a {
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin: 0 15px 5px 0;
	width: 201px;
}

.page-guide .layout_area_a .skin_mini_layout_pc {
	margin: 0;
	width: auto;
}

.page-guide .layout_area_a .skin_mini_layout_mo {
	margin: 0;
	width: auto;
}

.page-guide .layout_area_a .skin_mini_layout_mo p {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
}

.page-guide .layout_area_a .skin_mini_layout_mo_naka {
	margin: 0;
	width: auto;
}

.page-guide .layout_area_a .skin_mini_layout_mo_naka p {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
}

.page-guide .layout_area_a p span {
	display: block;
	padding: 2px;
	position: relative;
}

.page-guide .layout_area_a p .this {
	background: url(../images/bk_area_this_2.gif) repeat left top;
	/*font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

.page-guide .layout_area_a p .this .settei {
	color: #FFFFFF;
	font-size: 90%;
	padding: 1px 0 0 21px;
	white-space: nowrap;
}

.page-guide .layout_area_a p span span {
	color: #666666;
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 1px 0 0 21px;
}

.page-guide .layout_area_a p span img {
	margin: 0;
	float: left;
}

/* スマートフォン用 */
.page-guide .layout_area_a .skin_mini_layout_smartphone,
.page-guide .layout_area_a .skin_mini_layout_smartphone_naka {
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin: 0 15px 5px 0;
	width: 200px;
}

.page-guide .layout_area_a .skin_mini_layout_smartphone p,
.page-guide .layout_area_a .skin_mini_layout_smartphone_naka p {
	border: 1px solid #CCCCCC;
	color: #999999;
	display: block;
	font-weight: bold;
	margin: 0 0 1px 0;
	padding: 0;
}

.page-guide .layout_area_a .skin_mini_layout_smartphone p span,
.page-guide .layout_area_a .skin_mini_layout_smartphone_naka p span {
	height: 16px;
}

.page-guide .layout_area_a .skin_mini_layout_smartphone .pos7_area span,
.page-guide .layout_area_a .skin_mini_layout_smartphone_naka .pos7_area span {
	height: 40px;
}

.page-guide .layout_area_a .skin_mini_layout_smartphone .pos8_area span,
.page-guide .layout_area_a .skin_mini_layout_smartphone_naka .pos8_area span {
	height: 72px;
}

.page-guide .layout_area_a .skin_mini_layout_smartphone .pos9_area span,
.page-guide .layout_area_a .skin_mini_layout_smartphone_naka .pos9_area span {
	height: 38px;
}

/* エリアの細かい大きさの設定は各デザインスキンのスタイルシート */



/*■■■■■ 左右にわける ■■■■■*/
#HP .left {
	float: left;
	width: 753px;
}

#HP .left .checklist_title_under_right {
	float: right;
	display: none;
	height: 26px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 26px;
}
#HP .left .sortlist_2 .checklist_title_under_right {
	margin: 10px 0 0 0;
}

#HP .right {
	float: right;
	width: 167px;
}

#HP .right .text {
	display: block;
	font-size: 76%;
	margin: 5px 0;
}

#HP .right ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#HP .right ul li {
	clear: both;
	padding: 0;
}

#HP .right ul li .bt {
	height: 14px;
	margin: 4px 0 0 0;
	padding: 2px 5px 1px 5px;
}




/*■■■■■ トップページ以外のレイアウト設定 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.contentslay {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contentslay li {
	border-top: 1px dotted #CCCCCC;
	height: 26px;
	margin: 0;
	padding: 5px 0;
}

.menu_name {
	float: left;
	padding: 0 10px;
	width: 873px;
}

.menu_name .bt {
	margin: 4px 0 0 0;
}




/*■■■■■ かんたんセットアップ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 流れ　下の画像 ■■■■■*/
.wiz_box {
	background: url(../images/bk_wiz_bot.png) no-repeat left bottom;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

/*■■■■■ 流れ　上の画像 ■■■■■*/
.wiz_box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wiz_box ul:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■■■ 流れ　上の画像 step1～step9 ■■■■■*/
.wiz_box .wizstep1 {background: url(../images/bk_wiz_top_step1.png) no-repeat left top;}
.wiz_box .wizstep2 {background: url(../images/bk_wiz_top_step2.png) no-repeat left top;}
.wiz_box .wizstep3 {background: url(../images/bk_wiz_top_step3.png) no-repeat left top;}
.wiz_box .wizstep4 {background: url(../images/bk_wiz_top_step4.png) no-repeat left top;}
.wiz_box .wizstep5 {background: url(../images/bk_wiz_top_step5.png) no-repeat left top;}
.wiz_box .wizstep6 {background: url(../images/bk_wiz_top_step6.png) no-repeat left top;}
.wiz_box .wizstep7 {background: url(../images/bk_wiz_top_step7.png) no-repeat left top;}
.wiz_box .wizstep8 {background: url(../images/bk_wiz_top_step8.png) no-repeat left top;}
.wiz_box .wizstep9 {background: url(../images/bk_wiz_top_step9.png) no-repeat left top;}

/*■■■■■ 流れ　１つのエリア ■■■■■*/
.wiz_box ul li {
	background: none;
	float: left;
	margin: 5px 10px 0 5px;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	width: 112px;
}

/*■■■■■ ホームページパーツタイトル ■■■■■*/
.wiz_box ul li span {
	color: #000000;
	display: block;
	font-size: 70%;
	font-weight: bold;
	height: 15px;
	overflow: hidden;
}

/*■■■■■ 流れ　終了 ■■■■■*/
.wiz_box ul .wizfinish {
	float: left;
	margin: 5px 5px 0 5px;
	overflow: hidden;
	padding: 0;
	width: 41px;
}

/*■■■■■ ホームページパーツタイトル ■■■■■*/
.wiz_box ul .wizfinish span {
	color: #000000;
	display: block;
	font-size: 70%;
	font-weight: bold;
	height: 15px;
	overflow: hidden;
}

/*■■■■■ ホームページパーツタイトル以下のエリア ■■■■■*/
.wiz_box ul li ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wiz_box ul li ol li {
	float: none;
	margin: 0;
	padding: 0;
}

.wiz_box ul li ol li:before {
	content: none;
}

/*■■■■■ 親 タイトル ■■■■■*/
.wiz_box ul li ol li span {
	color: #404040;
	font-size: 70%;
	font-weight: bold;
	display: block;
	height: 15px;
	overflow: hidden;
}

.wiz_box ul li ol li ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wiz_box ul li ol li ol li {
	float: none;
	margin: 0;
	padding: 0;
}

/*■■■■■ 子 タイトル　リンク ■■■■■*/
.wiz_box ul a {
	background: url(../images/mark_wiz_arrow.png) no-repeat left top;
	color: #999999;
	display: block;
	font-size: 66%;
	height: 13px;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 0 0 0 8px;
	text-decoration: none;
	white-space: nowrap;
	width: 95px;
}

.wiz_box ul a:hover {
	background: url(../images/mark_wiz_arrow_f2.png) no-repeat left top;
	color: #FF3300;
}

/*■■■■■ 子の子 タイトル　リンク ■■■■■*/
.wiz_box ul li ol li ol li ol {
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
}

.wiz_box ul li ol li ol li ol li {
	width: 104px;
}

.wiz_box ul li ol li ol li ol a {
	background: url(../images/mark_wiz_arrow.png) no-repeat left top;
	color: #999999;
	display: block;
	font-size: 66%;
	height: 13px;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 0 0 0 8px;
	text-decoration: none;
	white-space: nowrap;
	width: 87px;
}

.wiz_box ul li ol li ol li ol a:hover {
	background: url(../images/mark_wiz_arrow_f2.png) no-repeat left top;
	color: #FF3300;
}

.wiz_box ul li ol li ol .editnow ol {
	margin: 0 0 0 -12px;
}

/*■■■■■ 編集中　子 タイトル ■■■■■*/
.wiz_box ul .editnow {
	background: url(../images/wiz_edit.png) no-repeat left top !important;
	display: block;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	white-space: nowrap;
	width: 90px;
}

.wiz_box ul .editnow span {
	color: #FF3300;
	display: block;
	font-size: 66%;
	font-weight: normal;
	height: 13px;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	width: 90px;
}

/*■■■■■ ロゴ画像 ■■■■■*/
#HP .edit_form .edit_area #basic--basic_logo_image_img {
	margin: 0;
}





/*■■■■■ アクセス解析 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .access_paganeme {
	background: url(../images/mark_access_paganeme.png) no-repeat left top;
	clear: both;
	font-size: 126%;
	font-weight: bold;
	margin: 0 0 5px 0;
	min-height: 32px;
	padding: 4px 0 0 40px;
}

/*■■■■■ 日付（3か月分のタブ） ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.access_date {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

.access_date:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.access_date li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
.access_date li:nth-last-of-type(1) {
	margin: 0;
}

/*■■■■■ タブ ■■■■■*/
.access_date li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	color: #404040;
	display: block;
	height: 18px;
	margin: 0;
	font-size: 80%;
	padding: 4px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 213px;
}

.access_date li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■■■ タブ　そのページの時 ■■■■■*/
.access_date .selected {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	color: #FFFFFF;
	display: block;
	font-size: 86%;
	height: 18px;
	margin: 0 5px 0 0;
	padding: 4px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 213px;
}

/*■■■■■ データ ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.access_data {
	border: 1px solid #AAAAAA;
	border-radius: 0 4px 4px 4px;
	margin: 0 0 40px 0;
	padding: 10px 16px;
}

.access_data_in {}

/*■■■■■ ページビュー・ユニークユーザー ■■■■■*/
.access_data_1 {
	list-style: none;
	margin: 0;
	padding: 0 0 15px 0;
}

.access_data_1 .title {
	background: url(../images/mark_1.png) no-repeat left top;
	padding: 4px 0 0 35px;
}

.access_data_1 li {
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	padding: 5px 0;
}
.access_data_1 li:nth-of-type(1) {
	padding: 0 0 5px 0;
}

/* 日付 */
.access_data_1 .date {
	display: block;
	float: left;
	font-size: 86%;
	padding: 14px 0 0 0;
	text-align: right;
	width: 8%;
}
/* 曜日 */
.access_data_1 .date .youbi {
	display: block;
}

/* グラフ */
.access_data_1 .graph {
	border-left: 1px dotted #CCCCCC;
	display: block;
	float: right;
	font-size: 70%;
	height: 55px;
	padding: 4px 0 4px 10px;
	width: 90%;
}
.access_data_1 li:nth-of-type(1) .graph {
	height: 43px;
}

.access_data_1 .graph .graph_name {
	background: url(../images/graph_name.png) no-repeat left top;
	display: block;
	line-height: 1.1;
	padding: 0 0 0 35px;
}

.access_data_1 .graph .graph_bar {
	clear: both;
	display: block;
	overflow: hidden;
	width: 100%;
}
/*
.access_data_1 .graph .graph_bar_cv {
	border-top: 1px dotted #CCCCCC;
	padding: 10px 0 0 0;
}
*/

.access_data_1 .graph .graph_bar span {
	display: block;
	float: left;
	margin: -2px 0 0 0;
}

.access_data_1 .graph .graph_bar .graph_all,
.access_data_1 .graph .graph_bar .graph_mo,
.access_data_1 .graph .graph_bar .graph_uu,
.access_data_1 .graph .graph_bar .graph_cv {
	display: block;
	margin: 0 5px 0 0;
	max-width: 95%;
	overflow: hidden;
	text-align: right;
	width: 100%;
}
.access_data_1 .graph .graph_bar .graph_all {background: url(../images/graph_all.png) no-repeat left top;}
.access_data_1 .graph .graph_bar .graph_mo {background: url(../images/graph_mo.png) no-repeat left top;}
.access_data_1 .graph .graph_bar .graph_uu {background: url(../images/graph_uu.png) no-repeat left top;}
.access_data_1 .graph .graph_bar .graph_cv {background: url(../images/graph_cv.png) no-repeat left top;}

/*■■■■■ キーワード ■■■■■*/
.access_data_2 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.access_data_2 .title {
	background: url(../images/mark_2.png) no-repeat left top;
	height: 22px;
	padding: 4px 0 0 35px;
}

.access_data_2 li {
	border-bottom: 1px dotted #CCCCCC;
	height: 26px;
	overflow: hidden;
	padding: 5px 0;
}

.access_data_2 li:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.access_data_2 .level {
	border-right: 1px dotted #CCCCCC;
	float: left;
	font-size: 90%;
	height: 24px;
	padding: 4px 10px 0 10px;
	width: 25px;
}
.access_data_2 li:nth-of-type(2) .level {background: url(../images/003_access_data_level.png) no-repeat 10px 1px;}
.access_data_2 li:nth-of-type(3) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -31px;}
.access_data_2 li:nth-of-type(4) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -65px;}
.access_data_2 li:nth-of-type(5) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -95px;}
.access_data_2 li:nth-of-type(6) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -125px;}
.access_data_2 li:nth-of-type(7) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -155px;}
.access_data_2 li:nth-of-type(8) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -185px;}
.access_data_2 li:nth-of-type(9) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -215px;}
.access_data_2 li:nth-of-type(10) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -245px;}
.access_data_2 li:nth-of-type(11) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -275px;}
.access_data_2 li:nth-of-type(12) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -305px;}
.access_data_2 li:nth-of-type(13) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -335px;}
.access_data_2 li:nth-of-type(14) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -365px;}
.access_data_2 li:nth-of-type(15) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -395px;}
.access_data_2 li:nth-of-type(16) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -425px;}
.access_data_2 li:nth-of-type(17) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -455px;}
.access_data_2 li:nth-of-type(18) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -485px;}
.access_data_2 li:nth-of-type(19) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -515px;}
.access_data_2 li:nth-of-type(20) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -545px;}
.access_data_2 li:nth-of-type(21) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -575px;}
.access_data_2 li:nth-of-type(22) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -605px;}
.access_data_2 li:nth-of-type(23) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -635px;}
.access_data_2 li:nth-of-type(24) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -665px;}
.access_data_2 li:nth-of-type(25) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -695px;}
.access_data_2 li:nth-of-type(26) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -725px;}
.access_data_2 li:nth-of-type(27) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -755px;}
.access_data_2 li:nth-of-type(28) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -785px;}
.access_data_2 li:nth-of-type(29) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -815px;}
.access_data_2 li:nth-of-type(30) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -845px;}
.access_data_2 li:nth-of-type(31) .level {background: url(../images/003_access_data_level.png) no-repeat 10px -875px;}

.access_data_2 .keyword {
	float: left;
	font-size: 90%;
	padding: 4px 10px 0 10px;
}

.access_data_2 .count {
	border-left: 1px dotted #CCCCCC;
	float: right;
	font-size: 90%;
	height: 24px;
	padding: 4px 10px 0 10px;
	text-align: center;
	width: 48px;
}





/*■■■■■ アクセス解析（ページ別） ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ データ ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.access_data_pagelist {
	border: 1px solid #AAAAAA;
	border-radius: 0 4px 4px 4px;
	margin: 0 0 40px 0;
	padding: 10px 16px;
}

.access_data_pagelist .access_data_in {}

/*■■■■■ ページビュー・ユニークユーザー ■■■■■*/
.access_data_pagelist .access_data_1 {
	list-style: none;
	padding: 0 0 15px 0;
}

.access_data_pagelist .access_data_1 .title {
	background: url(../images/mark_1.png) no-repeat left top;
	height: 22px;
	padding: 4px 0 0 35px;
}
.access_data_pagelist .access_data_1 .title.title_syubetsu {
	display: inline-block;
	height: auto;
	margin: 0 0 3px 0;
}

.access_data_pagelist .access_data_1 li {
	border-bottom: 1px dotted #CCCCCC;
	/*height: 38px;*/
	overflow: hidden;
	padding: 5px 0;
}

.access_data_pagelist .access_data_1 li:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■ ページタイトル(ページURL) ■■*/
.access_data_pagelist .access_data_1 .page_title {
	display: block;
	float: left;
	font-size: 90%;
	overflow: hidden;
	padding: 0 10px 0 0;
	white-space: nowrap;
	width: 39%;
}

/*■■ sortarrow ■■*/
.access_data_pagelist .access_data_1 .bt_sort,
.access_data_pagelist .access_data_1 .sortarrow {
	background: url(../images/mark_arrow_sort_1.png) no-repeat left top;
	color: #404040;
	display: block;
	float: right;
	font-size: 126% !important;
	font-weight: bold;
	height: 14px;
	margin: 0 0 0 2px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	width: 15px;
}
.access_data_pagelist .access_data_1 .bt_sort {
	font-size: 116% !important;
	height: 18px;
	padding: 0;
	width: 19px;
}
.access_data_pagelist .access_data_1 .graph .bt_sort {
	  font-size: 136% !important;
	margin: -4px 0 0 2px;
}
.access_data_pagelist .access_data_1 .bt_sort:hover {
	background: url(../images/mark_arrow_sort_3.png) no-repeat left top;
	color: #FFFFFF;
}

.access_data_pagelist .access_data_1 .sortarrow {
	background: url(../images/mark_arrow_sort_2.png) no-repeat left top;
	color: #FF3300;
}
.access_data_pagelist .access_data_1 .sortarrow:hover {
	background: url(../images/mark_arrow_sort_2.png) no-repeat left top;
	color: #FF3300;
}

/*■ リンクボタン ■*/
.access_data_pagelist .access_data_1 .page_title .bt {
	height: 16px;
	margin: 1px 0 0 5px;
	padding: 0 5px 0 2px;
}
.access_data_pagelist .access_data_1 .page_title .bt:nth-of-type(1) {
	margin: 1px 0 0 0;
}
/* グラフ */
.access_data_pagelist .access_data_1 .page_title .bt_graph > span {
	background: url(../images/mark_graph.png) no-repeat left 1px;
	display: block;
	padding: 1px 0 0 16px;
}
.access_data_pagelist .access_data_1 .page_title .bt_graph:hover > span {
	background: url(../images/mark_graph_f2.png) no-repeat left 1px;
}
/* 公開ページへ */
.access_data_pagelist .access_data_1 .page_title .bt_openblank {
	height: 14px;
	padding: 1px 0 1px 2px !important;
}
.access_data_pagelist .access_data_1 .page_title .bt_openblank > span {
	padding: 0 0 0 12px;
}

/* グラフ */
.access_data_pagelist .access_data_1 .graph {
	border-left: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	display: block;
	float: left;
	font-size: 70%;
	/*height: 34px;*/
	padding: 4px 10px 0 10px;
	width: 48%;
}

.access_data_pagelist .access_data_1 .graph .graph_name {
	background: url(../images/graph_name.png) no-repeat left top;
	display: block;
	float: left;
	height: 34px;
	line-height: 1.2;
	padding: 0 0 0 40px;
}

/* ページ別 */
.access_data_pagelist .access_data_1 .graph .page_graph_name {
	background: url(../images/page_graph_name.png) no-repeat left top;
}

.access_data_pagelist .access_data_1 .graph .graph_bar {
	width: 100%;
}
.access_data_pagelist .access_data_1 .graph .graph_bar_s {
	width: 530px;
}

.access_data_pagelist .access_data_1 .graph .graph_all {
	background: url(../images/graph_all.png) no-repeat right top;
	display: block;
	text-align: right;
	width: 100%;
}

.access_data_pagelist .access_data_1 .graph .graph_mo {
	background: url(../images/graph_mo.png) no-repeat right top;
	display: block;
	text-align: right;
	width: 100%;
}

.access_data_pagelist .access_data_1 .graph .graph_uu {
	background: url(../images/graph_uu.png) no-repeat right top;
	display: block;
	text-align: right;
	width: 100%;
}

/* コンバージョン数 */
.access_data_pagelist .access_data_1 .cv {
	display: block;
	float: left;
	font-size: 90%;
	overflow: hidden;
	padding: 0 10px;
	width: 93px;
}

.access_data_pagelist .access_data_1 .cv div {
	display: table-cell;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	width: 93px;
	white-space: nowrap;
}

/* ツイッターの言及数 */
.access_data_pagelist .access_data_1 .twitter {
	border-left: 1px dotted #CCCCCC;
	display: block;
	float: left;
	font-size: 90%;
	overflow: hidden;
	padding: 0 0 0 10px;
	width: 75px;
}
.access_data_pagelist .access_data_1 .twitter div {
	display: table-cell;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	width: 75px;
	white-space: nowrap;
}



/*■■■■■ サイト内検索ワード ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.access_data_pagelist .search_data_1 li {
	height: 26px;
	padding: 5px 0;
}

/* 検索ワード */
.access_data_pagelist .search_data_1 .page_title {
	width: 89%;
}

.access_data_pagelist .search_data_1 .page_title span {
	height: 26px;
}

/* 検索数 */
.access_data_pagelist .access_data_1 .cv {
	width: 8%;
}

.access_data_pagelist .access_data_1 .cv span {
	height: 26px;
	width: 60px;
}



/*■■■■■ WEBフォーム入力ミス一覧 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.web_miss_data_list {
	background: #EFEFEF;
	border: 1px solid #AAAAAA;
	border-radius: 0 4px 4px 4px;
	padding: 10px 16px;
}

.web_miss_data_list .web_miss_data {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.web_miss_data_list .web_miss_data .title {
	background: url(../images/mark_1.png) no-repeat left top;
	height: 22px;
	padding: 4px 0 0 35px;
}

.web_miss_data_list .web_miss_data li {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: auto;
	margin: 0 0 15px 0;
	padding: 10px;
}

.web_miss_data_list .web_miss_data li .miss_webform_title {
	float: left;
	font-size: 112%;
	font-weight: bold;
	margin: 0 0 5px -7px;
}

.web_miss_data_list .web_miss_data li .miss_time {
	float: right;
	margin: 0 0 5px 0;
}

.web_miss_data_list .web_miss_data li .miss_webform_text {
	clear: both;
	margin: 0 0 5px 0;
}

.web_miss_data_list .web_miss_data li .message {
	background: #FFDFDF none;
	border: 1px dotted #CC0000;
	color: #CC0000;
	margin: 5px 0 0 0;
	padding: 8px 10px 5px 10px;
}





/*■■■■■ WEBフォーム一覧 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ WEBフォーム種別選択 ■■■■■■■■■■■■■■■■■■■■*/
ul.webform_type_select {
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	list-style: none !important;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.webform_type_select > li {
	background: #F6F6F6;
	border: 1px dotted #CCCCCC;
	display: block;
	flex-basis: 24%;
	flex-grow: 1;
	list-style: none !important;
	margin: 0 1% 1% 0;
	max-width: 100%;
	overflow: hidden;
	padding: 0 0 1% 0;
	position: relative;
	vertical-align: top;
	width: 100%;
}
ul.webform_type_select > li:nth-of-type(4n) {
	margin: 0 0 1% 0;
}
ul.webform_type_select > li.webform_type_dummy {
	background: none;
	border: none;
}

/*■■■ WEBフォーム種別タイトル ■■■*/
ul.webform_type_select > li > .webform_type_title {
	background: #E6E6E6;
	font-weight: bold;
	height: 40px;
	padding: 10px;
}
/* ランディングページパーツ新規作成ページ */
#block_template ul.webform_type_select > li > .webform_type_title {
	height: auto;
	text-align: center;
}

ul.webform_type_select > li > .webform_type_title.webform_type_title_type1 {background: #9E9E9E; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type2 {background: #B71C1C; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type3 {background: #E65100; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type4 {background: #FBC02D; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type5 {background: #56BB34; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type6 {background: #1DA4CB; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type7 {background: #01579B; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type8 {background: #4A148C; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type9 {background: #880E4F; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type10 {background: #4E342E; color: #FFFFFF;}
ul.webform_type_select > li > .webform_type_title.webform_type_title_type11 {background: #E6E6E6;}


/*■■■ WEBフォームタグ ■■■*/
ul.webform_type_select > li > .webform_type_tag {
	overflow: hidden;
	padding: 5px 10px 10px 10px;
}

ul.webform_type_select > li > .webform_type_tag > span,
.page-guide span[class*="webformtypetag"] {
	float: left;
	font-size: 76%;
	margin: 5px 5px 0 0;
	padding: 2px 5px 1px 5px;
}
ul.webform_type_select > li > .webform_type_tag > span.webformtypetag1 {
	background: #FFB0B0;
}
ul.webform_type_select > li > .webform_type_tag > span.webformtypetag2 {
	background: #FFC67F;
}
ul.webform_type_select > li > .webform_type_tag > span.webformtypetag3 {
	background: #ADEBF5;
}
ul.webform_type_select > li > .webform_type_tag > span.webformtypetag4 {
	background: #C4Ef8A;
}
ul.webform_type_select > li > .webform_type_tag > span.webformtypetag5 {
	background: #E1C2FF;
}
ul.webform_type_select > li > .webform_type_tag > span.webformtypetag6 {
	background: #EDEB79;
}

/*■■■ WEBフォームタグ（ガイドの中） ■■■*/
.page-guide span[class*="webformtypetag"] {
	display: inline-block;
	float: none;
}
.page-guide span.webformtypetag1 {
	background: #FFB0B0;
}
.page-guide span.webformtypetag2 {
	background: #FFC67F;
}
.page-guide span.webformtypetag3 {
	background: #ADEBF5;
}
.page-guide span.webformtypetag4 {
	background: #C4Ef8A;
}
.page-guide span.webformtypetag5 {
	background: #E1C2FF;
}
.page-guide span.webformtypetag6 {
	background: #EDEB79;
}

/*■■■ WEBフォームの説明 ■■■*/
ul.webform_type_select > li > .webform_type_txet {
	height: 78px;
	padding: 10px;
}

/*■■■ フォームタイプ ■■■*/
ul.webform_type_select > li .webform_type_image {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	list-style: none;
	margin: 0 10px;
	min-height: 172px;
	height: auto;
	padding: 5px 12% 2px;
}

ul.webform_type_select > li .webform_type_image li {
	background: url(../images/form_default_image_li.png) no-repeat right 1px;
	color: #404040;
	font-size: 76%;
	height: 14px;
	margin: 0 0 3px 0;
	padding: 0;
}

/* 性別 */
ul.webform_type_select > li .webform_type_image .area_mf {
	background: url(../images/form_default_image_area_mf.png) no-repeat right 1px;
	height: 14px;
}

/* お誕生日 */
ul.webform_type_select > li .webform_type_image .area_birth {
	background: url(../images/form_default_image_area_birth.png) no-repeat right 1px;
	height: 14px;
}

/* ご予約日時 */
ul.webform_type_select > li .webform_type_image .area_date {
	background: url(../images/form_default_image_area_date.png) no-repeat right 1px;
	height: 14px;
}

/* テキストボックス */
ul.webform_type_select > li .webform_type_image .area_big {
	background: url(../images/form_default_image_area_big.png) no-repeat right 1px;
	height: 31px;
}

/* ランディングページパーツ新規作成ページ */
#block_template ul.webform_type_select > li > .contents_type_image {
	text-align: center;
	padding: 10px;
}

/*■■■ WEBフォーム作成ボタン ■■■*/
ul.webform_type_select > li .webform_plus {
	margin: 0 10px;
}

ul.webform_type_select > li .webform_plus a.bt_webform_plus {
	background: #FFFFFF url(../images/icon_dataplus.png) no-repeat 5px 5px;
	background-size: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #404040;
	display: block;
	margin: 0 auto;
	max-width: max-content;
	padding: 6px 9px 4px 32px;
	text-align: center;
	text-decoration: none;
}
ul.webform_type_select > li .webform_plus a.bt_webform_plus:hover {
	background: #0044CC url(../images/icon_dataplus_f2.png) no-repeat 5px 5px;
	background-size: 20px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
}

ul.webform_type_select > li .webform_plus a.bt_s {
	display: inline-block;
	float: none;
	margin: 0 5px 0 5px;
	vertical-align: middle;
}



/*■■■■■ WEBフォーム STEP2 注記 ■■■■■■■■■■■■■■■■■■■■*/
.webform_guide,
.form_prev label + .webform_guide {
	clear: both;
	margin: 5px 0 0 0;
}

/*■■■■■ WEBフォーム STEP3 自動返信メール設定の返信メール形式 ■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ WEBフォーム STEP3 選択可能なお支払い方法注記 ■■■■■■■■■■*/
.payment_guide {
	clear: both;
}

/*■■■■■ 注記の中のボタン ■■■■■■■■■■*/
.payment_guide .bt_s {
	display: inline-block !important;
	float: none !important;
	font-size: 86% !important;
	margin: -1px 5px 0 5px !important;
	vertical-align: middle !important;
}


/*■■■■■ 支払い方法タブ ■■■■■■■■■■*/
.stripe_modebox {
	float: right;
	margin: -8px 0 0 0;
}

/*■■■■■ お客様が選べるお支払い方法 ■■■■■*/
#amount_adjustment_tab ul.tab {
	clear: both;
	list-style: none;
	margin: 5px 0 0 0 !important;
	overflow: hidden;
	padding: 0;
}

#amount_adjustment_tab ul.tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#amount_adjustment_tab ul.tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 86%;
	height: 17px;
	margin: 0;
	min-width: 90px;
	padding: 5px 8px 2px 8px;
	text-align: center;
	text-decoration: none;
}
@media only screen and (max-width: 667px) {
	#amount_adjustment_tab ul.tab li a {
		border: 1px solid #CCCCCC !important;
		border-radius: 4px;
		margin: 0 0 5px 0;
		min-width: 35px;
	}
}
#amount_adjustment_tab ul.tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■■■ タブ　そのページの時 ■■■■■*/
#amount_adjustment_tab ul.tab li .selected,
#amount_adjustment_tab ul.tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■ 銀行振り込み ■■*/
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_BANK"]:hover,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_BANK"].selected,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_BANK"].selected:hover {
	background: #FF9999;
	border-color: #FF9999;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}
/*■■ 代引き ■■*/
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_DAIBIKI"]:hover,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_DAIBIKI"].selected,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_DAIBIKI"].selected:hover {
	background: #99CCFF;
	border-color: #99CCFF;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

/*■■ 直接支払い ■■*/
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_DIRECT"]:hover,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_DIRECT"].selected,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_DIRECT"].selected:hover {
	background: #A2C89F;
	border-color: #A2C89F;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}
/*■■ ペイパル ■■*/
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_PAYPAL"]:hover,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_PAYPAL"].selected,
#amount_adjustment_tab ul.tab li a[href="#tab_amount_adjustment_PAYPAL"].selected:hover {
	background: #C1B2D1;
	border-color: #C1B2D1;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

/* 金額調整エリア */
#tab_amount_adjustment_block {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	padding: 10px;
}

#tab_amount_adjustment_block > div[id*=tab_amount_adjustment_] > p {
	float: left;
}
@media only screen and (max-width: 667px) {
	#tab_amount_adjustment_block > div[id*=tab_amount_adjustment_] > p {
		float: none;
	}
}

/*■■■■■ 受付後自動送信メールを送りますか？ ■■■■■*/
/*■■■■■ 決済タイミング設定 ■■■■■*/
/*■■■■■ カルテ更新設定 更新タイミング=本人確認後 ■■■■■*/
.edit_box_left > b + select + b {
	padding: 0 0 0 20px;
}

#payment_method_tab,
#allinvoicemail_tab {
	margin: 0 0 0 1px;
}
/*
.edit_area #payment_method_tab {
	margin: 0 0 -9px 0;
}
*/

#payment_method_tab ul.tab,
#allinvoicemail_tab ul.tab {
	list-style: none;
	margin: 5px 0 0 0 !important;
	overflow: hidden;
	padding: 0;
}
@media only screen and (max-width: 667px) {
	#payment_method_tab ul.tab,
	#allinvoicemail_tab ul.tab {
		margin: 5px !important;
	}
	#webform--webform_automailflag + #payment_method_tab ul.tab,
	#webform--webform_automailflag + #allinvoicemail_tab ul.tab {
		margin: 5px 0 !important;
	}
}

#payment_method_tab ul.tab li,
#allinvoicemail_tab ul.tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#payment_method_tab ul.tab li a,
#allinvoicemail_tab ul.tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 86%;
	height: 17px;
	margin: 0;
	min-width: 90px;
	padding: 5px 8px 2px 8px;
	text-align: center;
	text-decoration: none;
}
@media only screen and (max-width: 667px) {
	#payment_method_tab ul.tab li a,
	#allinvoicemail_tab ul.tab li a {
		border: 1px solid #CCCCCC !important;
		border-radius: 4px;
		margin: 0 0 5px 0;
		min-width: 50px;
	}
}
#payment_method_tab ul.tab li a:hover,
#allinvoicemail_tab ul.tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■■■ タブ　そのページの時 ■■■■■*/
#payment_method_tab ul.tab li .selected,
#payment_method_tab ul.tab li .selected:hover,
#allinvoicemail_tab ul.tab li .selected,
#allinvoicemail_tab ul.tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

#tab_payment_method_NONE #box_webform_automail table {
	/*border: 5px solid #003DA3;*/
}

/*■■ 銀行振り込み ■■*/
#payment_method_tab ul.tab li a[href="#tab_payment_method_BANK"]:hover,
#payment_method_tab ul.tab li a[href="#tab_payment_method_BANK"].selected,
#payment_method_tab ul.tab li a[href="#tab_payment_method_BANK"].selected:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_BANK"]:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_BANK"].selected,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_BANK"].selected:hover {
	background: #FF9999;
	border-color: #FF9999;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

#tab_payment_method_BANK #box_webform_automail_b table,
#tab_allinvoicemail_BANK #box_webform_flag90_b table {
	border: 5px solid #FF9999;
}

/*■■ 代引き ■■*/
#payment_method_tab ul.tab li a[href="#tab_payment_method_DAIBIKI"]:hover,
#payment_method_tab ul.tab li a[href="#tab_payment_method_DAIBIKI"].selected,
#payment_method_tab ul.tab li a[href="#tab_payment_method_DAIBIKI"].selected:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_DAIBIKI"]:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_DAIBIKI"].selected,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_DAIBIKI"].selected:hover {
	background: #99CCFF;
	border-color: #99CCFF;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

#tab_payment_method_DAIBIKI #box_webform_automail_c table,
#tab_allinvoicemail_DAIBIKI #box_webform_flag90_c table {
	border: 5px solid #99CCFF;
}

/*■■ 直接支払い ■■*/
#payment_method_tab ul.tab li a[href="#tab_payment_method_DIRECT"]:hover,
#payment_method_tab ul.tab li a[href="#tab_payment_method_DIRECT"].selected,
#payment_method_tab ul.tab li a[href="#tab_payment_method_DIRECT"].selected:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_DIRECT"]:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_DIRECT"].selected,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_DIRECT"].selected:hover {
	background: #A2C89F;
	border-color: #A2C89F;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

#tab_payment_method_DIRECT #box_webform_automail_e table,
#tab_allinvoicemail_DIRECT #box_webform_flag90_e table {
	border: 5px solid #A2C89F;
}

/*■■ ペイパル ■■*/
#payment_method_tab ul.tab li a[href="#tab_payment_method_PAYPAL"]:hover,
#payment_method_tab ul.tab li a[href="#tab_payment_method_PAYPAL"].selected,
#payment_method_tab ul.tab li a[href="#tab_payment_method_PAYPAL"].selected:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_PAYPAL"]:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_PAYPAL"].selected,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_PAYPAL"].selected:hover {
	background: #C1B2D1;
	border-color: #C1B2D1;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

#tab_payment_method_PAYPAL #box_webform_automail_d table,
#tab_allinvoicemail_PAYPAL #box_webform_flag90_d table {
	border: 5px solid #C1B2D1;
}

/*■■ クレカ支払い ■■*/
#payment_method_tab ul.tab li a[href="#tab_payment_method_STRIPE"]:hover,
#payment_method_tab ul.tab li a[href="#tab_payment_method_STRIPE"].selected,
#payment_method_tab ul.tab li a[href="#tab_payment_method_STRIPE"].selected:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_STRIPE"]:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_STRIPE"].selected,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_STRIPE"].selected:hover {
	background: #FFC472;
	border-color: #FFC472;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

#tab_payment_method_STRIPE #box_webform_automail_f table,
#tab_allinvoicemail_STRIPE #box_webform_flag90_f table {
	border: 5px solid #FFC472;
}

/*■■ コンビニ支払い ■■*/
#payment_method_tab ul.tab li a[href="#tab_payment_method_KONBINI"]:hover,
#payment_method_tab ul.tab li a[href="#tab_payment_method_KONBINI"].selected,
#payment_method_tab ul.tab li a[href="#tab_payment_method_KONBINI"].selected:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_KONBINI"]:hover,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_KONBINI"].selected,
#allinvoicemail_tab ul.tab li a[href="#tab_allinvoicemail_KONBINI"].selected:hover {
	background: #DFC1AD;
	border-color: #DFC1AD;
	color: #000000;
	font-weight: bold;
 	text-shadow: 0px -2px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 0px 2px 2px #FFFFFF, -2px 0px 2px #FFFFFF;
}

#tab_payment_method_KONBINI #box_webform_automail_g table,
#tab_payment_method_KONBINI #box_webform_flag137 table,
#tab_allinvoicemail_KONBINI #box_webform_flag90_g table  {
	border: 5px solid #DFC1AD;
}

.konbini_mail {
	padding: 0 0 0 13px;
}

/*■■ 添付ファイル ■■*/
.edit_area .table_mail_send .bt_img > a,
.table_mail td div[id*="webform--webform_automaildata"] .attach_file li a.bt + a.bt {
	background: url(../images/001_always.png) no-repeat left -80px;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #404040;
	display: block;
	float: left;
	font-size: 76%;
	height: 14px;
	margin: 3px 0 0 0;
	padding: 2px 5px 2px 3px;
	text-decoration: none;
}
div[id="box_webform_automail2_b"] .edit_area .table_mail td .bt_img > a {
	font-size: 86%;
}
.table_mail td div[id*="webform--webform_automaildata2_attachfiles_b_box"] .attach_file li a.bt + a.bt {
	font-size: 96%;
	letter-spacing: -2px;
}
.edit_area .table_mail_send .bt_img > a:hover,
.table_mail td div[id*="webform--webform_automaildata"] .attach_file li a.bt + a.bt:hover {
	background: url(../images/001_always.png) no-repeat left -100px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}

/*
.table_mail td div[id*="webform--webform_automaildata"] {
	clear: both;
}
*/

.table_mail td div[id*="webform--webform_automaildata"] .attach_file {
	margin: 0 !important;
}

.table_mail td div[id*="webform--webform_automaildata"] .attach_file li {
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
}
.table_mail td div[id*="webform--webform_automaildata"] .attach_file li a.bt,
.table_mail td div[id*="webform--webform_automaildata"] .attach_file li a.bt:hover {
	background: none;
	border: none;
	color: #0099FF;
	float: left;
	font-size: 100%;
	margin: 0 10px 0 0;
	padding: 0;
	text-decoration: underline;
}

.table_mail td div[id*="webform--webform_automaildata"] .attach_file li a.bt:hover {
	color: #0044CC;
}

.table_mail td div[id*="webform--webform_automaildata"] .attach_file li a.bt + a.bt,
.table_mail td div[id*="webform--webform_automaildata"] .attach_file li a.bt + a.bt:hover {
	margin: 0;
}



/*■■■■■ ペイパル/クレジットカード 支払いフォーム設定 ■■■■■*/
.table_webform3_pay th {
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 0;
	width: 20%;
}
.table_webform3_pay td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 0;
}
.table_webform3_pay td > select {
	margin: 0;
}

.table_webform3_pay tr:nth-last-of-type(1) th,
.table_webform3_pay tr:nth-last-of-type(1) td {
	border: none;
	padding: 5px 0 0 0;
}



/*■■■■■ WEBフォーム STEP6 本人確認後カルテ更新設定 ■■■■■*/
.edit_area #webform--webform_confirmaupdate_webform_id + #payment_method_tab {
	margin: 0 0 0 1px;
}

.edit_area .edit_box_left div[id*="tab_payment_method_"] ul#sortList li {
	border-bottom: 1px dotted #CCCCCC;
	float: none;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0 0 3px 23%;
}
.edit_area .edit_box_left div[id*="tab_payment_method_"] ul#sortList li:nth-last-of-type(1) {
	border: none;
	margin: 0;
	padding-bottom: 0;
}

.edit_area .edit_box_left div[id*="tab_payment_method_"] ul#sortList li > label:nth-of-type(1) {
	margin: 0 0 0 -29.7%;
	padding: 3px 0 2px 0;
	width: 29%;
}

.edit_area .edit_box_left div[id*="tab_payment_method_"] ul#sortList li > input {
	margin: 0 5px 6px 0;
}
.edit_area .edit_box_left div[id*="tab_payment_method_"] ul#sortList li > textarea {
	max-width: 80%;
}




/*■■■■■ メール送信画面の表 ■■■■■■■■■■*/
.edit_area .table_mail_send {
	border-collapse: inherit;
	margin: 0;
	width: 100%;
}
.edit_area .table_mail_send th {
	background-color: #69C5F5;
	border: 1px solid #69C5F5;
	color: #FFFFFF;
	padding: 5px 10px;
	width: 80px;
}
.edit_area .table_mail_send td {
	background-color: #DFF2FF;
	border: 1px solid #DFF2FF;
	color: #000000;
	padding: 5px 10px;
}
.edit_area .table_mail_send td .edit_box_left .nicEdit-main {
	background: #FFFFFF !important;
	color: #000000 !important;
}

/*銀行振込*/
#tab_payment_method_BANK .table_mail_send th {
	background-color: #FF9999;
	border: 1px solid #FF9999;
}
#tab_payment_method_BANK .table_mail_send td {
	background-color: #FFE3E3;
	border: 1px solid #FFE3E3;
}
/*代引き*/
#tab_payment_method_DAIBIKI .table_mail_send th {
	background-color: #99CCFF;
	border: 1px solid #99CCFF;
}
#tab_payment_method_DAIBIKI .table_mail_send td {
	background-color: #DDEEFF;
	border: 1px solid #DDEEFF;
}
/*直接支払い*/
#tab_payment_method_DIRECT .table_mail_send th {
	background-color: #A2C89F;
	border: 1px solid #A2C89F;
}
#tab_payment_method_DIRECT .table_mail_send td {
	background-color: #E9F6E8;
	border: 1px solid #E9F6E8;
}
/*ペイパル*/
#tab_payment_method_PAYPAL .table_mail_send th {
	background-color: #C1B2D1;
	border: 1px solid #C1B2D1;
}
#tab_payment_method_PAYPAL .table_mail_send td {
	background-color: #EDE3F7;
	border: 1px solid #EDE3F7;
}
/*クレジットカード払い*/
#tab_payment_method_STRIPE .table_mail_send th {
	background-color: #FFC472;
	border: 1px solid #FFC472;
}
#tab_payment_method_STRIPE .table_mail_send td {
	background-color: #FFEBCA;
	border: 1px solid #FFEBCA;
}
/*コンビニ支払い*/
#tab_payment_method_KONBINI .table_mail_send th {
	background-color: #DFC1AD;
	border: 1px solid #DFC1AD;
}
#tab_payment_method_KONBINI .table_mail_send td {
	background-color: #FFF6EF;
	border: 1px solid #FFF6EF;
}

/* HTMLメールで表を送ったとき */
.edit_area .table_mail_send td div.nicEdit-main table,
#tab_payment_method_BANK #box_webform_automail_b table div.nicEdit-main table,
#tab_allinvoicemail_BANK #box_webform_flag90_b table div.nicEdit-main table,
#tab_payment_method_DAIBIKI #box_webform_automail_c table div.nicEdit-main table,
#tab_allinvoicemail_DAIBIKI #box_webform_flag90_c table div.nicEdit-main table,
#tab_payment_method_PAYPAL #box_webform_automail_d table div.nicEdit-main table,
#tab_allinvoicemail_PAYPAL #box_webform_flag90_d table div.nicEdit-main table,
#tab_payment_method_DIRECT #box_webform_automail_e table div.nicEdit-main table,
#tab_allinvoicemail_DIRECT #box_webform_flag90_e table div.nicEdit-main table,
#tab_payment_method_STRIPE #box_webform_automail_f table div.nicEdit-main table,
#tab_allinvoicemail_STRIPE #box_webform_flag90_f table div.nicEdit-main table,
#tab_payment_method_KONBINI #box_webform_automail_g table div.nicEdit-main table,
#tab_payment_method_KONBINI #box_webform_flag137 table div.nicEdit-main table,
#tab_allinvoicemail_KONBINI #box_webform_flag90_g table div.nicEdit-main table {
	background-color: transparent;
	border-color: grey;
	border-collapse: separate;
	border-spacing: 2px !important;
	border: solid;
	width: auto;
}
.edit_area .table_mail_send td div.nicEdit-main table th,
.edit_area .table_mail_send td div.nicEdit-main table td,
#tab_payment_method_BANK #box_webform_automail_b table div.nicEdit-main table th,
#tab_payment_method_BANK #box_webform_automail_b table div.nicEdit-main table td,
#tab_allinvoicemail_BANK #box_webform_flag90_b table div.nicEdit-main table th,
#tab_allinvoicemail_BANK #box_webform_flag90_b table div.nicEdit-main table td,
#tab_payment_method_DAIBIKI #box_webform_automail_c table div.nicEdit-main table th,
#tab_payment_method_DAIBIKI #box_webform_automail_c table div.nicEdit-main table td,
#tab_allinvoicemail_DAIBIKI #box_webform_flag90_c table div.nicEdit-main table th,
#tab_allinvoicemail_DAIBIKI #box_webform_flag90_c table div.nicEdit-main table td,
#tab_payment_method_PAYPAL #box_webform_automail_d table div.nicEdit-main table th,
#tab_payment_method_PAYPAL #box_webform_automail_d table div.nicEdit-main table td,
#tab_allinvoicemail_PAYPAL #box_webform_flag90_d table div.nicEdit-main table th,
#tab_allinvoicemail_PAYPAL #box_webform_flag90_d table div.nicEdit-main table td,
#tab_payment_method_DIRECT #box_webform_automail_e table div.nicEdit-main table th,
#tab_payment_method_DIRECT #box_webform_automail_e table div.nicEdit-main table td,
#tab_allinvoicemail_DIRECT #box_webform_flag90_e table div.nicEdit-main table th,
#tab_allinvoicemail_DIRECT #box_webform_flag90_e table div.nicEdit-main table td,
#tab_payment_method_STRIPE #box_webform_automail_f table div.nicEdit-main table th,
#tab_payment_method_STRIPE #box_webform_automail_f table div.nicEdit-main table td,
#tab_allinvoicemail_STRIPE #box_webform_flag90_f table div.nicEdit-main table th,
#tab_allinvoicemail_STRIPE #box_webform_flag90_f table div.nicEdit-main table td,
#tab_payment_method_KONBINI #box_webform_automail_g table div.nicEdit-main table th,
#tab_payment_method_KONBINI #box_webform_automail_g table div.nicEdit-main table td,
#tab_payment_method_KONBINI #box_webform_flag137 table div.nicEdit-main table th,
#tab_payment_method_KONBINI #box_webform_flag137 table div.nicEdit-main table td,
#tab_allinvoicemail_KONBINI #box_webform_flag90_g table div.nicEdit-main table th,
#tab_allinvoicemail_KONBINI #box_webform_flag90_g table div.nicEdit-main table td {
	background-color: transparent;
	border: 1px solid #AAAAAA;
	color: #222222;
	padding: 3px 1px 1px 3px !important;
}

#box_webform_automail3 .edit_area select {
	float: left;
	margin: 0 5px 5px 0;
}
.edit_area .table_mail_send td select + .mail_icon_box {
	clear: none;
	margin: 4px 0 0 5px;
}

.edit_area .table_mail_send .edit_box_left {
	width: 83%;
}

.edit_area .table_mail_send td select[id*="tag_"] {
	float: left;
	font-size: 86%;
	margin: 0 5px 0 0;
	max-width: 136px;
	padding: 5px 1px;
}
div[id*="box_webform_automail"] .edit_area .table_mail_send td select[id*="tag_"] {
	font-size: 86%;
	max-width: 150px;
	padding: 5px 1px;
}

/*■■■■■ タブ ■■■■■■■■■■*/
#mail_tab,
#mail_tab_b,
#mail_tab_c,
#mail_tab_d,
#mail_tab_e,
#mail_tab_f,
#mail_tab_g,
#mail_tab_g2,
#mail_tab2,
#mail_tab3,
#mail_invoicemail_tab2,
#mail_invoicemail_tab2_b,
#mail_invoicemail_tab2_c,
#mail_invoicemail_tab2_d,
#mail_invoicemail_tab2_e,
#mail_invoicemail_tab2_f,
#mail_invoicemail_tab2_g {
	clear: both;
	padding: 0;
	width: 98%;
}

#mail_tab .tab,
#mail_tab_b .tab,
#mail_tab_c .tab,
#mail_tab_d .tab,
#mail_tab_e .tab,
#mail_tab_f .tab,
#mail_tab_g .tab,
#mail_tab_g2 .tab,
#mail_tab2 .tab,
#mail_tab3 .tab,
#mail_invoicemail_tab2 .tab,
#mail_invoicemail_tab2_b .tab,
#mail_invoicemail_tab2_c .tab,
#mail_invoicemail_tab2_d .tab,
#mail_invoicemail_tab2_e .tab,
#mail_invoicemail_tab2_f .tab,
#mail_invoicemail_tab2_g .tab {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
#mail_tab .tab:after,
#mail_tab_b .tab:after,
#mail_tab_c .tab:after,
#mail_tab_d .tab:after,
#mail_tab_e .tab:after,
#mail_tab_f .tab:after,
#mail_tab_g .tab:after,
#mail_tab_g2 .tab:after,
#mail_tab2 .tab:after,
#mail_tab3 .tab:after,
#mail_invoicemail_tab2 .tab:after,
#mail_invoicemail_tab2_b .tab:after,
#mail_invoicemail_tab2_c .tab:after,
#mail_invoicemail_tab2_d .tab:after,
#mail_invoicemail_tab2_e .tab:after,
#mail_invoicemail_tab2_f .tab:after,
#mail_invoicemail_tab2_g .tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#mail_tab .tab li,
#mail_tab_b .tab li,
#mail_tab_c .tab li,
#mail_tab_d .tab li,
#mail_tab_e .tab li,
#mail_tab_f .tab li,
#mail_tab_g .tab li,
#mail_tab_g2 .tab li,
#mail_tab2 .tab li,
#mail_tab3 .tab li,
#mail_invoicemail_tab2 .tab li,
#mail_invoicemail_tab2_b .tab li,
#mail_invoicemail_tab2_c .tab li,
#mail_invoicemail_tab2_d .tab li,
#mail_invoicemail_tab2_e .tab li,
#mail_invoicemail_tab2_f .tab li,
#mail_invoicemail_tab2_g .tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■■■ タブ ■■■■■*/
#mail_tab .tab li a,
#mail_tab_b .tab li a,
#mail_tab_c .tab li a,
#mail_tab_d .tab li a,
#mail_tab_e .tab li a,
#mail_tab_f .tab li a,
#mail_tab_g .tab li a,
#mail_tab_g2 .tab li a,
#mail_tab2 .tab li a,
#mail_tab3 .tab li a,
#mail_invoicemail_tab2 .tab li a,
#mail_invoicemail_tab2_b .tab li a,
#mail_invoicemail_tab2_c .tab li a,
#mail_invoicemail_tab2_d .tab li a,
#mail_invoicemail_tab2_e .tab li a,
#mail_invoicemail_tab2_f .tab li a,
#mail_invoicemail_tab2_g .tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 86%;
	height: 17px;
	margin: 0;
	padding: 2px 5px;
	text-align: center;
	text-decoration: none;
	width: 90px;
}

#mail_tab .tab li a:hover,
#mail_tab_b .tab li a:hover,
#mail_tab_c .tab li a:hover,
#mail_tab_d .tab li a:hover,
#mail_tab_e .tab li a:hover,
#mail_tab_f .tab li a:hover,
#mail_tab_g .tab li a:hover,
#mail_tab_g2 .tab li a:hover,
#mail_tab2 .tab li a:hover,
#mail_tab3 .tab li a:hover,
#mail_invoicemail_tab2 .tab li a:hover,
#mail_invoicemail_tab2_b .tab li a:hover,
#mail_invoicemail_tab2_c .tab li a:hover,
#mail_invoicemail_tab2_d .tab li a:hover,
#mail_invoicemail_tab2_e .tab li a:hover,
#mail_invoicemail_tab2_f .tab li a:hover,
#mail_invoicemail_tab2_g .tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■■■ タブ　そのページの時 ■■■■■*/
#mail_tab .tab .selected,
#mail_tab .tab .selected:hover,
#mail_tab_b .tab .selected,
#mail_tab_b .tab .selected:hover,
#mail_tab_c .tab .selected,
#mail_tab_c .tab .selected:hover,
#mail_tab_d .tab .selected,
#mail_tab_d .tab .selected:hover,
#mail_tab_e .tab .selected,
#mail_tab_e .tab .selected:hover,
#mail_tab_f .tab .selected,
#mail_tab_f .tab .selected:hover,
#mail_tab_g .tab .selected,
#mail_tab_g .tab .selected:hover,
#mail_tab_g2 .tab .selected,
#mail_tab_g2 .tab .selected:hover,
#mail_tab2 .tab .selected,
#mail_tab2 .tab .selected:hover,
#mail_tab3 .tab .selected,
#mail_tab3 .tab .selected:hover,
#mail_invoicemail_tab2 .tab .selected,
#mail_invoicemail_tab2 .tab .selected:hover,
#mail_invoicemail_tab2_b .tab .selected,
#mail_invoicemail_tab2_b .tab .selected:hover,
#mail_invoicemail_tab2_c .tab .selected,
#mail_invoicemail_tab2_c .tab .selected:hover,
#mail_invoicemail_tab2_d .tab .selected,
#mail_invoicemail_tab2_d .tab .selected:hover,
#mail_invoicemail_tab2_e .tab .selected,
#mail_invoicemail_tab2_e .tab .selected:hover,
#mail_invoicemail_tab2_f .tab .selected,
#mail_invoicemail_tab2_f .tab .selected:hover,
#mail_invoicemail_tab2_g .tab .selected,
#mail_invoicemail_tab2_g .tab .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}





/*■■■■■ アップロード管理 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ ページ全体 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.container_rifilebrowser {
	background: #FFFFFF;
	margin: 0 auto;
	min-width: 863px;
	padding: 20px;
	width: auto;
}

.container .container_rifilebrowser {
	min-width: unset;
	padding: 0;
}

.container_rifilebrowser:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■■■ h2 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.container_rifilebrowser h2 {
	margin: 0 0 15px 0;
}

/*■■■■■ アップロードエリア ■■■■■*/
.upload {
}

/*■■■ ファイルアップロードで開くエリア ■■■*/
#opt_upload_frame {
	/*float: left;*/
	margin: 0;
	overflow: hidden;
	padding: 0;
}

/*■■■ ファイルアップロード　ボタン ■■■*/
.bt_upload {
	background: url(../images/bt_upload.png) no-repeat left top;
	color: #404040;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: bold;
	height: 28px;
	margin: 0;
	padding: 10px 0 0 10px;
	text-decoration: none;
	width: 212px;
}

.bt_upload:hover {
	background: url(../images/bt_upload_f2.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
}



/*■■■■■ フォルダと画像一覧エリア ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.folder_image {
	position: relative;
}

.folder_box ul {
	clear: both;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0 0 5px 0;
}
.folder_box ul li {
	clear: both;
	overflow: hidden;
	position: relative;
}

.folder_box ul li  > input[type="CHECKBOX"] {
	float: left;
	height: 16px;
	width: 16px;
}

.folder_box ul li .indent_space {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 5px -380px;
	display: block;
	float: left;
	height: 19px;
	margin: 4px 4px 0 5px;
	width: 10px;
}
/* 1層下のフォルダ */
.folder_box ul li .indent_space.indent_space_1 {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 5px -380px;
}
/* 2層下のフォルダ */
.folder_box ul li .indent_space.indent_space_2 {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 15px -380px;
	padding: 0 0 0 10px;
}
/* 3層下のフォルダ */
.folder_box ul li .indent_space.indent_space_3 {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 25px -380px;
	padding: 0 0 0 20px;
}
/* 4層下のフォルダ */
.folder_box ul li .indent_space.indent_space_4 {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 35px -380px;
	padding: 0 0 0 30px;
}
/* 5層下のフォルダ */
.folder_box ul li .indent_space.indent_space_5 {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 45px -380px;
	padding: 0 0 0 40px;
}

.folder_box ul li a {
	color: #999999;
	display: block;
	float: left;
	text-decoration: none;
	width: 89%;
}
.folder_box ul li a:hover {
	color: #0044CC;
	display: block;
	float: left;
	text-decoration: none;
}
.folder_box ul li:nth-of-type(1) a {
    width: 100%;
}

/* 1層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_1 + a {
	width: 80%;
}
/* 2層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_2 + a {
	width: 75%;
}
/* 3層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_3 + a {
	width: 70%;
}
/* 4層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_4 + a {
	width: 65%;
}
/* 5層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_5 + a {
	width: 60%;
}

/*■■■ フォルダのマーク ■■■*/
.folder_box ul li a .foldermark,
.folder_box ul li a:hover .foldermark,
.folder_box ul li .foldermark_this {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 5px -257px;
	display: block;
	float: left;
	margin: 5px 0 0 0;
	padding: 2px 5px 1px 26px;
	white-space: nowrap;
	width: 85%;
}
.folder_box ul li a:hover .foldermark {
	background: #E5F3FF url(../images/003_rifilebrowser_list.png) no-repeat 5px -276px;
}

/*■■■ そのフォルダの時 ■■■*/
.folder_box ul li .foldermark_this {
	background: #E5F3FF url(../images/003_rifilebrowser_list.png) no-repeat 5px -296px;
	color: #666666;
	font-weight: bold;
	width: 74%;
}
.folder_box ul li:nth-of-type(1) .foldermark_this {
    width: 100%;
}
.container_gallerylist .folder_box ul li a,
.container_gallerylist .folder_box ul li a .foldermark,
.container_gallerylist .folder_box ul li .foldermark_this,
.container_gallerylist .folder_box ul li:nth-of-type(1) .foldermark_this {
    width: 100%;
}

/* 1層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_1 + span.foldermark_this {
	width: 64.5%;
}
/* 2層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_2 + span.foldermark_this {
	width: 59.5%;
}
/* 3層下のフォルダ */
.folder_box ul li span.indent_space.indent_space_3 + span.foldermark_this {
	width: 54.5%;
}

/*■■■ フォルダの中のお気に入りの数表示 ■■■*/
.container_gallerylist .folder_box ul li a + p[id*="block_"] {
	float: none;
	margin: 0;
	position: unset;
	z-index: unset;
}

.container_gallerylist .folder_box ul li a + p[id*="block_"] > a {
	background: url(../images/001_always.png) no-repeat left -78px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	font-size: 86%;
	margin: 5px 0 0 5px;
	padding: 1px 4px 0 2px;
	position: absolute;
	text-decoration: none;
	right: 1px;
	top: 1px;
	width: auto;
}
.container_gallerylist .folder_box ul li a + p[id*="block_"] > a:hover {
	background: url(../images/001_always.png) no-repeat left -99px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
}



/*■■■■■ 新規フォルダ作成エリア ■■■■■*/
.folder_box {
	border: 1px dotted #CCCCCC;
	clear: both !important;
	float: left;
	margin: 10px 20px 0 0;
	overflow: hidden;
	padding: 10px;
	width: 200px;
}

.container_gallerylist .folder_box {
	border-radius: 5px 5px 0 0;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 180px;
}

#opt_mkdir_frame {
	border: 1px solid #AAAAAA;
	clear: both;
	display: none;
	margin: -15px 0 5px 0;
	overflow: hidden;
	padding: 10px;
}

#opt_mkdir_frame input[type="text"] {
	margin: 0 0 5px 0;
}

/*■■■ フォルダタイトル ■■■*/
.folder_box .folder_title {
	color: #FFFFFF;
	font-weight: bold;
	margin: -9px -9px 5px -9px;
	padding: 7px 10px 5px 10px;
}

.folder_box .folder_title_hp {
	background: url(../images/bk_toolbararea_hp.png) repeat left top;
}
.folder_box .folder_title_customer {
	background: url(../images/bk_toolbararea_customer.png) repeat left top;
}

/*■■■ 新規フォルダ作成ボタン ■■■*/
.folder_box .bt {
	clear: both;
	height: 14px;
	margin: 10px 0 -1px 0;
	padding: 2px 5px 1px 5px;
}



/*■■■■■ 認証設定エリア ■■■■■*/
#opt_auth_frame {
	background-color: #FFF7FB;
	border: 1px solid #FF9ACC;
	border-radius: 0 5px 5px 5px;
	clear: both;
	display: none;
	margin: 0;
	overflow: hidden;
	padding: 7px;
}
#opt_auth_frame2,
#opt_auth_frame3 {
	border-top: 1px dotted #CCCCCC;
	margin: 10px 0;
	padding: 10px 0 0 0;
}

#opt_mkdir_frame input[type="text"] {
	margin: 0 0 5px 0;
}
#opt_auth_frame2 input[type="text"] {
	max-width: 45%;
}
#opt_auth_frame3 select {
	max-width: 100%;
}

/*■■ 認証設定ラベル ■■*/
#opt_auth_frame > div > label {
	display: block;
	font-size: 76%;
	margin: 0 0 5px 0;
	white-space: nowrap;
}
#opt_auth_frame > div > label > input[type="RADIO"] {
	float: left;
	height: 16px;
	width: 16px;
}

/*■■■ フォルダのマーク（鍵つき） ■■■*/
.folder_box ul li a .key_folder {
	background: url(../images/003_rifilebrowser_list.png) no-repeat 5px -319px;
}

.folder_box ul li a:hover .key_folder {
	background: #E5F3FF url(../images/003_rifilebrowser_list.png) no-repeat 5px -339px;
}

/*■■■ そのフォルダの時（鍵つき） ■■■*/
.folder_box ul li .key_folder_this {
	background: #E5F3FF url(../images/003_rifilebrowser_list.png) no-repeat 5px -359px;
}



/*■■■■■ フォルダを削除 ■■■■■*/
.folder_box hr {
	border: none;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
}

.folder_box .bt_folderdel {
	margin: 0 auto 5px auto;
}



/*■■■■■ アップロード ドラッグ＆ドロップ ■■■■■*/
#uploadblock1 {
	position: relative;
}

#uploadblock1:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■ 参照アップロードエリア ■■■*/
.normal_upload {
	float: left;
}

.normal_upload:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.normal_upload input[type="file"] {
	margin: 0 5px 5px 0;
	width: 52%;
}

.normal_upload img {
	margin: 0 5px -8px 0;
}

.normal_upload input[type="image"] {
	border: none;
	margin: 0 0 -12px 0;
	padding: 0;
}

/*■■■ ドラッグ＆ドロップエリア ■■■*/
/* style.cssに記述 */



/*■■■■■ リサイズのチェック・サムネイル挿入 ■■■■■*/
#uploadblock2 + label,
#uploadblock2 + label + label {
	display: block;
	margin: 0 0 5px 0;
}

#uploadblock2 + label input[type="CHECKBOX"],
#uploadblock2 + label + label input[type="CHECKBOX"] {
	float: left;
	height: 16px;
	width: 16px;
}



/*■■■■■ アップロード済ファイルを表示のボタン ■■■■■*/
.container_rifilebrowser .bt_open {
	clear: both;
	height: 14px !important;
	margin: 0 0 5px 242px;
	padding: 2px 5px 1px 3px;
}



/*■■■■■ アップロード画像一覧エリア ■■■■■*/
.image_box {
	float: left;
	margin: 0 0 15px 0;
	position: relative;
	width: 85.7%;
}
@media only screen and (max-width: 1809px) {.image_box {width: 85.7%;}}
@media only screen and (max-width: 1808px) {.image_box {width: 84.8%;}}
@media only screen and (max-width: 1708px) {.image_box {width: 83.5%;}}
@media only screen and (max-width: 1608px) {.image_box {width: 82.5%;}}
@media only screen and (max-width: 1508px) {.image_box {width: 81.3%;}}
@media only screen and (max-width: 1408px) {.image_box {width: 80.5%;}}
@media only screen and (max-width: 1358px) {.image_box {width: 79.8%;}}
@media only screen and (max-width: 1308px) {.image_box {width: 78.9%;}}
@media only screen and (max-width: 1258px) {.image_box {width: 78%;}}
/*
@media only screen and (max-width: 1208px) {.image_box {width: 77%;}}
@media only screen and (max-width: 1158px) {.image_box {width: 75.8%;}}
@media only screen and (max-width: 1108px) {.image_box {width: 75.5%;}}
@media only screen and (max-width: 1098px) {.image_box {width: 75%;}}
@media only screen and (max-width: 1078px) {.image_box {width: 74.5%;}}
@media only screen and (max-width: 1058px) {.image_box {width: 73.7%;}}
@media only screen and (max-width: 1028px) {.image_box {width: 72.8%;}}
*/

#HP .container_rifilebrowser .image_box {
	margin: 0 0 290px 0;
}

.container_gallerylist .image_box {
	width: 100%;
}
.container_gallerylist .folder_box + .image_box {
	float: right;
	margin: 0;
	width: 76%;
}

/*■■■ 検索ボタン ■■■*/
.image_box .search_box,
.folder_image .search_box {
	background: #DEFFBF;
	border: 1px dotted #008F3C;
	border-radius: 0;
	margin: 0 0 10px 0;
	position: absolute;
	padding: 5px;
	right: 0;
	top: 0;
	width: 230px;
}

/*
.folder_image form#formmain .search_box {
	margin: -105px 0 10px 0;
}
*/

.image_box .search_box input[type="text"],
.folder_image .search_box input[type="text"] {
	float: left;
	margin: 0;
	padding: 4px 2px;
	width: 62%;
}

.image_box .bt_search,
.folder_image .bt_search {
	clear: none;
	float: right;
}

.folder_image .search_box p {
	background-color: #66CC00;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 1px 5px;
	text-align: center;
}

/* 使用数チェック */
.folder_image .search_box .usecheck {
	background: none;
	clear: both;
	color: #000000;
	font-weight: normal;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
}

/*■■■ 画像一覧エリア ■■■*/
.image_box .image_list_box {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0 -5px 0 0;
	padding: 5px 0 0 0;
}

.image_box .image_list_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■ 画像のサイズ ■■■*/
.img_size {
	display: block;
	font-size: 82%;
	margin: 0 0 5px 0;
	overflow: hidden;
	white-space: nowrap;
}
/* ライブラリ */
.container_gallerylist .image_list .picture + .img_size {
	margin: 0;
	padding: 0 10px;
}

/*■■■ すべて表示・選択・解除ボタン ■■■*/
.image_box .bt,
.search_box .bt {
	float: left;
	height: 14px;
	margin: 10px 5px 0 0;
	padding: 2px 5px 1px 5px;
}
.search_box .bt {
	clear: both;
	float: right;
	margin: 5px 0 0 0;
}

/*■■■ アップロード画像１つ１つの枠 ■■■*/
.image_list {
	/*background: url(../images/003_rifilebrowser_list.png) no-repeat left top;*/
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-sizing: border-box;
	/*float: left;*/
	height: auto;
	/*margin: 0 20px 20px 0;*/
	overflow: hidden;
	padding: 10px 10px 5px 10px;
	position: relative;
	width: 200px;
}

.image_list:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.image_list_header {
	background: #CCCCCC;
	margin: -10px -10px 10px -10px;
	overflow: hidden;
	padding: 0 5px 0 0;
}

.image_list_top {
	border: 1px solid #FFCC00; 
}

.image_list_top .image_list_header {
	background: #CCCCCC url(../images/003_rifilebrowser_list.png) no-repeat -210px top;
}

/*■■■■■ favicon画像一覧 １つ１つの枠 ■■■■■*/
.favicon_list .image_list {
	height: 154px;
}
.favicon_list .image_list > div[style*="clear"] {
	background: url(../images/bk_editor.png) repeat left top !important;
}

/*■■■ チェックボックス ■■■*/
.image_list label {
	float: left;
	padding: 0 0 0 5px;
}

.image_list .checkbox {
	float: left;
	margin: -1px 3px 0 0;
	height: 17px;
	width: 17px;
}

/*■■■ ファイル名 ■■■*/
.image_filename {
	display: block;
	float: left;
	font-size: 85%;
	margin: 0;
	/margin: 0; /*IE6,7*/
	overflow: hidden;
	padding: 5px 0;
	position: relative;
	white-space: nowrap;
	width: 100%;
}

.container_gallerylist .image_box .image_filename {
	background: #CCCCCC;
	margin: -10px -10px 10px -10px;
	padding: 5px;
	width: 190px;
}

/*■■■ この画像を使用している数 ■■■*/
.image_list .image_filename .image_filename_btbox {
	position: absolute;
	right: 0;
	top: 3px;
}
.image_list .image_filename .bt {
	float: right;
	font-size: 100%;
	height: 14px;
	margin: 0 0 0 3px !important;
	padding: 1px 5px 2px 5px;
}

/* ホームページパーツで使用 */
.image_list .image_filename .bt_contents {
}

/* webフォームパーツで使用 */
.image_list .image_filename .bt_webform {
}

/* カレンダーパーツで使用 */
.image_list .image_filename .bt_calendardata {
}

/* コンテンツ背景で使用 */
.image_list .image_filename .bk_contents,
.image_list .image_filename .bk_contents:hover {
	background: #000000;
	border: 1px solid #000000;
	border-radius: 4px;
	color: #FFFFFF;
	float: right;
	font-size: 100%;
	height: 14px;
	margin: 0 0 0 3px;
	padding: 1px 5px 2px 5px;
}

/*■■■ デザインスキン選択の☆ ■■■*/
/*■■■ ライブラリお気に入りの☆ ■■■*/
div[class*="design"] .skin_name > a,
.image_list .image_filename + a {
	font-size: 136%;
	font-weight: bold;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 0px;
}
div[class*="design"] .skin_name > a {
	top: -4px;
}

div[class*="design"] .skin_name > a > span.image_bookmark_off,
div[class*="design"] .skin_name > a > span.image_bookmark_on,
.image_list .image_filename + a > span.image_bookmark_off,
.image_list .image_filename + a > span.image_bookmark_on {
	margin: 0 -5px 0 0;
	padding: 0 5px 0 4px;
}
div[class*="design"] .skin_name > a > span.image_bookmark_on,
div[class*="design"] .skin_name > a:hover > span.image_bookmark_off,
div[class*="design"] .skin_name > a:hover > span.image_bookmark_on,
.image_list .image_filename + a:hover > span.image_bookmark_off,
.image_list .image_filename + a:hover > span.image_bookmark_on {
	background: rgba(0, 0, 0, 0.1);
	border-radius: 100px;
}

div[class*="design"] .skin_name > a > span.image_bookmark_off,
.image_list .image_filename + a > span.image_bookmark_off {
	color: #999999;
}
div[class*="design"] .skin_name > a:hover > span.image_bookmark_off,
.image_list .image_filename + a:hover > span.image_bookmark_off {
	color: #000000;
}

div[class*="design"] .skin_name > a > span.image_bookmark_on,
div[class*="design"] .skin_name > a:hover > span.image_bookmark_on,
.image_list .image_filename + a > span.image_bookmark_on,
.image_list .image_filename + a:hover > span.image_bookmark_on {
	color: #FFFF00;
}

/*■■■ 背景画像ライブラリのお気に入りの数表示 ■■■*/
.container_gallerylist .folder_image p[id*="block_"] {
	float: left;
	margin: 5px 0;
	position: absolute;
	z-index: 10;
}

.container_gallerylist .folder_image p[id*="block_"] > a {
	background: url(../images/001_always.png) no-repeat left -78px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	font-size: 86%;
	margin: 5px 0 0 0;
	padding: 1px 5px;
	text-decoration: none;
	width: auto;
}
.container_gallerylist .folder_image p[id*="block_"] > a:hover,
.container_gallerylist .folder_image p[id*="block_"] > a[title="すべて表示"] {
	background: url(../images/001_always.png) no-repeat left -99px;
	border: 1px solid #0044CC;
	color: #FFFF00;
}



/*■■■ 画像大きく見る用の虫眼鏡アイコン ■■■*/
.image_list div[style="clear: both;"] > a.image_big {
	background: url(../images/icon_library_imagebig.png) no-repeat left top;
	height: 20px;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 31px;
	width: 20px;
	z-index: 10;
}
.image_list div[style="clear: both;"] > a.image_big:hover {
	background: url(../images/icon_library_imagebig_f2.png) no-repeat left top;
	text-decoration: none;
}

/* 画像大きく表示されたときの黒い背景 */
.lum-lightbox.lum-open {
	z-index: 20;
}

/*■■■ アップロード画像１つ１つ ■■■*/
.image_list .picture {
	clear: both;
	display: table-cell;
	height: 120px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 200px;
}
/* ライブラリ */
.container_gallerylist .image_list .picture {
	height: 154px;
}

.image_list .picture:hover {
	filter: Alpha(opacity=50); /* IE系 */
	opacity: 0.5; /* Mozzila系 */
}

.image_list .picture > img {
	max-height: 120px;
	max-width: 100%;
}

/*■■■ メールテンプレート ■■■*/
.image_list .mail_template_text {
	display: block;
	font-size: 86%;
	left: 5px;
	position: absolute;
	top: 30px;
}


/*■■■ 編集ボタン ■■■*/
.image_list .bt_box {
	background: none;
	float: none;
	height: auto;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: auto;
}

.image_list .bt {
	height: 14px;
	margin: 0 4px 5px 0;
	padding: 2px 3px 1px 3px;
}

/*■■■ タイトル、カテゴリー、回り込み ■■■*/
.image_list .contents_parts_box {
	background: rgba(255, 255, 255, 0.3);
	left: 1px;
	height: 100px;
	padding: 10px;
	position: absolute;
	top: 30px;
	width: 180px;
}
.image_list .contents_parts_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.image_list .contents_parts_box .image_title,
.image_list .contents_parts_box .image_category,
.image_list .contents_parts_box .image_float {
	clear: both;
	display: block;
	float: left;
	font-size: 76%;
	font-weight: bold;
	margin: -3px 0 0 0;
	text-shadow: 1px 1px 1px #FFFFFF;
	width: 65px;
}
.image_list .contents_parts_box .image_category {
	margin: 3px 0 0 0;
}
.image_list .contents_parts_box .image_float {
	margin: 3px 0 0 0;
}

.image_list .contents_parts_box input[type="text"] {
	display: block;
	float: left;
	margin: -7px 0 3px 0;
	width: 47%;
}

.image_list .contents_parts_box select {
	max-width: 79px;
	margin: 0 0 2px 0;
}

/*■■■ アップロード後の画像 ■■■*/
#uploadmsg {
	margin: 10px 0 0 0;
}

#uploadmsg img {
	border: 0;
	margin: 0 0 10px 0;
}

#uploadmsg .bt_auto {
}

/*■■■ 容量いっぱい時のメッセージ ■■■*/
#dispmessage {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}

/*■■■ アイコン ■■■*/
.image_list a {
	text-decoration: none;
}

.image_list a .upload_icon_001,
.image_list a .upload_icon_002,
.image_list a .upload_icon_003,
.image_list a .upload_icon_004,
.image_list a .upload_icon_005,
.image_list a .upload_icon_006,
.image_list a .upload_icon_007 {
	display: block;
	float: left;
	height: 18px;
	margin: 0 4px 5px 0;
	text-decoration: none;
	width: 18px;
}

/* 編集 */
.image_list a .upload_icon_001 {background: url(../images/003_rifilebrowser_list.png) no-repeat -120px -215px;}
.image_list a:hover .upload_icon_001 {background: url(../images/003_rifilebrowser_list.png) no-repeat -120px -233px;}

/* 上書き */
.image_list a .upload_icon_002 {background: url(../images/003_rifilebrowser_list.png) no-repeat left -215px;}
.image_list a:hover .upload_icon_002 {background: url(../images/003_rifilebrowser_list.png) no-repeat left -233px;}

/* 画像編集サービス Pixlr を開く */
.image_list a .upload_icon_003 {background: url(../images/003_rifilebrowser_list.png) no-repeat -30px -215px;}
.image_list a:hover .upload_icon_003 {background: url(../images/003_rifilebrowser_list.png) no-repeat -30px -233px;}

/* 選択 */
.image_list a .upload_icon_004 {background: url(../images/003_rifilebrowser_list.png) no-repeat -60px -215px;}
.image_list a:hover .upload_icon_004 {background: url(../images/003_rifilebrowser_list.png) no-repeat -60px -233px;}

/* サムネイル選択 */
.image_list a .upload_icon_005 {background: url(../images/003_rifilebrowser_list.png) no-repeat -90px -215px;}
.image_list a:hover .upload_icon_005 {background: url(../images/003_rifilebrowser_list.png) no-repeat -90px -233px;}

/* サムネイル選択 */
.image_list a .upload_icon_006 {background: url(../images/003_rifilebrowser_list.png) no-repeat -150px -215px;}
.image_list a:hover .upload_icon_006 {background: url(../images/003_rifilebrowser_list.png) no-repeat -150px -233px;}

/* ダウンロード */
.image_list a .upload_icon_007 {background: url(../images/003_rifilebrowser_list.png) no-repeat -180px -215px;}
.image_list a:hover .upload_icon_007 {background: url(../images/003_rifilebrowser_list.png) no-repeat -180px -233px;}



/*■■■■■ アップロードファイル管理最下部 ■■■■■*/
.container_rifilebrowser .submitarea {
	margin: 0 -20px;
}

.container .container_rifilebrowser .submitarea {
	margin: 0;
}

/*■■■ チェックをつけたデータを移動 ■■■*/
/*■■■ チェックをつけたファイルのコピー ■■■*/
.submitarea p.submitarea_text {
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	padding: 6px 10px 0 0;
}

.container .moveblock_box,
.container_rifilebrowser .moveblock_box,
.container .copyblock_box,
.container_rifilebrowser .copyblock_box,
.container_rifilebrowser .insertblock_box {
	float: left;
	overflow: hidden;
}

.container_rifilebrowser .bt_imgmove,
.container_rifilebrowser .bt_imgcopy,
.container_rifilebrowser .bt_imgedit,
.container_rifilebrowser .bt_imginsert {
	height: 14px;
	margin: 5px 10px 5px 0;
	padding: 2px 5px 1px 5px;
}

#moveblock,
#copyblock {
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	margin: 23px 10px 10px 0;
	padding: 7px 7px 1px 6px;
	width: 310px;
}

#moveblock div,
#copyblock div {
	float: left;
	margin: 0 5px 5px 0;
	width: 250px;
}

#moveblock select,
#copyblock select {
	max-width: 170px;
}

#moveblock span,
#copyblock span {
	display: block;
	clear: both;
	color: #FF0000;
	font-size: 86%;
}

#moveblock .bt_folder_chenge,
#copyblock .bt_folder_chenge {
	background: url(../images/bt_folder_chenge.png) no-repeat left top;
	color: #404040;
	display: block;
	float: left;
	font-size: 86%;
	font-weight: bold;
	height: 17px;
	margin: 26px 0 0 0;
	padding: 3px 0 0 7px;
	text-decoration: none;
	width: 48px;
}

#moveblock .bt_folder_chenge:hover,
#copyblock .bt_folder_chenge:hover {
	background: url(../images/bt_folder_chenge_f2.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
}

/*■■■ アップロード画像編集 ■■■*/
/* このサイズで元画像を上書きする　ボタン */
.bt_resize2 {
	background: url(../images/bt_resize2.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
	font-size: 100%;
	font-weight: bold;
	height: 23px;
	margin: 10px 0 0 0;
	padding: 7px 0 0 20px;
	text-decoration: none;
	width: 254px;
}

.bt_resize2:hover {
	background: url(../images/bt_resize2_f2.png) no-repeat left top;
	color: #FFFF33;
}

/*■■■ チェックをつけた画像ファイルの一括加工 ■■■*/
.imageeditblock_box {
	float: left;
}
.imageeditblock_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#imageeditblock {
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	margin: 23px 0 10px 0;
	max-width: 850px;
	padding: 7px 0 0 6px;
}
#imageeditblock:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#imageeditblock table {
	float: left;
	margin: 0 7px 7px 0;
}
#imageeditblock th {
	background: url(../images/bk_toolbararea_hp.png) repeat left top;
	border-radius: 4px 4px 0 0;
	color: #FFFFFF;
	padding: 3px 5px 0 5px;
	text-align: left;
}
#imageeditblock td {
	border: 1px solid #FF9900;
	font-size: 92%;
	height: 30px;
	padding: 2px 5px 0 5px;
}

#imageeditblock table td table {
	margin: 0;
	width: 100%;
}
#imageeditblock table td td {
	border: none;
	padding: 0;
	width: 27%;
}
#imageeditblock table td td img {
	margin: 0 0 2px 0;
}

/* ラジオボタン */
#imageeditblock table td input[type="RADIO"] {
	float: left;
	height: 16px;
	margin: -1px 3px 0 0;
	width: 16px;
}

/*■■■ リサイズ ■■■*/
#imageeditblock .resize {
	width: 24%;
}
#imageeditblock .resize td {
	padding: 0 0 6px 0;
}
#imageeditblock .resize td table td {
	height: auto;
	padding: 0;
	width: 50%;
}
#imageeditblock .resize td table tr:nth-of-type(2) td {
	padding: 5px 0 0 5px;
}

#imageeditblock .resize td table td .riradiochecked {
	background: #FFFFAA;
	overflow: hidden;
}
#imageeditblock .resize td table td #divresizescale {
	overflow: hidden;
	padding: 14px 7px 13px 7px;
}
#imageeditblock .resize td table td #divresizewidth {
	overflow: hidden;
	padding: 10px 5px 5px 5px;
}
#imageeditblock .resize td table td #divresizewidth input {
	margin: 0 5px 0 0;
	padding: 2px 5px;
	width: 57px;
}

/* リサイズのスライドバー */
#imageeditblock #jquery-ui-slider {
	margin: 0 3px 0 0;
	float: left;
	width: 100%;
}
/* スライド動かしたときに表示される数値（％） */
#resizescalemsg {
	clear: both;
	height: 0;
}
#imgtrim {
	margin: 0;
}



/*■■■ 画像容量圧縮 ■■■*/
#imageeditblock .compression {
	/*width: 17%;*/
	width: 18%;
}
#imageeditblock .compression td {
	width: 50%;
}

/*■■■ 回転 ■■■*/
#imageeditblock .kaiten {
	margin: 0 0 7px 0;
	/*width: 39%;*/
	width: 36%;
}

/*■■■ フィルター ■■■*/
#imageeditblock .filter {
	/*margin: 0 0 7px 0;*/
	width: 57%;
}
#imageeditblock .filter td td {
	width: 14%;
}

/*■■■ 反転 ■■■*/
#imageeditblock .hanten {
	/*width: 29%;*/
	width: 20%;
}

/*■■■ 加工 ■■■*/
#imageeditblock .kakou {
	margin: 0 0 7px 0;
	/*width: 29%;*/
	width: 20%;
}

/*■■■ 一括加工ボタン ■■■*/
.imageeditblock_box .bt_onupload {
	font-size: 96%;
	margin: 5px 0 10px 0;
}





/*■■■■■ 高度なデザイン設定 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■ ガイド ■■■■■■■■■■■■■■■*/
.container_sub .color_set_guide {
	max-width: 45%;
	position: absolute;
	right: 10px;
	top: -35px;
	width: auto;
}

/*■■■■■ トップページ・それ以外のタブ ■■■■■■■■■■■■■■■*/
#basic_font_tab {
	margin: 0;
}
#box_all_muluti_li {
	clear: both;
	margin: 0;
}

#basic_font_tab .tab,
#box_all_muluti_li .tab {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	margin: 0;
	padding: 0;
}
#box_all_muluti_li .tab {
	margin: 0 0 10px 0;
}
#basic_font_tab .tab:after,
#box_all_muluti_li .tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#basic_font_tab .tab li,
#box_all_muluti_li .tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■ タブ ■■■*/
#basic_font_tab .tab li a,
#box_all_muluti_li .tab li a,
#basic_all_tab1 .color_palet_tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 76%;
	height: 17px;
	margin: 0;
	padding: 4px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 113px;
}
#basic_font_tab .tab li a {
	width: 85px;
}
#basic_all_tab1 .color_palet_tab li a {
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #404040;
	font-size: 96%;
	height: 20px;
	padding: 3px 5px 1px 5px;
	width: 70px;
}

#basic_font_tab .tab li a:hover,
#box_all_muluti_li .tab li a:hover,
#basic_all_tab1 .color_palet_tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■ タブ　そのページの時 ■■■*/
#basic_font_tab .tab li .selected,
#basic_font_tab .tab li .selected:hover,
#box_all_muluti_li .tab li .selected,
#box_all_muluti_li .tab li .selected:hover,
#basic_all_tab1 .color_palet_tab li .selected,
#basic_all_tab1 .color_palet_tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■■■■ フォント設定 ■■■■■■■■■■■■■■■*/
#basic_font_tab1,
#basic_font_tab2,
#basic_font_tab3,
#basic_font_tab4,
#basic_font_tab5 {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	margin: -1px 0 5px 0;
	padding: 10px 10px 5px 10px;
	position: relative;
	text-decoration: none;
}

.font_select {
	overflow: hidden;
}
.font_select > div {
	font-size: 126%;
	display: flex;
	flex-wrap: wrap;
}

/*■■■■■ フォント選択（label） ■■■■■*/
.font_select > div > label {
	border: 1px dotted #CCCCCC;
	display: block;
	margin: 0 5px 5px 0 !important;
	overflow: hidden;
	padding: 5px 0 3px 5px !important;
	width: 31.9%;
}
.font_select > div > label:nth-of-type(3),
.font_select > div > label:nth-of-type(3n+2) {
	margin: 0 0 5px 0 !important;
}
.font_select > div > label:nth-of-type(2) {
	margin: 0 5px 5px 0 !important;
}
.font_select label:hover {
	background: #FFFFCC;
}

.font_select > div > label input[type="RADIO"] {
	float: left;
	height: 20px !important;
	width: 20px !important;
}

.font_select span {
	float: left;
	white-space: nowrap;
}

.font_select span + span {
	clear: both;
	padding: 0 0 0 23px;
}

.font_select > div > label > label {
	padding: 0 !important;
}

.font_select > div > label > label + span {
	font-size: 76%;
}

/*■■■■■ 拡張フォント ■■■■■*/
.font_select .custom_font {
	background: #CCCCCC;
	border-radius: 3px 3px 0 0;
	display: block;
	float: left;
	font-size: 86%;
	font-weight: bold;
	margin: 10px 10px 0 0;
	padding: 2px 8px 1px 8px;
}
.font_select .custom_font span {
	float: none;
}
.font_select .custom_font span:after {
	content: "\0025bc";
	margin: 0 -3px 0 3px;
}
.edit_area .edit_box_left .font_select hr {
	border: none;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	margin: 0 0 8px 0;
}

/*■■■■■ 拡張フォントの注記 ■■■■■*/
.font_select p {
	color: #FF0000;
	font-size: 86%;
	margin: -5px 0 10px 0;
}

/*■■■■■ フォントサイズ ■■■■■*/
#basic_font_tab1 .font_size_custom,
#basic_font_tab2 .font_size_custom,
#basic_font_tab3 .font_size_custom,
#basic_font_tab4 .font_size_custom,
#basic_font_tab5 .font_size_custom {
	margin: 0;
}
#basic_font_tab1 .font_size_custom li,
#basic_font_tab2 .font_size_custom li,
#basic_font_tab3 .font_size_custom li,
#basic_font_tab4 .font_size_custom li,
#basic_font_tab5 .font_size_custom li {
	background: none;
	float: left;
	padding: 0;
	width: 85px;
}

/*■■■■■ カラー設定 ■■■■■■■■■■■■■■■*/
#basic_all_tab1 .color_palet_tab_label {
	float: left;
	margin: 4px 0 0 0;
}
#basic_all_tab1 .color_palet_tab {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#basic_all_tab1 .color_palet_tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
}

#basic_all_tab1 .color_palet_tab li:nth-child(7n+1) {
	clear: both;
}

/*■■■ 色見本 ■■■*/
#basic_all_tab1 .color_palet_tab li a span {
	display: block;
	float: left;
	height: 18px;
	width: 10px;
}

#color_palet_custum_block {
	clear: both;
}

#color_palet_custum_block .color_palet {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 10px 0 5px 1px;
}
#color_palet_custum_block .color_palet li {
	background: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 12.4%;
}

#color_palet_custum_block .color_palet li > div > span {
	display: block;
	float: left;
	font-size: 86%;
	text-align: center;
	width: 16px;
}

/* 色コード */
#color_palet_custum_block .color_palet li input[type="text"] {
	font-size: 86%;
	width: 74px;
}

/* 色 */
#color_palet_custum_block .color_palet li .sp-replacer {
	margin: 0 0 5px 0;
}

/* クリアボタン */
#color_palet_custum_block .color_palet li .bt {
	font-size: 60%;
	height: auto;
	margin: 1px 0 5px 0;
	padding: 0 2px 0 1px;
}

/* チェックボックス */
#color_palet_custum_block .color_palet li input[type="CHECKBOX"] {
	margin: 3px 0 0 5px;
}

/* 全パレットクリアボタン */
#color_palet_custum_block .color_palet .bt_s {
	clear: both;
	margin: 5px 0 0 5px !important;
}

/*■■■ 画像 ■■■*/
#basic_all_tab1 #basic_image_tab1 .entry-value_img,
#basic_all_tab1 #basic_image_tab2 .entry-value_img,
#basic_all_tab1 #basic_image_tab3 .entry-value_img,
#basic_all_tab1 #basic_image_tab4 .entry-value_img,
#basic_all_tab1 #basic_image_tab5 .entry-value_img,
#basic_all_tab1 #basic_image_tab6 .entry-value_img {
	max-width: 100%;
	height: auto !important;
}

/*■■■■■ カラーパレットの保存・呼び出し ■■■■■■■■■■■■■■■*/
/* パレット管理ボタン */
#color_palet_custum_block #palettemanbtn {
	height: 14px;
	margin: 0 0 -1px 0;
	padding: 2px 5px 1px 5px;
}

/* パレット管理開いたボックス */
#color_palet_custum_block #paletteman {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 7px 7px 3px 7px;
}

#color_palet_custum_block #paletteman h4 {
	clear: both;
	padding: 10px 0 2px 0;
}
#color_palet_custum_block #paletteman h4:first-child {
	padding: 0;
}

#color_palet_custum_block #paletteman .palettename {
	float: left;
	margin: 0 10px 0 0;
}

#color_palet_custum_block #paletteman .bt {
	height: 14px;
	margin: 3px 5px 0 0;
	padding: 2px 5px 1px 2px;
}
/* 削除 */
#color_palet_custum_block #paletteman .bt_deletemark:hover {
	background: url(../images/001_always.png) no-repeat left -120px;
	border: 1px solid #CC0000;
}

#color_palet_custum_block #paletteman .color_palet_tab {
	margin: 0;
	width: auto;
}

#color_palet_custum_block #paletteman .color_palet_tab li {
	margin: 0;
}

/* 保存パレットのボタン */
#color_palet_custum_block #paletteman .color_palet_tab li a,
#color_palet_custum_block #paletteman .color_palet_tab li a:hover {
	height: 14px;
	margin: 0 5px 5px 0;
	padding: 1px 5px 4px 5px;
	width: auto;
}
#color_palet_custum_block #paletteman .color_palet_tab li a span {
	height: auto;
	width: auto;
}

/*■■■■■ 背景画像配置等の設定 ■■■■■■■■■■■■■■■*/
.edit_box_left .bgimage_box {
	clear: both;
	padding: 20px 0 0 0;
}

.bgimage_box .bgimage_title {
	font-size: 120%;
	font-weight: bold;
}

.bgimage_box .bgimage_settei {
	font-weight: bold;
}

.edit_area .edit_box_left .bgimage_list {
	list-style: none;
	margin: 0 0 10px 0;
	width: 100%;
}
.edit_area .edit_box_left .bgimage_list li {
	background: none;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	width: 82px;
}

.edit_area .edit_box_left .bgimage_list li img {
	margin: 0 0 5px 0;
}

.edit_area .edit_box_left .bgimage_list li label {
	display: block;
}

#basic_image_tab1 .bgimage_list li input,
#basic_image_tab2 .bgimage_list li input,
#basic_image_tab3 .bgimage_list li input {
	width: auto;
}



/*■■■■■ トップページ以外すべて ■■■■■■■■■■■■■■■*/
#basic_all_tab2 .edit_form:nth-of-type(1) .font_size_custom li {
	float: left;
	margin: 0 15px 0 0;
}



/*■■■■■ スマホ ■■■■■■■■■■■■■■■*/
#basic_all_tab3 .edit_form .edit_area .edit_box_left {
	margin: 0;
}

#basic_all_tab3 .table_layout_smart {
	border-spacing: 0 !important;
}

#basic_all_tab3 .table_layout_smart th,
#basic_all_tab3 .table_layout_smart td {
	background: none;
	border: none;
	border-bottom: 1px dotted #CCCCCC;
	border-radius: 0;
	color: #000000;
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
	padding: 10px 0;
	vertical-align: middle;
	width: auto;
}
#basic_all_tab3 .table_layout_smart th {
	padding-right: 1% !important;
	width: 35%;
}
#basic_all_tab3 .table_layout_smart tr:nth-last-of-type(1) th,
#basic_all_tab3 .table_layout_smart tr:nth-last-of-type(1) td {
	border: none;
	padding: 10px 0 0 0;
}

#basic_all_tab3 .table_layout_smart td > select {
	margin: 0;
}

#basic_all_tab3 .table_layout_smart td #block_basic_text15 > div {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat left 3px;
	clear: both;
	margin: 0 0 -5px 0;
	padding: 5px 0 0 30px;
}



/*■■ スマホでの上部グローバルナビゲーションメニュー表示タイプ ■■*/
#basic_all_tab3 .table_layout_smart td #box_basic_text299 {
	margin: 5px 0 0 0;
}
#basic_all_tab3 .table_layout_smart td table#box_basic_text299 th {
	background: #EAEAEA;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 10px 0 7px 0 !important;
	text-align: center;
	vertical-align: middle;
	width: 15%;
}
#basic_all_tab3 .table_layout_smart td table#box_basic_text299 td {
	background: none;
	border: 1px solid #CCCCCC;
	padding: 6px 0 6px 10px !important;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* バーガーアイコン */
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td.mark_list ul > li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 60px;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul > li label {
	float: left;
	margin: 0;
	padding: 0;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td.mark_list ul > li label > label {
	padding: 10px 3px 0 0;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul > li span {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	display: block;
	float: left;
	height: 34px;
	text-align: center;
	width: 35px;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul > li:nth-of-type(1) span > img {
	margin: 7px 0 0 0 !important;
	width: 25px;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul > li:nth-of-type(2) span > img {
	margin: 2px 0 0 0 !important;
	width: 27px;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul > li:nth-of-type(3) span > img {
	margin: 5px 0 0 0 !important;
	width: 27px;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul > li:nth-of-type(4) span {
	background: none;
	border: none;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td ul > li:nth-of-type(4) span > img {
	margin: 7px 0 0 0 !important;
	width: 25px;
}

/* 位置 */
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td.area_list ul > li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 140px;
}
#basic_all_tab3 .table_layout_smart td #box_basic_text299 td.area_list ul > li label > label {
	padding: 0 3px 0 0;
}





/*■■■■■ 高度なデザイン設定（プレビューから） ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.from_prev {
	overflow: hidden;
	position: relative;
}

.from_prev #basic_all_tab {
	float: left;
	width: 770px;
}

.from_prev #box_all_muluti_li .tab {
	display: none;
}

.from_prev #basic_all_tab1 .edit_form .edit_form_li,
.from_prev #basic_all_tab2 .edit_form .edit_form_li {
	background: 
		url(../images/bk_edit_area_top_right.png) no-repeat right top,
		url(../images/bk_edit_area_top_left.png) no-repeat left top,
		url(../images/bk_edit_area_top_mid.png) repeat-x left top,
		url(../images/bk_edit_area_bot_right.png) no-repeat right bottom,
		url(../images/bk_edit_area_bot_left.png) no-repeat left bottom,
		url(../images/bk_edit_area_bot_mid.png) repeat-x left bottom;
	padding: 0 0 14px 0;
}

.from_prev #basic_all_tab1 .edit_form .edit_form_top,
.from_prev #basic_all_tab2 .edit_form .edit_form_top {
	background: none;
}

.from_prev #basic_all_tab1 .edit_form .edit_area,
.from_prev #basic_all_tab2 .edit_form .edit_area {
	background-color: #FBFBFB;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}

.from_prev #basic_all_tab1 .edit_form .entry-label,
.from_prev #basic_all_tab1 .edit_form .edit_area .edit_box_left,
.from_prev #basic_all_tab2 .edit_form .entry-label,
.from_prev #basic_all_tab2 .edit_form .edit_area .edit_box_left,
.from_prev #nakablock2 .edit_form .edit_area .edit_box_left {
	margin: 0 0 5px 0;
	width: 100%;
}

/*■■■■■ フォント設定 ■■■■■■■■■■■■■■■*/
.from_prev #basic_font_tab1,
.from_prev #basic_font_tab2,
.from_prev #basic_font_tab3,
.from_prev #basic_font_tab4,
.from_prev #basic_font_tab5 {}

/*■■■■■ カラー設定 ■■■■■■■■■■■■■■■*/
.from_prev #basic_all_tab1 .color_palet_tab li:nth-child(7n+1) {
	clear: none;
}
.from_prev #basic_all_tab1 .color_palet_tab li:nth-child(6n+1) {
	clear: both;
}

.from_prev #color_palet_custum_block .color_palet li input[type="text"] {
	font-size: 86%;
	width: 55px;
}

/*■■■■■ カラーパレットの保存・呼び出し ■■■■■■■■■■■■■■■*/
/* パレット管理開いたボックス */
.from_prev #color_palet_custum_block #paletteman {
	width: 523px;
}

/*■■■■■ 背景画像配置等の設定 ■■■■■■■■■■■■■■■*/
.from_prev #basic_all_tab1 #basic_image_tab1,
.from_prev #basic_all_tab1 #basic_image_tab2,
.from_prev #basic_all_tab1 #basic_image_tab3,
.from_prev #basic_all_tab1 #basic_image_tab4,
.from_prev #basic_all_tab1 #basic_image_tab5,
.from_prev #basic_all_tab1 #basic_image_tab6,
.from_prev #basic_all_tab2 #basic_image_tab1,
.from_prev #basic_all_tab2 #basic_image_tab2,
.from_prev #basic_all_tab2 #basic_image_tab3,
.from_prev #basic_all_tab2 #basic_image_tab4,
.from_prev #basic_all_tab2 #basic_image_tab5,
.from_prev #basic_all_tab2 #basic_image_tab6,
.from_prev #basic_all_tab2 #basic_image_tab7,
.from_prev #basic_all_tab2 #basic_image_tab8,
.from_prev #basic_all_tab2 #basic_image_tab9 {
	margin: 0 0 5px 0;
	width: 96%;
}

.from_prev #basic_all_tab1 .edit_area .edit_box_left .bgimage_list,
.from_prev #basic_all_tab2 .edit_area .edit_box_left .bgimage_list {
	border-bottom: 1px dotted #CCCCCC;
	padding: 0 0 10px 0;
}

.from_prev #basic_all_tab1 .edit_area .edit_box_left .bgimage_list_left,
.from_prev #basic_all_tab2 .edit_area .edit_box_left .bgimage_list_left {
	border: none;
	border-right: 1px dotted #CCCCCC;
	float: left;
	padding: 0;
	width: 50%;
}

.from_prev #basic_all_tab1 .edit_area .edit_box_left .bgimage_list_right,
.from_prev #basic_all_tab2 .edit_area .edit_box_left .bgimage_list_right {
	border: none;
	float: right;
	padding: 0;
	width: 47%;
}
.from_prev #basic_all_tab1 .edit_area .edit_box_left .bgimage_list li,
.from_prev #basic_all_tab2 .edit_area .edit_box_left .bgimage_list li {
	width: 75px;
}
.container_sub .from_prev #basic_all_tab1 .edit_area .edit_box_left .bgimage_list li,
.container_sub .from_prev #basic_all_tab2 .edit_area .edit_box_left .bgimage_list li {
	width: 95px;
}

/*■■■■■ グローバルナビゲーション 位置固定設定 ■■■■■■■■■■■■■■■*/
.edit_area .edit_box_left ul.font_size_custom {
	margin: 0;
}
.edit_area .edit_box_left ul.font_size_custom li {
	background: none !important;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.edit_area .edit_box_left ul.font_size_custom > p {
	padding: 10px 0 5px 0;
}





/*■■■■■ WEBフォーム集計レポート ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP #GRAPH h3 {
	background: url(../images/h3_webgraph.png) repeat-x left top;
	border: 1px solid #FF6633;
	color: #FFFFFF;
}

#HP #GRAPH h4 {
	background: none;
	background-color: #FFE4BF;
	border: 3px double #FF921D;
	color: #663300;
}
#HP #GRAPH .search_box_in .quick > h4 {
	background: none !important;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
}

.search_box_in .quick > a {
	clear: none;
	float: left;
	margin: 0 0 0 10px;
}

#HP #GRAPH .table_value th {
	background-color: #FFE4BF;
	border: 1px solid #FFE4BF;
	color: #663300;
}

#HP #GRAPH .table_value td {
	border: 1px solid #FFE4BF;
}

#HP #GRAPH .table_basic td {
	border: 1px solid #FFE4BF;
}

table.jqplot-table-legend {
	display: block;
}




/*■■■■■ お手本 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ ホームページお手本セットアップ画面（201608） ■■■■■■■■■■■■■■■*/
.container_setup {
	padding: 1.05% !important;
}
.container_setup .contents_top {
	border-radius: 5px;
	padding: 5px;
}

/*■■■■■ 上部の流れ ■■■■■*/
.container_setup ol.setup_nagare {
	list-style: none;
	margin: 0 0 15px 0;
	overflow: hidden;
	padding: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.container_setup ol.setup_nagare li {
	background: #CCCCCC none;
	border-radius: 10px;
	clear: none;
	color: #CCCCCC;
	float: left;
	margin: 0 1.6% 0 0;
	padding: 0;
	position: relative;
	width: 32%;
}
.container_setup ol.setup_nagare li:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.container_setup ol.setup_nagare li:after {
	border-color: rgba(255, 255, 170, 0);
	border-left-color: #CCCCCC;
	border-width: 10px;
	margin-top: -10px;
}

/*■■■■■ 上部の流れ（そのページの時） ■■■■■*/
.container_setup ol.setup_nagare .select {
	background: #FF99CC none;
	color: #000000;
}
.container_setup ol.setup_nagare .select:after {
	border-left-color: #FF99CC;
}

/*■■■■■ 上部の流れ（最後のマス） ■■■■■*/
.container_setup ol.setup_nagare li:nth-last-of-type(1) {
	margin: 0;
}
.container_setup ol.setup_nagare li:nth-last-of-type(1):after {
	border: none;
}

/*■■■■■ 上部の流れ（選択した業種） ■■■■■*/
.container_setup .gyosyu_label_box {
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 92%;
}
.container_setup .gyosyu_label {
	display: block;
	float: right;
}

/*■■■■■ 上部の流れ（説明アイコン） ■■■■■*/
.container_setup ol.setup_nagare li > img {
	margin: 0 0 -6px 0;
	max-width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.container_setup ol.setup_nagare li > img:not(:target) {
		margin: 0;
	}
}

/*■■■■■ 上部の流れ（説明タイトル） ■■■■■*/
.container_setup ol.setup_nagare li > .setup_text {
	padding: 0 0 0 35px;
	position: absolute;
	text-align: center;
	top: 5%;
	width: 100%;
}
.container_setup ol.setup_nagare li:nth-of-type(1) > .setup_text {
}
.container_setup ol.setup_nagare li > .setup_text > span {
	color: rgba(255, 255, 255, 0.6);
	display: block;
	font-size: 146%;
	font-weight: bold;
}
.container_setup ol.setup_nagare .select > .setup_text > span {
	color: #FFFFFF;
}

/*■■■■■ ホームページお手本セットアップ STEP 1/3 業種選択 ■■■■■■■■■■■■■■■*/
#gyosyu_tab {
	padding: 10px 0 0 0;
}

/*■■■■■ タブ全体 ■■■■■*/
#gyosyu_tab ul.tab,
#basic_design_tab ul.tab {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	margin: 10px 0 -1px 0;
	overflow: hidden;
	padding: 0;
}

#gyosyu_tab ul.tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■■■ タブ ■■■■■*/
#gyosyu_tab ul.tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 86%;
	height: 18px;
	margin: 0;
	padding: 4px 8px 0 8px;
	text-align: center;
	text-decoration: none;
	width: auto;
}
#gyosyu_tab ul.tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■■■ タブ　そのページの時 ■■■■■*/
#gyosyu_tab ul.tab .selected,
#gyosyu_tab ul.tab .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■■■■ タブの中のボックス ■■■■■*/
#gyosyu_tab .template_box_s {
	background: none;
	margin: 0 0 90px 5px;
}

/*■■■■■ デザインスキン１つ１つ ■■■■■*/
#gyosyu_tab .designskin {
	background: none;
	border: 1px dotted transparent;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	float: none;
	height: auto;
	margin: 0 0 0 -4px;
	overflow: hidden;
	padding: 7px;
	position: relative;
	vertical-align: top;
	width: 160px;
}
#gyosyu_tab .designskin_select {
	background-color: #FFF2BF;
	border: 1px dotted #FF9900;
}

/*■■■■■ 拡大アイコン ■■■■■*/
#gyosyu_tab .designskin > .bt_otehon_kakunin {
	background: url(../images/mark_item_8.png) no-repeat left top;
	display: block;
	height: 26px;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: 16px;
	width: 26px;
	z-index: 1;
}
#gyosyu_tab .designskin > .bt_otehon_kakunin:hover {
	background: url(../images/mark_item_8_f2.png) no-repeat left top;
}

/*■■■■■ スキン ■■■■■*/
#gyosyu_tab .designskin label {
	display: block;
	font-size: 90%;
	font-weight: bold;
}

#gyosyu_tab .designskin > label > a > img {
	background: url(../images/bk_designskin.gif) no-repeat left top;
	border: none;
	display: block;
	height: 172px;
	margin: 0 0 5px 0;
	padding: 9px 6px 5px 5px;
	transition: all 0.5s ease; /*0.5秒かけて要素を変化させる*/
	width: 149px;
}
#gyosyu_tab .designskin > label > a:hover > img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*■■■■■ 業種の説明 ■■■■■*/
#gyosyu_tab .designskin .skinguide {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	font-size: 96%;
	font-weight: normal;
	display: block;
	margin: 4px 0 0 0;
	padding: 2px 4px 1px 4px;
	position: relative;
}
#gyosyu_tab .designskin .skinguide:after,
#gyosyu_tab .designskin .skinguide:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#gyosyu_tab .designskin .skinguide:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 4px;
	left: 25%;
	margin-left: -2px;
}
#gyosyu_tab .designskin .skinguide:before {
	border-color: rgba(170, 170, 170, 0);
	border-bottom-color: #CCCCCC;
	border-width: 6px;
	left: 25%;
	margin-left: -4px;
}



/*■■■■■ ホームページお手本セットアップ STEP 2/3 デザイン選択 ■■■■■■■■■■■■■■■*/
.container_setup .template_box_s {
	background: none;
	margin: 10px -15px 50px 0;
}

.container_setup .template_box_s .designskin {
	background-position: left top;
	border: none;
	/*height: 210px;*/
	/*margin: 0 27px 5px 0;*/
	/*padding: 9px 0 0 0;*/
}






/*■■■■■ カスタムデザイン管理 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#CUSTOM {
}



/*■■■■■ 新規フォルダ作成エリア ■■■■■*/
#CUSTOM .turn {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#CUSTOM .turn li {
	padding: 0 0 10px 32px;
}

#CUSTOM .turn li:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#CUSTOM .turn .no1 {
	background: url(../images/guide_custom_no_1.png) no-repeat left top;
}

#CUSTOM .turn .no2 {
	background: url(../images/guide_custom_no_2.png) no-repeat left top;
}

#CUSTOM .turn li .text_1 {
	display: block;
	float: left;
}

/* 参照ボタン */
#CUSTOM .turn li .bt {
	height: 14px;
	margin: 2px 0 0 5px;
	padding: 2px 5px 1px 5px;
}



/*■■■■■ カスタムデザインスキン一覧エリア ■■■■■*/
#CUSTOM .custom_list_box {
	border: 1px dotted #CCCCCC;
	clear: both;
	float: left;
	margin: 0 15px 5px 0;
	overflow: hidden;
	padding: 10px;
	width: 170px;
}

#CUSTOM .custom_list_box h3 {
	font-size: 96%;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#CUSTOM .custom_list_box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#CUSTOM .custom_list_box ul li {
	clear: both;
}

#CUSTOM .custom_list_box ul li:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#CUSTOM .custom_list_box ul li input[type="CHECKBOX"] {
	float: left;
	margin: 4px 5px 0 0;
}

#CUSTOM .custom_list_box ul li a {
	color: #00A5DF;
	display: block;
	float: left;
	overflow: hidden;
	text-decoration: none;
	white-space: nowrap;
	width: 150px;
}

#CUSTOM .custom_list_box ul li a:hover {
	color: #000066;
	text-decoration: none;
}

#CUSTOM .custom_list_box ul li .folder_this {
	display: block;
	float: left;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	white-space: nowrap;
	width: 150px;
}



/*■■■■■ カスタムエリア ■■■■■*/
#rightpanelblock {
	padding: 0 0 0 207px;
}

/*■■■ css,file タブ ■■■*/
#rightpanelblock .tab {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	height: 22px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#rightpanelblock #rightpanelblock_tab1 .tab,
#rightpanelblock #rightpanelblock_tab2 .tab {
	border-bottom: 1px solid transparent;
}

#rightpanelblock .tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#rightpanelblock .tab li {
	border: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/* タブ */
#rightpanelblock .tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 96%;
	height: 20px;
	margin: 0;
	padding: 2px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 90px;
}

#rightpanelblock .tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/* タブ　そのページの時 */
#rightpanelblock .tab li .selected {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #FFFFFF;
	display: block;
	font-size: 96%;
	height: 20px;
	margin: 0;
	padding: 2px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 90px;
}

#rightpanelblock .tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}



/*■■■■■ CSSの時の設定 ■■■■■*/
#rightpanelblock #rightpanelblock_tab1 {
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	border-top: none;
	margin: 0;
	padding: 10px 18px 10px 10px;
}

#rightpanelblock #rightpanelblock_tab1:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* タブの中の文字 */
#rightpanelblock #rightpanelblock_tab1 .tab li a,
#rightpanelblock #rightpanelblock_tab1 .tab li .selected {
	font-size: 86%;
}

/* 保存ボタン */
#rightpanelblock .bt_hozon {
	margin: 10px 0 0 0;
}



/*■■■■■ FILEの時の設定 ■■■■■*/
#rightpanelblock #rightpanelblock_tab2 {
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	border-top: none;
	margin: 0;
	padding: 10px 0 10px 10px;
}

#rightpanelblock #rightpanelblock_tab2:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* ファイルアップロードボタンとファイル全体のボックス */
#rightpanelblock #rightpanelblock_tab2 .upload,
#rightpanelblock #rightpanelblock_tab2 .image_box {
	margin: 0;
	width: 100%;
}

/* ファイルアップロードで開くエリア */
#rightpanelblock #rightpanelblock_tab2 #opt_upload_frame {
	padding: 10px;
}

/* ナビボックス */
#rightpanelblock #rightpanelblock_tab2 .navigation_box {
	height: 34px;
	margin: 0 10px 0 0;
}

#rightpanelblock #rightpanelblock_tab2 .navigation_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* ファイル画像 */
#rightpanelblock #rightpanelblock_tab2 .image_list {
	margin: 0 10px 10px 0;
}

#rightpanelblock #rightpanelblock_tab2 .image_list .picture {
	display: block;
}

:root *> #rightpanelblock #rightpanelblock_tab2 .image_list .picture { /*IE6-IE8以外*/
	display: table-cell;
}

#rightpanelblock #rightpanelblock_tab2 .image_list .picture img {
	max-height: 113px;
	max-width: 150px;
	width:expression(document.body.clientWidth < 1? "1px" : document.body.clientWidth > 150? "150px" : "auto");
}

/* チェックをつけたファイルを削除ボタン */
#rightpanelblock #rightpanelblock_tab2 .linknavigation {
	margin: 5px 5px 8px 0;
}

/* チェックをつけたファイルを削除ボタン */
#rightpanelblock #rightpanelblock_tab2 .submitarea {
	clear: both;
	margin: 5px 0 0 0;
}

#rightpanelblock #rightpanelblock_tab2 .submitarea .bt_delete {
	color: #EFEFEF;
}
#rightpanelblock #rightpanelblock_tab2 .submitarea .bt_delete:hover {
	color: #FF0000 !important;
}





/*■■■■■ ホームページ簡単セットアップ（業種別） ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.wizmenu_guide {
	padding: 8px 0 5px 0;
}

/*■■■■■ デザインスキン１つ１つ ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.wizmenu:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.wizmenu .designskin {
	background: none;
	border: 1px dotted transparent;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	float: none;
	height: auto;
	margin: 0 0 0 -4px;
	overflow: hidden;
	padding: 7px;
	position: relative;
	vertical-align: top;
	width: 160px;
}
.wizmenu .designskin_select {
	background-color: #FFF2BF;
	border: 1px dotted #FF9900;
}

/*■■■■■ 拡大アイコン ■■■■■*/
.wizmenu .designskin > .bt_otehon_kakunin {
	background: url(../images/mark_item_8.png) no-repeat left top;
	display: block;
	height: 26px;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: 16px;
	width: 26px;
	z-index: 1;
}
.wizmenu .designskin > .bt_otehon_kakunin:hover {
	background: url(../images/mark_item_8_f2.png) no-repeat left top;
}

/*■■■■■ スキン ■■■■■*/
.wizmenu .designskin label {
	display: block;
	font-size: 90%;
	font-weight: bold;
}

.wizmenu .designskin > label > a > img {
	background: url(../images/bk_designskin.gif) no-repeat left top;
	border: none;
	display: block;
	height: 172px;
	margin: 0 0 5px 0;
	padding: 9px 6px 5px 5px;
	transition: all 0.5s ease; /*0.5秒かけて要素を変化させる*/
	width: 149px;
}
.wizmenu .designskin > label > a:hover > img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*■■■■■ 業種の説明 ■■■■■*/
.wizmenu .designskin .skinguide {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	font-size: 96%;
	font-weight: normal;
	display: block;
	margin: 4px 0 0 0;
	padding: 2px 4px 1px 4px;
	position: relative;
}
.wizmenu .designskin .skinguide:after,
.wizmenu .designskin .skinguide:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.wizmenu .designskin .skinguide:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 4px;
	left: 25%;
	margin-left: -2px;
}
.wizmenu .designskin .skinguide:before {
	border-color: rgba(170, 170, 170, 0);
	border-bottom-color: #CCCCCC;
	border-width: 6px;
	left: 25%;
	margin-left: -4px;
}

.setup_box {
	background-color: #FBFBFB;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin: 0 0 5px 0;
	padding: 10px;
}

.setup_title {
	font-size: 120%;
	font-weight: bold;
}

.setup_box_in {
	background: url(../images/bk_setup_box_in.png) no-repeat 65px 3px;
	border-radius: 5px;
	padding: 40px 0 0 0;
	width: 100%;
}

.setup_box_in:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.setup_box_in .manualsetup_td {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	vertical-align: top;
}

.setup_box_in .td_no {
	background: none;
	border: none;
	width: 14px;
}

.setup_box_in h3 {
	border-bottom: 3px double #000000;
	margin: 0 0 10px 0;
}

.manualsetup,
.autosetup {
	padding: 10px;
	width: 426px;
}
.autosetup {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}

.manualsetup:after,
.autosetup:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.manualsetup img,
.autosetup img {
	float: left;
	margin: 0 10px 30px 0;
}
.autosetup .osusumebadge {
	float: right;
	margin: -53px -5px 10px 0;
}

.manualsetup p,
.autosetup p {
	float: right;
	width: 280px;
}

/*■■■■■ 左（手動セットアップ） ■■■■■*/
.manualsetup {
	float: left;
}


/*■■■■■ 右（全自動セットアップ） ■■■■■*/
.autosetup {
	float: right;
}


/*■■■■■ サービスメニュー選択 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.menu_select {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
}

.menu_select:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■■■■ 親タイトル ■■■■■*/
.menu_select li {
	background: url(../images/otehon_bk_banner.gif) no-repeat 6px 35px;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}

.menu_select li h3 {
	font-size: 112%;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

/*■■■■■ 子要素 ■■■■■*/
.menu_select li ul {
	padding: 0 0 0 18px;
}

.menu_select li ul li {
	background: none;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	margin: 0 6px 10px 0;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
	width: 140px;
}

.menu_select li ul li .menu_box {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin: 0;
	padding: 5px;
}

.menu_select li ul li .menu_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*■■ バナーに乗るタイトル ■■*/
.menu_select li ul li .menu_box .menu_title_check {
	display: block;
	float: right;
	font-size: 96%;
	line-height: 1.2;
	min-height: 60px;
	width: 100px;
}

/*■■■■■ 孫要素 ■■■■■*/
.menu_select li ul li ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu_select li ul li ul:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.menu_select li ul li ul li {
	background: url(../images/otehon_bk_banner.gif) no-repeat 7px -15px;
	margin: 7px 0 0 0;
	padding: 0 0 0 18px;
	width: 122px;
}

.menu_select li ul li ul li .menu_box {
	margin: 0;
}

/*■■ バナーに乗るタイトル ■■*/
.menu_select li ul li ul li .menu_box .menu_title_check {
	display: block;
	float: right;
	font-size: 86%;
	line-height: 1.2;
	min-height: 40px;
	width: 90px;
}


/*■■■■■ お客様情報入力 ■■■■■■■■■■■■■■■■■■■■■■■■■*/
.table_client_input {
	width: 100%;
}

.table_client_input th {
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 106%;
	padding: 15px 10px 15px 0;
	text-align: left;
	vertical-align: top;
	width: 150px;
}

.table_client_input td {
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;
	padding: 15px 0 15px 10px;
}

.table_client_input td textarea {
	padding: 5px 2px;
}

.table_client_input td textarea + div {
	margin: 5px 0 0 0;
}


/*■■■■■ カレンダーから予約受け付けるか、予約フォームから受け付けるか ■■■■■*/
.table_client_input_calendar td {
	padding: 10px;
	vertical-align: top;
	width: 33%;
}
.table_client_input_calendar td:nth-of-type(1) {
	background: #FFD6EB;
}
.table_client_input_calendar td:nth-of-type(2) {
	background: #FFEBF5;
}
.table_client_input_calendar td:nth-of-type(3) {
	background: #FFF5FA;
}

.table_client_input_calendar td > label {
	background: #FFFFFF;
	display: block;
	float: none !important;
	margin: 0 !important;
	overflow: hidden;
	padding: 5px;
}
.table_client_input_calendar td > label > div {
	margin: 0 5px 0 0 !important;
}
.table_client_input_calendar td > label > span {
	float: left;
	font-size: 116%;
	font-weight: bold;
	margin: 1px 0 0 0;
}

.table_client_input_calendar td > p:nth-of-type(1),
.table_client_input_calendar td > p:nth-of-type(3) {
	border-bottom: 1px solid #000000;
	clear: both;
	color: #000000;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 5px 0 2px 0;
}

/*
.table_client_input_calendar td > p:nth-of-type(2) {
	min-height: 100px;
}
*/

.table_client_input_calendar td > div > img {
	margin: 0;
	width: 100%;
}


/*■■■■■ 公式SNSリンク設定 ■■■■■*/
.mark_snsicon {
	background: url(../images/003_menuweb_2.png) no-repeat -960px -120px;
	display: block;
	float: right;
	font-size: 0;
	height: 120px;
	width: 120px;
}





/*■■■■■ 募集要項 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
table.recruit_table #job_location_tab ul#tab {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	margin: 0;
	padding: 0;
}
table.recruit_table #job_location_tab ul#tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

table.recruit_table #job_location_tab ul#tab li {
	border: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/* タブ */
/* タブ　そのページの時 */
table.recruit_table #job_location_tab ul#tab li a,
table.recruit_table #job_location_tab ul#tab li a.selected {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 96%;
	height: auto;
	margin: 0;
	padding: 2px 10px 0 10px;
	text-align: center;
	text-decoration: none;
	width: auto;
}
table.recruit_table #job_location_tab ul#tab li a:hover,
table.recruit_table #job_location_tab ul#tab li a.selected,
table.recruit_table #job_location_tab ul#tab li a.selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}





/*■■■■■ カレンダー ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.icon_calendar {
	background: url(../images/001_always.png) no-repeat left -80px;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #404040;
	display: block;
	float: left;
	font-size: 76%;
	height: 17px;
	margin: 4px 0 0 10px;
	padding: 0;
	text-decoration: none;
}
.icon_calendar:hover {
	background: url(../images/001_always.png) no-repeat left -100px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■ カレンダーアイコン ■■*/
.sortlist_li .contents_name .bt_calendardata > span {
	font-size: 100%;
	margin: 0;
	padding: 1px 3px 1px 18px !important;
	text-decoration: none;
}

/*■■■■■ カレンダーデータ デフォルト カラー ■■■■■*/
.edit_box_left .calendar_color {
	overflow: hidden;
	padding: 15px 0 5px 0;
}

.edit_box_left .calendar_color label {
	display: block;
	float: left;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 20px 5px 0 !important;
}

.edit_box_left .calendar_color label > input,
.edit_box_left .calendar_color label > span {
	display: block;
	float: left;
}
.edit_box_left .calendar_color label > span {
	height: 18px;
	padding: 0 0 0 1px;
	text-align: center;
	width: 18px;
}

#HP .calendardata_findlist_data .calendardata1 {background-color: #E99191;}
#HP .calendardata_findlist_data .calendardata2 {background-color: #FFD18C;}
#HP .calendardata_findlist_data .calendardata3 {background-color: #BDE991;}
#HP .calendardata_findlist_data .calendardata4 {background-color: #90D3FF;}
#HP .calendardata_findlist_data .calendardata5 {background-color: #B9A1D0;}
#HP .calendardata_findlist_data .calendardata6 {background-color: #FFBED4;}
#HP .calendardata_findlist_data .calendardata7 {background-color: #CCCCCC;}
.calendardata0 {background-color: transparent; border: 1px dashed #AAAAAA; color: transparent;}
.calendardata1 {background-color: #CC0202; color: transparent;}
.calendardata2 {background-color: #FF9900; color: transparent;}
.calendardata3 {background-color: #66CC00; color: transparent;}
.calendardata4 {background-color: #0099FF; color: transparent;}
.calendardata5 {background-color: #663399; color: transparent;}
.calendardata6 {background-color: #FF6699; color: transparent;}
.calendardata7 {background-color: #666666; color: transparent;}
.calendardata11 {background-color: #F6CEEC; color: transparent;}
.calendardata12 {background-color: #F9CB9C; color: transparent;}
.calendardata13 {background-color: #CEF6D8; color: transparent;}
.calendardata14 {background-color: #CFE2F3; color: transparent;}
.calendardata15 {background-color: #D8CEF6; color: transparent;}
.calendardata16 {background-color: #C8CDCE; color: transparent;}
.calendardata21 {background-color: transparent; color: #CC0000 !important; font-weight: bold;}
.calendardata22 {background-color: transparent; color: #FF9900 !important; font-weight: bold;}
.calendardata23 {background-color: transparent; color: #66CC00 !important; font-weight: bold;}
.calendardata24 {background-color: transparent; color: #0099FF !important; font-weight: bold;}
.calendardata25 {background-color: transparent; color: #663399 !important; font-weight: bold;}
.calendardata26 {background-color: transparent; color: #FF6699 !important; font-weight: bold;}
.calendardata27 {background-color: transparent; color: #AAAAAA !important; font-weight: bold;}
.calendardata28 {background-color: transparent; color: #000000 !important; font-weight: bold;}

/*■■■■■ カレンダー上のイベントデータをクリックした時の動作（予約フォームへ飛ばす） ■■■■■*/
#block_reservewebform a {
	border: 1px solid #AAAAAA;
	margin: 0 0 5px 0;
	text-decoration: none;
}
#block_reservewebform a:hover {
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■■■ カレンダーの内容を編集 ■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 項目タイトル ■■■■■*/
.edit_form .entry-label_left {
	clear: both;
	float: left;
	font-size: 100%;
	padding: 4px 1% 0 0;
	width: 20%;
}
.edit_form .entry-label_left + p {
	float: left;
	padding: 4px 0 0 0;
}

/*■■■■■ webフォームの選択変更時の項目タイトル ■■■■■*/
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 + #box_reservation_chg .reservation_form_select_1 .entry-label_left {
	font-size: 0;
}

/*■■■■■ 日付設定エリア ■■■■■*/
.edit_area .edit_box_left .calendar_date_edit {
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0 10px 0;
	overflow: hidden;
	padding: 10px 0;
}

.edit_area .edit_box_left .calendar_date_select {
	overflow: hidden;
}
.edit_area .edit_box_left .calendar_date_select > p {
	display: table-cell;
	height: 26px;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
.edit_area .edit_box_left .calendar_date_select > p:nth-of-type(1) {
	padding: 0;
}
.edit_area .edit_box_left .calendar_date_select > p input,
.edit_area .edit_box_left .calendar_date_select > p select {
	margin: 0;
	vertical-align: middle;
}
.edit_area .edit_box_left .calendar_date_select > p input[type="CHECKBOX"] {
	margin: 0 3px 0 0;
}

/*■■■■■ 受付期限・受付開始 ■■■■■*/
.edit_area .edit_box_left div[id*="calendardata_limit_block"] {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0 0 4px 0;
}

/*■■■■■ ラベルカラー ■■■■■*/
.edit_box_left .calendar_label_color {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0 0 10px 0;
}

.edit_box_left .calendar_label_color .label_color {
	display: flex;
	margin: 0 0 -10px 0;
	padding: 2px 0 0 0;
}
.edit_box_left .calendar_label_color .label_color > label {
	padding: 0 3% 10px 0;
}
.edit_box_left .calendar_label_color .label_color > label:nth-last-of-type(1) {
	padding: 0 !important;
}
.edit_box_left .calendar_label_color .label_color > label > input[name="calendardata--calendardata_color"] {
	display: block;
	margin: 0 0 3px 1px;
	height: 18px;
	width: 18px;
}
.edit_box_left .calendar_label_color .label_color > label > span {
	display: block;
	height: 18px;
	text-align: center;
	width: 18px;
}

/* カレンダー設定のカレンダーデータ デフォルト カラー */
.edit_box_left .calendar_color label > span.calendardata1 {background-color: #E99191; color: transparent;}
.edit_box_left .calendar_color label > span.calendardata2 {background-color: #FFD18C; color: transparent;}
.edit_box_left .calendar_color label > span.calendardata3 {background-color: #BDE991; color: transparent;}
.edit_box_left .calendar_color label > span.calendardata4 {background-color: #90D3FF; color: transparent;}
.edit_box_left .calendar_color label > span.calendardata5 {background-color: #B9A1D0; color: transparent;}
.edit_box_left .calendar_color label > span.calendardata6 {background-color: #FFBED4; color: transparent;}
.edit_box_left .calendar_color label > span.calendardata7 {background-color: #CCCCCC; color: transparent;}

/* 予約枠データ テンプレートデータの編集のラベルカラー */
.edit_box_left .calendar_label_color .label_color > label > span.calendardata1 {background-color: #E99191; color: transparent;}
.edit_box_left .calendar_label_color .label_color > label > span.calendardata2 {background-color: #FFD18C; color: transparent;}
.edit_box_left .calendar_label_color .label_color > label > span.calendardata3 {background-color: #BDE991; color: transparent;}
.edit_box_left .calendar_label_color .label_color > label > span.calendardata4 {background-color: #90D3FF; color: transparent;}
.edit_box_left .calendar_label_color .label_color > label > span.calendardata5 {background-color: #B9A1D0; color: transparent;}
.edit_box_left .calendar_label_color .label_color > label > span.calendardata6 {background-color: #FFBED4; color: transparent;}
.edit_box_left .calendar_label_color .label_color > label > span.calendardata7 {background-color: #A6AFB0; color: transparent;}

/* リンク表示ラベル設定のカレンダーイベントデータ表示ラベル */
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata1 {background-color: #CC0202; color: transparent;}
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata2 {background-color: #FF9900; color: transparent;}
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata3 {background-color: #66CC00; color: transparent;}
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata4 {background-color: #0099FF; color: transparent;}
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata5 {background-color: #663399; color: transparent;}
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata6 {background-color: #FF6699; color: transparent;}
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata7 {background-color: #666666; color: transparent;}
.edit_box_left table.table_calendar_label .calendar_color label > span.calendardata17 {background-color: #A4A4A4; color: #FFFFFF; font-weight: bold;}

/*■■■■■ googleカレンダー連携 ■■■■■*/
.edit_box_left .calendar_label_googlecalendar {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0 0 4px 0;
}
.edit_box_left .calendar_label_googlecalendar .calendar_label_googlecalendar_in {
	overflow: hidden;
}

.edit_box_left .calendar_label_googlecalendar label.radiocol_5 {
	float: left;
	margin: 0 10px 5px 0;
}

.edit_box_left .calendar_label_googlecalendar label.radiocol_5 input[type="RADIO"] {
	display: block;
	float: left;
	margin: 0 3px 3px 1px;
	height: 18px;
	width: 18px;
}

/*■■ Googleカレンダーデータ説明欄設定 ■■*/
.edit_box_left .calendar_label_googlecalendar #box_googlecalendardef {
	border-top: 1px dotted #CCCCCC;
}

.edit_box_left .calendar_label_googlecalendar #box_googlecalendardef .box_reservation_condlist_inbox > span {
	display: block;
	float: left;
	font-weight: bold;
	padding: 10px 10px 0 0 !important;
}

.edit_box_left .calendar_label_googlecalendar #box_googlecalendardef .box_reservation_condlist_inbox > p {
	float: left;
}

.edit_box_left .calendar_label_googlecalendar #box_googlecalendardef .box_reservation_condlist_inbox > span + p {
	padding: 10px 10px 0 0 !important;
}

.edit_box_left .calendar_label_googlecalendar #box_googlecalendardef .box_reservation_condlist_inbox > span + p + p > select {
	margin: 3px 0 0 0 !important;
}

/*■■■ リンク表示ラベル設定：カレンダーイベントデータ表示ラベル欄 ■■■*/
.edit_area .edit_box_left table.table_calendar_label td {
	border-bottom: 1px dotted #CCCCCC;
}
.edit_area .edit_box_left table.table_calendar_label td.label_name {
	width: 12%;
}
.edit_area .edit_box_left table.table_calendar_label td.label_mark {
	width: 9%;
}
#HP .edit_area .edit_box_left table.table_calendar_label td.label_color .calendar_color label > input[type="RADIO"] {
	height: 20px;
	width: 20px;
}
.edit_area .edit_box_left table.table_calendar_label td.label_color .calendar_color label > span {
	padding: 2px 1px 0 1px;
}

/*■■■ 繰り返し設定 ■■■*/
.edit_area .edit_box_left #calendardata_repeat_block {
	overflow: hidden;
}

.edit_area .edit_box_left #calendardata_repeat_block .repeat_title,
.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0 0 1px 0;
}
.edit_area .edit_box_left #calendardata_repeat_block .repeat_title {
	background: #F9F9F9;
	border-right: none;
	color: #333333;
	clear: both;
	font-weight: bold;
	min-height: 27px;
	padding: 16px 10px 6px 10px;
	width: 18%;
}
.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan {
	background: #FFFFFF;
	border-radius: 0;
	padding: 8px 10px 2px 10px;
	width: 75%;
}

.edit_area .edit_box_left #calendardata_repeat_block > div:nth-of-type(1) {
	margin: 5px 0 0 0;
	overflow: hidden;
}

.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan_youbi {
	overflow: hidden;
	padding: 17px 10px 11px 10px;
}
.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan_youbi label {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan_youbi label:nth-last-of-type(1) {
	float: right;
	margin: 0;
}
.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan_youbi label > label {
	margin: 0;
}
.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan input[type="CHECKBOX"] {
	float: left;
	margin: 0 5px 5px 0;
	height: 16px;
	width: 16px;
}
.edit_area .edit_box_left #calendardata_repeat_block .repeat_kikan input[type="text"] {
	margin: 1px 0 6px 0;
}

/* ホームページパーツ編集のカレンダー */
#ui-datepicker-div table th {
	background: none;
	border: 0 none;
	color: #000000;
	font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	width: auto;
}
#ui-datepicker-div table td a {
	font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
	text-align: center;
}

/*■■■■■ カレンダー上のイベントデータをクリックした時の動作設定 ■■■■■*/
.edit_area .edit_box_left ul#blockctrl_form_select,
.edit_area .edit_box_left ul#block_form_select {
	list-style: none;
	margin: 5px 0 10px 0;
	overflow: hidden;
	padding: 0;
}
.edit_area .edit_box_left ul#blockctrl_form_select > li,
.edit_area .edit_box_left ul#block_form_select > li {
	background: none;
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
}

.edit_area .edit_box_left ul#blockctrl_form_select > li > label,
.edit_area .edit_box_left ul#block_form_select > li > label {
	float: left;
}
.edit_area .edit_box_left ul#blockctrl_form_select > li > label > input[type="RADIO"],
.edit_area .edit_box_left ul#block_form_select > li > label > input[type="RADIO"] {
	float: left;
	height: 16px;
	width: 16px;
}
.edit_area .edit_box_left ul#blockctrl_form_select > li > label > input[type="RADIO"] + span,
.edit_area .edit_box_left ul#block_form_select > li > label > input[type="RADIO"] + span {
	float: left;
}

/*■■■ 下の日付けやタイトルを設定してください ■■■*/
.edit_area .edit_box_left #block_dispmsg {
	margin: 6px 0 0 0;
}

/*■■■ 飛ばす先のページのアドレス(URL) ■■■*/
.edit_area #block_pagelink .editor_icon_hp,
.edit_area #block_pagelink .editor_icon_webform,
.edit_area #block_pagelink .editor_icon_calendar {
	float: left;
	margin: 2px 5px 5px 0;
	text-decoration: none;
}
.edit_area #block_pagelink > input {
	float: left;
	margin: 0 0 1px 0;
	width: 88%;
}

/*■■■ 作成済WEBフォームのセレクトボックス ■■■*/
.edit_area .edit_box_left #block_reservewebform ul li .select2-container {
	float: left;
	margin: 0;
}

.select2-results {
	overflow-x: auto !important;
	overflow-y: auto !important;
}
.select2-results li {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.select2-results li:before {
	content: none !important;
}

/*■■■ 作成済のWEBフォームから選択する ■■■*/
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 {
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 10px 0;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .calendardata_link_webform {
	overflow: hidden;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .calendardata_link_webform > p {
	float: left;
	padding: 2px 0 0 0;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 a,
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 a:hover {
	color: #000000;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .select2-container {
	max-width: 86%;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .select2-container > .select2-choice {
	margin: 0;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .calendardata_link_webform .bt,
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .calendardata_link_webform .bt:hover {
	clear: both;
	margin: 5px 0;
}

/*■■■ WEBフォームの変更 ■■■*/
.edit_area .edit_box_left #block_reservewebform #box_reservation_chg .reservation_form_select_1 {
	background-color: #FBFBFB;
	border-top: none;
	margin: -5px 0 0 0;
}


/*■■■ 作成済WEBフォームの編集ボタン ■■■*/
/*■■■ 新たに受付WEBフォームを作成するボタン ■■■*/
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .bt_form_icon_edit,
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .bt_form_icon_plus {
	float: right;
	margin: 0;
	padding: 0 10px;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .bt_form_icon_plus {
	border: none !important;
	border-left: 1px dotted #CCCCCC !important;
	padding: 0 10px;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .bt_form_icon_edit > span {
	background: url(../images/003_hp.png) no-repeat left -90px;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .bt_form_icon_edit:hover > span {
	background: url(../images/003_hp.png) no-repeat left -120px;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .bt_form_icon_plus > span {
	background: url(../images/003_hp.png) no-repeat -150px -90px;
	display: block;
	height: 26px;
	width: 26px;
}
.edit_area .edit_box_left #block_reservewebform .reservation_form_select_1 .bt_form_icon_plus:hover > span {
	background: url(../images/003_hp.png) no-repeat -150px -120px;
}

/*■■■ 新たに予約フォームを作成する ■■■*/
.edit_area .edit_box_left #block_reservewebform #addwebformbox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px;
	position: relative;
}
.edit_area .edit_box_left #block_reservewebform #addwebformbox:after,
.edit_area .edit_box_left #block_reservewebform #addwebformbox:before {
	bottom: 100%;
	left: 98.5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.edit_area .edit_box_left #block_reservewebform #addwebformbox:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 5px;
	margin-left: -5px;
}
.edit_area .edit_box_left #block_reservewebform #addwebformbox:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #CCCCCC;
	border-width: 7px;
	margin-left: -7px;
}

.edit_area .edit_box_left #block_reservewebform #addwebformbox .addwebformbox_inbox {
	overflow: hidden;
}

.edit_area .edit_box_left #block_reservewebform #addwebformbox .entry-label_left {
	float: none;
	padding: 0 0 5px 0;
	width: auto;
}

/*■■■ 新規WEBフォーム作成 ■■■*/
.edit_area .edit_box_left #block_reservewebform #addwebformbox .new_form_plus {
	float: left;
	width: 26%;
}
.edit_area .edit_box_left #block_reservewebform #addwebformbox .new_form_plus > p {
	float: left;
	padding: 3px 0 0 0;
}

/*■■■ または ■■■*/
.edit_area .edit_box_left #block_reservewebform #addwebformbox .reservation_form_mataha {
	background: url(../images/mark_reservewebform_or.png) no-repeat center center;/*書き出し素材_002.png*/
	border: none;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 9%;
}

.edit_area .edit_box_left #block_reservewebform #addwebformbox .reservation_form_mataha > img {
	margin: 0;
}

/*■■■ コピーしてフォーム作成 ■■■*/
.edit_area .edit_box_left #block_reservewebform #addwebformbox .copy_form_plus {
	float: right;
	width: 65%;
}
.edit_area .edit_box_left #block_reservewebform #addwebformbox .copy_form_plus > p {
	float: left;
	padding: 3px 10px 0 0;
}

.edit_area .edit_box_left #block_reservewebform #addwebformbox .copy_form_plus .select2-container {
	max-width: 37%;
}

.edit_area .edit_box_left #block_reservewebform #addwebformbox .copy_form_plus .bt_form_icon_copy {
	border: none;
	border-left: 1px dotted #CCCCCC;
	display: block;
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
}
.edit_area .edit_box_left #block_reservewebform #addwebformbox .copy_form_plus .bt_form_icon_copy > span {
	background: url(../images/003_hp.png) no-repeat -60px -90px;
	display: block;
	height: 26px;
	width: 26px;
}
.edit_area .edit_box_left #block_reservewebform #addwebformbox .copy_form_plus .bt_form_icon_copy:hover > span {
	background: url(../images/003_hp.png) no-repeat -60px -120px;
}

/*■■■■■ 予約数上限 ■■■■■*/
.edit_area .edit_box_left #box_reservation {
	margin: 10px 0 0 0;
}

.edit_area .edit_box_left #box_reservation .calendardata_reserve_max {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0 0 10px 0;
}
.edit_area .edit_box_left #box_reservation .calendardata_flag .calendardata_reserve_max {
	border: none;
	border-top: 1px dotted #CCCCCC;
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.edit_area .edit_box_left #box_reservation .calendardata_reserve_max > p {
	float: left;
}
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max > p:nth-last-of-type(1) {
	padding: 0 0 0 10px;
}

/* 上限をチェックするかどうかのセレクトボックス */
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max select#calendardata--calendardata_flag19 {
	margin: 0;
}

/* 上限数入力エリアと残少マーク表示％ */
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max div#reservemaxcheck {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 10px 0 15px 20%;
}
@media only screen and (max-width: 667px) {
	.edit_area .edit_box_left #box_reservation .calendardata_reserve_max div#reservemaxcheck {
		padding: 10px 0 0 0;
	}
}

/* 上限数入力エリア */
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max div#reservemaxcheck > p {
	background: url(../images/mark_arrow_contentslist.gif) no-repeat left top;
	float: left;
	height: 19px;
	overflow: hidden;
	padding: 3px 0 0 31px;
}
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max input#calendardata--calendardata_reserve_max {
	float: left;
	margin: 0 5px 0 0;
	max-width: 10%;
	vertical-align: middle;
}

/* 残少マーク表示％ */
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max input#calendardata--calendardata_reserve_max + p {
	background: none;
	float: none;
	height: 24px;
	padding: 0 0 0 10px;
}
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max input#calendardata--calendardata_zansyo_per {
	margin: 0 10px;
	vertical-align: middle;
}

/*■■■■■ 上限に達した時に表示するメッセージ ■■■■■*/
.edit_area .edit_box_left #box_reservation .calendardata_reserve_max span#btn_calendardata_flag21 {
	margin: 3px 0 5px 0;
}

.edit_area .edit_box_left #box_reservation .calendardata_reserve_max div#box_calendardata_flag21 {
	clear: both;
	margin: 0 0 0 21%;
}

/*■■■■■ 選択肢連動指定 ■■■■■*/
.edit_area .edit_box_left #box_reservation .calendardata_flag {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0 0 10px 0;
}
.edit_area .edit_box_left #box_reservation .calendardata_flag > label {
	display: block;
	float: left;
	margin: 2px 10px 0 0;
	max-width: 50%;
	min-width: 6%;
	white-space: nowrap;
}
.edit_area .edit_box_left #box_reservation .calendardata_flag > label > input {
	float: left;
	height: 16px;
	width: 16px;
}
.edit_area .edit_box_left #box_reservation .calendardata_flag > label > input + span {
	float: left;
	max-width: 25%;
}
@media only screen and (max-width: 667px) {
	.edit_area .edit_box_left #box_reservation .calendardata_flag > label > input + span {
		max-width: 87%;
	}
}

.edit_area .edit_box_left #box_reservation select#calendardata--calendardata_flag3 {
	float: left;
	margin: 0;
	max-width: 82%;
}
.edit_area .edit_box_left #box_reservation select#calendardata--calendardata_flag3 + .bt_form_icon_edit {
	margin: 0 0 0 10px;
}

/*■■■ WEBフォーム設定 STEP3へのボタン ■■■*/
.edit_area .edit_box_left #box_reservation .calendardata_flag .bt {
	display: inline-block;
	float: none;
	height: 14px;
	margin: 0 5px 0 0;
	padding: 2px 5px 1px 5px;
}

/*■■■ カウントする条件指定 ■■■*/
.edit_area .edit_box_left #box_reservation #box_reservation_condlist,
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	clear: both;
	margin: 10px 0;
	padding: 10px;
	position: relative;
}
.edit_area .edit_box_left #box_reservation #box_reservation_condlist:after,
.edit_area .edit_box_left #box_reservation #box_reservation_condlist:before,
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist:after,
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist:before {
	bottom: 100%;
	left: 29%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.edit_area .edit_box_left #box_reservation #box_reservation_condlist:after,
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 5px;
	margin-left: -5px;
}
.edit_area .edit_box_left #box_reservation #box_reservation_condlist:before,
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #CCCCCC;
	border-width: 7px;
	margin-left: -7px;
}

.edit_area .edit_box_left #box_reservation #box_reservation_condlist .box_reservation_condlist_inbox,
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li {
	border-top: 1px dotted #CCCCCC;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 5px 0;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li:nth-of-type(1) {
	border: none;
}

.edit_area .edit_box_left #box_reservation #box_reservation_condlist .box_reservation_condlist_inbox > p:nth-of-type(1),
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p.webformdtl_title {
	clear: both;
	float: left;
	font-weight: bold;
	padding: 7px 10px 5px 0;
	width: 10%;
}
.edit_area .edit_box_left #box_reservation #box_reservation_condlist .box_reservation_condlist_inbox > p.alertmsg:nth-of-type(1) {
	font-weight: normal;
	padding: 0;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p.webformdtl_title + p {
	float: left;
	width: 89%;
}

.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > label {
	float: left;
	margin: 8px 15px 0 0;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > .rscheckbox,
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > label[class*="radiocol_"] {
	display: block;
	float: left;
	margin: 8px 15px 0 0;
}

.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > label + br {
	clear: both;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > label[class*="radiocol_"] + br {
	display: none;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > .rscheckbox + br {
	clear: both;
}

.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > label.rscheckbox > input[type="CHECKBOX"] {
	margin: 0 2px 0 0;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p > label > input[type="RADIO"] {
	float: left;
	margin: 1px 3px 0 0;
	height: 16px;
	width: 16px;
}

.edit_area .edit_box_left #box_reservation #box_reservation_condlist .bt_form_icon_edit {
	border: none !important;
	margin: 0 0 0 10px;
	padding: 0;
}

.edit_area .edit_box_left #box_reservation #box_reservation_condlist .bt_form_icon_edit > span {
	background: url(../images/003_hp.png) no-repeat left -90px;
}
.edit_area .edit_box_left #box_reservation #box_reservation_condlist .bt_form_icon_edit:hover > span {
	background: url(../images/003_hp.png) no-repeat left -120px;
}



.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p.webformdtl_title + p > .snslink {
	background: url(../images/001_always.png) no-repeat left -80px;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #404040;
	display: block;
	float: left;
	font-size: 86%;
	height: 14px;
	margin: 11px 0 0 10px;
	padding: 2px 3px 2px 5px;
	text-decoration: none;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p.webformdtl_title + p > .snslink:hover {
	background: url(../images/001_always.png) no-repeat left -100px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p.webformdtl_title + p > .snslink > span  {
	background: url(../images/mark_snslink.png) no-repeat left 2px;
	padding: 0 0 0 16px;
}
.edit_area .edit_box_left #box_reservation #box_reservation_defaultlist .box_reservation_defaultlist_inbox > li > p.webformdtl_title + p > .snslink:hover > span  {
	background: url(../images/mark_snslink_f2.png) no-repeat left 2px;
}


/*■■■ 詳細設定の表 ■■■*/
.edit_area .edit_box_left #block_reservewebform table {
	border-radius: 0;
	border-spacing: 0;
	margin: 0;
}
.edit_area .edit_box_left #block_reservewebform table th {
	background: #F9F9F9;
	border: 1px solid #DDDDDD;
	border-right: none;
	border-radius: 0;
	color: #333333;
	height: 30px;
	padding: 5px 10px;
	vertical-align: middle;
	width: 30%;
}
.edit_area .edit_box_left #block_reservewebform table td {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 0;
	padding: 5px 10px;
	vertical-align: middle;
}

.edit_area .edit_box_left .bt_form_icon_edit {
	border: none !important;
	border-left: 1px dotted #CCCCCC;
	display: block;
	float: left;
	margin: -5px 0 0 10px;
	padding: 0 0 0 10px;
	text-decoration: none;
}
.edit_area .edit_box_left .bt_form_icon_edit > span {
	display: block;
	height: 26px;
	width: 26px;
}
.edit_area .edit_box_left .bt_form_icon_edit > span {
	background: url(../images/003_hp.png) no-repeat -120px -90px;
}
.edit_area .edit_box_left .bt_form_icon_edit:hover > span {
	background: url(../images/003_hp.png) no-repeat -120px -120px;
}

.edit_area .edit_box_left #block_reservewebform table p {
	float: left;
	font-weight: bold;
}
.edit_area .edit_box_left #block_reservewebform table p + p {
	font-weight: normal;
}

/*■■■■■ 詳細設定項目の表示 ■■■■■*/
#block_disp_ex_btn {
	margin: 0 0 40px 0;
}

/*■■■■■ 関連するデータすべてを一括処理 ■■■■■*/
.lumping_processing {
	clear: both;
	margin: 10px 0;
	overflow: hidden;
}

.lumping_processing > label {
	overflow: hidden;
}
.lumping_processing > label > input[id="reledit_flag"] {
	float: left;
	height: 16px;
	width: 16px;
}
.lumping_processing > label > input[id="reledit_flag"] + span {
	float: left;
}

/*■■■■■ カレンダー表示 ■■■■■*/
#HP .calendar_area_8 {
	margin: 0 0 35px 0;
	padding: 0 0 10px 0;
	position: relative;
	width: auto;
}
#HP .calendar_area_8 .box,
#HP .calendar_area_8 .list_1 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#HP .calendar_area_8 .list_1 .normalstyle,
#HP .calendar_area_8 .list_1 .voicestyle,
#HP .calendar_area_8 .list_1 .faqstyle {
	margin: 0;
	width: 100%;
}





/*■■■■■ リンク表示 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 1. リンクタイプを選んでください ■■■■■*/
ul.linktype_select {
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 0;
}

ul.linktype_select li {
	background: #FFFFFF no-repeat center 5px;
	border: 1px solid #DFDFDF;
	border-radius: 3px;
	float: left;
	margin: 0 0 0 8px;
	padding: 110px 5px 5px 5px;
	width: 22.6%;
}
ul.linktype_select_calendar li {
	width: 17.5%;
}
ul.linktype_select li:nth-of-type(1) {
	margin: 0;
}
ul.linktype_select li.linktype_select_bt_hp {
	background-image: url(../images/linktype_select_bt_hp.png);
}
ul.linktype_select li.linktype_select_bt_calendar {
	background-image: url(../images/linktype_select_bt_calendar.png);
}
ul.linktype_select li.linktype_select_bt_webform {
	background-image: url(../images/linktype_select_bt_webform.png);
}
ul.linktype_select li.linktype_select_text_hp {
	background-image: url(../images/linktype_select_text_hp.png);
}
ul.linktype_select li.linktype_select_text_calendar {
	background-image: url(../images/linktype_select_text_calendar.png);
}
ul.linktype_select li.linktype_select_text_webform {
	background-image: url(../images/linktype_select_text_webform.png);
}
ul.linktype_select li.linktype_select_url {
	background-image: url(../images/linktype_select_url.png);
}
ul.linktype_select li.linktype_select_qr {
	background-image: url(../images/linktype_select_qr.png);
}
ul.linktype_select li.linktype_select_calendarparts {
	background-image: url(../images/linktype_select_calendarparts.png);
}

ul.linktype_select li > p {
	color: #404040;
	font-size: 86%;
	height: 48px;
	padding: 0 0 7px 0;
}

/*■■ ラジオボタン ■■*/
ul.linktype_select li > label {
	border-top: 1px dotted #CCCCCC;
	display: block;
	float: none !important;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	padding-left: calc(22px + 5px) !important;
	padding-top: 8px !important;
}
ul.linktype_select li > label > input[name="calendar_linktype"] {
	float: none !important;
	height: 22px !important;
	width: 22px !important;
}



/*■■■■■ 2. レイアウトタイプを選んでください ■■■■■*/
ul.layouttype_select {
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 0;
}

ul.layouttype_select li {
	background: #FFFFFF no-repeat center 10px;
	border: 1px solid #DFDFDF;
	border-radius: 3px;
	float: left;
	margin: 0 0 0 8px;
	padding: 180px 5px 5px 5px;
	width: 47.8%;
}
ul.layouttype_select li:nth-of-type(1) {
	margin: 0;
}
ul.layouttype_select li.layouttype_select_side_hp {
	background-image: url(../images/layouttype_select_side_hp.png);
}
ul.layouttype_select li.layouttype_select_noside_hp {
	background-image: url(../images/layouttype_select_noside_hp.png);
}
ul.layouttype_select li.layouttype_select_side_calendar {
	background-image: url(../images/layouttype_select_side_calendar.png);
}
ul.layouttype_select li.layouttype_select_noside_calendar {
	background-image: url(../images/layouttype_select_noside_calendar.png);
}
ul.layouttype_select li.layouttype_select_side_webform {
	background-image: url(../images/layouttype_select_side_webform.png);
}
ul.layouttype_select li.layouttype_select_noside_webform {
	background-image: url(../images/layouttype_select_noside_webform.png);
}

/*■■ ラジオボタン ■■*/
ul.layouttype_select li > label {
	border-top: 1px dotted #CCCCCC;
	display: block;
	float: none !important;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	padding-left: calc(22px + 5px) !important;
	padding-top: 8px !important;
}
ul.layouttype_select li > label > input[name="calendar_disptype"] {
	float: none !important;
	height: 22px !important;
	width: 22px !important;
}



/*■■■■■ カレンダーパーツ選択した時 ■■■■■*/
ul[class*="calendarlink_select_"],
ul[id*="calendar_settei_item"] {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul[class*="calendarlink_select_"] h3 {
	margin: 15px 0 0 0;
}

ul[class*="calendarlink_select_"] li,
ul[id*="calendar_settei_item"] li {
	list-style: none;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

ul[class*="calendarlink_select_"] li > label,
ul[id*="calendar_settei_item"] li > label {
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	padding-left: calc(22px + 5px) !important;
	padding-top: 8px !important;
}
ul[class*="calendarlink_select_"] li > label > input[type="radio"],
ul[id*="calendar_settei_item"] li > label > input[type="radio"],
#HP .edit_form .edit_area .edit_box_left ul[class*="calendarlink_select_"] li label > input[type="CHECKBOX"],
#HP .edit_form .edit_area .edit_box_left ul[id*="calendar_settei_item"] li label > input[type="CHECKBOX"] {
	border-radius: 0;
	float: none !important;
	height: 22px !important;
	width: 22px !important;
}



/*■■■■■ 下記コードをコピーして、設置したい場所に貼り付けてお使いください ■■■■■*/
hr.linktype_select_image {
	border: none;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
	margin: 12px 0;
}

/*■■ クリップボードにコピーボタン ■■*/
.edit_box_left textarea[id*="calendar_3_1"] + button.bt {
	margin: 5px 5px 10px 0 !important;
}
.edit_box_left textarea[id*="calendar_3_1"] + button.bt > span {
	background: url(../images/mark_copy.png) no-repeat 3px -1px;
	background-size: 13px;
	padding: 0 5px 0 18px;
}

/*■■ アメブロ用・アメブロ以外用タブ ■■*/
#partscode_tab ul.tab {
	list-style: none;
	margin: 10px 0 0 10px;
	overflow: hidden;
	padding: 0;
}

#partscode_tab ul.tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/*■■■ タブ ■■■*/
#partscode_tab ul.tab li a {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 76%;
	height: 17px;
	margin: 0;
	padding: 4px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	width: 113px;
}

#partscode_tab ul.tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/*■■■ タブ　そのページの時 ■■■*/
#partscode_tab ul.tab li .selected,
#partscode_tab ul.tab li .selected:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}



/*■■ URLタイプ ■■*/
#calendar_3_1_urltext_box > p,
#calendar_3_1_urltext_box > label.radio_text {
	display: block;
	float: left !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	padding-left: calc(22px + 5px) !important;
}

#calendar_3_1_urltext_box > p {
	font-weight: bold;
	padding: 4px 10px 0 0 !important;
}

#calendar_3_1_urltext_box > label.radio_text:before,
#calendar_3_1_urltext_box > label.radio_text:after {
	top: -4px !important;
}





/*■■■■■ ホームページパーツ編集履歴 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#HP .sortlist_li .contentsbkup {
}

/*■■■■■ 復元アイコン ■■■■■*/
#HP .sortlist_li .contentsbkup .item .item_mark_1 a {
	margin: 0 5px 0 0;
}

#HP .sortlist_li .contentsbkup .item .item_mark_1  .colorbox {
	background: url(../images/003_hp.png) no-repeat left -90px;
	margin: 0 5px 0 0;
}
#HP .sortlist_li .contentsbkup .item .item_mark_1  .colorbox:hover {
	background: url(../images/003_hp.png) no-repeat left -120px;
}

/*■■■■■ 状態（更新・保存・削除） ■■■■■*/
#HP .sortlist_li .contentsbkup div span {
	display: block;
}

#HP .sortlist_li .contentsbkup .bkupope {
	border-right: 1px dotted #CCCCCC;
	float: left;
	height: 22px;
	padding: 4px 10px 0 10px;
}
#HP .sortlist_li .contentsbkup .bkupope span {
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	font-size: 86%;
	height: 17px;
	padding: 1px 0 0 19px;
	width: 28px;
}
#HP .sortlist_li .contentsbkup .bkupope .add {
	background: url(../images/mark_contentsbkup_add.png) no-repeat left top;
}
#HP .sortlist_li .contentsbkup .bkupope .update {
	background: url(../images/mark_contentsbkup_update.png) no-repeat left top;
}
#HP .sortlist_li .contentsbkup .bkupope .del {
	background: url(../images/mark_contentsbkup_del.png) no-repeat left top;
}

/*■■■■■ 操作日時 ■■■■■*/
#HP .sortlist_li .contentsbkup .bkupdatetime {
	border-right: 1px dotted #CCCCCC;
	float: left;
	height: 22px;
	padding: 4px 10px 0 10px;
}

/*■■■■■ 操作パーツ ■■■■■*/
#HP .sortlist_li .contentsbkup .contents_name {
	margin: 0;
	overflow: hidden;
	width: 63.6%;
}
@media only screen and (max-width: 1800px) {#HP .sortlist_li .contentsbkup .contents_name {width: 62.7%;}}
@media only screen and (max-width: 1750px) {#HP .sortlist_li .contentsbkup .contents_name {width: 61.7%;}}
@media only screen and (max-width: 1700px) {#HP .sortlist_li .contentsbkup .contents_name {width: 60.8%;}}
@media only screen and (max-width: 1650px) {#HP .sortlist_li .contentsbkup .contents_name {width: 59.7%;}}
@media only screen and (max-width: 1600px) {#HP .sortlist_li .contentsbkup .contents_name {width: 58.6%;}}
@media only screen and (max-width: 1550px) {#HP .sortlist_li .contentsbkup .contents_name {width: 57.4%;}}
@media only screen and (max-width: 1500px) {#HP .sortlist_li .contentsbkup .contents_name {width: 56.2%;}}
@media only screen and (max-width: 1450px) {#HP .sortlist_li .contentsbkup .contents_name {width: 54.8%;}}
@media only screen and (max-width: 1400px) {#HP .sortlist_li .contentsbkup .contents_name {width: 53.3%;}}
@media only screen and (max-width: 1350px) {#HP .sortlist_li .contentsbkup .contents_name {width: 51.7%;}}
@media only screen and (max-width: 1300px) {#HP .sortlist_li .contentsbkup .contents_name {width: 50.0%;}}
@media only screen and (max-width: 1250px) {#HP .sortlist_li .contentsbkup .contents_name {width: 48.1%;}}
/*
@media only screen and (max-width: 1200px) {#HP .sortlist_li .contentsbkup .contents_name {width: 46.1%;}}
@media only screen and (max-width: 1150px) {#HP .sortlist_li .contentsbkup .contents_name {width: 43.9%;}}
@media only screen and (max-width: 1100px) {#HP .sortlist_li .contentsbkup .contents_name {width: 41.4%;}}
@media only screen and (max-width: 1050px) {#HP .sortlist_li .contentsbkup .contents_name {width: 41.1%;}}
@media only screen and (max-width: 1045px) {#HP .sortlist_li .contentsbkup .contents_name {width: 38.5%;}}
*/

#HP .sortlist_li .contentsbkup .contents_name .title_syubetsu {
	float: left;
	font-weight: bold;
	margin: 2px 5px 2px 0;
}
#HP .sortlist_li .contentsbkup .contents_name .contents_title {
	float: left;
	padding: 4px 0 0 0;
	white-space: nowrap;
	width: 10%;
}

/*■■■■■ 編集USER ■■■■■*/
#HP .sortlist_li_second .bkupdatausr,
#HP .sortlist_li .contentsbkup .bkupdatausr {
	border-left: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	float: right;
	height: 22px;
	overflow: hidden;
	padding: 4px 10px 0 10px;
	position: relative;
	text-align: center;
	width: 4.6%;
}
#HP .sortlist_li_second .bkupdatausr {
	font-size: 86%;
	padding: 9px 10px 0 10px;
}

#HP .sortlist_li_second .item:nth-of-type(2) {
	border: none;
	float: right;
}
#HP .sortlist_li_second .item:nth-of-type(3) {
	float: right;
}

/*■■■■■ 履歴確認アイコン ■■■■■*/
#HP .sortlist_li .contentsbkup .item_bkupcopy + .item_bkupcopy {
	border: none;
}

#HP .sortlist_li .contentsbkup .colorbox {
	background: url(../images/003_hp.png) no-repeat -819px -90px;
	border: none;
	display: block;
	float: right;
	height: 26px;
	margin: 0 5px 0 0;
	text-decoration: none;
	width: 26px;
}
#HP .sortlist_li .contentsbkup .colorbox:hover {
	background: url(../images/003_hp.png) no-repeat -819px -120px;
}

/*■■■■■ コピーアイコン ■■■■■*/
#HP .sortlist_li .contentsbkup .item_bkupcopy {
	border-left: 1px dotted #CCCCCC;
	border-right: none;
	float: right;
}
#HP .sortlist_li .contentsbkup .item .item_mark_3 a {
	float: right;
}

/*■■■■■ 公開ステータス ■■■■■*/
#HP .sortlist_li_second .contents_state,
#HP .sortlist_li .contentsbkup .contents_state {
	border-left: 1px dotted #CCCCCC;
	float: right;
	height: 22px;
	overflow: hidden;
	padding: 4px 10px 0 10px;
	position: relative;
	text-align: center;
	width: 108px;
}
#HP .sortlist_li_second .contents_state {
	font-size: 86%;
	padding: 9px 10px 0 10px;
}
#HP .sortlist_li .contentsbkup .contents_state > span {
	float: none;
	margin: 0 auto;
	text-align: left;
}

/*■■■■■ ポップアップ ■■■■■■■■■■■■■■■■■■■■■■■■■*/
#CONTENTSBKUP {
	background-color: transparent;
	padding: 20px;
}
#CONTENTSBKUP iframe body {
	background-color: transparent;
}

#CONTENTSBKUP .contentsbkup_header {
}
#CONTENTSBKUP .contentsbkup_header:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#CONTENTSBKUP .bt_next {
	background: url(../images/002_main.png) no-repeat -732px top;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #404040;
	display: block;
	float: left;
	font-size: 86%;
	height: 18px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 18px;
}
#CONTENTSBKUP .bt_next:hover {
	background: #0044CC url(../images/002_main.png) no-repeat -732px -18px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}

#CONTENTSBKUP .bt_prev {
	background: url(../images/002_main.png) no-repeat -713px top;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #404040;
	display: block;
	float: left;
	font-size: 86%;
	height: 18px;
	margin: 0 10px 0 0;
	padding: 0;
	text-decoration: none;
	width: 18px;
}
#CONTENTSBKUP .bt_prev:hover {
	background: #0044CC url(../images/002_main.png) no-repeat -713px -18px;
	border: 1px solid #0044CC;
	color: #FFFFFF;
	text-decoration: none;
}

#CONTENTSBKUP .bt_contentsbkup {
	background: url(../images/bt_contentsbkup.png) no-repeat left top;
	color: #404040;
	display: block;
	float: right;
	font-size: 100%;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 8px 0 0 10px;
	text-decoration: none;
	width: 202px;
}
#CONTENTSBKUP .bt_contentsbkup:hover {
	background: url(../images/bt_contentsbkup_f2.png) no-repeat left top;
	color: #FFFFFF;
	display: block;
}

#CONTENTSBKUP h1 {
	background: url(../images/h3_webgraph.png) repeat-x left top;
	border: 1px solid #FF6633;
	border-radius: 4px;
	clear: both;
	color: #FFFFFF;
	font-size: 116%;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px 10px 3px 10px;
}

#CONTENTSBKUP h2 {
	background: url(../images/h2.gif) no-repeat left top;
	background-size: 22px;
	border-bottom: 2px dotted #666666;
	font-size: 106%;
	margin: 0 0 15px 0;
	padding: 0 0 5px 28px;
}

#CONTENTSBKUP h3 {
	background: none;
	border: 3px double #CCCCCC;
	font-size: 106%;
	margin: 0 0 10px 0;
	padding: 3px 7px 1px 7px;
}

#CONTENTSBKUP .contentsbkup_box {
	padding: 30px 0 0 0;
}

/* 追加　add */
/* 削除　del */
/* 変更　change */
.contentsbkup_box_add,
.contentsbkup_box_del,
.contentsbkup_box_change {
	margin: 0 0 10px 0;
}
.contentsbkup_box_add:after,
.contentsbkup_box_del:after,
.contentsbkup_box_change:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* 追加　add */
.contentsbkup_box_add {
	background: #FFBE69 url(../images/icon_contentsbkup_add.png) no-repeat 3px 3px;
	border-radius: 4px;
	padding: 5px 10px 5px 20px;
}

/* 削除　del */
.contentsbkup_box_del {
	background: #FFB6B6 url(../images/icon_contentsbkup_del.png) no-repeat 3px 3px;
	border-radius: 4px;
	padding: 5px 10px 5px 20px;
}

/* 変更　change */
.contentsbkup_box_change {
	width: 100%;
}
.contentsbkup_box_change td {
	background: none;
	border: none;
}
.contentsbkup_box_change .left,
.contentsbkup_box_change .right {
	border-radius: 4px;
	vertical-align: top;
	width: 46%;
}
.contentsbkup_box_change .left {
	background-color: #CCCCCC;
	padding: 5px 10px;
}
.contentsbkup_box_change .right {
	/*background: #C1E1FF url(../images/icon_contentsbkup_update.png) no-repeat 3px 3px;*/
	background: #FFFCCC url(../images/icon_contentsbkup_update.png) no-repeat 3px 3px;
	padding: 5px 10px 5px 20px;
}
.contentsbkup_box_change .center {
	background: url(../images/mark_arrow_upload.gif) no-repeat 50% 50%;
	min-height: 37px;
	vertical-align: middle;
}

/* area_8 */
.contents_parts_add .area_8,
.contents_parts_del .area_8,
.contents_parts_change .area_8 {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	font-size: 86%;
	font-weight: normal;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	width: 750px;
}

/*■■■■■ 追加・削除のみの場合 ■■■■■*/
/* 追加　add */
/* 削除　del */
#CONTENTSBKUP .contents_parts_add,
#CONTENTSBKUP .contents_parts_del {
	border-radius: 4px;
	font-size: 116%;
	font-weight: bold;
	margin: 30px 0 0 0;
	padding: 10px 10px 10px 20px;
	text-align: center;
}

/* 追加　add */
#CONTENTSBKUP .contents_parts_add {
	background: #FFBE69 url(../images/icon_contentsbkup_add.png) no-repeat 3px 3px;
}

/* 削除　del */
#CONTENTSBKUP .contents_parts_del {
	background: #FFB6B6 url(../images/icon_contentsbkup_del.png) no-repeat 3px 3px;
}





/*■■■■■ 簡単ロゴメーカー ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ 1.種類を選ぶ ■■■■■*/

/*■■■ タブ ■■■*/
.tab_logofont {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tab_logofont:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.tab_logofont li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.tab_logofont li a,
.tab_logofont li .selected {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 76%;
	height: 17px;
	margin: 0;
	padding: 3px 5px 1px 5px;
	text-align: center;
	text-decoration: none;
}

.tab_logofont li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/* そのページの時 */
.tab_logofont li .selected {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■■ フォント ■■■*/
.logofont {
	background: #EDEDED;
	border: 1px solid #CCCCCC;
	list-style: none;
	margin: 0;
	padding: 10px 10px 0 10px;
}
.logofont:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.logofont li {
	background: none;
	clear: none;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 287px;
}

.logofont li label {
	display: block;
	float: left;
	height: 50px;
	position: relative;
}

.logofont li label input[type="RADIO"] {
	float: left;
	margin: 15px 5px 0 0;
}

.logofont li span {
	display: block;
	height: 50px;
	position: absolute;
	width: 201px;
	z-index: 2;
}

.logofont li img {
	float: left;
	z-index: 1;
}

/*■■■■■ 2.マークを選ぶ ■■■■■*/

/*■■■ タブ ■■■*/
#mark_tab .tab {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	margin: 0;
	padding: 0;
}
#mark_tab .tab:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#mark_tab .tab li {
	background: none;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#mark_tab .tab li a,
#mark_tab .tab li .selected {
	background: url(../images/001_always.png) no-repeat left -160px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #AAAAAA;
	display: block;
	font-size: 76%;
	height: 17px;
	margin: 0;
	padding: 3px 5px 1px 5px;
	text-align: center;
	text-decoration: none;
}

#mark_tab .tab li a:hover {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
	text-decoration: none;
}

/* そのページの時 */
#mark_tab .tab li .selected {
	background: url(../images/001_always.png) no-repeat left -190px;
	border: 1px solid #0044CC;
	border-bottom: none;
	color: #FFFFFF;
}

/*■■■ ライブラリーから選ぶ ■■■*/
.logomark {
	background: #EDEDED;
	border: 1px solid #CCCCCC;
	border-top: none;
	list-style: none;
	height: 260px;
	margin: 0;
	overflow-y: auto;
	padding: 19px 10px 0 10px;
}
.logomark::-webkit-scrollbar {
	overflow: hidden;
	width: 5px;
	background: transparent;
}
.logomark::-webkit-scrollbar-button {
	display: none;
}
.logomark::-webkit-scrollbar-thumb {
	border-radius: 100px;
	overflow: hidden;
	background: #CCC;
}
.logomark:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.logomark li {
	background: none;
	clear: none;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 98px;
}

.logomark li label {
	display: block;
	float: left;
	height: 55px;
	margin: 0 !important;
	position: relative;
}

.logomark li label input[type="RADIO"] {
	float: left;
	margin: 13px 5px 0 0;
}

.logomark li span {
	display: block;
	height: 50px;
	position: absolute;
	width: 80px;
	z-index: 2;
}

.logomark li:nth-of-type(1) span {
	background: #FFFFFF none;
	border: 1px dotted #CCCCCC;
	height: 18px;
	left: 18px;
	padding: 10px;
	width: 30px;
}

.logomark li img {
	float: left;
	max-width: 70px;
}

/*■■■ アップロード画像から選ぶ ■■■*/
#tab_logouploadmark {
	background: #EDEDED;
	border: 1px solid #CCCCCC;
	border-top: none;
	list-style: none;
	height: 250px;
	margin: 0;
	overflow-y: auto;
	padding: 10px 10px 0 10px;
}
#tab_logouploadmark::-webkit-scrollbar {
	overflow: hidden;
	width: 5px;
	background: transparent;
}
#tab_logouploadmark::-webkit-scrollbar-button {
	display: none;
}
#tab_logouploadmark::-webkit-scrollbar-thumb {
	border-radius: 100px;
	overflow: hidden;
	background: #CCC;
}

#tab_logouploadmark #uploadimage_img {
	float: left;
	margin: 0 0 10px 0;
}

/*■■■■■ プレビュー確認 ■■■■■*/
.logoprev_bg {
	float: right;
}
.logoprev {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

#prosetting {
	background: #FFFFFF;
	clear: both;
	border: 1px solid #AAAAAA;
	border-radius: 4px 0 4px 4px;
	float: right;
	margin: -4px 0 0 0;
	padding: 7px;
}
.logoprev_protext {
	clear: both !important;
	color: #D67632;
	font-size: x-small;
	padding: 3px 0 0 0;
	width: 130px;
}





/*■■■■■ ホームページパーツ インポート ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.inport_box {
	margin: 10px 0 0 0;
	overflow: hidden;
}

.inport_box span {
	float: left;
	font-weight: bold;
}

.edit_form .edit_area .inport_box .bt,
.edit_form .edit_area .inport_box .bt:hover {
	margin: 0;
}

#contents--root_id_text {
	margin: 10px 0 0 0;
}





/*■■■■■ ホームページ公開状況 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.web_status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
	marign: 0;
	overflow: hidden;
	padding: 0;
}

.web_status li {
	flex-basis: 23%;
	flex-grow: 1;
	margin: 0 0 0 15px;
	padding: 3px 0 0 0;
}
.web_status li:first-child {
	margin: 0;
}

.web_status li label {
	float: none !important;
	margin: 0 !important;
}

.web_status li label input {
	display: block;
	float: left;
}

.web_status li label span {
	border-radius: 4px;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 100%;
	height: 15px;
	margin: -1px 0 4px 0;
	padding: 0 0 1px 22px;
	width: 81%;
}
.web_status .status_public label span {
	background-color: #990000;
	background: url(../images/003_save_status.png) no-repeat left -156px, url(../images/003_save_status.png) no-repeat right -156px;
	border: 1px solid #990000;
}
.web_status .status_limitputblic label span {
	background-color: #0C9345;
	background: url(../images/003_save_status.png) no-repeat left -269px, url(../images/003_save_status.png) no-repeat right -269px;
	border: 1px solid #0C9345;
}
.web_status .status_refstop label span {
	background-color: #0066CC;
	background: url(../images/003_save_status.png) no-repeat left -179px, url(../images/003_save_status.png) no-repeat right -179px;
	border: 1px solid #0066CC;
}
.web_status .status_pubstop label span {
	background-color: #000000;
	background: url(../images/003_save_status.png) no-repeat left -202px, url(../images/003_save_status.png) no-repeat right -202px;
	border: 1px solid #000000;
}

.web_status li p {
	background: #FFFFFF;
	border: 1px solid #FFCC00;
	border-radius: 4px;
	clear: both;
	color: #666666;
	display: block;
	font-size: 86%;
	margin: 26px 0 0 0;
	padding: 5px;
	position: relative;
}
.web_status li p:after,
.web_status li p:before {
	bottom: 100%;
	left: 25px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.web_status li p:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 5px;
	margin-left: -5px;
}
.web_status li p:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #FFCC00;
	border-width: 6px;
	margin-left: -6px;
}



/*■■■■■ 限定公開（ユーザー名・パスワード） ■■■■■*/
#box_limitpublic {
	border: 2px dotted #CCCCCC;
	margin: 10px 0 0 0;
	padding: 0 0 5px 10px;
}

#box_limitpublic > input {
	font-size: 86%;
	margin: 5px 0 0 0;
	padding: 1px 0 0 2px;
}



/*■■■■■ ホームページ公開予約 ■■■■■*/
#reserve_set {
	border: 2px dotted #CCCCCC;
	float: right;
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	width: 48%;
}
#reserve_set h3 {
	clear: none;
	float: left;
	margin: 0 15px 5px 0;
}

#reserve_set #box_release_date {
	clear: both;
}



/*■■■■■ ホームページ公開チェックリスト ■■■■■*/
.hp_checklist_box {
	float: left;
	padding: 20px 0 0 0;
}

.hp_checklist_box h3 {
	background: url(../images/bk_toolbararea_hp.png) repeat left top;
	border-radius: 5px 5px 0 0;
	color: #FFFFFF;
	font-size: 116%;
	margin: 0;
	padding: 6px 9px 2px 9px;
}

.hp_checklist_box .checklist_box {
	background: #FFFEEF;
	border: 1px dotted #FFAD01;
	border-top: none;
	overflow: hidden;
	padding: 8px 10px 10px 30px;
}

.hp_checklist_box .checklist_box h4 {
	background: url(../images/mark_hp_checklist_box.png) no-repeat left 20px;
	clear: both;
	font-weight: bold;
	font-size: 106%;
	margin: 0 0 0 -24px;
	padding: 22px 0 0 24px;
}
.hp_checklist_box .checklist_box h4:nth-of-type(1) {
	background-position: left top;
	padding: 2px 0 0 24px;
}

.hp_checklist_box .checklist_box p {
	padding: 0;
}

.hp_checklist_box .checklist_box .checklist_hr {
	clear: both;
	height: 5px;
	margin: 0 0 5px 0;
	padding: 0;
}

.hp_checklist_box .checklist_box a {
	border-bottom: 1px dotted #CC0000;
	color: #CC0000;
	text-decoration: none;
}
.hp_checklist_box .checklist_box a:hover {
	border-bottom: 1px dotted #0044CC;
	color: #0044CC;
	text-decoration: none;
}

.hp_checklist_box .checklist_box .bt_editmark,
.hp_checklist_box .checklist_box .bt_editmark:hover {
	height: 14px !important;
	margin: 0 5px 5px 0 !important;
	text-shadow: none;
	white-space: nowrap;
}





/*■■■■■ 高度なデザイン設定（list_1の背景設定） ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.toplayout_backex {
	width: 100%;
}
.layout_left_box > .toplayout_backex {
	/*width: 59%;*/
}

.toplayout_backex_in {
	background: #FFFFFF;
	border: 1px dotted #CCCCCC;
	border-top: none;
	border-radius: 5px;
	margin: 20px 0 0 0;
	overflow: hidden;
	padding: 5px 10px 10px 10px;
}

.toplayout_backex_in h3.toplayout_backex_title {
	background: #CFECD5;
	border: none;
	border-radius: 5px 5px 0 0;
	color: #000000;
	margin: -5px -10px 10px -10px;
	padding: 5px 10px 2px 10px;
}

.toplayout_backex .bg_color select {
	margin: 0;
}

.toplayout_backex #color_custum_set {
	float: left;
	overflow: hidden;
	padding: 10px 0 0 0;
}

.toplayout_backex h3 {
	margin: 0 0 5px 0;
}

.toplayout_backex_color {
	background-color: #FFFFFF;
	border: 1px dotted #CCCCCC;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 15px 10px 15px;
}
.toplayout_backex #color_custum_set + .toplayout_backex_color {
	margin: 10px 0 0 0;
}

.toplayout_backex_color > div {
	float: left;
}
.toplayout_backex_color > div:nth-of-type(1) {
	margin: 0 10px 0 0;
}
.toplayout_backex_color select {
    margin: 0 !important;
    padding: 4px 10px;
}
/* Under 667px */
@media only screen and (max-width: 667px) {
	.toplayout_backex,
	.layout_left_box > .toplayout_backex {
		width: auto;
	}
	.toplayout_backex_in {
		margin: 20px 0 0 -5px;
	}
	.toplayout_backex .bg_color select {
		margin: 0 0 10px 0 !important;
	}
	.toplayout_backex_color {
		margin-bottom: 10px;
	}
	.toplayout_backex_color select {
	    padding: 2px 10px;
	}
}

.toplayout_backex_color > div > input {
	width: 98%;
}

.toplayout_backex .entry-value_img,
.toplayout_backex .entry-value {
	height: auto !important;
	max-width: 100%;
}

.toplayout_backex .imagename_box,
#basic_image_tab .imagename_box {
	border: 1px dashed #CCCCCC;
	clear: both;
	float: left;
	overflow: hidden;
	padding: 5px 10px;
}
.toplayout_backex .imagename_box > h3,
#basic_image_tab .imagename_box > h3 {
	background: #DCDCDC;
	float: left;
	margin: -5px 10px -5px -10px;
	padding: 5px 10px;
}
.toplayout_backex .imagename_box #toplayout--toplayout_flag22_imgname,
.toplayout_backex .imagename_box #contents--contents_sh_flag32_imgname,
#basic_image_tab .imagename_box #basic--basic_text41_imgname {
	float: left;
}
.toplayout_backex .imagename_box #toplayout--toplayout_flag22_imgname p,
.toplayout_backex .imagename_box #contents--contents_sh_flag32_imgname p,
#basic_image_tab .imagename_box #basic--basic_text41_imgname p {
	display: inline;
}
.toplayout_backex .imagename_box #toplayout--toplayout_flag22_imgname p:nth-of-type(1):after,
.toplayout_backex .imagename_box #contents--contents_sh_flag32_imgname p:nth-of-type(1):after,
#basic_image_tab .imagename_box #basic--basic_text41_imgname p:nth-of-type(1):after {
	content: "：";
}

.toplayout_backex .bgimage_box {
	clear: both;
	padding: 20px 0 0 0;
}

.toplayout_backex .bgimage_box .bgimage_list {
	margin: 0 0 10px 0;
}
.toplayout_backex .bgimage_box .bgimage_list li {
	background: none;
	float: left;
	padding: 0 15px 0 0;
}
.toplayout_backex .bgimage_box .bgimage_list_left li:nth-of-type(4),
.toplayout_backex .bgimage_box .bgimage_list_left li:nth-of-type(7) {
	clear: both;
}
.toplayout_backex .bgimage_box .bgimage_list li img {
	margin: 0 0 5px 0;
}
.toplayout_backex .bgimage_box .bgimage_list li label {
	display: block;
	float: none !important;
	margin: 0 !important;
}





/*■■■■■ お手本セットアップ後やブログ新規作成などの注記のスタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.introjs-tooltipbuttons .introjs-button {
	background: #E6E6E6;
	border: 3px solid #D4D4D4;
	border-radius: 4px;
    box-shadow: none;
	color: #C2C2C2 !important;
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 4px 10px;
	text-shadow: none;
	transition: all 0.5s ease; /*0.5秒かけて要素を変化させる*/
}
.introjs-tooltipbuttons .introjs-button:hover,
.introjs-tooltipbuttons .introjs-button:focus,
.introjs-tooltipbuttons .introjs-button:active {
	background: #96DC4B;
	border: 3px solid #69B812;
	color: #FFFFFF !important;
}

.introjs-tooltipbuttons .introjs-skipbutton {
	background: transparent;
	border: 3px solid #69B812;
	color: #69B812 !important;
}

.introjs-tooltipbuttons .introjs-prevbutton {
	border-radius: 4px 0 0 4px;
}

.introjs-tooltipbuttons .introjs-prevbutton + .introjs-nextbutton {
	border-radius: 0 4px 4px 0;
	margin-left: -3px;
}
.introjs-tooltipbuttons .introjs-prevbutton:hover,
.introjs-tooltipbuttons .introjs-prevbutton + .introjs-nextbutton:hover {
	z-index: 1;
}





/*■■■■■ 例文テンプレート一覧 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.block_template_search {
	float: right;
	margin: 0 0 5px 0;
}

.block_template_search select {
	float: right;
	margin: 0 5px 0 0;
	padding: 4px 10px;
}

#HP #block_template .sortlist_li .contents_name {
	width: 100%;
}

#HP #block_template .sortlist_li .contents_name .bt {
	max-width: 100%;
}



/*■■■■■ ブログカレンダー ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.stamp_calendar {
	background-color: #FFFFFF;
}

.stamp_calendar select#blog_contents_id {
	max-width: 99%;
}

.blog_calendar_arrow {
	overflow: hidden;
}
.blog_calendar_arrow a {
}

.blog_calendar_list {
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.blog_calendar_list > li {
	background: none;
	display: block;
	flex-basis: 30%;
	flex-grow: 1;
	margin: 0 3% 3% 0 !important;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
	vertical-align: top;
	width: 100%;
}
.blog_calendar_list > li:nth-child(3n) {
	margin: 0 0 1% 0 !important;
}

.blog_calendar_list .table_blog_calendar {
	border-spacing: 2px;
	width: 100%;
}
.blog_calendar_list .table_blog_calendar th,
.blog_calendar_list .table_blog_calendar td {
	text-align: center;
}
.blog_calendar_list .table_blog_calendar thead tr.week th {
	background-color: #EAEAEA;
	padding: 5px 3px;
	vertical-align: middle;
}
.blog_calendar_list .table_blog_calendar td {
	border: 1px dotted #CCCCCC;
	vertical-align: top;
}
.blog_calendar_list .table_blog_calendar td > div {
	min-height: 51px;
}

.blog_calendar_list .table_blog_calendar td div.blogstamp {
	padding: 3px 0 2px 0;
}

.blog_calendar_list .table_blog_calendar td a {
	background: none;
	color: #404040;
	display: block;
	font-size: 86%;
	padding: 4px 3px 5px 3px;
	text-decoration: none;
}
.blog_calendar_list .table_blog_calendar td a:hover {
	background: #F1F3F4;
	color: #404040;
	text-decoration: none;
}
.blog_calendar_list .table_blog_calendar td .sat a {
	color: #333399;
}
.blog_calendar_list .table_blog_calendar td .sun a {
	color: #CC0000;
}
.blog_calendar_list .table_blog_calendar td .other a {
	color: #CCCCCC;
}

.blog_calendar_list .table_blog_calendar td .blogstamp a {
	background-color: #FFFFFF;
	background-image: url(../images/mark_blog_stamp.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 10px;
	display: block;
	height: 20px;
	margin: 0px auto;
	padding: 0 2px 5px 2px;
	width: 20px;
}
.blog_calendar_list .table_blog_calendar td .blogstamp a:hover {
}

/* 公開が一つでもある時 */
.blog_calendar_list .table_blog_calendar td div.blog_pub {
}
/* 予約が一つでもある時 */
.blog_calendar_list .table_blog_calendar td div.blog_reserve a {
	background-image: none !important;
	background: #4DA4DB;
	border-radius: 50px;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-top: 5px;
}
/* プレビューのみ表示が一つでもある時 */
.blog_calendar_list .table_blog_calendar td div.blog_preview a {
	background-image: none !important;
	background: #FF6699;
	border-radius: 50px;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-top: 5px;
}
/* 承認待ちが一つでもある時 */
.blog_calendar_list .table_blog_calendar td div.blog_pending a {
	background-image: none !important;
	background: #FF6600;
	border-radius: 50px;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-top: 5px;
}
/* 下書きが一つでもある時 */
.blog_calendar_list .table_blog_calendar td div.blog_draft a {
	background-image: none !important;
	background: #9772BC;
	border-radius: 50px;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-top: 5px;
}

/* 予約が一つでもある時 */
.blog_calendar_list .table_blog_calendar td div.blog_reserve a,
.blog_calendar_list .table_blog_calendar td div.blog_reserve a:hover,
.blog_calendar_list .table_blog_calendar td div.blog_preview a,
.blog_calendar_list .table_blog_calendar td div.blog_preview a:hover,
.blog_calendar_list .table_blog_calendar td div.blog_pending a,
.blog_calendar_list .table_blog_calendar td div.blog_pending a:hover,
.blog_calendar_list .table_blog_calendar td div.blog_draft a,
.blog_calendar_list .table_blog_calendar td div.blog_draft a:hover {
	opacity: 0.3;
}





/*■■■■■ ↓editor style↓ ■■■■■■■■■■■■■■■■■■ editor style ■■■■■*/

/*■■■■■ htmlエディタ内フォントスタイル ■■■■■*/
/*明朝*/
.rifontstyle1 {font-family: ヒラギノ明朝 pro w3, hiragino mincho pro, HGS明朝E, ＭＳ Ｐ明朝, serif !important;}
/*ゴシック*/
.rifontstyle2 {font-family: ヒラギノ角ゴPro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif !important;}
/*遊明朝*/
.rifontstyle3 {font-family: 游明朝, YuMincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, serif !important;}
/*遊ゴシック*/
.rifontstyle4 {font-family: 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif !important;}

/*■■■■■ フォントサイズ ■■■■■*/
 /* 極小 */
.ri_fontsize_1 {font-size: 77%;}
 /* 小 */
.ri_fontsize_2 {font-size: 100%;}
 /* 小さめ（18px~20px） */
.ri_fontsize_3 {font-size: clamp(1.125rem, 1.068rem + 0.28vw, 1.25rem);}
 /* 中（22px~26px） */
.ri_fontsize_4 {font-size: clamp(1.375rem, 1.261rem + 0.57vw, 1.625rem);}
/* 大（26px~30px） */
.ri_fontsize_5 {font-size: clamp(1.625rem, 1.511rem + 0.57vw, 1.875rem);} 
/* 大きめ（34px~38px） */
.ri_fontsize_6 {font-size: clamp(2.125rem, 2.011rem + 0.57vw, 2.375rem);} 
 /* 特大（38px~54px） */
.ri_fontsize_7 {font-size: clamp(2.375rem, 1.92rem + 2.27vw, 3.375rem);}

/*■■■■■ htmlエディタ内リンク ■■■■■*/
.edit_area .edit_box_left .nicEdit-main a:hover,
.edit_area .edit_box_left .nicEdit-main a:hover > .rismartimg:hover,
.edit_area .edit_box_left .nicEdit-main a:hover > .rismartimgright:hover {
	/*box-shadow: 0px -2px 2px #009900, 2px 0px 2px #009900, 0px 2px 2px #009900, -2px 0px 2px #009900;
	-moz-box-shadow: 0px -2px 2px #009900, 2px 0px 2px #009900, 0px 2px 2px #009900, -2px 0px 2px #009900;
	-webkit-box-shadow: 0px -2px 2px #009900, 2px 0px 2px #009900, 0px 2px 2px #009900, -2px 0px 2px #009900;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#009900', Direction=145, Strength=5);*/
	/*outline: 3px solid #009900;*/
}
.edit_area .edit_box_left .nicEdit-main .rilinktype0:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype1:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype2:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype3:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype4:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype5:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype6:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype7:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype8:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype9:hover,
.edit_area .edit_box_left .nicEdit-main .rilinktype10:hover {
	/*box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.5) inset !important;*/
	/*outline: 3px solid #009900;*/
}

/*■■■■■ htmlエディタ内電話番号リンク ■■■■■*/
.edit_area .edit_box_left .nicEdit-main .tellink,
.edit_area .edit_box_left .nicEdit-main .tellink:hover {
	background: url(../images/mark_tellink.png) no-repeat left 3px;
	color: #000000;
	display: inline-block;
	min-height: 13px;
	min-width: 13px;
	padding: 0 0 0 15px;
	text-decoration: none;
}
.edit_area .edit_box_left .nicEdit-main .tellinkul,
.edit_area .edit_box_left .nicEdit-main .tellinkul:hover {
	background: url(../images/mark_tellink.png) no-repeat left 3px;
	display: inline-block;
	min-height: 13px;
	min-width: 13px;
	padding: 0 0 0 15px;
}
.edit_area .edit_box_left .nicEdit-main .tellink:hover,
.edit_area .edit_box_left .nicEdit-main .tellinkul:hover {
	outline: none !important;
}

/*■■■■■ htmlエディタ内アンカーリンク ■■■■■*/
.edit_area .edit_box_left .nicEdit-main a[name] {
	background: url(../images/mark_anchor.png) no-repeat left 3px;
	display: inline-block;
	min-height: 13px;
	min-width: 13px;
	padding: 0 0 0 15px;
	text-decoration: none;
}
/*
.edit_area .edit_box_left .nicEdit-main a[name].rianchor {
	display: block;
}*/

.edit_area_area_8_1 .area_8 .list_1 .text_box a[name] {
	text-decoration: none;
}

.box a[name] {
	background: none;
	display: inline;
	min-height: auto;
	min-width: auto;
	padding: 0;
	text-decoration: none;
}
.edit_area .edit_box_left .nicEdit-main a[name]:hover,
.edit_area_area_8_1 .area_8 .list_1 .text_box a[name]:hover {
	outline: none !important;
}



/*■■■■■ hr ■■■■■*/
hr {
	border-color: #CCCCCC;
	border-style: dotted none none none;
	border-width: 2px 0 0 0;
	margin: 10px 0 12px 0;
}
hr.rihr1 /*細線*/ {
	border-style: solid none none none;
	border-width: 1px 0 0 0;
}
hr.rihr2 /*太線*/ {
	border-style: solid none none none;
	border-width: 3px 0 0 0;
}
hr.rihr3 /*点線*/ {
	border-style: dotted none none none;
	border-width: 1px 0 0 0;
}
hr.rihr4 /*破線*/ {
	border-style: dashed none none none;
	border-width: 1px 0 0 0;
}
hr.rihr5 /*二重線*/ {
	border-style: double none none none;
	border-width: 4px 0 0 0;
}



/*■■■■■ 箇条書き ul（チェックマークのリスト） ■■■■■*/
.rschecklist li,
.edit_area .edit_box_left .rschecklist li {
	background: none;
	padding: 0 0 0 16px;
}
.rschecklist li:before,
.edit_area .edit_box_left .rschecklist li:before {
	color: #FF0000;
	content: "\2713";
	font-weight: bold;
	margin: 0 5px 0 -16px;
}



/*■■■■■ 表 ■■■■■*/
/* フォーム　表 */
.edit_area .edit_box_left .form_table {
	table-layout: auto;
}
.edit_area .edit_box_left .form_table th,
.edit_area .edit_box_left .form_table td {
	overflow: hidden;
}

/* 枠線無しの表（狭） */
.edit_area .edit_box_left .noframe {
	margin-top: 5px;
	margin-bottom: 5px;
}

.edit_area .edit_box_left .noframe th,
.edit_area .edit_box_left .noframe td {
	background-color: transparent;
	border: 0;
	color: #000000 !important;
	padding: 0;
}
.edit_area .edit_box_left .noframe th,
.edit_area .edit_box_left .noframe td {
	border: 1px dashed #DDDDDD !important;
}

/* 枠線無しの表（狭）2 */
.edit_area .edit_box_left .noframe2 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.edit_area .edit_box_left .noframe2 th,
.edit_area .edit_box_left .noframe2 td {
	background-color: transparent;
	border: none !important;
	color: #000000;
	padding: 0;
}
.edit_area .edit_box_left .noframe2 th {
	padding: 6px 0 0 0;
}

/* 枠線無しの表 */
.edit_area .edit_box_left .noframe2 th,
.edit_area .edit_box_left .noframe2 td {
	background-color: transparent;
	border: 0;
	color: #000000 !important;
	padding: 0 0 10px 0 !important;
}
.edit_area .edit_box_left .noframe2 th + td,
.edit_area .edit_box_left .noframe2 td + th,
.edit_area .edit_box_left .noframe2 td + td {
	padding: 0 0 10px 10px !important;
}
.edit_area .edit_box_left .nicEdit-main .noframe2 th,
.edit_area .edit_box_left .nicEdit-main .noframe2 td {
	border: 1px dashed #DDDDDD !important;
}



/*■■■■■ ブロックテンプレート ■■■■■*/
/*■■■ テンプレート目次 ■■■*/
.container_sub ul.blocktemplate_category {
	list-style: none;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0;
}
.container_sub ul.blocktemplate_category li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
}
.container_sub ul.blocktemplate_category li > a.bt_s {
	margin: 0;
}


/*■■■ 各テンプレート ■■■*/
.container_sub ul.blocktemplate_list {
	clear: both;s
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0;
}
.container_sub ul.blocktemplate_list li {
	background: none;
	border: 3px solid #F2F2F2;
	border-radius: 4px;
	flex-basis: 18%;
	flex-grow: 1;
	margin: 0 2% 2% 0;
	padding: 1%;
}
.container_sub ul.blocktemplate_list li:before {
	content: none;
}
.container_sub ul.blocktemplate_list li:hover {
	border: 3px solid #FF9999;
}
.container_sub ul.blocktemplate_list li:nth-of-type(4n),
.container_sub ul.blocktemplate_list li:nth-last-of-type(1) {
	margin: 0 0 2% 0;
}
.container_sub ul.blocktemplate_list li > a {
	display: block;
	text-decoration: none;
	text-align: center;
}
.container_sub ul.blocktemplate_list li > a > span {
	background: #F7F7F7;
	border-radius: 4px 4px 0 0;
	display: block;
	color: #404040;
	font-weight: bold;
	margin: -8px -8px 8px -8px;
	padding: 6px 4px 4px 4px;
	text-align: center;
}
.container_sub ul.blocktemplate_list li > a > span + img {
	max-width: 100%;
}


/*■■ ブロックテンプレート（コース/プラン説明） ■■*/
.edit_area .edit_box_left .flex-container,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0;
	gap: 2%;
}

.edit_area .edit_box_left .flex-container li,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container li {
	background: none;
	border: 1px solid #CCCCCC;
	flex-basis: 24%;
	flex-grow: 1;
	margin: 0 0 2% 1px;
	padding: 2%;
	word-break: break-all;
}
.edit_area .edit_box_left .flex-container_1 li {
	flex-basis: 100%;
}
.edit_area .edit_box_left .flex-container_2 li {
	flex-basis: 40%;
}
.edit_area .edit_box_left .flex-container_4 li {
	flex-basis: 14%;
}

.edit_area .edit_box_left .flex-container li:before,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container li:before {
	content: none;
}

/*
.edit_area .edit_box_left .flex-container li:nth-of-type(3n),
.edit_area .edit_box_left .flex-container_1 li,
.edit_area .edit_box_left .flex-container_2 li:nth-of-type(2n),
.edit_area .edit_box_left .flex-container_4 li:nth-of-type(4n),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container li:nth-of-type(3n)
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_1 li,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_2 li:nth-of-type(2n),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_4 li:nth-of-type(4n){
	margin: 0 0 2% 0;
}
.edit_area .edit_box_left .flex-container_2 li:nth-of-type(3n),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_2 li:nth-of-type(3n),
.edit_area .edit_box_left .flex-container_4 li:nth-of-type(3n),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_4 li:nth-of-type(3n) {
	margin: 0 2% 2% 0;
}
.edit_area .edit_box_left .flex-container li:nth-last-of-type(1),
.edit_area .edit_box_left .flex-container_1 li:nth-last-of-type(1),
.edit_area .edit_box_left .flex-container_2 li:nth-last-of-type(1),
.edit_area .edit_box_left .flex-container_4 li:nth-last-of-type(1),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container li:nth-last-of-type(1),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_1 li:nth-last-of-type(1),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_2 li:nth-last-of-type(1),
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container_4 li:nth-last-of-type(1) {
	margin: 0 0 2% 0 !important;
}
*/

.edit_area .edit_box_left .flex-container li img,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container li img {
	max-width: 100%;
}
.edit_area .edit_box_left .flex-container *[style*="center"] > img,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container *[style*="center"] > img {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.edit_area .edit_box_left .flex-container *[style*="center"] > img.rismartimg,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container *[style*="center"] > img.rismartimg {
	margin: 0 10px 10px 0 !important;
}
.edit_area .edit_box_left .flex-container *[style*="center"] > img.rismartimgright,
.edit_area_area_8_1 .area_8 .list_1 .text_box .flex-container *[style*="center"] > img.rismartimgright {
	margin: 0 0 10px 10px !important;
}


/*■■■■■ ブロックテンプレート（流れ3列・4列） ■■■■■*/
.edit_area .edit_box_left .flow_2,
.edit_area .edit_box_left .flow_3,
.edit_area .edit_box_left .flow_4 {
	gap: 50px;
}
.edit_area .edit_box_left .flow_1 li {
	margin: 0 0 50px 0;
	position: relative;
}
.edit_area .edit_box_left .flow_2 li,
.edit_area .edit_box_left .flow_2 li:nth-of-type(2n+1),
.edit_area .edit_box_left .flow_3 li,
.edit_area .edit_box_left .flow_4 li,
.edit_area .edit_box_left .flow_4 li:nth-of-type(3n) {
	margin: 0;
	position: relative;
}

.edit_area .edit_box_left .flow_1 li:not(:last-of-type)::after,
.edit_area .edit_box_left .flow_2 li:not(:last-of-type)::after,
.edit_area .edit_box_left .flow_3 li:not(:last-of-type)::after,
.edit_area .edit_box_left .flow_4 li:not(:last-of-type)::after {
	border: solid transparent;
	border-color: rgba(247, 67, 83, 0);
	border-left-color: #F74353;
	border-width: 20px;
	content: " ";
	height: 0;
	right: -56px;
	margin-top: -20px;
	position: absolute;
	pointer-events: none;
	top: 50%;
	width: 0;
}
.edit_area .edit_box_left .flow_1 li:not(:last-of-type)::after {
	border: solid transparent;
	border-color: rgba(247, 67, 83, 0);
	border-top-color: #F74353;
	border-width: 20px;
	bottom: -56px;
	content: " ";
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
	position: absolute;
	pointer-events: none;
	right: unset;
	top: unset;
	width: 0;
}

@media only screen and (max-width: 667px) {
	.edit_area .edit_box_left .flex-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.edit_area .edit_box_left .flex-container li,
	.edit_area .edit_box_left .flex-container_2 li:nth-of-type(2n),
	.edit_area .edit_box_left .flex-container li:nth-of-type(3n),
	.edit_area .edit_box_left .flex-container_4 li:nth-of-type(4n),
	.edit_area .edit_box_left .flex-container li:nth-last-of-type(1),
	.edit_area .edit_box_left .flow_1 li,
	.edit_area .edit_box_left .flow_2 li,
	.edit_area .edit_box_left .flow_3 li,
	.edit_area .edit_box_left .flow_4 li {
		margin: 0;
		padding: 4%;
	}
	.edit_area .edit_box_left .flex-container li:not(:last-of-type),
	.edit_area .edit_box_left .flex-container_1 li:not(:last-of-type),
	.edit_area .edit_box_left .flex-container_2 li:not(:last-of-type),
	.edit_area .edit_box_left .flex-container_4 li:not(:last-of-type) {
		margin: 0 0 5% 0;
	}
	.edit_area .edit_box_left .flow_2,
	.edit_area .edit_box_left .flow_3,
	.edit_area .edit_box_left .flow_4 {
		gap: inherit;
	}
	.edit_area .edit_box_left .flow_1 li:not(:last-of-type),
	.edit_area .edit_box_left .flow_2 li:not(:last-of-type),
	.edit_area .edit_box_left .flow_3 li:not(:last-of-type),
	.edit_area .edit_box_left .flow_4 li:not(:last-of-type) {
		margin: 0 0 50px 0;
	}
	.edit_area .edit_box_left .flow_1 li:not(:last-of-type)::after,
	.edit_area .edit_box_left .flow_2 li:not(:last-of-type)::after,
	.edit_area .edit_box_left .flow_3 li:not(:last-of-type)::after,
	.edit_area .edit_box_left .flow_4 li:not(:last-of-type)::after {
		border-color: rgba(247, 67, 83, 0);
		border-top-color: #F74353;
		bottom: -56px;
		left: 50%;
		transform: translateX(-50%);
		right: unset;
		top: unset;
	}
}


/*■■■■■ ブロックテンプレート（開閉ブロック） ■■■■■*/
.edit_area .edit_box_left details {
	outline: 1px dashed #CCCCCC;
	overflow: hidden;
}

.edit_area .edit_box_left details > summary:first-of-type:focus-visible {
	outline: none !important;
}
/*
.edit_area .edit_box_left details > summary {
	cursor: pointer;
	overflow: hidden;
	text-align: right;
}

.edit_area .edit_box_left details > summary > p {
	float: left;
	text-align: left;
	width: 93%;
}*/



/*■■■■■ ブログカード ■■■■■*/
.riLinkCard_rilinktypeCard1,
.riLinkCard_rilinktypeCard2,
.riLinkCard_rilinktypeCard3 {
	background: rgba(255,255,255,0.2);
	border: 1px solid #CCCCCC;
	margin: 20px auto 0 auto;
	overflow: hidden;
	padding: 20px;
	position: relative;
	width: 89%;
}

.riLinkCard_rilinktypeCard1 .riLinkCard_Content,
.riLinkCard_rilinktypeCard2 .riLinkCard_Content,
.riLinkCard_rilinktypeCard3 .riLinkCard_Content {
	overflow: hidden;
}

.riLinkCard_rilinktypeCard1 .riLinkCard_Cover,
.riLinkCard_rilinktypeCard2 .riLinkCard_Cover,
.riLinkCard_rilinktypeCard3 .riLinkCard_Cover {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

/* リンク先画像 */
.riLinkCard_Image {
	max-width: 20%;
	min-width: 20%;
	width: 20%;
}
.riLinkCard_rilinktypeCard1 .riLinkCard_Image {
	float: left;
	margin: 0 2% -7px 0;
}
.riLinkCard_rilinktypeCard2 .riLinkCard_Image {
	float: right;
	margin: 0 0 -7px 2%;
}
.riLinkCard_rilinktypeCard3 .riLinkCard_Image {
	float: none;
	margin: 0 auto 10px auto;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

.riLinkCard_Image > a {
	display: block;
	text-decoration: none;
	width: 100%;
}
.riLinkCard_rilinktypeCard3 .riLinkCard_Image > a {
	text-align: center;
}
.riLinkCard_Image > a > img {
	height: auto;
	margin: 0 !important;
	width: 100%;
}
.riLinkCard_rilinktypeCard3 .riLinkCard_Image > a > img {
	max-width: 100%;
	width: auto;
}

/* リンク先文章 */
.riLinkCard_Text {
	max-width: 78%;
	min-width: 78%;
	width: 78%;
}
.riLinkCard_rilinktypeCard1 .riLinkCard_Text {
	float: right;
}
.riLinkCard_rilinktypeCard2 .riLinkCard_Text {
	float: left;
}
.riLinkCard_rilinktypeCard3 .riLinkCard_Text {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

/* リンク先タイトル */
.riLinkCard_Title {
	display: block;
}
.riLinkCard_Title > a {
	font-weight: bold;
	font-size: 116%;
	text-decoration: none;
}

/* リンク先文章*/
.riLinkCard_Description {
	display: block;
}

/* リンク先URL */
.riLinkCard_Host {
	clear: both;
	display: block;
	float: left;
	font-size: 86%;
}

.riLinkCard_Host > a {
	background: url(../images/mark_reservetutorial_link.png) no-repeat left center;
	background-size: 13px;
	display: block;
	padding: 0 0 0 16px;
}
.riLinkCard_Host > a[target="_blank"] {
	background: url(../images/mark_openblank.png) no-repeat left center;
	padding: 0 0 0 16px;
}



/*■■■■■ editorリンクバナー ■■■■■*/
.editor_bannerlink {
	background: none;
	border: none;
	clear: both;
	display: block;
	font-size: small;
	height: auto !important;
	margin: 5px 0 10px 0;
	max-width: 100%;
	padding: 0;
	position: relative;
	text-decoration: none;
}

/*■■ 中央寄せ ■■*/
.editor_banner_center {
	align-items: center;
	display: flex;
	justify-content: center;
}

/*■■ 画像 ■■*/
.editor_bannerlink > img {
	background: none;
	float: none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

/*■■ リンクバナーの上に乗る文字 ■■*/
.editor_banner_title {
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	display: block;
	height: 90%;
	left: 10px;
	line-height: 1.4;
	overflow: hidden;
	position: absolute;
	text-shadow: none;
	top: 5px;
	width: 90%;
	-webkit-text-size-adjust: 100%;
	z-index: 1;
}

/*■■■■■ editorフォームリンクバナー ■■■■■*/
.editor_form_bannerlink,
.editor_form_bannerlink_s {
	background: none;
	border: none;
	clear: both;
	display: block;
	font-size: 100%;
	margin: 5px 0 10px 0;
	max-width: 100%;
	position: relative;
	text-align: center;
	text-decoration: none;
}

/*■■ 画像 ■■*/
.editor_form_bannerlink_img {
	display: block;
	height: auto;
	max-width: 100%;
}

.editor_form_bannerlink_img > img {
	background: none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

/*■■ リンクバナーの上に乗る文字 ■■*/
.editor_form_bannerlink .editor_banner_title,
.editor_form_bannerlink_s .editor_banner_title {
	display: table-cell;
	left: auto;
	line-height: 1.2;
	max-height: 77%;
	max-width: 91%;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
	top: -5px;
	vertical-align: middle;
	z-index: 1;
}

/*■■■■■ ↑editor style↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/