@charset "utf-8";

/*------------------------------------------------
	/recruit/process styles
--------------------------------------------------*/
#contents_area_2column #main_contents {
	padding-top: 5px;
}

.harassment_block {
	width: 738px;
/*	background: url(../images/process_bg_mdl.gif) repeat left top;*/
}
.harassment_block .process_block_inner {
	padding: 0 0 33px 0;
/*	background: url(../images/process_bg_btm.gif) repeat-x left bottom;*/
}
.harassment_block h2{
	clear: both;
	width: 739px;
/*	margin: 0px 0px 16px 0px;*/
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
/*	background: url(../../../common_new/images/subtitle02_body.gif) left top repeat-y;*/
	background: url(../../../common_new/images/subtitle03_body.gif) left top repeat-y;
}
.harassment_block h2 span{
	display: block;
	width: 739px;
	margin: 0px 0px 0px 0px;
/*	padding: 0 0px 0px 0px;*/
	padding: 10px 0px 0px 0px;
/*	background: url(../../../common_new/images/subtitle02_head.gif) left top no-repeat;*/
	background: url(../../../common_new/images/subtitle03_head.gif) left top no-repeat;
}


.harassment_block h2 span span{
	display: block;
	width: 709px;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 10px 5px;
/*	padding: 3px 0px 2px 15px;*/
/*	background: url(../../../common_new/images/subtitle02_foot.gif) left bottom no-repeat;*/
	background: url(../../../common_new/images/subtitle03_foot.gif) left bottom no-repeat;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 133%;
}

/* 見出し背景の位置は変えず、中の文字だけを右に寄せる */
.harassment_block h2 span span {
	padding-left: 20px !important; /* お好みの位置に合わせて数値を大きくしてください */
}


.harassment_block .column {
	overflow: visible;
}
.harassment_block .col {
	width: 333px;
	padding: 0 10px 0 0px;
}
.harassment_block .col .process_head {
	position: relative;
	background: #ffffff;
	z-index: 5;
	zoom: 1;
	margin: 0 0 0 -26px;
	padding-bottom: 5px;
}
.harassment_list {
	position: relative;
	z-index: 5;
	overflow: hidden;
}
.harassment_block ol li {
	min-height: 35px;
	height: auto !important;
	height: 35px;
	margin: 0 0 0px 0;
	padding: 0 0 5px 0;
	background: url(../images/process_arrow.gif) no-repeat 13px 26px;
}
.harassment_block ol li div {
	padding: 0 0 0 48px;
}
.harassment_block ol li div p {
	padding: 0;
	height: 18px;
	text-indent: -9999px;
	line-height: 0.5;
}
.harassment_block ol li p {
	padding: 4px 0 7px 50px;
	font-size: 92%;
	line-height: 1.4;
	color: #999999;
}


/* 箇条書きリスト要素同士の間隔を空ける */
.contents01 ul li {
	margin-bottom: 6px; /* リスト項目同士の間隔（お好みで 10px〜20px 程度に調整してください） */
	line-height: 1.6;    /* テキストが複数行になった場合の行間も読みやすく調整 */
}

/* 箇条書きリスト要素のポッチ表示と間隔調整 */
.contents01 ul li {
	list-style-type: disc !important;       /* ポッチ（黒丸）を表示させる */
	list-style-position: outside !important; /* 2行目をポッチの右側に綺麗に揃える */
	margin-left: 20px;                      /* ポッチが枠外にはみ出ないよう左余白を作る */
	margin-bottom: 6px;                     /* リスト項目同士の間隔 */
	line-height: 1.6;                       /* 行間の調整 */
}

/* 相談窓口エリアの段落間隔と行間の調整 */
.contents01 p {
    margin-bottom: 4px; /* 段落同士の間隔を広げる */
    line-height: 1.6;     /* 複数行テキスト内の行間を最適化 */
}



/* 制定日を右寄せまたは下に距離を置く場合 */
.contents01 .contact_date {
    margin-top: 20px;
    font-size: 90%;
	text-align: right !important; /* 右寄せを指定 */
}