@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 {

	border-collapse: collapse;

	border: 1px solid #cccccc;

	margin-top: 10px;

}

.wysiwygCom table td, .wysiwygCom table th {

	border-collapse: collapse;

	border: 1px solid #B1B1B1;

	padding: 12px 10px;

	width: 154px;

}

.wysiwygCom table th {

	background-color: #e7ded4;

}

.wysiwygCom table caption {

	text-align: left;

	font-weight: bold;

}

.wysiwygCom div {

	line-height: 150%;

	margin-top:10px;

}



dt.headCom{

	font-weight: bold;

}



h2.headCom,dt.headCom,.wysiwygCom h2,.wysiwygCom dt{

	font-size: 120%;

	margin-top: 20px;

    background: url(../img_sub/sub_ttl_02_mid.png) repeat-y;

    color: #4f4032;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



h2.headCom .bg_,dt.headCom .bg_,.wysiwygCom h2 .bg_,.wysiwygCom dt .bg_{

    display: block;

    padding: 10px 0 0;

    background: url(../img_sub/sub_ttl_02_top.png) no-repeat;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



h2.headCom .bg2_,dt.headCom .bg2_,.wysiwygCom h2 .bg2_,.wysiwygCom dt .bg2_{

    background: url(../img_sub/sub_ttl_02_btm.png) no-repeat left bottom;

    display: block;

    padding: 0 10px 10px 10px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



.category h2.headCom{							

	margin: 30px 0 0;

}



/*IE6の画像回り込みの際のバーが突き抜ける対策*/

* html h2.headCom, * html .wysiwygCom h2 {

	display:inline-block;

}

h3.headCom, .wysiwygCom h3 {

	padding: 10px 5px;

	margin-top: 10px;

    background: url(../img_sub/sub_ttl_03_bg.png) no-repeat left bottom;

}

/*IE6の画像回り込みの際のバーが突き抜ける対策*/

* html h3.headCom, * html .wysiwygCom h3 {

	display:inline-block;

}





h4.headCom, .wysiwygCom h4 {

	color: #644526;

	font-size: 100%;

	padding: 5px 4px 5px 10px;

	margin-top: 20px;

    background: url(../img_sub/sub_ttl_04.png) no-repeat left center;

}

/*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;

}



.toiawaseMod dt{

	font-size: 120%;

	margin-top: 20px;

    background: url(../img_sub/sub_ttl_02_mid.png) repeat-y;

}



.toiawaseMod dt .bg_{

    display: block;

    padding: 10px 0 0;

    background: url(../img_sub/sub_ttl_02_top.png) no-repeat;

}



.toiawaseMod dt .bg2_{

    background: url(../img_sub/sub_ttl_02_btm.png) no-repeat left bottom;

    display: block;

    padding: 0 20px 10px 10px;

}



.toiawaseMod dt .toiawaseIco{

	display: block;

	min-height: 35px;

	padding: 5px 0 0 45px;

	background: url(../img_sub/sub_ttl_otoiawase.png) no-repeat left top;

	font-weight: bold; 

}





/*IE6の画像回り込みの際のバーが突き抜ける対策*/

* html h2.headCom, * html .wysiwygCom h2 {

	display:inline-block;

}

h3.headCom, .wysiwygCom h3 {

	padding: 10px 5px;

	margin-top: 10px;

    background: url(../img_sub/sub_ttl_03_bg.png) no-repeat left bottom;

}

/*IE6の画像回り込みの際のバーが突き抜ける対策*/

* html h3.headCom, * html .wysiwygCom h3 {

	display:inline-block;

}





h4.headCom, .wysiwygCom h4 {

	color: #644526;

	font-size: 100%;

	padding: 5px 4px 5px 10px;

	margin-top: 20px;

    background: url(../img_sub/sub_ttl_04.png) no-repeat left center;

}

/*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;

}



/* 20151323　横並び画像の補足文表示修正 */

.colMod .wysiwygCom p{

	margin-top:0 ;

}

.colMod .wysiwygCom p:first-child{

	margin-top:10px;

}