@charset "utf-8";
/*--------------------------------------------------
CSS information

 file name  : www.p-world.co.jp/company/css/detail.css
 author     : P-WORLD
 style info : トップページ以外画面共通CSS
--------------------------------------------------*/
/*==============================================
  見出し
==============================================*/
h1 {
	margin-bottom:60px;
	font-weight:bold;
	font-size:200%;
	line-height:1em;
}
h2 {
	margin-bottom:30px;
	padding-top:15px;
	background:url("../image/common/cssSplit002.png") no-repeat right top;
	font-weight:bold;
	font-size:130%;
}
.h2Wrap {
	margin-bottom:70px;
}
h3 {
	margin-bottom:15px;
	font-weight:bold;
	font-size:120%;
}
/*==============================================
  mainimg
==============================================*/
#mainimg {
	background:url("../image/common/bgMainimg.png") repeat-x center top;
}
#mainimg, #mainimg p {
	height:200px;
}
/*==============================================
  contents
==============================================*/
#contents .wrap {
	width:876px;
	background:url("../image/common/bgWrap.png") repeat-y center top;
}
#outer {
	padding-top:5px;
	background:url("../image/common/bgWrap.png") no-repeat left top;
}
#inner {
	padding:0 8px 100px;
	background:url("../image/common/bgWrap.png") no-repeat right bottom;
}
#main {
	float:right;
	padding:20px 40px 0 39px;
	width:550px;
}
* html #main {
	width:629px;
}
#sub {
	float:left;
	width:231px;
}
/* 各indexページ用
--------------------------------------------*/
.section {
	padding:30px 0 40px;
	background:url("../image/common/cssSplit001.png") repeat-x left -291px;
}
.section .titleWrap {
	float:left;
	width:350px;
}
.section h2 {
	margin-bottom:20px;
	padding-top:0;
	border:none;
	background-image:none;
}
.section h2 a {
	padding-left:29px;
	background:url("../image/common/cssSplit001.png") no-repeat 2px -104px;
	color:#333;
}
/*==============================================
  breadcrumb
==============================================*/
#breadcrumb {
	margin-bottom:50px;
	color:#606060;
	text-align:right;
}
#breadcrumb a {
	color:#606060;
}
#breadcrumb li {
	display:inline;
	margin-left:11px;
	font-size:12px;
}
#breadcrumb a {
	display:inline-block;
	margin-right:10px;
}
/*==============================================
  lNavi
==============================================*/
#lNaviTitle {
	font-weight:bold;
	font-size:18px;
}
#lNaviTitle a {
	display:block;
	padding:30px 0 10px 20px;
	height:40px;
	background:url("../image/common/cssSplit002.png") no-repeat left top;
	color:#FFF;
	text-shadow:0 1px 1px #000;
	line-height:1em;
}
* html #lNaviTitle a {
	height:80px;
}
#lNaviTitle a:hover {
	background-position:left -80px;
	text-decoration:none;
}
#lNaviTitle span {
	display:block;
	padding-top:3px;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
}
#lNavi {
	margin-bottom:10px;
	padding-bottom:1px;
	background:url("../image/common/cssSplit002.png") no-repeat left bottom;
	font-size:13px;
}
#lNavi a {
	display:block;
	padding-left:25px;
	height:50px;
	background:url("../image/common/cssSplit002.png") no-repeat left -160px;
	color:#FFF;
	line-height:50px;
}
#lNavi a:hover {
	background-position:left -210px;
	text-decoration:none;
}
#lNavi .current a, #lNavi .current a:hover {
	background-position:left -260px;
}
/*==============================================
  banner
==============================================*/
#banner {
	text-align:center;
}
/*==============================================
  共通部品
==============================================*/
/* リンク
--------------------------------------------*/
.link a {
	padding-left:12px;
	background:url("../image/common/cssSplit001.png") no-repeat 2px -22px;
}
.linkBlank a {
	padding-left:18px;
	background:url("../image/common/cssSplit001.png") no-repeat 2px -167px;
}
/* 注意書き（※）
--------------------------------------------*/
.warning {
	padding-left:1em;
	text-indent:-1em;
}
/* 背景グレーパターン
--------------------------------------------*/
.grayPattern {
	background:url("../image/common/bgGrayPattern.png") repeat left top;
}
/* tableレイアウト
--------------------------------------------*/
.tblLayout {
	width:100%;
	border-top:1px solid #C6C6C6;
	border-bottom:1px solid #C6C6C6;
}
.tblLayout th {
	background-color:#F4F4F4;
	color:#464646;
	vertical-align:top;
	font-weight:bold;
}
.tblLayout th, .tblLayout td {
	padding:7px 0 7px 14px;
	border-top:1px solid #DEDEDE;
}
.tblLayout .first th, .tblLayout .first td {
	border-top:none;
}
.tblLayout td {
	background-color:#FFF;
}
/******************************************************************************
  business カテゴリ
******************************************************************************/
.business #mainimg p { background:url("../image/business/mainimg.jpg?20200406") no-repeat center top; }
.business #makerList {
	padding:20px;
}
.business #makerList li {
	float:left;
	width:50%;
}
.business #makerList li  a{
	margin-left:5px;
}
/******************************************************************************
  company カテゴリ
******************************************************************************/
.company #mainimg p { background:url("../image/company/mainimg.jpg?20200406") no-repeat center top; }
/* tableレイアウト
--------------------------------------------*/
.company .tblHistory {
	width:100%;
	border-top:1px solid #C6C6C6;
	border-bottom:1px solid #C6C6C6;
}
.company .tblHistory th {
	padding:0 14px 7px 0;
	width:50px;
	background-color:#F4F4F4;
	color:#888;
	vertical-align:top;
	text-align:right;
	font-weight:bold;
}
.company .tblHistory td {
	padding:0 0 7px 14px;
}
.company .tblHistory .first th, .company .tblHistory .first td {
	padding-top:7px;
}
.company .tblHistory th.year {
	padding:7px 0 7px 14px;
	width:75px;
	background-color:#E4E4E4;
	color:#464646;
	text-align:left;
}
.company .tblHistory .borderTop th ,.company .tblHistory .borderTop td {
	padding-top:7px;
	border-top:1px solid #C6C6C6;
}
/* 地図
--------------------------------------------*/
.company .map {
	padding:1px;
	border:solid 1px #CCC;
}
/* コメント用ボックス
--------------------------------------------*/
.company .commentWrap {
	padding:20px;
}
/* ご協力会社
--------------------------------------------*/
.company .listCompany li {
	float:left;
	width:183px;
	margin-bottom:3px;
}
/******************************************************************************
  recruit カテゴリ
******************************************************************************/
.recruit #mainimg p { background:url("../image/recruit/mainimg.jpg?20200406") no-repeat center top; }
/* 選考フロー
--------------------------------------------*/
.recruit .flowAllow {
	padding-top:50px;
	background:url("../image/common/cssSplit001.png") no-repeat center -211px;
}
.recruit .flowLayout {
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	background-color:#F4F4F4;
}
.recruit .flowLayout dt {
	float:left;
	padding:20px 25px;
	width:90px;
	font-weight:bold;
}
* html .recruit .flowLayout dt {
	width:140px;
}
.recruit .flowLayout dd {
	float:left;
	padding:20px;
	width:370px;
	background-color:#FFF;
}
* html .recruit .flowLayout dd {
	width:410px;
}
/******************************************************************************
  sitemap カテゴリ
******************************************************************************/
.sitemap #mainimg p { background:url("../image/contact/mainimg.jpg?20200406") no-repeat center top; }
.sitemap h2 a { color:#333; }
.sitemap .linkList li {
	float:left;
	margin-bottom:20px;
	width:50%;
	font-size:110%;
}
.sitemap .linkList a {
	padding-left:12px;
	background:url("../image/common/cssSplit001.png") no-repeat left -21px;
	color:#333;
	line-height:1em;
}
/******************************************************************************
  contact カテゴリ
******************************************************************************/
.contact #mainimg p { background:url("../image/contact/mainimg.jpg?20200406") no-repeat center top; }
.contact #sendWrap {
	padding:30px 0;
	text-align:center;
}