@charset "utf-8";


/* ブロック・スキップ */
/*
.auralnavi_n {
	position:relative;
}

.auralnavi_n img {
	position:absolute;
}
.auralnavi_n p {
	position:absolute;
}
*/



/*
	NOREN 陣 機能のブロック作成のため、CSSの調整で作成 羽山 2011年6月22日
*/




/* リンク　「ul class="clear_ulmark clearfix oneLine"」 */

.oneLine li {
	float:left;
	padding-right:15px;
	padding-bottom:3px;
}

.row_1 li{
	padding-top:5px;
}
.row_2 li {
	float:left;
	width:215px;
	padding-top:5px;
}

.row_3 li {
	float:left;
	width:143px;
	padding-top:5px;
}


	/* 右に100pxの画像用　「class="element_img100_right"」 */
	#cont .element_img100_right{}
		#cont .element_img100_right:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
		#cont .element_img100_right { min-height:1px;}
		* html #cont .element_img100_right {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
			#cont .element_img100_right .text{ float:left; width:100px;}
			#cont .element_img100_right .pic{ float:right; width:610px;}

	/* 右に350pxの画像用　「class="element_img350_right"」 */
	#cont .element_img350_right{}
		#cont .element_img350_right:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
		#cont .element_img350_right { min-height:1px;}
		* html #cont .element_img350_right {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
			#cont .element_img350_right .text{ float:left; width:350px;}
			#cont .element_img350_right .pic{ float:right; width:350px;}

	/* 左に350pxの画像用　「class="element_img350_left"」 */
	#cont .element_img350_left{}
		#cont .element_img350_left:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
		#cont .element_img350_left { min-height:1px;}
		* html #cont .element_img350_left {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
			#cont .element_img350_left .text{ float:right; width:350px;}
			#cont .element_img350_left .pic{ float:left; width:350px;}




/* □区切り線□ */
#cont hr.separator-line{
	height:1px;	border-bottom:solid 1px #ccc;}

#cont hr.separator-line_Dashed{
	display: block;
	height:1px;margin:1.5em 0 0 0;
	border-top:0px;	border-bottom:dashed 1px #ccc;}


/* リンク */
	/* 普通の矢印右 */
	#cont ul.clear_ulmark li a{
		padding-left:12px; display:inline-block;
		background:url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 2px 7px;}
	/* 新規ウインドウ */
	#cont ul.clear_ulmark li a.blank{
		padding-left:12px; display:inline-block;
		background:url(/common/img/parts/icon/icon_blank.gif) no-repeat 0 6px;}
	/* ページ内リンク */
	#cont ul.clear_ulmark li a.pageanchor{
		padding-left:12px; display:inline-block;
		background:url(/common/img/parts/icon/icon_arrow_b.gif) no-repeat 2px 8px;
		white-space: nowrap;
		}


/* 見出しリンク */
	#cont h2 a.blank{
			display:inline-block;
			padding-left:16px;
			background: url(/common/img/parts/icon/icon_blank_box_reverse.gif) no-repeat left 6px;}
	#cont h3 a.blank{
			display:inline-block;
			padding-left:16px;
			background: url(/common/img/parts/icon/icon_blank_box_reverse.gif) no-repeat left 6px;}


/* h1見出し上のキービジュアル */

#cont p.category_image{ margin:0; padding-bottom:15px;}


/* 動線エリア */

.flowSection{
	float:left;
}
.flowSection{
	margin:1.2em -11px 0 0; padding:0 0 15px 0;
}
.flowSection:after{content:"."; display:block; clear:both; height:0px; visibility:hidden;}
.flowSection{min-height:1px;}
* html .flowSection{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }


#cont .flowSection ul.clear_ulmark {
	margin-top: 0.4em;
}



/* ●１カラムの場合「class="culum_one"」をトリガーに。 */

.cop_detail #cont .culum_one{
	background: url(/common/img/cs/top/category_list_culum_one_bg.jpg) no-repeat left bottom;
}
.cop_detail #cont .culum_one .box{
	width:715px;
	padding:0 10px;
}
.cop_detail #cont .culum_one h2{
	margin:0 -10px 0 -10px;
	width:723px;
	background:url(/common/img/parts/h2_bg.jpg) no-repeat left top;
}



		.cop_detail #cont .culum_one h3{margin:1em 0 0 0; padding:0; border:none;}
			.cop_detail #cont .culum_one h3 a{
				display:inline-block;
				padding:0 0 0 16px;
				background:url(/common/img/parts/icon/icon_arrow_r_box_reverse.gif) no-repeat left 4px;}
			.cop_detail #cont .culum_one h3 a.blank{
				background:url(/common/img/parts/icon/icon_blank_box_reverse.gif) no-repeat left 4px;}




/* ○1カラムの中のレイアウトの時～ */

/* 左に80pxの画像用 「class="element_img80_left"」 */
			.cop_detail #cont .culum_one .element_img80_left .text{ width:622px;}
	
				/* さらにその中のリンク */
				.cop_detail #cont .culum_one .element_img80_left .text ul{ margin:0.4em 0 0 0; padding:0;}
				.cop_detail #cont .culum_one .element_img80_left .text ul:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
				.cop_detail #cont .culum_one .element_img80_left .text ul { min-height:1px;}
				* html .cop_detail #cont .culum_one .element_img80_left .text ul {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
		
					.cop_detail #cont .culum_one .element_img80_left .text ul li{
						float:left; margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
					.cop_detail #cont .culum_one .element_img80_left .text ul li a{
						display:inline-block; padding:0 5px 0 12px;
						background:url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 3px 6px;}
					.cop_detail #cont .culum_one .element_img80_left .text ul li a.blank{
						background:url(/common/img/parts/icon/icon_blank.gif) no-repeat 1px 5px;}
		
						.cop_detail #cont .culum_one .element_img80_left .text .row_2 li{ width:311px;}
						.cop_detail #cont .culum_one .element_img80_left .text .row_3 li{ width:207px;}
						.cop_detail #cont .culum_one .element_img80_left .text .row_4 li{ width:155px;}

				/* .element_img80_rightはまだ作っていない */



			/* .culum_one の中で2分割 */
			.cop_detail #cont .culum_one .Section_Grid_2column { margin:0 -21px 0 0; background:url(/common/img/cs/top/category_list_border_bg.gif) repeat-y 357px top;}
			.cop_detail #cont .culum_one .Section_Grid_2column:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
			.cop_detail #cont .culum_one .Section_Grid_2column { min-height:1px;}
			* html .cop_detail #cont .culum_one .Section_Grid_2column {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

				/* 左に80pxの画像用　「class="element_img80_left"」 */
				.cop_detail #cont .culum_one .Section_Grid_2column .Section_Grid_innerColumn { width:347px; padding-right:21px; float:left;}
				.cop_detail #cont .culum_one .Section_Grid_2column .Section_Grid_innerColumn .element_img80_left .text{ width:255px;}

			/* .culum_one の中で2分割(企業情報) */
			.cop_detail #cont .culum_one .Section_Grid_2column.corporate { margin-top:10px; }

				/* 左に50pxの画像用(企業情報)　「class="element_img50_left"」 */
				.cop_detail #cont .culum_one .Section_Grid_2column.corporate .Section_Grid_innerColumn .element_img50_left .text{ width:285px;}
				.cop_detail #cont .culum_one .Section_Grid_2column.corporate .Section_Grid_innerColumn .element_img50_left .text h3,
				.cop_detail #cont .culum_one .Section_Grid_2column.corporate .Section_Grid_innerColumn .element_img50_left .pic p { margin-top:0; }

			/* .culum_one の中で3分割 */
			.cop_detail #cont .culum_one .Section_Grid_3column { margin:0 -21px 0 0;}
			.cop_detail #cont .culum_one .Section_Grid_3column:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
			.cop_detail #cont .culum_one .Section_Grid_3column { min-height:1px;}
			* html .cop_detail #cont .culum_one .Section_Grid_3column {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	
				.cop_detail #cont .culum_one .Section_Grid_3column .Section_Grid_innerColumn { width:230px; padding-right:12px; float:left;}


			/* .culum_one の中で4分割 */
			.cop_detail #cont .culum_one .Section_Grid_4column { margin:0 -21px 0 0;}
			.cop_detail #cont .culum_one .Section_Grid_4column:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
			.cop_detail #cont .culum_one .Section_Grid_4column { min-height:1px;}
			* html .cop_detail #cont .culum_one .Section_Grid_4column {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	
				.cop_detail #cont .culum_one .Section_Grid_4column .Section_Grid_innerColumn { width:172px; padding-right:8px; float:left;}








			/* 2分割 (.culum_oneの中ではなく) */
			.cop_detail #cont .h2section .Section_Grid_2column { margin:0 -21px 0 0;}
			.cop_detail #cont .h2section .Section_Grid_2column:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
			.cop_detail #cont .h2section .Section_Grid_2column { min-height:1px;}
			* html .cop_detail #cont .h2section .Section_Grid_2column {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

				.cop_detail #cont .h2section .Section_Grid_2column .Section_Grid_innerColumn { width:350px; padding-right:20px; float:left;}

			/* 左に80pxの画像用 「class="element_img80_left"」 */
			.cop_detail #cont .h2section .element_img80_left .text{width:230px;}

			/* 左に50pxの画像用 「class="element_img50_left"」 */
			.cop_detail #cont .h2section .element_img50_left{ margin-bottom:-1px; padding-bottom:10px;}
				.cop_detail #cont .h2section .element_img50_left .text{width:260px;}

				/* さらにその中のリンク */
				.cop_detail #cont .h2section .element_img50_left .text ul{ margin:0; padding:0;}
				.cop_detail #cont .h2section .element_img50_left .text ul li{
					margin:0.6em 0 -1px 0; padding:0 0 0.4em 12px;  width:auto; float:none;
					}
					.cop_detail #cont .h2section .element_img50_left .text ul li a{
						display:block; padding-left:12px; margin-left:-12px;
						background:url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 3px 5px;}
					.cop_detail #cont .h2section .element_img50_left .text ul li a.blank{
						background:url(/common/img/parts/icon/icon_blank.gif) no-repeat 1px 4px;}

				.cop_detail #cont .h2section .element_img50_left .text ul li.indent-none{ padding-left:0;}
				.cop_detail #cont .h2section .element_img50_left .text ul li.indent-none a{ margin:0;}












/* ●２カラムの場合「class="culum_two"」をトリガーに。 */

.cop_detail #cont .culum_two{
	background: url(/common/img/cs/top/category_list_culum_two_bg.jpg) no-repeat left bottom;
}
.cop_detail #cont .culum_two .box{
	width:342px;
	padding:0 21px 0 10px;
	float:left;
	overflow:hidden;
}
.cop_detail #cont .culum_two h2{
	margin:0 -10px 0 -10px;
	width:350px;
	background:url(/common/img/cop/top/category_list_culum_two_h2_bg.jpg) no-repeat left top;
}


		.cop_detail #cont .culum_two h3{margin:1em 0 0 0; padding:0; border:none;}
			.cop_detail #cont .culum_two h3 a{
				display:inline-block;
				padding:0 0 0 16px;
				background:url(/common/img/parts/icon/icon_arrow_r_box_reverse.gif) no-repeat left 4px;}
			.cop_detail #cont .culum_two h3 a.blank{
				background:url(/common/img/parts/icon/icon_blank_box_reverse.gif) no-repeat left 4px;}



			/* ○2カラムの中のレイアウトの時～ */

			.cop_detail #cont .culum_two .row_2 li{ width:171px;}

			/* 左に80pxの画像用 「class="element_img80_left"」 */
			.cop_detail #cont .culum_two .element_img80_left .text{width:252px;}

			/* 左に50pxの画像用 「class="element_img50_left"」 */
			.cop_detail #cont .culum_two .element_img50_left{ margin-bottom:-1px; padding-bottom:10px; border-bottom:1px dotted #cccccc;}
				.cop_detail #cont .culum_two .element_img50_left .text{width:282px;}
				
				/* さらにその中のリンク */
				.cop_detail #cont .culum_two .element_img50_left .text ul{ margin:0; padding:0;}
				.cop_detail #cont .culum_two .element_img50_left .text ul li{
					margin:0.6em 0 -1px 0; padding:0 0 0.4em 12px;  width:auto; float:none;
					border-bottom:1px dotted #cccccc;}
					.cop_detail #cont .culum_two .element_img50_left .text ul li a{
						display:block; padding-left:12px; margin-left:-12px;
						background:url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 3px 5px;}
					.cop_detail #cont .culum_two .element_img50_left .text ul li a.blank{
						background:url(/common/img/parts/icon/icon_blank.gif) no-repeat 1px 4px;}

				.cop_detail #cont .culum_two .element_img50_left .text ul li.indent-none{ padding-left:0;}
				.cop_detail #cont .culum_two .element_img50_left .text ul li.indent-none a{ margin:0;}

				/* .element_img80_rightはまだ作っていない */
				/* .element_img50_rightはまだ作っていない */





/*
	NOREN 2011/7/12 トップ・企業情報配下公開に向けて コンテンツエリアCSSの調整記述 上野 2011/7/8
*/

/* 汎用 */
#cont .bold{font-weight:bold;}
#cont h4{margin:1.2em 0 0 0; padding:0 0 2px 0; border-bottom:1px solid #cccccc; font-weight:bold;}

/* ニュース・お知らせ頁のニュース・お知らせ検索エリア */
#cont .search_hd{margin:13px 0 0 0;}
#cont .search_mid p{margin:0;padding-bottom:2px; vertical-align:middle;}


/*
	ポップアップページ設定
*/

#pop_wrapper #cont{padding-bottom:2em;}
#pop_wrapper #cont h2{background:url(/common/img/parts/h2_bg_pop.jpg) no-repeat left top;}

/*
	ソーシャルメディア設定
*/



.cop_detail #cont .social_media .element_img80_left{padding-bottom:16px;}
.cop_detail #cont .social_media .element_img80_left .text{ float:right; width:630px;}
.cop_detail #cont .social_media .element_img80_left .pic{ float:left; width:80px;}