@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
corpディレクトリ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*タイトル - 運営会社*/
h3.pageTitle { background: url(/corp/images/title.gif) 0 0; }

/*ロゴ*/
.inclubeLogo { margin: 0 auto 20px auto; width: 150px; }
.bgLogo { background: url(/corp/images/i.gif) no-repeat right 40px; }

.corp { }
.corp h4 { margin: 0 0 10px 0; padding: 5px 10px; border-top: 1px solid #CCC; border-bottom: 1px dotted #CCC; font-weight: bold; font-size: 1em; background: #F8F8F8; }
.corp em { font-style: normal; font-weight: bold; color: #04A780; }
.corp dl { margin: 0; padding: 0; }
.corp dt { margin: 0 0 20px 0; padding: 5px 10px; border-top: 1px solid #CCC; border-bottom: 1px dotted #CCC; font-weight: bold; background: #F8F8F8; }
.corp dd { margin: 0; line-height: 1.8em; padding: 0 10px 20px 10px; }

.corp table { width: 650px; }
.corp table th { padding: 10px; width: 100px; border-bottom: 2px solid #FFF; font-weight: normal; text-align: right; vertical-align: top; background: #F8F8F8; }
.corp table td { padding: 10px; }

.corp .img3i { margin: 30px 0 30px 20px; width: 411px; height: 32px; display: block; }
.corp .imgBusiness { margin: 30px 0 30px 100px; width: 307px; height: 158px; display: block; }

/*リクルート情報*/
.recruitContents { margin: 15px 0 0 0; width: 650px; height: 272px; }
.recruitImg { float: left; width: 316px; }
.recruitData { float: right; width: 316px; }
.recruitDataBox { margin: 0 0 15px 0; width: 314px; /*height: 107px;*/ border: 1px solid #CCC; }
.recruitDataBox p { margin: 0 auto; padding: 0 0 10px 0; width: 284px; }
/*新卒採用情報*/
.recruitDataBox p.gradHiring { margin: 5px auto 0 auto; width: 306px; height: 30px; text-indent: -9999px; }
.recruitDataBox p.gradHiring a { width: 306px; height: 30px; display: block; text-indent: -9999px; overflow: hidden; background-image: url(/corp/images/btn-grad-hiring.gif); }

/*中途採用情報*/
.recruitDataBox p.halfway { margin: 5px auto 0 auto; width: 306px; height: 30px; }
.recruitDataBox p.halfway a { width: 306px; height: 30px; display: block; text-indent: -9999px; overflow: hidden; background-image: url(/corp/images/btn-halfway.gif); }

.recruitDataBox a:hover { background-position: 0 -30px; }


/*---------------------------------------------------------------
リクルート
---------------------------------------------------------------*/

.recruit {}

/*一覧テ−ブル*/
table.recruitListTable { width: 650px; border-top: 1px solid #CCC; }
table.recruitListTable th { padding: 10px; border-bottom: 1px solid #CCC; background: #F8F8F8; text-align: center; font-weight: bold; }
table.recruitListTable td { padding: 10px; border-bottom: 1px solid #CCC; line-height: 1.5em; }
table.recruitListTable .tbl { border-left: 1px dotted #CCC; }

/*詳細テ−ブル*/
table.recruitDetailTable { margin: 0 0 40px 0; width: 650px; }
table.recruitDetailTable th { padding: 10px; width: 120px; border-bottom: 1px dotted #CCC; font-weight: normal; text-align: right; vertical-align: top; background: #F8F8F8; }
table.recruitDetailTable td { padding: 10px; line-height: 1.5em; border-bottom: 1px dotted #CCC; }

/*応募フォームテ−ブル*/
table.recruitFormTable { margin: 10px 0 8px 0; width: 650px; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-collapse: collapse; }
table.recruitFormTable th { padding: 10px; width: 120px; font-weight: normal; color: #666; background: #F6F6F6; text-align: left; font-size: 12px; border-left: 4px solid #666; border-bottom: 1px dotted #726d6b; }
table.recruitFormTable td { border-bottom: 1px dotted #726d6b; padding: 10px; }
table.recruitFormTable .spanControl { margin: 0; padding: 0; line-height: 1em; font-size: 12px; }
table.recruitFormTable input,
table.recruitFormTable textarea { border-style: solid; border-width: 1px; border-color: #AAAA94 #DFDFD6 #DFDFD6 #AAAA94; vertical-align: middle; color: #696969; background: #F1F1ED; }
table.recruitFormTable input.inputRadio { border-style: none; color: #000; background: transparent; }
table.recruitFormTable input.inputCheckbox { border-style: none; color: #000; background: transparent; }
table.recruitFormTable .num { text-align: right; }

/*必須設定*/
table.recruitFormTable th.thImp { border-color: #aaaaaa transparent #aaa #F60; }
table.recruitFormTable th.thImp sup { color: #F60; padding-left: 3px; }


/*---------------------------------------------------------------
自費出版・印刷業務
---------------------------------------------------------------*/

.corpPublic { width: 650px; }
.corpPublic .ttl { margin: 0 0 30px 0; width: 650px; height: 210px; display: block; background: url(/corp/images/ttl-publication.gif) no-repeat; }
.corpPublic h4 { text-indent: -9999px; }
.corpPublic p { text-indent: -9999px; }

.corpPublicFlow { background: url(/corp/images/i.gif) no-repeat right top;}
.corpPublicFlow h5 { margin: 0 0 10px 0; color: #3485AE; font-size: 1.3em; font-weight: bold; }

.corpPublicFlow table { width: 100%; }

.corpPublicFlow th { padding: 0; width: 118px; height: 120px; text-indent: -9999px; background-repeat: no-repeat; background-position: left 10px;  }
.corpPublicFlow th.no1 { background-image: url(/corp/images/no-001.gif); }
.corpPublicFlow th.no2 { background-image: url(/corp/images/no-002.gif); }
.corpPublicFlow th.no3 { background-image: url(/corp/images/no-003.gif); }
.corpPublicFlow th.no4 { background-image: url(/corp/images/no-004.gif); }
.corpPublicFlow th.no5 { background-image: url(/corp/images/no-005.gif); }
.corpPublicFlow th.no6 { background-image: url(/corp/images/no-006.gif); }
.corpPublicFlow th.no7 { background-image: url(/corp/images/no-007.gif); }
.corpPublicFlow th.no8 { background-image: url(/corp/images/no-008.gif); }

.corpPublicFlow td { padding: 0; vertical-align: middle; background-image:url(/corp/images/next-arrow.gif); background-position: 245px bottom; background-repeat: no-repeat; }
.corpPublicFlow td.lastBox { background: none; }

/*お問い合わせボタン*/
.corpPublic p.btnContact { margin: 20px auto 40px auto; width: 382px; height: 40px; }
.corpPublic p.btnContact a { width: 382px; height: 40px; display: block; text-indent: -9999px; background: url(/corp/images/btn-contact.gif) no-repeat;}