/* Common
--------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	text-align: center;
	background: url(../images/bg01.jpg) no-repeat center top;
}

#wrapper02 {
	width: 100%;
	background: url(../images/bg02.gif) no-repeat center top;
}

#contents {
	width: 760px;
	text-align: left;
	background: #FFF url(../images/bg03.gif) repeat-y;
	margin: 0 auto;
}

/* float hack --- */
.clearfix:after{
 content: ".";
 display:block;
 height: 0;
 clear: both;
 overflow: hidden;
}
* html .clearfix { display: inline-block	}
*:first-child+html .clearfix { display: inline-block	}

.fltL {	float: left;	}
.fltR { float: right;	}

.emphasize {FONT-WEIGHT: bold; BACKGROUND-COLOR: #F5EE55}

.clr {	clear: both;	}

.blk {	display: block;	}

.txB {	font-weight: bold	}

ul.btn {
	list-style-type: none;
}
ul.li img {
	vertical-align: top
}

ul.listArw01 {
	list-style-type: none;
}
ul.listArw01 li {
	background: url(../images/arw01.gif) no-repeat 0 0.35em;
	padding: 0 0 4px 11px;
}
ul.listArw01 a {
	font-weight: bold;
}

#pageTop {
	width: 488px;
	text-align: right;
	margin: 50px 0 8px 0;
}
#pageTop02 {
	text-align: right;
	margin: 21px 0 8px 0;
}
#pageTop03 {
	text-align: right;
	margin: 21px 0 16px 0;
}
#pageTop04 {
	text-align: right;
}

.txClr00 /* �� */ {
	color: #000000;
}
.txClr01 /* �� */ {
	color: #FF0000;
}
.txClr02 /* �� */ {
	color: #0060FF;
}



/* Header
--------------------------------------------------------------------------------*/
#header {
	width: 100%;
	height: 68px;
	text-align: center;
	background: url(../images/h_bg01.jpg) no-repeat center bottom;
}

#header table {
	height: 68px;
	margin: 0 auto;
}

h1 {
	width: 191px;
	border-right: 1px solid #7F7F7F;
	margin-left: 25px;
}

#header h2 {
	width: 352px;
	margin-left: 14px;
}

#header ul {
	list-style-type: none;
	margin: 0 0 0 5px;
}
#header ul li {
	display: block;
	float: left;
	margin: 8px 0;
}
#header ul li img {
	vertical-align: top;
}
#header ul li.hLst01{
	width: 51px;
	border-right: 1px solid #7F7F7F;
	margin-right: 11px;
	padding-right: 19px;
}


/* Footer
--------------------------------------------------------------------------------*/
#footer, #footer02 {
	width: 760px;
	background: url(../images/f_bg01.gif) no-repeat left bottom;
	border-top: 1px solid #737373;
	margin: 0 auto;
	padding: 8px 0 36px;
}

#footer a, #footer02 a {
	font-weight: bold;
}

#footer address, #footer02 address {
	clear: both;
	text-align: center;
	padding-top: 12px;
} 

#footer ul, #footer02 ul {
	list-style-type: none;
	margin: 0 0 0 128px;
	padding-top: 4px;
}

#footer ul li {
	background: url(../images/f_arw01.gif) no-repeat left center;
	float: left;
}
#footer02 ul li {
	background: url(../images/f_arw01.gif) no-repeat left center;
	float: left;
	padding-left: 11px;
}

li.fNavi01 {
	width: 57px;
}
li.fNavi02 {
	width: 102px;
}
li.fNavi03 {
	width: 100px;
}
li.fNavi04 {
	width: 168px;
}
li.fNavi05 {
	width: 111px;
}


/* Left Column
--------------------------------------------------------------------------------*/
#colL01 {
	width: 240px;
	background: url(../images/l_bg01.gif) no-repeat;
	padding: 16px 0 0 16px;
}
#colL02 {
	width: 240px;
	background: url(../images/l_bg02.gif) no-repeat;
	padding: 16px 0 0 16px;
}


/**** Navi ****/
#colL01 dl #colL02 dl,
#colL01 dd ul, #colL02 dd ul {
	font-size: 1%;
	line-height: 1%;
		background: #fff;
}
#colL01 dt img, #colL02 dt img {
	display: block;
}
#colL01 dd ul, #colL02 dd ul {
	list-style-type: none;
	padding-bottom: 16px;
}


/**** Bannar Area ****/
#colLBnrBox ul {
	list-style-type: none;
	margin: 0 0 8px 8px;
}
#colLBnrBox ul li {
	margin-top: 8px;
}

li.colLBnr01 {
	background: url(../images/l_line01.gif) no-repeat left bottom;
	padding: 0 0 8px 0;
}


/* Main Column
--------------------------------------------------------------------------------*/
#colR {
	width: 512px;
}

#pankz {
	color: #B3B3B3;
	margin: 5px 0 22px 0;
}

#MainContents {
	width: 488px;
}

h3 {
	height: 54px;
	background: url(../images/title_bg01.jpg) no-repeat left bottom;
}


/* Top
--------------------------------------------------------------------------------*/
#idxWrapper {
	width: 100%;
	text-align: center;
	background: #FFF url(../../images/idx_bg01.jpg) no-repeat center top;
}


/**** Main Column ****/
#idxContents {
	width: 760px;
	text-align: left;
	margin: 0 auto;
}

#idxColMain {
	width: 528px;
	background: #FFF url(../../images/idx_img_main_bg02.jpg) no-repeat 0 152px;
}

.idxColMainTbl01 td {
	padding-left: 16px;
}

.idxColMainBtn01 {
	margin: 16px 0 55px 0;
}

/* Navi */
dl#idxNavi {
	font-size:1%;
	line-height:1%;
	background:url(../images/lnavi_bg.gif) no-repeat left bottom;
	padding-bottom:177px;
}
dl#idxNavi ul {
	list-style-type:none;
	font-size:1%;
	line-height:1%;
}





dl#idxJobInfo {
	width: 240px;
	margin-bottom: 6px;
}
dl#idxJobInfo dt, dl#idxJobInfo dd {
	font-size: 1%;
	line-height: 1%;
	margin: 0;
}
dl#idxJobInfo dd {
	background: #fff;
	padding: 6px 0 0 4px;
}

.idxJobInfoSearch {
	margin-bottom: 3px;
}
.idxJobInfoSearch img,
.idxJobInfoSearch input {
	vertical-align: middle;
}

.idxJobInfoTbl {
	padding: 5px 0 10px;
}
.idxJobInfoTbl table {
	border: 1px solid #E2E2E2;
}
.idxJobInfoTbl table th, .idxJobInfoTbl table td {
	vertical-align: top;
	padding: 5px 0 6px 7px;
}
.idxJobInfoTbl table thead th {
	padding:0;
}
.idxJobInfoTbl table tbody th {
	width:22%;
}
.idxJobInfoTbl table thead td {
	background: #e2e2e2;
	padding: 5px 4px 6px 7px;
}
.idxJobInfoTbl table tbody td ul {
	list-style-type: square;
	margin-left: 18px;
}

/* search */
#idxJobInfoTbl {
	padding: 5px 0 10px;
}
#idxJobInfoTbl table {
	border: 1px solid #E2E2E2;
}
#idxJobInfoTbl table th, #idxJobInfoTbl table td {
	padding: 5px 0 6px 7px;
}
#idxJobInfoTbl table thead th {
	background: url(../../images/idx_img01.gif) no-repeat;
	padding: 5px 4px 6px 7px;
}
/* /search */

.idxJobInfoTd01 {
	background: #F0F0F0;
}
.idxJobInfoTd02 {
	background: url(../../images/idx_img02.gif) no-repeat left bottom;
}
.idxJobInfoTd03 {
	background: url(../../images/idx_img02.gif) no-repeat right bottom;
}
.idxJobInfoTd04 {
	background: #F0F0F0 url(../../images/idx_img02.gif) no-repeat left bottom;
}
.idxJobInfoTd05 {
	background: #F0F0F0 url(../../images/idx_img02.gif) no-repeat right bottom;
}

.idxJobInfoBtn01 {
	width: 240px;
	text-align: right;
	margin-bottom: 8px;
}
.idxJobInfoBtn02 {
	text-align: right;
	margin-bottom: 39px;
}


/**** Right Column ****/
#idxColR {
	width: 232px;
	background: url(../../images/idx_img_main_bg.jpg) no-repeat;
	padding-top: 80px;
}

#idxWhatsNew {
	background: #FFF;
	padding: 10px 8px 19px 8px;
	margin-right: 8px;
}

#idxBnrArea {
	background: #E6E6E6 url(../../images/idx_bnr_bg.gif) no-repeat;
	padding: 16px 8px 0 8px;
	margin-right: 8px;
}

ul.idxBnr01 {
	list-style-type: none;
}
ul.idxBnr01 li {
	margin-bottom: 8px;
}
ul.idxBnr01 li img {
	vertical-align: top;
}
ul.idxBnr01 li.idxPP01 {
	text-align: center;
	margin-top: 20px;
}
ul.idxBnr01 li.idxPP02 {
	font-weight: bold;
	text-align: center;
}
ul.idxBnr01 li.idxPP03 {
	text-align: center;
	padding-bottom: 20px;
}

.idxColRBtn01 {
	display: block;
	margin: 0 0 16px 8px;
}

.idxColRTbl01 {
	border-bottom: 1px solid #818181;
	margin-bottom: 4px;
}
.idxColRTbl01 td {
	padding-bottom: 2px;
}

.idxColRTbl02 th {
	padding: 0 13px 2px 0;
}
.idxColRTbl02 td {
	padding-bottom: 2px;
}