@charset 'UTF-8';
/* ================================================================ *

	CKEditor専用 CSS

* ================================================================ */
/* CKEditorの出力エリアにclass="cke_area"を指定 */


/* -----------------------------------------------------------------------------
>> テキスト
----------------------------------------------------------------------------- */
.cke_area h1,
.cke_area h2,
.cke_area h3,
.cke_area h4 {
  font-size: 28px;
  margin-bottom: 0.5em;
  font-weight: 100;
}
.cke_area h4 {
  font-size: 20px;
}
.cke_area p {
	margin-bottom: 1em;
}

/* -----------------------------------------------------------------------------
>> リスト
----------------------------------------------------------------------------- */
.cke_area ol,
.cke_area ul {
	margin-bottom: 1.0em;
	line-height: 1.5;
}
.cke_area ol li {
	float: none !important;
	margin-left: 1.5em;
	list-style-type: decimal;
}
.cke_area ul li {
	float: none !important;
	margin-left: 1em;
	list-style-type: disc;
}


/* -----------------------------------------------------------------------------
>> ブロック
----------------------------------------------------------------------------- */
.cke_area blockquote {
	margin: 1em 0 2em 2em;
	padding: 2em 1em 1em 1em;
	border: 1px solid #CCCCCC;
	background-color: #ECE7DF;
}


/* -----------------------------------------------------------------------------
>> テーブル
----------------------------------------------------------------------------- */
.cke_area table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
	margin-bottom: 20px;
}
caption, th, table td, td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}
table th, table td {
    background-color: #ECE7DF;
    border: 1px solid #CCCCCC;
    line-height: 1.2;
    padding: 10px;
    vertical-align: top;
}
table td {
    background-color: #FFFFFF;
}

/* -----------------------------------------------------------------------------
>> 画像
----------------------------------------------------------------------------- */
.cke_area img {
	margin-bottom: 1em;
}
.cke_area table img {
	margin-bottom: 0;
}

/* -----------------------------------------------------------------------------
>> 他
----------------------------------------------------------------------------- */
.cke_area hr {
	margin: 10px 0 20px 0;
	border: 0px;
	border-bottom: 1px solid  #E2D9CF;
}

/* -----------------------------------------------------------------------------
>> pdf, doc, xls, ppt
----------------------------------------------------------------------------- */
.cke_area a[href$=".pdf"],
.cke_area a[href$=".doc"],
.cke_area a[href$=".docx"],
.cke_area a[href$=".xls"],
.cke_area a[href$=".xlsx"],
.cke_area a[href$=".ppt"],
.cke_area a[href$=".pptx"]{
  border-radius: 4px;
  padding: 33px 17px 33px 93px;
  display: inline-block;
  -webkit-align-items: center;
  align-items: center;
  margin: 10px 0;
  font-weight: bold;
}

.cke_area a[href$=".pdf"]{
  background: url(../../img/mock/pdf.png) no-repeat 17px 50% #FFE2E2;
  color: #B13132;
}
.cke_area a[href$=".pdf"]:hover{
  opacity: 0.7;
}
.cke_area a[href$=".doc"],
.cke_area a[href$=".docx"]{
  background: url(../../img/mock/word.png) no-repeat 17px 50% #DBE9F6;
  color: #005C9F;
}
.cke_area a[href$=".doc"]:hover,
.cke_area a[href$=".docx"]:hover{
  opacity: 0.7;
}
.cke_area a[href$=".xls"],
.cke_area a[href$=".xlsx"]{
  background: url(../../img/mock/xls.png) no-repeat 17px 50% #D8EDDE;
  color: #00766D;
}
.cke_area a[href$=".xls"]:hover,
.cke_area a[href$=".xlsx"]:hover{
  opacity: 0.7;
}
.cke_area a[href$=".ppt"],
.cke_area a[href$=".pptx"]{
  background: url(../../img/mock/ppt.png) no-repeat 17px 50% #FFA07A;
  color: #B22222;
}
.cke_area a[href$=".ppt"]:hover,
.cke_area a[href$=".pptx"]:hover{
  opacity: 0.7;
}