@charset "UTF-8";
/* SVN FILE: $Id$ */
/**
 * エディタのデフォルトCSS
 *
 * baserCMS :  Based Website Development Project <http://basercms.net>
 * Copyright 2008 - 2013, baserCMS Users Community <http://sites.google.com/site/baserusers/>
 *
 * @copyright		Copyright 2008 - 2013, baserCMS Users Community
 * @link			http://basercms.net baserCMS Project
 * @since			baserCMS v 2.0.0
 * @version			$Revision$
 * @modifiedby		$LastChangedBy$
 * @lastmodified	$Date$
 * @license			http://basercms.net/license/index.html
 */

 
 
/* 
----------------------------------------------- */
 
 
body
{
	/* Font */
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;

	/* Text color */
	color: #222;

	/* Remove the background color to make it transparent */
	background: none;
	background-color: #fff;
}

body[class*='cke_editable'] ol,
body[class*='cke_editable'] ul,
body[class*='cke_editable'] dl,
body[class*='cke_editable'] p
{
  padding:5px;
  margin:5px;
}
body[class*='cke_editable'] dt,
body[class*='cke_editable'] dd{
  padding:5px;
  margin:5px;
}
body[class*='cke_editable'] div{
  padding:5px;
  margin:5px;
}


dl{border:1px dotted #4cb5e8;}
dt{border:1px dotted #0063a4;}
dd{border:1px dotted #003d84;}


/* clear, clearfix
----------------------------------------------- */

 
 
/* -----  reset  ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{
  margin:0;
  padding:0;
  font-size: 100%;
  font-weight: normal;
}
address{font-style: normal;}
strong {}
em     { font-style: normal; }
img    { border: none; vertical-align: bottom;}


/* -----  Adjust Height Rendering  ----- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0;/* firefox footer margin */
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}



/* Elements in BaserPageContents
--------------------------------------------------- */

/* text */
p{
  line-height: 1.5;
  margin: 0 0 1em;
}
/* list */
ul,
ol{
  margin: 1em 0;
}
body[class*='cke_show_blocks'] ul,
body[class*='cke_show_blocks'] ol{
  margin: 1em 0;
  border: 1px dotted #808080;
  padding-top: 8px;
  padding-left: 2em;
}
body[class*='cke_show_blocks'] li{
  border: 1px dotted #cccccc;
  padding: 4px;
}
body[class*='cke_show_blocks'] a{
  border: 2px solid rgba(0,0,255,0.5);
  padding: 4px;
}

body[class*='cke_editable'] {
  font-size: 87.5%;
}
/* table */
body[class*='cke_editable'] table{
  width: 100%;
}
    body[class*='cke_editable'] table th,
    body[class*='cke_editable'] table td{
      min-width: 50px;
      min-height: 10px;
    }

/* hr */
hr{
  height: 10px;
  margin: 1em 0;
  border: none;
  display: block;
  border-bottom: 1px dotted #ccc;
  position: relative;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    custom Style                                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

body[class*='cke_editable'] div{
  margin: 15px 0;
}


/* PHP code 
--------------------------------------------------- */
.PHPcode{
  color: white!important;
  background: red!important;
}
.PHPcode:before{
  content: "プログラムコード（PHP）";
}
.PHPcode:after{
  content: " 削除しないでください";
}
/* JS code 
--------------------------------------------------- */
.JScode{
  color: white!important;
  background: red!important;
}
.JScode:before{
  content: "プログラムコード（JS）";
}
.JScode:after{
  content: " 削除しないでください";
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  Heading                                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* プルダウン用 */
.cke_panel_block [role="option"],
.cke_panel_block [role="option"] *{
  font-size: 12px;
}
.cke_panel_block .Heading[class*="Type"]{
  font-size: 12px;
  line-height: 1em;
  margin: 0;
  padding: 4px;
}
/* エディタ内 */
body[class*='cke_editable'] .Heading[class*="Type"] {
  position: relative;
  margin: 30px 0 10px;
  border: 2px solid #777!important;
}
body[class*='cke_editable'] .Heading[class*="Type"]:before{
  position: absolute;
  bottom: 100%;
  left: 0px;
  top: auto;
  font-size: 10px;
  font-weight: normal;
  font-family: sans-serif;
  letter-spacing: 0;
  text-align: center;
  display: inline-block;
  content: "カスタム見出し["attr(class)"]";
  width: auto;
  height: auto;
  color: #fff;
  background: #777;
  padding: 0.25em 1em;
  border-radius: 1em 1em 0 0;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  クラス名                                        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
[class],[id]{
  position: relative;
}
[class]:after,
[id]:after{
  position: absolute;
  display: inline-block;
  bottom: 80%;
  left: 0px;
}
[class]:after{
  content: ".'"attr(class)"'";
}
[id]:after{
  content: "#'"attr(id)"'";
}
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    SknTpl                                        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.SknTpl{
  margin: 2em 0px 0.5em;
  border: 2px solid #ccc!important;
  padding: 20px 15px;
  background: #eee;
  position: relative;
}
.SknTpl:before,
.SknTpl:after{
  position: absolute;
  width: 100%;
  color: #aaa;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
}
.SknTpl:before{
  bottom: 100%;
  left: 0%;
  width: auto;
  content: "TEMPLATE [ "attr(data-skntpl-name)"]";
  color: #fff;
  background: #777;
  padding: 0.5em 1em;
  border-radius: 1em 1em 0 0;
}
.SknTpl:after{
  content: "TEMPLATE END";
  bottom: 0px;
}

/* SknTplThumbnailList
--------------------------------------------------- */
.SknTplThumbnailList{
}
    .SknTplThumbnailList ul.ColumnGroup4elements > *{
      width: 25%;
      width: calc(25% - 10px)!important;
      float: left;
    }
    .SknTplThumbnailList ul.ColumnGroup3elements > *{
      width: 33.3%;
      width: calc(33.3% - 10px)!important;
      float: left;
    }
    .SknTplThumbnailList ul.ColumnGroup2elements > *{
      width: 50%;
      width: calc(50% - 10px)!important;
      float: left;
    }
    .SknTplThumbnailList ul.ColumnGroup4elements > *:nth-child(4n+1),
    .SknTplThumbnailList ul.ColumnGroup3elements > *:nth-child(3n+1),
    .SknTplThumbnailList ul.ColumnGroup2elements > *:nth-child(2n+1){
      clear: both;
    }
    

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Other                                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* editor width */
body[class*='cke_editable']{
  max-width: 900px;
  margin: 0 auto;
  padding: 15px;
}
/* img */
body[class*='cke_editable'] img{
  max-width: 100%;
  height: auto;
 /* max-height: 300px;*/
}
/* Heading */
body[class*='cke_editable'] .Heading{
  font-weight: bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    hide webfont icon                             */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
[class*='icon-']:before {
  display: none!important;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Template                                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* SknTplThumbnailList
--------------------------------------------------- */
.SknTplThumbnailList{
}
    .SknTplThumbnailList > ul > li{
      width: 25%;
      float: left;
    }

/* SknTplThumbnailList
--------------------------------------------------- */
.SknTplImageParagraph{
}
    /* 管理画面では写真幅を小さめにする */
    /* ImageItem */
    .SknTplImageParagraph .ImageItem{
      width: 27.5%;
    }
    /* TextItem */
    .SknTplImageParagraph .TextItem{
      width: 62.5%;
    }
/* IE使用時 ckeditor内でfloatかかってると
   テキスト編集がうまくできないのでfloat外す。（IE CSSハック使用）
--------------------------------------------------- */
.SknTplImageParagraph .ImageItem:not(:target),
.SknTplImageParagraph .TextItem:not(:target),
.SknTplThumbnailList  .ThumbnailList li:not(:target){
  float: none\9!important;
  display: table-cell\9!important;
  vertical-align:top!important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .SknTplImageParagraph .ImageItem:not(:target),
    .SknTplImageParagraph .TextItem:not(:target),
    .SknTplThumbnailList  .ThumbnailList li:not(:target){
      float: none!important;
      display: table-cell!important;
      vertical-align:top!important;
    }
}