@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:first-child {
	margin-top:10px;
}*/
.wysiwygCom p {
	margin-top:10px;
	padding-right: 10px;
	padding-left: 10px;
}


.wysiwygCom table {
	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;
  	word-break: break-all;		
}
.wysiwygCom table th {
	background-color: #f6e4eb;
}
.wysiwygCom table caption {
	text-align: left;
	font-weight: bold;
}
.wysiwygCom div {
	line-height: 150%;
	margin-top:10px;
}




h2.headCom, .wysiwygCom h2 {
	font-size: 110%;
	background-color: #ddf2fe;
	margin-top: 20px;
	color: #333;
	background-repeat: no-repeat;
	border-left: 11px solid #335082;
}

h2.headCom .bg_, .wysiwygCom h2 .bg_{
	display: block;
	border-top: 1px solid #b1b1b1;	
	border-right: 1px solid #b1b1b1;	
	border-bottom: 1px solid #b1b1b1;	
}

h2.headCom .bg2_, .wysiwygCom h2 .bg2_{
	display: block;	
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}




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






h3.headCom, .wysiwygCom h3 {
	font-size: 110%;
	background-color: #fff;
	margin-top: 20px;
	color: #333;
	background-repeat: no-repeat;
	border-left: 11px solid #335082;
}

h3.headCom .bg_, .wysiwygCom h3 .bg_{
	display: block;
	border-top: 1px solid #b1b1b1;	
	border-right: 1px solid #b1b1b1;	
	border-bottom: 1px solid #b1b1b1;	
}

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


h4.headCom, .wysiwygCom h4 {
	/*border-bottom: 2px dotted #999;*/
	border: 1px solid #ccc;
	font-size: 100%;
	padding: 2px;
	padding-left: 20px;
	margin-top: 20px;
}
/*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;
}
/*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;
}
/*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;
}