@charset "utf-8";
/* ==INDEX=============================================
	Default Setup
	
	-------------------------------------------------
	 | Base Design
	-------------------------------------------------
	Container Area
	Header Area
	Header Navigation Area
	Content Area
	Main Area
	- newjob Area
	- searchGenre Area
	- news Area
	Side Navigation Area
	- sideInfo Area
	- mobile Area
	Footer Area
	-------------------------------------------------
	|  List Pages Design
	-------------------------------------------------
	List Header Area
	List Item Area
	List Footer Area
	-------------------------------------------------
	|  Reclude Index Pages Design
	-------------------------------------------------
	Show details
	Annnounce Area
	-------------------------------------------------
	 | News Pages Design
	-------------------------------------------------

	-------------------------------------------------
	 | send2mobile Page Design
	-------------------------------------------------

	-------------------------------------------------
	 | Other Pages Design
	-------------------------------------------------
	guide Page
	concept Page
	faq Page
	interview Page
	company Page
	sitemap Page
	qentry Page
   ==================================================== */
/* **************************************************
 *  Default Setup
 * ************************************************** */
 /*reset All stile*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
/* debug
div {
	border: 1px solid black;
}*/
body {
	margin: 0;
	color: #23140F;
	background-color: #CFE2D5;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
}
p {
	line-height: 1.3;
}
img {
	border: 0;
}

a:link,
a:visited {
	color: #00608D;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

form input, form select {
	border: 1px solid #7F9DB9;
	padding: 1px;
}
form textarea {
	border: 1px solid #7F9DB9;
	padding: 2px;
}
form .codicil {
	line-height: 1.2;
	color: #666;
	font-size: 12px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
/* ============================================================
   ------------------------------------------------------------
	Base Design
   ------------------------------------------------------------ */
/* **************************************************
 *  Container Area
 * ************************************************** */

div#container {
	position: relative;
	background-color: #FFFFFF;
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
}

/* **************************************************
 *  Header Area
 * ************************************************** */
div#head {
	position: relative;
	width: 800px;
	height: 82px;
	margin: 0;
	padding-top: 6px;
	background: url(./images/bg_head.gif) top repeat-x;
}
div#head h1#siteID {
  float: left;
  display: inline;
  width: 130px;
  height: 68px;
  margin:3px 0 0 12px;
  padding:0;
}

div#head p#headInfo {
	margin: 1px 3px 0 0;
	line-height: 11px;
	font-size: 11px;
	text-align: right;
}

div#head p#headInfo a {
	color: #504946;
}

div#head p.headMess {
	position: absolute;
	top: 37px;
	left: 181px;
	width: 441px;
	height: 24px;
	margin: 0;
}

div#head p.phonenum {
	position: absolute;
	right: 6px;
	bottom: 21px;
	margin: 0;
	font-size: 12px;
	text-align: right;
	
}
div#head p.update {
	position: absolute;
	right: 6px;
	bottom: 6px;
	margin: 0;
	font-size: 12px;
	text-align: right;
}

/* **************************************************
 *  Header Navigation Area
 * ************************************************** */
ul#headNav {
	clear: both;
	display: block;
	list-style: none;
	width: 100%;
	height: 24px;
	padding: 0;
	margin: 0;
	background: #EE0011 url(./images/bg_headNav.gif) top repeat-x;
}

ul#headNav li {
	float: left;
}

ul#headNav a {
	display: block;
	height: 24px;
	background-position: top left;
	background-repeat: no-repeat;
}

ul#headNav a:hover {
	background-position: bottom left;
}

ul#headNav a#home {
	width: 61px;
	margin-left: 15px;
	background-image: url(images/headNav_home.gif);
	text-indent: -9999px;
}

ul#headNav a#entry {
	width: 128px;
	margin-left: 226px;
	background-image: url(images/headNav_entry.gif);
	text-indent: -9999px;
}


ul#headNav a#faq {
	width: 101px;
	background-image: url(images/headNav_faq.gif);
	text-indent: -9999px;
}


ul#headNav a#concept {
	width: 153px;
	background-image: url(images/headNav_concept.gif);
	text-indent: -9999px;
}


ul#headNav a#guide {
	width: 88px;
	background-image: url(images/headNav_guide.gif);
	text-indent: -9999px;
}

/* **************************************************
 *  Content Area
 * ************************************************** */
div#content {
	clear: both;
	width: 776px;
	margin: 12px 0;
	padding: 0 12px;
}

div#content p.bread {
	margin: 2px;
	font-size: 12px;
}
div#content p.go2top {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 21px;
	text-align: right;
}

/* **************************************************
 *  Main Area
 * ************************************************** */
div#main {
	float: right;
	display: inline;
	width: 538px;
}

/* --------------------------------------------------
	newjob Area
   -------------------------------------------------- */
div#main div#newjob h2 {
	height: 32px;
	margin: 0;
	padding-left: 25px;
	line-height: 28px;
	background: #EE0415 url(../images/bg_h2_newjob.jpg) top no-repeat;
	color: #F7F6FB;
	font-size: 15px;
}

div#main div#newjob div.newjobList {
	margin: 0;
	border: 1px solid #EE0415;
}
div#main div#newjob div.newjobList div.newjobItem {
	border-bottom: 1px solid #EE0415;
}
div#main div#newjob div.newjobList div.newjobItem table {
	width: 100%;
}
div#main div#newjob div.newjobList div.newjobItem table tr td.title {
	color: #504946;
	font-size: 12px;
}
div#main div#newjob div.newjobList table tr td.title a {
	color: #EE0314;
	font-size: 16px;
	font-weight: bold;
}
div#main div#newjob div.newjobList div.newjobItem table tr td.image {
	width: 70px;
}

div#main div#newjob p.viewAll {
	height: 15px;
	margin: 0;
	padding-top: 2px;
	padding-right: 4px;
	background: #EE0415 url(../images/bg_newjob_btm.gif) bottom no-repeat;
	text-align: right;
	font-size: 10px;
}

div#main div#newjob p.viewAll a {
	color: #FFFFFF;
}

/* --------------------------------------------------
	searchGenre Area
   -------------------------------------------------- */
div#main div#searchGenre {
	margin-top: 12px;
	padding-bottom: 21px;
	background: url(../images/bg_searchGenre_btm.jpg) bottom no-repeat;
}
div#main div#searchGenre h2 {
	background-image: none;
	margin:0;
	padding:0;
}
div#main div#searchGenre p {
	margin: 5px 12px;
}
div#main div#searchGenre div.list {
	clear: left;
	width: 100%;
	height: 125px;
}
div#main div#searchGenre div.list p {
	float: left;
	width: 168px;
	height: 85px;
	margin: 0;
	padding: 5px;
}
div#main div#searchGenre div.list p a {
	color: #EE0011;
	font-weight: bold;
}

/* --------------------------------------------------
	news Area
   -------------------------------------------------- */
div#main div#news {
	margin-top: 12px;
	padding-bottom: 12px;
	background: url(../images/bg_news_btm.jpg) bottom no-repeat;
}
div#main div#news h2{
	background-image: none;
	margin:0;
	padding:0;
}
div#main div#news div.newsList {
	margin: 0 18px;
}
div#main div#news div.newsList p {
	margin: 1px;
}
/* **************************************************
 *  Side Navigation Area
 * ************************************************** */

div#sideNavOuter {
	width: 226px;
	overflow: hidden;
}

div#sideNavOuter div#SBM {
	width: 224px;
}

div#sideNav {
	width: 226px;
	padding-bottom: 2px;
	background: #FF8C00 url(./images/bg_sideNav.gif);
}
div#sideNav div#flow h2 {
	width: 100%;
	margin: 0;
	background-image: none;
}

div#sideNav div#flow table {
	width: 226px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------------------------------------------------
	sideInfo Area
   -------------------------------------------------- */
div#sideNav div#sideInfo {
	width: 222px;
	height: 207px;
	margin: 2px auto 0 auto;
	background-color: #FFFFFF;
	text-align: center;
}

div#sideNav div#sideInfo a img {
	display: block;
	margin: 7px auto 7px auto;
	text-align: center;
}
/* --------------------------------------------------
	mobile Area
   -------------------------------------------------- */
div#sideNav div#mobile {
	display: block;
	width: 222px;
	height: 170px;
	margin: 2px auto 0 auto;
	background-color: #FFFFFF;
}

div#sideNav div#mobile h2 {
	margin: 8px 0 8px 6px;
	line-height: 22px;
	color: #24140E;
	background-image: none;
	font-size:16px;
	font-weight: bold;
}
div#sideNav div#mobile p.sn_qrcode {
	float: left;
	margin: 4px;
}

/* --------------------------------------------------
	banners Area
   -------------------------------------------------- */
div#sideNavOuter div#banners {
	width: 100%;
	margin-top: 12px;
	padding: 0;
	text-align: center;
}
div#sideNavOuter div#bannersTitle {
	width: 100%;
	height: 29px;
	margin: 0;
	padding: 0;
}
div#sideNavOuter div#bannersInner {
	border: 1px solid #78B96E;
}
div#sideNavOuter div#bannersInner p {
	margin: 12px auto;
}
/* **************************************************
 *  Footer Area
 * ************************************************** */
 
div#foot {
	clear: both;
	position: relative;
	width: 100%;
	height: 46px;
	padding-top: 10px;
	background: #FFA500 url(./images/bg_foot.gif) bottom repeat-x;
}
div#foot p {
	margin:0;
	padding: 0;
	line-height:14px;
	font-size: 12px;
	text-align: center;
}
div#foot p a {
	color: #24140E;
}
div#foot p.copyright {
	position: absolute;
	bottom: 2px;
	width: 100%;
	text-align: center;
}

/* ============================================================
   ------------------------------------------------------------
	List Pages Design
   ------------------------------------------------------------ */
/* **************************************************
 *  List Header Area
 * ************************************************** */
div#listHead {
	margin-bottom: 18px;
}
div#listHead div.tabNav p {
	margin: 0;
	padding: 0;
}
div#listHead div.tabNav p.tabs {
	height: 29px;
}
div#listHead div.tabNav p.tabNavBody {
	line-height: 28px;
	background: #FF8C00 url(./images/bg_tabnav.gif) bottom;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-indent: 12px;
}

div#listHead div.sort p {
	margin: 1px;
	border-bottom: 1px solid #9D938E;
	line-height: 20px;
	text-indent: 12px;
	font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

div#listHead div.sort p img {
	vertical-align: middle;
}
div#listHead div.sort p span.selected {
	color: #504946;
	font-weight: bold;
}
/* **************************************************
 *  List Item Area
 * ************************************************** */
table.listItem {
	width: 776px;
	margin-bottom: 18px;
	border-collapse: collapse;
	border: 1px solid #9D938E;
	border-spacing: 0;
}
table.listItem th {
	line-height: 30px;
	padding: 0;
	border: 1px solid #9D938E;
	background: url(images/rectuit_title.jpg) bottom repeat-x;
	text-align: left;
}
table.listItem th strong {
	float: left;
	display: inline;
	width: 678px;
	margin-top: 4px;
	margin-left: 8px;
	line-height: 20px;
	font-size: 18px;
}
table.listItem th span.update {
	display: block;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
table.listItem th a.title {
	color: #23140F;
}
table.listItem td {
	width: auto;
	padding: 2px;
	border: 1px solid #9D938E;
	vertical-align: top;
}
table.listItem td.icons {
	background-color: #F8F7F5;
	text-align: right;
	line-height: 21px;
	width: 100%;
}
table.listItem td.summary img {
	display: block;
	float: left;
	margin-right: 4px;
}
table.listItem td.genre,
table.listItem td.jobtype,
table.listItem td.place,
table.listItem td.pay {
	width: 106px;
	text-align: center;
	background-color: #EEECEA;
}
table.listItem td.text {
	width: 654px;
}
/* **************************************************
 *  List Footer Area
 * ************************************************** */
div#listFoot p {
	height: 20px;
	margin: 0;
	border-top: 1px solid #9D938E;
	border-bottom: 1px solid #9D938E;
	line-height: 20px;
	text-indent: 12px;
	font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

div#listFoot p img {
	vertical-align: middle;
}
div#listFoot p span.selected {
	color: #504946;
	font-weight: bold;
}

/* ============================================================
   ------------------------------------------------------------
	Reclude Index Pages Design
   ------------------------------------------------------------ */

table.listItem td.shorttext {
	width: 274px;
}

/* **************************************************
 *  Show details
 * ************************************************** */
table.intro_long,
table.pickup,
table.outline {
	width: 776px;
	margin-bottom: 18px;
	border-collapse: collapse;
	border: 1px solid #9D938E;
	border-spacing: 0;
}

table.intro_long caption,
table.pickup caption,
table.outline caption {
	height: 32px;
	border: 1px solid #9D938E;
	background: url(images/rectuit_subtitle.jpg) top;
	line-height: 32px;
	text-align: left;
	text-indent: 18px;
	font-size: 18px;
	font-weight: bold;
}
table.intro_long td,
table.pickup td {
	padding: 3px;
}

table.intro_long td.menu {
	background: url(images/bg_recruit_menu.gif) bottom repeat-x;
	text-indent: 18px;
	font-size: 18px;
	font-weight: bold;
}

table.outline th {
	width: 104px;
	padding: 3px;
	border: 1px solid #9D938E;
	vertical-align: top;
	background-color: #EEECEA;
	font-weight: normal;
}
table.outline td {
	width: auto;
	padding: 3px;
	border: 1px solid #9D938E;
	vertical-align: top;
}

/* **************************************************
 *  Annnounce Area
 * ************************************************** */
table.announce {
	width: 776px;
	margin-bottom: 18px;
	border-collapse: collapse;
	border: 0;
	border-spacing: 0;
}

table.announce caption {
	height: 29px;
	background: url(images/bg_announce_head.jpg) top;
	line-height: 29px;
	text-align: left;
	text-indent: 18px;
	font-size: 18px;
	font-weight: bold;
}

table.announce td.text {
	padding: 4px 12px;
	background: url(images/bg_announce.gif) repeat-y;
}
table.announce td.foot {
	height: 14px;
	margin: 0;
	padding: 0;
	line-height: 14px;
	background: url(images/bg_announce_foot.jpg) bottom;
}

div.btnarea {
	text-align: center;
}

/* ============================================================
   ------------------------------------------------------------
	News Pages Design
   ------------------------------------------------------------ */

table.news {
	width: 538px;
	margin-bottom: 18px;
	border-collapse: collapse;
	border: 1px solid #9D938E;
	border-spacing: 0;
}

table.news caption {
	line-height: 32px;
	border: 1px solid #9D938E;
	padding-left: 4px;
	background: #CAC5C1 url(images/rectuit_subtitle.jpg) top left no-repeat;
	line-height: 32px;
	text-align: left;
	text-indent: 14px;
	font-size: 18px;
	font-weight: bold;
}

table.news td.date {
	background-color: #F8F7F5;
	text-align: right;
}

table.news td.body {
	padding: 4px;
}
table.news td.body img {
	float: right;
	margin-left: 4px;
}


/* ============================================================
   ------------------------------------------------------------
	send2mobile Page Design
   ------------------------------------------------------------ */
body#send2mobile {
	background-color: #ffffff;
}

body#send2mobile h1 {
	height: 32px;
	margin: 0;
	border: 1px solid #9D938E;
	background: url(images/rectuit_subtitle.jpg) top left;
	line-height: 32px;
	text-align: left;
	text-indent: 18px;
	font-size: 18px;
	font-weight: bold;
}

body#send2mobile p,
body#send2mobile dl {
	width: 95%;
	margin: 8px auto;
}
body#send2mobile table.listItem {
	width: 95%;
	margin: 0 auto;
}

body#send2mobile table.listItem th strong {
	width: 388px;
}
/*
body#send2mobile table.mobile img {
	display: block;
	float: left;
}*/
/* ============================================================
   ------------------------------------------------------------
	Other Pages Design
   ------------------------------------------------------------ */

div#page h2 {
	margin-bottom: 12px;
	line-height: 28px;
	color: #23140F;
	background: url('./images/bg_h2.gif') bottom repeat-x;
	font-size: 24px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight: bold;
}
div#page h3 {
	margin-top: 18px;
	border-left: 2px solid #504946;
	line-height: 18px;
	color: #504946;
	text-indent: 4px;
	font-size: 16px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

div#page p {
	margin: 8px 12px;
}

div#page ul,
div#page ol {
	margin-left : 14px;
	padding-left : 14px;
}
div#page dl.qentry dt {
	display: block;
	float: left;
	clear: left;
	width: 80px;
	margin: 0;
	text-align: center;
}
div#page dl.qentry dd {
	display: block;
	margin: 0 0 0 85px;
}

div#page form {
	margin: 0 12px;
	border: 1px dashed #9D938E;
}

div#page form dl {
	margin: 12px;
}

div#page form dl dt {
	display: block;
	margin: 8px 0 4px 0;
	padding-left: 8px;
	border-left: 3px solid #EE0011;
	border-top: 1px solid #EE0011;
}
div#page form dl dd {
	display: block;
	margin: 4px 0 4px 20px;
}

/* **************************************************
 *  guide Page
 * ************************************************** */
div#page h3.guide {
	border-left: 0 none;
	margin: 28px 0 8px 0;
	padding: 0 0 0 0;
	text-indent: 0;
}
div#page div.step {
	width: 538px;
	margin-bottom: 14px;
	padding-bottom: 14px;
	background: url(../guide/images/bg_step.gif) bottom left no-repeat;
}
div#page div.step h4 {
	height: 35px;
	line-height: 35px;
	border: 0;
	background: url(../guide/images/bg_step_title.png) top left no-repeat;
	font-size: 13px;
	font-weight: normal;
	text-indent: 8px;
}
div#page div.step .image {
	text-align: center;
}


/* **************************************************
 *  concept Page
 * ************************************************** */
ol.concept li {
	font-size: 14px;
	font-weight: bold;
}
ol.concept li p {
	font-size: 13px;
	font-weight: normal;
}
/* **************************************************
 *  faq Page
 * ************************************************** */

dl.faq {
	margin: 0 12px;
}

dl.faq dt{
	display: block;
	margin: 0;
	padding: 3px;
	border: 1px solid #9D938E;
	border-bottom: 1px dashed #9D938E;
	background-color: #F9EBEB;
	font-size: 14px;
}
dl.faq dd{
	display: block;
	margin: 0 0 18px 0;
	padding: 3px;
	border: 1px solid #9D938E;
	border-top: none;
	font-size: 13px;
}


/* **************************************************
 *  interview Page
 * ************************************************** */

div.intvItem {
	margin-bottom: 6px;
	border-top: 1px dashed #9D938E;
}

div.intvItem p {
	margin: 6px;
}
div.intvItem p img {
	margin: 3px;
}
div.interview {
	clear: left;
}
div.interview dl {
	margin: 0 12px;
}

div.interview dt {
	display: block;
	margin: 0;
	padding: 2px;
	color: #EE0011;
}

div.interview dd {
	display: block;
	margin: 0 0 12px 0;
	padding: 2px;
}

/* **************************************************
 *  company Page
 * ************************************************** */
ul.company {
	display: block;
	position: relative;
	width: 450px;
	height: 215px;
	margin-top: 18px;
	padding: 0;
}
ul.company li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.company li a {
	display: block;
	width: 178px;
	height: 88px;
	margin:0;
	padding:0;
	border: 1px solid #6F6764;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -9999px;
}
ul.company li a:hover {
	border-color: #FCD0D3;
	background-position: bottom left;
}
ul.company li a.message {
	position: absolute;
	top: 0px;
	left: 25px;
	background-image: url(../company/images/btn_message.jpg);
}
ul.company li a.profile {
	position: absolute;
	top: 0px;
	left: 235px;
	background-image: url(../company/images/btn_profile.jpg);
}
ul.company li a.map {
	position: absolute;
	top: 120px;
	left: 25px;
	background-image: url(../company/images/btn_map.jpg);
}
ul.company li a.contact {
	position: absolute;
	top: 120px;
	left: 235px;
	background-image: url(../company/images/btn_contact.jpg);
}
table.profile {
	margin-bottom: 18px;
	border-collapse: collapse;
	border: 1px solid #9D938E;
	border-spacing: 0;
}

table.profile th {
	width: 100px;
	vertical-align: top;
	border: 1px solid #9D938E;
}
table.profile td {
	vertical-align: top;
	border: 1px solid #9D938E;
}


/* **************************************************
 *  sitemap Page
 * ************************************************** */
ul.sitemap {
	font-size: 14px;
}
ul.sitemap li {
	margin-top : 6px;
}

/* **************************************************
 *  sitemap Page
 * ************************************************** */
form table.qentry {
	width: 100%;
	border-spacing: 1px 12px;
}
form table.qentry th {
	width: 168px;
	padding: 3px 1px;
	border-left: 3px solid #EE0011;
	border-top: 1px solid #EE0011;
}
form table.qentry td {
	line-height: 1.8;
	padding: 5px 1px 2px;
	border-top: 1px solid #EE0011;
}
form table.qentry textarea {
	width: 438px;
	font-size: 12px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
form table.qentry table.min {
	width: 100%;
}
form table.qentry table.min th {
	width: 108px;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
form table.qentry table.min td {
	border-top: 1px solid #CCCCCC;
}
form table.qentry table.min textarea {
	width: 438px;
}