@charset "utf-8";


/* utf-8の場合、ieはフォントセットがTimes New Romanになるため対応 */
/* Mac Safariもsans-serifで統一する */
body { font-family: "MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; }

/* -- ページトップへ -- */
#main p.pagetop{ clear:both; padding-top:2em; line-height:1.1em;}
	#main p.pagetop a{
		display:inline-block;
		padding:0 0 0 9px;
		background: url(/common/img/parts/icon/icon_arrow_t.gif) no-repeat left 3px;}






/* -- メイン枠 メイン内共通 -- */
#main{ width:955px; padding:0 0 10px 0; position:relative;}
#main:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
#main { min-height:1px;}
* html #main {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }




/* ■□レイアウト設定□■ */
.cop_detail #cont{width:735px; float:right; position:relative;}
.cop_detail #leftside{ width:200px; float:left;}


/* 目的別ページ */
.cop_detail .cop_top #cont { width:777px; float:left; }


/* ■□■フッターナビ設定■□■ */

#category_foot_navi{
	clear:both;
	margin-top:10px; width:955px;
	background:url(/common/img/ui/foot/foot_navi_category_bg_top.gif) no-repeat left 4px;}
	#category_foot_navi dt{ font-weight:bold; padding:12px 0 4px 15px;}
	#category_foot_navi dd{width:955px; padding-top:2px;}

	#category_foot_navi dd ul{
		margin:0 0 0 0; padding:0 0 9px 10px;
		background:url(/common/img/ui/foot/foot_navi_category_bg_bottom.gif) no-repeat bottom left;}
	
	#category_foot_navi dd ul:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
	#category_foot_navi dd ul { min-height:1px;}
	* html #category_foot_navi dd ul {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

		#category_foot_navi dd li{ width:131px; margin:0; padding:0; float:left; line-height:29px; }

			/* 個別対応 */
			#category_foot_navi dd li.category_foot_navi_ir{width:122px;}
			#category_foot_navi dd li.category_foot_navi_csr{width:181px;}
			#category_foot_navi dd li.category_foot_navi_recruit{width:144px;}
			#category_foot_navi dd li.category_foot_navi_history{width:100px;}


		#category_foot_navi dd li a{
			display:block;
			padding:5px 0 7px 22px; line-height:140%;
			background: url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat 7px 8px;
			color:#333333; text-decoration:none;}
		* html #category_foot_navi dd li a{ width:109px; }
		* html #category_foot_navi dd li.category_foot_navi_csr a { width:159px; }
		* html #category_foot_navi dd li.category_foot_navi_history a { width:78px; }
		
		#category_foot_navi dd li a:hover{ text-decoration:underline;}






#cont ol li.mb07em {
	margin-bottom: 0.7em;
}



#cont h1{
	margin:0; padding:0 0 0 8px;
	border-left:6px solid #f55f01; line-height:1.3em; font-weight:bold; color:#323232;
}
#cont h1.title{
	margin:0; padding:0px;
	border:0px; line-height:1.3em; font-weight:bold; color:#323232;
}
#main .transition h1{ /* 既存CSSと整合性を合わせるため、selector's specificityを強制的に合わせている */
	margin-bottom: 13px;
}







/* ■□■左サイド設定■□■ */

#leftside{ padding-bottom:91px;}



/* ITでオフィスを元気にする フッタ上訴求エリア */
#leftside p.leftside_it_bnr{ margin:0; position:absolute; left:0; bottom:20px;}


/* 左サイドナビ */
#leftside_navi{}

	/* ナビタイトル */
	#leftside_navi p.title{
		background:#666666 url(/common/img/ui/leftside/leftside_title_bg.gif) no-repeat left top;
		font-weight:bold;}
	#leftside_navi p.title a{
		display:block;
		padding:15px 5px 15px 28px;
		background: url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat 12px 19px;
		color:#ffffff; text-decoration:none;}
		#leftside_navi p.title a:hover{ text-decoration:underline; color:#e97707;}
	
	/* ナビ */
	#leftside_navi ul{
		border-bottom:1px solid #666666;
		background-color:#f2f2f2;
		overflow:hidden;}
	#leftside_navi ul li{
		margin:0 0 0 0; padding:0 0 0 0;
		border-bottom:1px solid #bfbfbf;
		line-height:1.3em;}
		* html #leftside_navi ul,
		* html #leftside_navi ul li{width:100%;}

	#leftside_navi ul li a{
		display:block; width:168px;
		padding:7px 5px 6px 27px;
		background: url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat 12px 9px;
		color:#333333; text-decoration:none;}
	#leftside_navi ul li a.blank{
		background: url(/common/img/parts/icon/icon_blank_box.gif) no-repeat 12px 9px;}
		#leftside_navi ul li a:hover{
			background-color:#ffffff;
			text-decoration:underline;
			 color:#ff6a00;}

		/* カレント */
		#leftside_navi ul li.alt{background-color:#ffc770;font-weight:bold;}
		#leftside_navi ul li.alt a:hover{ background-color:#ffc770;}
		/* サブナビ有りのカレント */
		#leftside_navi ul li.now{background-color:#d3d3d3; /*font-weight:bold;*/}
		#leftside_navi ul li.now a:hover{background-color:#d3d3d3;}
			

		/* サブナビ */
		#leftside_navi ul li ul{
			margin:0 0 0 0; padding:0 0 0 9px;
			border:none; background:none;overflow:hidden;}
		#leftside_navi ul li.now ul{ font-weight:normal;}
		#leftside_navi ul li ul li{
			margin:-1px 0 0; padding:0;
			width:191px;
			border-top:1px solid #bfbfbf;
			border-bottom:none;
			background:#f2f2f2;}
			#leftside_navi ul li ul li a{
				display:block; width:169px;
				padding:5px 3px 5px 19px;
				background: url(/common/img/parts/icon/icon_arrow_subnavi.gif) no-repeat 8px 10px;}
			#leftside_navi ul li ul li a:hover{ background-color:#ffffff;}
			#leftside_navi ul li.now ul li a:hover{ background-color:#ffffff;}
			/* カレント */
			#leftside_navi ul li ul li.alt a{ background-color:#ffc770; font-weight:bold;}
			#leftside_navi ul li ul li.alt a:hover{ background-color:#ffc770;}



	/* 戻る */
	#leftside_navi ul.back{
		background: none;
		border: none;
		border-top: 2px solid #666666;
		padding-bottom: 0;
	}
	#leftside_navi ul.back li{
		margin:0; padding:0;font-weight:bold;}
		#leftside_navi ul.back li a{
			display:block;
			padding:7px 5px 6px 27px;
			background: url(/common/img/parts/icon/icon_pageback.gif) no-repeat 12px 8px;
			color:#333333; text-decoration:none;}
		#leftside_navi ul.back li a:hover{ text-decoration:underline; background-color:#f2f2f2; }


	#leftside_navi {
		background:#f2f2f2 url(/common/img/ui/leftside/leftside_back_bg.gif) no-repeat left bottom;
		padding-bottom:3px;
	}

		/* 企業情報ローカルナビ設定 */
		/* 企業情報トップに戻る */
			#leftside_navi p.backlink_top{ margin:0; padding:0; 
			background:#ffffff url(/common/img/ui/leftside/backlink_top_icon.gif) no-repeat left 0.28em;}
			#leftside_navi p.backlink_top a{
				display:block;
				padding:0 0 5px 18px;
				text-decoration:none;
				font-weight:bold; color:#333333; }
			#leftside_navi p.backlink_top a:hover{ text-decoration:underline; color:#e97707; }
		
		/* 第２階層に戻る */
		#leftside_navi p.backlink_category{ margin:0; padding:0; background:#F9F9F9 url(/common/img/ui/leftside/backlink_category_bg.gif) no-repeat left top; }
			#leftside_navi p.backlink_category a{
				display:block;
				padding:8px 5px 6px 28px;
				background:url(/common/img/parts/icon/icon_arrow_t_box.gif) no-repeat 12px 0.8em;
				text-decoration:none;
				font-weight:bold; color:#333333; }
			#leftside_navi p.backlink_category a:hover{ text-decoration:underline; color:#e97707; }






/* アピールエリア */
#leftside #appeal_area{ padding-top:1em;}
	#leftside #appeal_area ul{}
	#leftside #appeal_area li{
		margin-bottom:10px; padding:6px 8px 5px 7px;
		border:1px solid #bfbfbf; background-color:#f2f2f2;
		line-height:1em;}
		
	#leftside #appeal_area li.last{
		margin-bottom:1em; padding:6px 8px 5px 7px;
		border:1px solid #bfbfbf; background-color:#f2f2f2;
		line-height:1em;}
				
		#leftside #appeal_area li a{
			display:block; padding-left:14px;
			background:url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat left 2px;
			line-height:1.4em; font-weight:bold; color:#333333; text-decoration:underline;}
		#leftside #appeal_area li a.blank{
			background:url(/common/img/parts/icon/icon_blank_box.gif) no-repeat left 2px;}

		#leftside #appeal_area li a:hover{ color:#ff6a00;}
		#leftside #appeal_area li span{ display:block; padding-left:14px; line-height:1.3em;}


/* バナーエリア */
#leftside #banner_area{}
	#leftside #banner_area ul{}
	#leftside #banner_area li{
		margin-bottom:10px;padding:5px;
		border:1px solid #bfbfbf;}

	/* 一枚画像用（作成予定） */
	#leftside #banner_area li.banner_big{}


	/* 左に画像用 */
	#leftside #banner_area li.banner_small{position:relative; min-height:50px; height: auto !important; height: 50px;}
		#leftside #banner_area li.banner_small a{
			display:block;
			margin-left:55px; padding-left:14px;
			background:url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat left 2px;
			line-height:1.4em; font-weight:bold;}
		#leftside #banner_area li.banner_small a.blank{
			background:url(/common/img/parts/icon/icon_blank_box.gif) no-repeat left 2px;}

		#leftside #banner_area li.banner_small a img{ position:absolute; top:5px; left:5px;}
		#leftside #banner_area li.banner_small span{
			display:block; padding-left:69px; line-height:1.3em;}









/* ■□レイアウト設定□■ */
.cop_category{
	background: url(/common/img/ui/category_bg.gif) repeat-y left top;
	margin-bottom: 10px;
}
.cop_category #main_inner{ width:766px; float:left;}
.cop_category #main_inner:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
.cop_category #main_inner { min-height:1px;}
* html .cop_category #main_inner {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }



.cop_category #cont{float:right;}



.cop_category #leftside{ width:200px; float:left;}
.cop_category #rightside{ width:158px; float:right;}


/* ■コンテンツ（エレメント）設定■ */


/* □トップメインビジュアル□ */
.cop_category #cont p.category_image{ margin:0; padding-bottom:15px;}





/* レイアウト3列 */

.cop_category #cont:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;}
.cop_category #cont { min-height:1px;}
* html .cop_category #cont {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

.cop_category #cont {
    width: 735px;
}

#cont_body {
	float: left;
    width: 546px;
}





/* 自動でリンクリストを表示 */

#cont table.table_news td {
	padding-left: 0;
	padding-right: 11px;
}

#cont table.table_news td.nowrap {
	white-space: nowrap;
	width: 1%;
	letter-spacing: 1px;
}

#cont table.table_news td.last {
	padding-right: 0;
}

#cont table.table_news td ul {
	margin: 0;
	padding: 0;
}

#cont table.table_news td ul li {
	list-style: none outside none;
	margin: 0;
	padding: 0 7px 0 14px;
	background: url("/common/img/parts/icon/icon_arrow_r.gif") no-repeat 5px 6px;
}

#cont table.table_news td ul li.blank {
	background: url("/common/img/parts/icon/icon_blank.gif") no-repeat 2px 5px;}

#cont table.table_news td ul li.noIcon {
	background: none;}



#cont table.table_news td ul li a {
	background: none;
	padding-left: 0;
	display: inline;
}

#cont table.table_news td ul li a.blank {
	background: none;
	padding-left: 0;
	display: inline;
}




#cont p.em{ font-style:normal; font-weight:bold;}





/* タブナビゲーション:ここから */

#cont p.tab_h1 {
	border-left: 6px solid #F55F01;
	color: #323232;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 0 8px;
}
.t14 p.tab_h1 {
	font-size:165%;	
}
#cont h1.tab_h1 {
	border: 0;
	padding: 0;
	font-weight: bold;
}
.t14 h1.tab_h1 {
	font-size:100%;	
}
#cont ul.tab_top, #cont ul.tab_bottom {
	margin: 0;
	padding: 0;
}
#cont ul.tab_top {
	margin-top: 1em;
}
#cont ul.tab_bottom {
	margin-bottom: 1em;
}
#cont ul.tab_top li, #cont ul.tab_bottom li {
	border: 1px solid #666;
	display: inline;
	line-height: 1.5em;
	list-style: none;
	padding: 5px;
}
#cont ul.tab_top li.tab_active, #cont ul.tab_bottom li.tab_active {
	background-color: #FFCC77;
}
#cont ul.tab_top li p, #cont ul.tab_top li h1, #cont ul.tab_bottom li p, #cont ul.tab_bottom li h1 {
	display: inline;
	margin-top: 0;
}
#cont div.tab_content {
	border: 1px solid #666;
	margin: 0;
	padding: 0 10px 10px 1em;
}

/* タブナビゲーション:ここまで */




/* デバッグモード */
.ots_DebugMode { background:#f33; color:#fff; font-weight:bold; padding: 5px; }


/* 補完 */
div#top_footer_01{ clear:both;}