@charset "utf-8";
/* ---------------------------------------------------------------------
  TITLE : Hankyu Hanshin Express Co.,Ltd.
  URI : www.hh-express.com
  Copyright (C) Hankyu Hanshin Express Co.,Ltd. All Rights Reserved.
--------------------------------------------------------------------- */

/* CSS Import Style
---------------------------------------------------- */
@import "01styles_main.css";
@import "02styles_layout.css";


/* recruit Style
---------------------------------------------------- */
#recruit .mainBox {
	padding: 10px 20px 20px;
}

#recruit .mainBox .mainImg {
	margin: 20px 0 0;
}

#recruit #topicPath {
	font-size: 100%;
	padding: 0px 0 5px 0;
}

#recruit .mainArea {
	float: left;
	width: 672px;
	padding: 0;
}

#recruit .mainArea h2 {
	margin: 20px 0 13px;
	background: url(/jp/images/recruit/bg_h2.gif) no-repeat left bottom;
}

#mynavi a {
	margin-right: 18px;
}

#mynavi a.bottom {
	margin-right: 0;
}

#recruit .recruitBox {
	margin-bottom: 40px;
}

#recruit .chapterBox {
	clear: both;
	border-bottom: 1px solid #bbbbbb;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#recruit .chapterBox .textBox {
	float: left;
	width: 475px;
}

#recruit .chapterBox .textBox img {
	margin-bottom: 10px;
}

#recruit .chapterBox .pictureBox {
	float: right;
	width: 180px;
}

#recruit .chapterBox .pictureBox img {
	margin-bottom: 2px;
}


#recruit .sideArea {
	float: right;
	width: 168px;
	border-bottom: 8px solid #619ac5;
	background-color: #f3f3f3;
	margin-top: 20px;
}

#recruit .sideArea li {
	text-align: center;
	border-bottom: 1px solid #bbbbbb;
	margin: 0 5px;
	padding: 15px 0;
}

#recruit .sideArea li.bottom {
	border-bottom: none;
}

#recruit .sideArea li img {
	background: url(/jp/images/recruit/bg_senior.gif) no-repeat left top;
	padding: 4px 6px 6px 4px;
	margin-bottom: 2px;
}


/* voice Style
---------------------------------------------------- */
#senior {
	border-left: 5px solid #0a4a8d;
	padding: 0 0 0 12px;
	margin: 20px 0 0 0;
}

#senior .boxL {
	float: left;
	width: 650px;
}

#senior .boxR {
	float: right;
	width: 175px;
}

#senior #profile {
	background: url(/jp/images/recruit/img_profile.gif) no-repeat left top;
	padding-left: 55px;
	margin-top: 15px;
}

#senior #profile02 {
	background: url(/jp/images/recruit/img_profile02.gif) no-repeat left top;
	padding-left: 55px;
	margin-top: 15px;
}

#senior .boxR img {
	background: url(/jp/images/recruit/bg_senior.jpg) no-repeat left top;
	padding: 5px 7px 7px 5px;
}

.voiceBox {
	float: left;
	width: 582px;
	margin: 20px 0;
}

.voiceBox h2 {
	clear: both;
	background-image: none;
	padding-bottom: 0;
	margin: 15px 0 0;
}

.voiceBox div {
	background-color: #f3f9ff;
	padding: 10px 15px;
}

.voiceBox div.pictureR p {
	float: left;
	width: 400px;
}

.voiceBox div.pictureR img {
	float: right;
	width: 127px;
	background: url(/jp/images/recruit/bg_senior02.jpg) no-repeat left top;
	padding: 5px 7px 7px 5px;
}

.voiceBox div.pictureL p {
	float: right;
	width: 400px;
}

.voiceBox div.pictureL img {
	float: left;
	width: 127px;
	background: url(/jp/images/recruit/bg_senior02.jpg) no-repeat left top;
	padding: 5px 7px 7px 5px;
}

#schedule {
	float: right;
	width: 258px;
	background: url(/jp/images/recruit/bg_schedule.jpg) no-repeat left bottom #f3f3f3;
	margin: 35px 0 0;
	padding-bottom: 10px;
}

#schedule dl {
	padding: 10px;
}

#schedule dt {
	float: left;
	font-weight: bold;
	padding: 5px 0;
}

#schedule dd {
	border-bottom: 1px solid #bbbbbb;
	padding: 5px 0 5px 55px;
}