@charset "UTF-8";

/*==========================================
/
/   0□GLOBAL RESET
/	1□wrapper / a
/	2□header + □header flexible
/
/	2.5■ upperContents
/
/	3■keyVisual
/	4■main
/	5■news
/	6■jobSearch + ■searchBox
/	7■menu
/
/	8□goTop
/	9□footer
/
/	※□base.css
==========================================*/

/* ==========================
       [2.5] upperContents
   ========================== */
#upperContents {
	width: 910px;
	margin: 0 auto;
	background-image: url('../img/top_bk_img_99.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 1em;
}

.alpha {
	float: left;
}

.beta {
	float: right;
}


/* ---------------------------------------------------------------

    3. keyBisual (Edited by T.Hashimoto) - 2010/08/25 - Ver1.1.0

   --------------------------------------------------------------- */
#keyVisual {
	width: 910px;
	height: 340px;
	margin: 0 auto;
	background: url("../img/top_bk_img.gif") no-repeat;
	background-color: #FFFFFF;
	clear: both;
}

#keyVisual_a02 {
	width: 466px;
	height: 521px;
}

#keyVisual_a02 img {
	width: 450px;
	height: 505px;
	margin: 10px 20px 0 10px;
}

#keyVisual_menu_under{
	width:910px;
	height: 330px;
	margin: 0 auto;
	background: url("../img/top_bk_img.gif") no-repeat;
	background-color:#FFFFFF;
	clear:both;
}

#keyVisual img,
#keyVisual_menu_under img{
	width: 894px;
	height: 314px;
	margin: 8px 8px 0 ;
}

#keyVisual_a03{
margin:0 auto;
width:810px;
margin-top:30px;
margin-bottom:30px;
}

#keyVisual_a03 img{
text-align:center;
}



/* -----------------------------------------------------------

    3. main (Edited by T.Hashimoto) - 2010/08/25 - Ver1.1.0

   ----------------------------------------------------------- */
.index-a01 #main,
.index-a02 #main,
.index-a03 #main {
	width: 810px;
	margin: 0 auto 25px;
	clear: both;
}


.index-b01 #main {
	float: right;
	width: 640px;
	background-image: url(../img/side_menu_line_001.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	border-left: 1px solid #D3D3D3;
	margin-right: 15px;
	margin-top: 22px;
	line-height: 1.5;
	display: inline;
}

.index-b01 #main_txt {
	width: 610px;
	margin: 0 0 20px 20px;
}


.index-b02 #main {
	width: 870px;
	margin: 0 auto;
	padding-top: 22px;
}

.index-b03 #main {
	width: 830px;
	margin: 0 auto;
	padding-top: 22px;
}


.index-b02 #main_txt {
	float: left;
	width: 550px;
}



.index-a01 #main h2,
.index-a02 #main h2,
.index-a03 #main h2 {
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 10px 0;
}

.index-b01 #main h2 {
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 10px 0;
	width: 610px;
}

.index-b02 #main_txt h2 {
	width: 550px;
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2em;
}

.index-b03 #main_txt h2 {
	width: 830px;
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2em;
}

.index-a01 #main p,
.index-a02 #main p,
.index-a03 #main p,
.index-b01 #main_txt p,
.index-b02 #main_txt p,
.index-b03 #main_txt p {
	font-size: 14px;
	line-height: 1.5;/* Modified by S. Sako on 2010/08/03 */
	padding: 15px 0;
}

.index-b01 #banner_img img {
float:right;
margin-top:30px;
margin-bottom:30px;/* Modified by S. Sako on 2010/07/28 */
margin-right:50px;
border-style:none;
}

.index-b02 #banner_img {
	float: right;
	width: 315px;
}

.index-b02 #banner_img img {
	border-style: none;
}
/* Modified by S. Sako on 2010/07/27 */
.index-b03 #banner_img {
	margin-top: 30px;
	margin-bottom: 30px;
}
.index-b03 #banner_img img {
	border-style: none;
}



/* -----------------------------------------------------------

    4. interview_banner (Edited by T.Hashimoto) - 2010/09/22 - Ver1.1.3

   ----------------------------------------------------------- */
#interview_banner {
	text-align: center;
	margin-bottom: 30px;
}



/* ----------------------------------------------------------

    5. news (Edited by T.Hashimoto - 2010/08/25 - Ver1.1.0)

   ---------------------------------------------------------- */
.index-a01 #news {
	clear: both;
	width: 810px;
	height: auto;
	margin: 0 auto;
	background: url("../img/h3_bar.gif") repeat-x;
	background-color: #FFFFFF;
}

.index-a01 #news h3{
	float: left;
	width: 120px;
	height:15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-left:10px;
	margin-top:5px;
	text-indent:10px;
}

.index-a02 #news {
	clear:both;/* Modified by S. Sako on 2010/08/04 */
	width: 410px;
	margin: 10px 20px 10px 0;
	background-image: url('../img/h3_bar.gif');
	background-repeat: repeat-x;
}

.index-a02 #news h3 {
	width: 120px;
	height: 15px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 0 10px;
	padding-left: 10px;
}

/* === B01 === */
.index-b01 #news {
	width: 610px;
	height: auto;
	margin: 0 0 20px 20px;
	background: url("../img/h3_bar.gif") repeat-x;
	background-color: #FFFFFF;
	overflow: hidden;
}
.index-b01 #news h3 {
	float: left;
	width: 120px;
	height:15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-left:10px;
	margin-top:5px;
	text-indent:10px;
}


/* === B02 === */
.index-b02 #news {
	width: 870px;
	height: auto;
	margin: 20px auto 20px 0;
	background: url("../img/h3_bar.gif") repeat-x;
	background-color: #FFFFFF;
	overflow: hidden;
}
.index-b02 #news h3 {
	float: left;
	width: 120px;
	height:15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-left:10px;
	margin-top:5px;
	text-indent:10px;
}


/* === B03 === */
.index-b03 #news {
	width: 830px;
	height: auto;
	margin: 0 auto 20px 0;
	background: url("../img/h3_bar.gif") repeat-x;
	background-color: #FFFFFF;
	overflow: hidden;
}
.index-b03 #news h3 {
	float: left;
	width: 120px;
	height:15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-left:10px;
	margin-top:5px;
	text-indent:10px;
}


.index-a03 #news {
	width: 810px;
	height: auto;
	margin: 35px auto 0px auto;
	background: url("../img/h3_bar.gif") repeat-x;
	background-color:#FFFFFF;
}

.index-a03 #news h3 {
color:#000000;
float:left;
font-size:14px;
font-weight:bold;
height:15px;
margin-left:10px;
margin-top:5px;
text-indent:10px;
width:120px;
}

#news a {
	text-indent: -9999px;
	display: block;
	width: 104px;
	height: 20px;
	float: right;
	padding: 4px 10px 0 0;
	overflow: hidden;
	height:25px;
}

/*-----------------------
=6■jobSearch
-----------------------*/
.index-a01 #jobSearch,
.index-a03 #jobSearch{/* Modified by S. Sako on 2010/08/05 */
	width: 810px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background-color:#f0f0f0;
	overflow: hidden;
}

.index-a01 #jobSearch h4,
.index-a03 #jobSearch h4{/* Modified by S. Sako on 2010/08/05 */
	width: 145px;
	height: 15px;
	position: relative;
	float: left;
	/*↓変更 4行:60px 3行:40px 2行:24px 1行 8px*/
	top: 60px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
}

/* B01_search */
.index-b01 #jobSearch{
	width: 610px;
	height: auto;
	margin: 0 0 20px 20px !important;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	background-color:#f0f0f0;
	overflow: hidden;
}

.index-b01 #jobSearch h4{
	width: 155px;
	height: 15px;
	position: relative;
	float: left;
	/*↓変更 4行:60px 3行:40px 2行:24px 1行 8px*/
	top: 60px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
}
.index-b01 #jobSearch input#K2V {
	width:60px;
}
/*----end----*/

/* B02_search */
.index-b02 #jobSearch{
	width: 870px;
	height: auto;
	margin: 0 0 20px 0 !important;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background-color:#f0f0f0;
	overflow: hidden;
}

.index-b02 #jobSearch h4{
	width: 155px;
	height: 15px;
	position: relative;
	float: left;
	/*↓変更 4行:60px 3行:40px 2行:24px 1行 8px*/
	top: 60px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
}
.index-b02 #jobSearch input#K2V {
	width:60px;
}
/*----end----*/

/* B03_search */
.index-b03 #jobSearch{
	width: 830px;
	height: auto;
	margin: 0 0 20px 0 !important;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background-color:#f0f0f0;
	overflow: hidden;
}

.index-b03 #jobSearch h4{
	width: 155px;
	height: 15px;
	position: relative;
	float: left;
	/*↓変更 4行:60px 3行:40px 2行:24px 1行 8px*/
	top: 60px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
}
.index-b03 #jobSearch input#K2V {
	width:60px;
}
/*----end----*/

.index-a02 #jobSearch {
	width: 410px;
	margin: 10px 20px 10px 0;
	padding-top: 10px;
	background-color: #f0f0f0;
}

.index-a02 #jobSearch h4 {
	width: 145px;
	height: 15px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-left: 120px;
}
/* Modified by S. Sako on 2010/08/04 */
.index-a02 #jobSearch input#K2V {
	width:60px;
}
/*----end----*/

/*	>>>> Deleted by T.Hahsimoto (2010/07/13) >>>>
.index-a02 #jobSearch {
	width: 410px;
	height: auto;
	float:right;
	margin:10px 20px 10px 0;
	padding: 10px 0 0 0;
	background-color:#f0f0f0;
	overflow: hidden;
	display: inline;
}

.index-a02 #jobSearch h4 {
	width: 145px;
	height: 15px;
	position: relative;
	float: left;
	top: 0px;
	left: 120px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-indent: 10px;
}
*/


/* searchC02 / searchD01 */
#jobSearch .imgList table {
	width:100%;
}
.index-a02 #jobSearch .imgList table {
	margin-bottom:10px;
}
#jobSearch .imgList table th {
	width:80px;
}
#jobSearch .imgList .grayBlock{
padding:5px;
background-color:#dadada;
line-height:1.4;
}

#jobSearch .imgList .grayBlock a{
margin-left:5px;
margin-right:15px;
padding:5px 0px;
}

.index-a01 #jobSearch .imgList,
.index-a03 #jobSearch .imgList{
	width: 810px;
	height: auto;
	margin: 0 auto;
	padding:0 0 10px;
	background-color:#f0f0f0;
	overflow: hidden;
}
.index-a02 #jobSearch .imgList{
	width: 410px;
	height: auto;
	margin: 0 auto;
	padding:0 0 10px;
	background-color:#f0f0f0;
	overflow: hidden;
}
.index-b01 #jobSearch .imgList{
	width: 610px;
	height: auto;
	margin: 0 auto;
	padding:0 0 10px;
	background-color:#f0f0f0;
	overflow: hidden;
}
.index-b02 #jobSearch .imgList{
	width: 870px;
	height: auto;
	margin: 0 auto;
	padding:0 0 10px;
	background-color:#f0f0f0;
	overflow: hidden;
}
.index-b03 #jobSearch .imgList{
	width: 830px;
	height: auto;
	margin: 0 auto;
	padding:0 0 10px;
	background-color:#f0f0f0;
	overflow: hidden;
}

.index-a03 #jobSearch img{
border-style:none;
}

.index-a01 #jobSearch .imgList ul,
.index-a02 #jobSearch .imgList ul,
.index-a03 #jobSearch .imgList ul{
	margin:10px 0 0 7px;
}
.index-b02 #jobSearch .imgList ul{
	margin:10px 0 0 30px;
}
.index-b01 #jobSearch .imgList ul{
	margin:10px 0 0 40px;
}
.index-b03 #jobSearch .imgList ul{
	margin:10px 0 0 15px;
}
.index-a01 #jobSearch .imgList li,
.index-a02 #jobSearch .imgList li,
.index-a03 #jobSearch .imgList li,
.index-b01 #jobSearch .imgList li,
.index-b02 #jobSearch .imgList li,
.index-b03 #jobSearch .imgList li{
display:inline;
margin:0;
float:left;
font-size: 12px;
}

.index-a01 #jobSearch .imgList h4,
.index-a03 #jobSearch .imgList h4,
.index-b01 #jobSearch .imgList h4,
.index-b02 #jobSearch .imgList h4,
.index-b03 #jobSearch .imgList h4{
float:none;
position:static;
margin-left:5px;
text-indent:5px;
font-size:14px;
}
/*----end----*/


/*	>>>> Deleted by S.Sako (2010/08/05) >>>>
.index-a03 #jobSearch {
	padding: 10px 0px;
}

.index-a03 #jobSearch img{
border-style:none;
}

.index-a03 #jobSearch li {
display:inline;
margin:0;
float:left;
font-size: 12px;
}

.index-a03 h4{
margin-left:5px;
text-indent:5px;
font-size:14px;
}
*/


/*-----------------------
=6+■searchBox
-----------------------*/
.index-a01 #searchBox,
.index-a03 #searchBox{/* Modified by S. Sako on 2010/08/05 */
	width:630px;
	float: right;
	margin-bottom: 10px;
	border-right: 10px solid #f0f0f0;
}
.index-a01 #searchBox td,
.index-a01 #searchBox th,
.index-a03 #searchBox td,/* Modified by S. Sako on 2010/08/05 */
.index-a03 #searchBox th{/* Modified by S. Sako on 2010/08/05 */
	background-color:#dadada;
	font-size:13px;
	padding: 5px;
}
.index-a01 #searchBox th,
.index-a03 #searchBox th{/* Modified by S. Sako on 2010/08/05 */
	width: 100px;
}
.index-a01 #searchBox td,
.index-a03 #searchBox td{/* Modified by S. Sako on 2010/08/05 */
	padding-left: 10px;
	width: 500px;
}
.index-a01 #searchBox ul.checkBox li,
.index-a03 #searchBox ul.checkBox li{/* Modified by S. Sako on 2010/08/05 */
	padding: 0 1em 0 0;
	display: inline;
}
.index-a01 #searchBox select,
.index-a03 #searchBox select{/* Modified by S. Sako on 2010/08/05 */
	width: 150px;
}
.index-a01 #submitBtn,
.index-a03 #submitBtn{/* Modified by S. Sako on 2010/08/05 */
	position: relative;
}

.index-a01 #submitBtn input,
.index-a03 #submitBtn input{/* Modified by S. Sako on 2010/08/05 */
	position: absolute;
	top:18px;
	left: 296px;
	width: 210px;
}


/* B01_search */
.index-b01 #searchBox {
	width: 447px;
	margin-bottom: 10px;
	border-right: 10px solid #f0f0f0;
	border-left: 10px solid #f0f0f0;
}

.index-b01 #searchBox td,
.index-b01 #searchBox th {
	background-color: #dadada;
	font-size: 13px;
	padding: 4px;
}

.index-b01 #searchBox th {
	width: 100px;
	text-align: left;
	padding-left: 10px;
}

.index-b01 #searchBox td {
	padding: 3px 0;
	padding-left: 10px;
}

.index-b01 #searchBox ul.checkBox li {
	padding-right: 3px;
	display: inline;
}

.index-b01 #searchBox select {
	width: 150px;
}

.index-b01 #submitBtn{
	position: relative;
}
.index-b01 #submitBtn input{
	position: absolute;
	top:18px;
	left: 200px;
	width: 210px;
}
/*----end----*/

/* B02_search */
.index-b02 #searchBox {
	width: 705px;
	margin-bottom: 10px;
	border-right: 10px solid #f0f0f0;
	border-left: 10px solid #f0f0f0;
}

.index-b02 #searchBox td,
.index-b02 #searchBox th {
	background-color: #dadada;
	font-size: 13px;
	padding: 4px;
}

.index-b02 #searchBox th {
	width: 100px;
	text-align: left;
	padding-left: 10px;
}

.index-b02 #searchBox td {
	padding: 3px 0;
	padding-left: 10px;
}

.index-b02 #searchBox ul.checkBox li {
	padding-right: 3px;
	display: inline;
}

.index-b02 #searchBox select {
	width: 150px;
}

.index-b02 #submitBtn{
	position: relative;
}
.index-b02 #submitBtn input{
	position: absolute;
	top:18px;
	left: 328px;
	width: 210px;
}
/*----end----*/

/* B03_search */
.index-b03 #searchBox {
	width: 665px;
	margin-bottom: 10px;
	border-right: 10px solid #f0f0f0;
	border-left: 10px solid #f0f0f0;
}

.index-b03 #searchBox td,
.index-b03 #searchBox th {
	background-color: #dadada;
	font-size: 13px;
	padding: 4px;
}

.index-b03 #searchBox th {
	width: 100px;
	text-align: left;
	padding-left: 10px;
}

.index-b03 #searchBox td {
	padding: 3px 0;
	padding-left: 10px;
}

.index-b03 #searchBox ul.checkBox li {
	padding-right: 3px;
	display: inline;
}

.index-b03 #searchBox select {
	width: 150px;
}

.index-b03 #submitBtn{
	position: relative;
}
.index-b03 #submitBtn input{
	position: absolute;
	top:18px;
	left: 309px;
	width: 210px;
}
/*----end----*/

.index-a02 #searchBox {
	width: 410px;
	margin-bottom: 10px;
	border-right: 10px solid #f0f0f0;
	border-left: 10px solid #f0f0f0;
}

.index-a02 #searchBox td,
.index-a02 #searchBox th {
	background-color: #dadada;
	font-size: 13px;
	padding; 4px;
}

.index-a02 #searchBox th {
	width: 100px;
	text-align: left;
	padding-left: 10px;
}

.index-a02 #searchBox td {
	padding: 3px 0;
	padding-left: 10px;
	width: 300px;
}

.index-a02 #searchBox ul.checkBox li {
	padding-right: 3px;
	display: inline;
}

.index-a02 #searchBox select {
	width: 150px;
}

.index-a02 #submitBtn input{
	width: 210px;
	margin: 18px 0 0 105px;
}


/*	>>>> Deleted by T.Hahsimoto (2010/07/13) >>>>
.index-a02 #searchBox{
	width:410px;
	float: right;
	margin-bottom: 10px;
	border-right: 10px solid #f0f0f0;
	border-left: 10px solid #f0f0f0;
	display: inline;
}
.index-a02 #searchBox td,
.index-a02 #searchBox th{
	background-color:#dadada;
	font-size:13px;
	padding: 4px;
}
.index-a02 #searchBox th{
	width: 100px;
	text-align:left;
	padding-left:10px;
}
.index-a02 #searchBox td{
	padding-left: 10px;
	width: 300px;
}
.index-a02 #searchBox ul.checkBox li {
	padding: 0 3px 0 0;
	display: inline;
}
.index-a02 #searchBox select {
	width: 150px;
}
.index-a02 #submitBtn{
	position: relative;
}

.index-a02 #submitBtn input{
	position: absolute;
	left:105px;
	top:18px;
	left: 105px;
	width: 210px;
}
*/

#side_menu_line{
width:20px;
float:left;
}


/* ==========================
            [7] menu
   ========================== */
.side_menu_top {
	padding-top: 22px;
}