@charset "UTF-8";
/****************
 wysiwyg
*****************/

/*エディタの中のみ*/
body.wysiwygCom {
	padding: 10px;
	background-color: #FFF;
}
.wysiwygCom ul {
	padding-left: 20px;
	list-style: disc;
	margin-top:10px;
	/*回り込み画像時にリストが出ない問題を解決*/
	overflow:hidden;
}
* html .wysiwygCom ul {
	display:inline-block;
}
.wysiwygCom ol {
	/*IE7 100の位まで対応*/
	padding-left: 50px;
	list-style: decimal;
	margin-top:10px;
	/*回り込み画像時にリストが出ない問題を解決*/
	overflow:hidden;
}
* html .wysiwygCom ol {
	display:inline-block;
}
.wysiwygCom p {
	margin-top:10px;
	padding-right: 10px;
	padding-left: 10px;
}
.wysiwygCom table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-top: 10px;
}
.wysiwygCom table td, .wysiwygCom table th {
	border-collapse: collapse;
	border: 1px solid #B1B1B1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.wysiwygCom table th {
	background-color: #c9f0ff;
}
.wysiwygCom table caption {
	text-align: left;
	font-weight: bold;
}
.wysiwygCom div {
	line-height: 150%;
	margin-top:10px;
}




h2.headCom, .wysiwygCom h2 {
	position:relative;
	font-size: 140%;
	background-color: #666;
	margin-top: 40px;
	padding: 5px 5px 5px 25px;
	background-color:#f7eda8;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height:1.4;
	overflow: hidden;
}

h2.headCom:after, .wysiwygCom h2:after {
  position: absolute;
  z-index: 0;
  left: 10px;
  top:9px;
  display: block;
  width: 5px;
  height: 20px;
  border-radius:2px;
  content: '';
  background:#94855c;
  overflow: hidden;
}


/*IE6の画像回り込みの際のバーが突き抜ける対策*/
* html h2.headCom, * html .wysiwygCom h2 {
	display:inline-block;
}
h3.headCom, .wysiwygCom h3 {
	position:relative;
	border-bottom: 1px solid #b9aa7e;
	font-size: 120%;
	padding: 0 0 10px 25px;
	margin-top: 20px;
	line-height:1.4;
  	overflow: hidden;	
}

h3.headCom:after, .wysiwygCom h3:after {
  position: absolute;
  z-index: 0;
  left: 10px;
  top:1px;
  display: block;
  width: 5px;
  height: 20px;
  border-radius:2px;
  content: '';
  background:#057ba8;
  overflow: hidden;  
}


/*IE6の画像回り込みの際のバーが突き抜ける対策*/
* html h3.headCom, * html .wysiwygCom h3 {
	display:inline-block;
}


h4.headCom, .wysiwygCom h4 {
	position:relative;
	font-size: 100%;
	padding: 0 0 10px 25px;
	margin-top: 20px;
	overflow: hidden;	
}
h4.headCom:after, .wysiwygCom h4:after {
  position: absolute;
  z-index: 0;
  left: 10px;
  top:1px;
  display: block;
  width: 5px;
  height: 20px;
  border-radius:2px;
  content: '';
  background:#94855c;
  overflow: hidden;  
}

/*IE6の画像回り込みの際のバーが突き抜ける対策*/
* html h4.headCom, * html .wysiwygCom h4 {
	display:inline-block;
}

h5.headCom, .wysiwygCom h5 {
	border-left: 3px solid #ccc;
	border-bottom: 1px dotted #aaa;
	font-size: 100%;
	padding-bottom: 0px;
	padding-left: 7px;
	margin-top: 20px;
    overflow: hidden;		
}
/*IE6の画像回り込みの際のバーが突き抜ける対策*/
* html h5.headCom, * html .wysiwygCom h5 {
	display:inline-block;
}

h6.headCom, .wysiwygCom h6 {
	border-left: 3px solid #ccc;
	font-size: 100%;
	padding-left: 7px;
	margin-top: 20px;
	overflow: hidden;
}
/*IE6の画像回り込みの際のバーが突き抜ける対策*/
* html h6.headCom, * html .wysiwygCom h6 {
	display:inline-block;
}




.wysiwygCom .col {
	width:700px;
	overflow:hidden;
}
.wysiwygCom .L {
	width:330px;
	float:left;
}
.wysiwygCom .R {
	width:330px;
	float:right;
}

/*cke_panel_listをいれなければリストにもスタイルが効かない*/
.wysiwygCom .text_, .cke_panel_list .text_ {
	color: #c00;
}
.wysiwygCom .text2_, .cke_panel_list .text2_{
	color: #00c;
}