@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: 628px;
	padding: 0;
}

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

#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: 430px;
}

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

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

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

#recruit .breaktimeBox {
	margin: 20px 0 0;
}

#recruit .breaktimeBox .box2 {
	margin: 14px 0 30px;
}

#recruit .breaktimeBox .btnBox {
	text-align: center;
	margin-top: 30px;
}

#recruit .breaktimeBox .btnBox .before {
	float: left;
}

#recruit .breaktimeBox .btnBox .next {
	float: right;
}

#recruit .breaktimeBox .sBox {
	background-color: #ffeff4;
	padding: 0 30px;
}

#recruit .breaktimeBox .sBox p {
	margin-bottom: 20px;
	line-height: 1.8;
}

#recruit .breaktimeBox .sBox p.last {
	margin-bottom: 0px;
}

#recruit .breaktimeBox .sBox .name1 {
	color: #d74747;
	font-weight: bold;
}

#recruit .breaktimeBox .sBox .name2 {
	color: #419a00;
	font-weight: bold;
}

#recruit .breaktimeBox .sBox .name3 {
	color: #4798d7;
	font-weight: bold;
}

#recruit .breaktimeBox .sBox .name4 {
	color: #a37f00;
	font-weight: bold;
}

#recruit .breaktimeBox .sBox .leftImg img {
	float: left;
	margin: 0 20px 20px 0;
}

#recruit .breaktimeBox .sBox .leftImg p.text1 {
	margin-left: 185px;
}


#recruit .breaktimeBox .sBox .rightImg img {
	float: right;
	margin: 0 0 20px 20px;
}

#recruit .breaktimeBox .sBox .rightImg p.text1 {
	margin-right: 185px;
}

#recruit .breaktimeBox .sBox .leftText {
	float: left;
	width: 50%;
	margin-right: 30px;
}




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

#recruit .sideArea p {
	margin-bottom: 15px;
}

#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
---------------------------------------------------- */
.seniorBox li {
	float: left;
	width: 117px;
	margin-bottom: 30px;
	margin-right: 10px;
}

.seniorBox .last {
	margin-right: 0;
}

.ttlImg {
	/*border-left: 5px solid #0a4a8d;
	padding: 0 0 0 12px;*/
	margin: 20px 0 0 0;
	position: relative;
}

.ttlImg p {
	position: absolute;
	top: 90px;
	left: 19px;
}

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

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

.voiceBox div {
	background-color: #f3f9ff;
	border-top: 1px solid #094a8e;
	padding: 10px 15px;
}

.voiceBox div.pictureR p {
	float: left;
	width: 670px;
	line-height: 1.6;
}

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

.voiceBox div.pictureL p {
	float: right;
	width: 670px;
	line-height: 1.6;
}

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


h3 {
	background-color: #f3f3f3;
	font-weight: bold;
	font-size: 140%;
	padding: 3px 5px;
}

.outlineBox dl {
	margin-bottom: 10px;
}

.outlineBox dt {
	float: left;
	width: 100px;
	padding: 9px 0 9px 5px;
	clear: both;
}

.outlineBox dd {
	background: url(/jp/images/line_dot01.gif) repeat-x left bottom;
	padding: 9px 9px 9px 100px;
}

.jinjiBox p {
	margin: 10px 0 0 5px;
	font-weight: bold;
}

.jinjiBox dt {
	float: left;
	width: 100px;
	padding: 9px 0 9px 5px;
}

.jinjiBox dd {
	padding: 9px 9px 9px 100px;
}

.qaBox dt {
	background-color: #F3F9FF;
	padding: 5px;
	margin-top: 15px;
	font-weight: bold;
}

.qaBox dd {
	background: url(/jp/images/line_dot01.gif) repeat-x left bottom;
	padding: 15px 5px;
	margin-bottom: 30px;
}

.bnrBox {
	clear: both;
	padding: 0 18px 20px;
}

.bnrBox li {
	float: left;
	width: 250px;
	margin-right: 55px;
}

.bnrBox .last {
	margin-right: 0;
}

.recruitHead {
	margin-bottom: 30px;
}

.recruitHead ul {
	border: 1px solid #666666;
	padding: 10px;
	margin-top: 15px;
	zoom: 1;overflow: hidden;
}

.recruitHead li {
	float: left;
	width: 450px;
}

.recruitHead .rList {
	width: 380px;
}