﻿@charset "utf-8";

/*
 --------------------------------------------------------------------
4Uweb／CMS WYSIWYGエディタ用スタイルシート。
フォントの色
クラス名称は、template-text-color.xml の「cssColor」と合わせてください。
 --------------------------------------------------------------------
 【編集履歴】
 ・2009-05-10 新規作成
 ・2011-12-12 強調タグ用の色を追加。
 ・2017-09-08 大見出し白字用の文字色を追加。
 ・2017-12-07 03-19用調整スタイルを追加。
 -------------------------------------------------------------------- */

strong, b {
    font-weight: bold;
}
/**
 * 色の設定
 */
.text-color-red {
	color: #D90000;
	font-weight: bold;
}

.text-color-yellow {
	color: #FFFF00;
	font-weight: bold;
}

.text-color-green {
	color: #006600;
	font-weight: bold;
}

.text-color-blue {
	color: #0041AA;
	font-weight: bold;
}

.text-color-aqua {
	color: #AFDFE4;
	font-weight: bold;
}
.text-color-brown {
	color: #a25100;
	font-weight: bold;
}
/**
 * 強調用タグの色設定
 */
strong .text-color-red,
strong .text-color-yellow,
strong .text-color-green,
strong .text-color-blue,
strong .text-color-aqua {
    font-weight: bold;
}
/**
 * 整列の設定
 */

.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}

/* 03-19追加
============================== */
/* Floatのクリア */
.wysiwyg_wp hr.ClearFloat,
 hr.ClearFloat {
    display: block;
    clear: both;
    border: none;
    margin: 0;
}

/* 文章中の画像リンクアイコン　　なし */

.img-only a.innerLink,
.img-left a.innerLink,
.img-center a.innerLink,
.img-right a.innerLink,
.img-only a.externalLink,
.img-left a.externalLink,
.img-center a.externalLink,
.img-right a.externalLink,
.img-left a.resourceLink,
.img-center a.resourceLink,
.img-right a.resourceLink {
    background: none;
    padding: 0;
}

/* 画像パーツ キャプション折り返し
==============================


/*wysiwyg　パーツ共通*/

.img-center {
    text-align: center;
    display: table;
    width: 160px;/* minimum width; */
    margin: 0 auto;
    padding: 0;
    padding-bottom: 10px;
}
.img-center span {
    padding: 5px 0 0 0;
    line-height: 1.3;
    display: block;
}
.img-left {
    float: left;
    text-align: center;
    display: table;
    width: 160px;/* minimum width */
    padding: 0;
    padding-bottom: 10px;
    padding-right: 10px;
}
.img-left span {
    padding: 5px 0 0 0;
    line-height: 1.3;
    display: block;
}
.img-right {
    float: right;
    text-align: center;
    display: table;
    width: 160px;/* minimum width */
    padding: 0;
    padding-bottom: 10px;
    padding-left: 10px;
}
.img-right span {
    padding: 5px 0 0 0;
    line-height: 1.3;
    display: block;
}
.img-only span {
    padding: 5px 0 0 0;
    line-height: 1.3;
    display: block;
} 

.img-only > a,
.img-right > a,
.img-left > a,
.img-center > a {
    display: inline-block;
}

/*wysiwyg専用*/

.wysiwyg_wp {
    clear: both;
}
.wysiwyg_wp:before,
.wysiwyg_wp:after {
    content: "";
    display: table;
}
.wysiwyg_wp::after {
    clear: both;
}
.img-only {
    padding: 0;
    padding-bottom: 10px;
}

.img-only img {
    padding: 0;
}
.img-right img {
    padding: 0;
}
.wysiwyg_wp > table {
    margin-bottom: .85em;
}