@charset "utf-8";
/* CSS Document */

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

 reset

---------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clear --------------------------*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clear{
	clear: both;
}

/* font ---------------------------*/
* {
	font-weight: normal;
	font-style: normal;
}

body {
	font-size: 13px;
	font-size: 13px; /* IE */
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #666;
	line-height: 1.6;
}
html>/**/body {
  font-size: 13px; /* Except IE */
}

/* font ---------------------------
10px⇒77% 11px⇒85% 12px⇒93%
13px⇒100% 14px⇒108% 15px⇒116%
16px⇒123.1% 17px⇒131% 18px⇒138.5%
19px⇒146.5% 20px⇒153.9% 21px⇒161.6%
22px⇒167% 23px⇒174% 24px⇒182%
25px⇒189% 26px⇒197%
---------------------------*/

body{
	background-color:#fff; /* ←背景色を変更できます */
} 
#wrapper {
	margin: 0 auto;
	width: 945px;
	background-color: #fff;
}

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

 link

---------------------------------------------------------------------*/
a,
a:visited {
	color: #0099ff;
	text-decoration: underline;
}
a:hover {
	color: #0099ff;
	text-decoration: none;
}

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

 header

---------------------------------------------------------------------*/
#header {
	position: relative;
	height: 180px;
}
#header h1 {
	position: absolute;
	top: 23px;
	left: 93px;
} 
#header h2 {
	position: absolute;
	top: 55px;
	left: 0;
	background: #f00;
	color: #fff;
	font-size: 46px;
	line-height:1;
	font-weight: bold;
	padding: 20px 35px;
	border-radius:10px;
}
#header h2 span{
	font-size: 26px;
	margin-bottom:10px;
	display:block;
	font-weight: bold;
}

#header p.lead {
	position: absolute;
	bottom: 0;
}
#header p.path {
	position: absolute;
	top: 5px;
	left: 4px;
	font-size: 77%;
}
#header p.powered {
	position: absolute;
	top: 5px;
	right: 4px;
	font-size: 77%;
}
/*--------------------------------------------------------------------

 nav

---------------------------------------------------------------------*/
ul#nav {
	margin: 20px 0 0;
	overflow: hidden;
	position: relative;
	height: 96px;
}
ul#nav li a {
	display: block;
	position: absolute;
	width: 317px;
	height: 89px;
	text-decoration: none;
	cursor:pointer;
}
ul#nav li a span{
	position: absolute;
	top: 46px;
	font-size: 21px;
	color: #333;
}
ul#nav li#kihon a {
	top: 7px;
	left: 0;
	background: url(../images/tabKihon_off.gif) no-repeat left top;
}
ul#nav li#kihon a:hover,
ul#nav li#kihon.selected a {
	background: url(../images/tabKihon_on.gif) no-repeat left top;
}
ul#nav li#kihon a span{
	left:118px;
}
ul#nav li#start a {
	top: 7px;
	left: 317px;
	background: url(../images/tabStart_off.gif) no-repeat left top;
}
ul#nav li#start a:hover,
ul#nav li#start.selected a {
	background: url(../images/tabStart_on.gif) no-repeat left top;
}
ul#nav li#start a span{
	left:132px;
}
ul#nav li#qa a {
	width: 311px;
	top: 0;
	right: 0;
	height: 96px;
	background: url(../images/tabQa_off.gif) no-repeat left top;
}
ul#nav li#qa a:hover,
ul#nav li#qa.selected a {
	background: url(../images/tabQa_on.gif) no-repeat left top;
}
ul#nav li#qa a span{
	left: 160px;
	top: 52px;
}
/*--------------------------------------------------------------------

 layout

---------------------------------------------------------------------*/
#container {
	padding: 30px 20px 10px;
	border: 1px solid #c2c1c0;
	border-top: none;
}
#container h2 {
	margin-bottom: 5px;
	color:#3fa9f5;
	font-size:33px;
}
#container h2 + p {
	font-size: 118%;
	padding-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #c2c1c0;
}
/*--------------------------------------------------------------------

 footer

---------------------------------------------------------------------*/
#footer {
	position:relative;
	margin:0 0 20px;
	text-align: center;
}
#footer div.footerTop {
	overflow: hidden;
	margin-bottom: 30px;
	text-align:left;
}
#footer div.footerTop .p01 {
	width: 438px;
	height: 50px;
	margin-bottom: 20px;
 	text-indent: -999px;
 	background: url(../images/logo.gif) top left no-repeat;
	overflow: hidden;
}
#footer div.footerTop .ul01 {
	text-align: left;
	line-height: 1;
	overflow:hidden;
}
#footer div.footerTop .ul01 li {
	float: left;
}
#footer div.footerNav {
	padding: 3px 0;
	background-color: #f00;
}
#footer div.footerNav ul {
	text-align: center;
}
#footer div.footerNav li {
	display: inline-block;
    *display: inline;  
    *zoom: 1;
	color: #fff;
	font-size: 85%;
}
#footer div.footerNav li a {
	color: #fff;
}
#footer p.copyright {
	margin-top: 12px;
	padding-botom: 3px;
	font-size: 85%;
}
/* -------------------------------------------------------

 to pagetop

---------------------------------------------------------*/
.totop {
	margin: -1px;
	padding: 10px 5px 0;
	text-align: right;
	font-size: 87%;
}
.totop a span {
    background: url(../images/arrowUp.gif) no-repeat 0% 50%;
	-moz-background-size: 10px auto;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
    padding-left: 16px;
	
}
/*--------------------------------------------------------------------

 Kihon

---------------------------------------------------------------------*/
.contentInner {
	overflow: hidden;
	line-height: 1.8;
	padding-bottom: 20px;
}
.contentInner:nth-child(4) {
	margin-bottom: 0;
}
.contentInner h3.txtTtl {
	font-size: 120%;
	font-weight:bold;
/* 	padding: 1em;
	margin: 20px 0 10px;
	border: 2px solid #c2c1c0;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
 */}
.contentInnerL {
	width: 442px;
	float: left;
}
.contentInnerR {
	width: 442px;
	margin-left: 461px;
}
/* 基本内のタブ（ページャー）::::::::::::::::::::::::::::::::: */
ul#tabs {
	overflow: hidden;
}
ul#tabs li {
	float: left;
	margin: 0 5px 20px 0;
	text-indent: -999px;}
ul#tabs li:last-children {
	margin-left: 0;
}
ul#tabs li a {
	display: block;
	height: 38px;
}
ul#tabs li#pNav01 a {
	width: 155px;
	background:url(../images/k_pageNav01off.gif) no-repeat top left;
}
ul#tabs li#pNav01 a:hover,
ul#tabs li#pNav01.selected a {
	background:url(../images/k_pageNav01on.gif) no-repeat top left;
}
ul#tabs li#pNav02 a {
	width: 186px;
	background:url(../images/k_pageNav02off.gif) no-repeat top left;
}
ul#tabs li#pNav02 a:hover,
ul#tabs li#pNav02.selected a {
	background:url(../images/k_pageNav02on.gif) no-repeat top left;
}
ul#tabs li#pNav03 a {
	width: 146px;
	background:url(../images/k_pageNav03off.gif) no-repeat top left;
}
ul#tabs li#pNav03 a:hover,
ul#tabs li#pNav03.selected a {
	background:url(../images/k_pageNav03on.gif) no-repeat top left;
}
ul#tabs li#pNav04 a {
	width: 172px;
	background:url(../images/k_pageNav04off.gif) no-repeat top left;
}
ul#tabs li#pNav04 a:hover,
ul#tabs li#pNav04.selected a {
	background:url(../images/k_pageNav04on.gif) no-repeat top left;
}

ul.BtnTabsBtm {
	overflow: hidden;
	margin: 0 0 10px 0;
	position: relative;
	height: 30px;
}
ul.BtnTabsBtm li#prevBtn {
	position: absolute;
	top: 0;
	left: 10px;
}
ul.BtnTabsBtm li#nextBtn {
	position: absolute;
	top: 0;
	right:10px;
}
ul.BtnTabsBtm li a {
	display: block;
	width: 160px;
	height: 30px;
	text-indent: -999px;}
ul.BtnTabsBtm li#prevBtn {
	background: url(../images/k_btnPrev_off.gif) no-repeat top left;
}
ul.BtnTabsBtm li#prevBtn a:hover {
	background: url(../images/k_btnPrev_on.gif) no-repeat top left;
}
ul.BtnTabsBtm li#nextBtn {
	background: url(../images/k_btnNext_off.gif) no-repeat top left;
}
ul.BtnTabsBtm li#nextBtn a:hover {
	background: url(../images/k_btnNext_on.gif) no-repeat top left;
}
.disnon {
	display: none;
}

/* 何が違うの？:::::::::::::::::::::::::::::: */
.contentInner img.fig01 {
	margin: 10px 0 0;
	border: 1px solid #c2c1c0;
}
.contentInnerR h3.merit {
	margin-top: 20px;
}
.contentInnerR div.column01 {
	border: 5px solid #8cc63f;
	border-top: none;
	width: 393px;
	padding: 20px;
	margin-top: -1px;
}
.contentInnerR div.column01 div.column01inner01,
.contentInnerR div.column01 div.column01inner02,
.contentInnerR div.column01 div.column01inner03 {
	overflow: hidden;
}
.contentInnerR div.column01 div.column01inner01 {
	margin-bottom: 30px;
}
.contentInnerR div.column01 div.column01inner02 {
	margin-bottom: 10px;
}
.contentInnerR div.column01 div.column01inner01 img {
	float: left;
	margin-top: 20px;
}
.contentInnerR div.column01 div.column01inner01 dl {
	margin-left: 98px;
}
.contentInnerR div.column01 div.column01inner01 dt {
	text-indent: -999px;	background: url(../images/k_column01subTtl01.gif) no-repeat top left;
/* 	width: 296px; */
	height: 35px;
}
.contentInnerR div.column01 div.column01inner02 dl {
	float: left;
	width: 230px;
}
.contentInnerR div.column01 div.column01inner02 dt {
	text-indent: -999px;	background: url(../images/k_column01subTtl02.gif) no-repeat top left;
	width: 196px;
	height: 17px;
}
.contentInnerR div.column01 div.column01inner02 img {
	float: right;
}
.contentInnerR div.column01 div.column01inner03 img {
	float: left;
}
.contentInnerR div.column01 div.column01inner03 dl {
	margin: 20px 0 0 170px;
}
.contentInnerR div.column01 div.column01inner03 dt {
	text-indent: -999px;	background: url(../images/k_column01subTtl03.gif) no-repeat top left;
	width: 120px;
	height: 17px;
}
.contentInnerR div.column01 div.column01inner01 dd,
.contentInnerR div.column01 div.column01inner02 dd,
.contentInnerR div.column01 div.column01inner03 dd {
	line-height: 1.5;
	padding-top: .5em;
}

/* どんなところが違う？登録形態の比較:::::::::::::::::::::::::::::::: */
.contentInner2 {
	padding-top: 20px;
}
.contentInner2 .contentInnerL dl {
	position: relative;
}
.contentInner2 .contentInnerL dt.subTtlA,
.contentInner2 .contentInnerL dt.subTtlB,
.contentInner2 .contentInnerL dt.subTtlC {
	position: absolute;
	width: 452px;
	height: 70px;
	text-indent: -999px;}
.contentInner2 .contentInnerL dt.subTtlA {
	background: url(../images/k_02subTtlA.gif) no-repeat top left;
}
.contentInner2 .contentInnerL dt.subTtlB {
	background: url(../images/k_02subTtlB.gif) no-repeat top left;
}
.contentInner2 .contentInnerL dt.subTtlC {
	background: url(../images/k_02subTtlC.gif) no-repeat top left;
}
.contentInner2 .contentInnerL dd {
	margin-top: 80px;
}
.contentInner2 .contentInnerL dd strong {
	font-weight: bold;
}
.contentInner2 .contentInnerR img {
	border: 1px solid #c2c1c0;
	}
.column02-03wrap {
	overflow: hidden;
	margin-top: 20px;
}
.contentInnerL div.column02,
.contentInnerR div.column03 {
	border: 5px solid #8cc63f;
	border-top: none;
	width: 393px;
	padding: 20px;
	margin-top: -1px;
}
.contentInnerR div.column03 strong {
	font-weight: bold;
}

/* 表組み:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
h3.tblTtl {
	margin-top: 10px;
	padding-bottom: 10px;
	font-size:135%;
	font-weight:bold;
}
table {
	border: 1px solid #c2c1c0;
	border-collapse: collapse;
	font-size: 91%;
	line-height: 1.4;
}
table th {
	font-weight: bold;
	vertical-align: middle;
	color: #666;
}
table td {
	color: #444;
}
table td.mid {
	vertical-align: middle;
}
table th,
table td {
	padding: .8em;
	border: 1px solid #c2c1c0;
}
table th.midashi {
	background-color: #e7e6e6;
}
table.agentTbl td.ippan,
table.agentTbl th.ippan {
	background-color: #f2ddf6;
}
table.agentTbl td.ukeoi,
table.agentTbl th.ukeoi {
	background-color: #f8ebb7;
}
table.agentTbl td.shokai,
table.agentTbl th.shokai {
	background-color: #d0f4fb;
}
table.agentTbl th.midashi {
	width: 19%;
	background-color: #e7e6e6;
}
table.agentTbl td {
	width: 27%;
}
table.pointTbl th.midashi {
	width: 10%;
}
table.pointTbl td {
	width: 18%;
}
table.pointTbl td:nth-child(even),
table.pointTbl th.headEven {
	background-color: #d8fae1;
}
table.pointTbl td:nth-child(odd),
table.pointTbl th.headOdd {
	background-color: #f9ffe2;
}
/*おさらい::::::::::::::::::::::::::::: */
.contentInnerL dt.advice,
.contentInnerR dt.advice {
	margin: 20px 0 10px;
	overflow:hidden;
}
.contentInnerL dt.advice span,
.contentInnerR dt.advice span{
	margin: -200px;
}
.contentInnerL dt.advice h3,
.contentInnerR dt.advice h3{
	color: #3fa9f5;
	font-size: 21px;
	padding: 3px 30px 0 125px;
	line-height: 1.4;
}
.contentInnerL dt.advice.subTtl01,
.contentInnerL dt.advice.subTtl02 {
	width: 444px;
	height: 98px;
}
.contentInnerL dt.advice.subTtl01 {
	background:url(../images/k_04subTtl01.gif) no-repeat top left;
}
.contentInnerL dt.advice.subTtl02 {
	background:url(../images/k_04subTtl02.gif) no-repeat top left;
}
.contentInnerR dt.advice.subTtl03,
.contentInnerR dt.advice.subTtl04 {
	width: 440px;
	height: 98px;
}
.contentInnerR dt.advice.subTtl03 {
	background:url(../images/k_04subTtl03.gif) no-repeat top left;
}
.contentInnerR dt.advice.subTtl04 {
	background:url(../images/k_04subTtl04.gif) no-repeat top left;
}
.contentInnerL dd.fromEditer,
.contentInnerR dd.fromEditer {
	background-color: #d7eefe;
	margin-bottom: 1em;
	padding: 1.2em;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
/*--------------------------------------------------------------------

 応募から働くまで

---------------------------------------------------------------------*/
ul.checkPoint {
	margin: 40px 0 10px;
}
ul.checkPoint li > .pointBoxTop,
ul.checkPoint li > .pointBox {
	overflow: hidden;
	position: relative;
}
ul.checkPoint li > .pointBoxTop {
	height: 90px;
}
ul.checkPoint li > .pointBox {
	height: 110px;
	margin-bottom: 8px;
}
ul.checkPoint li > .pointBoxTop p.actionPoint,
ul.checkPoint li > .pointBox p.actionPoint {
	position: absolute;
	top: 0;
	width: 297px;
}
ul.checkPoint li > .pointBoxTop p.actionPoint {
	left: 20px;
}
ul.checkPoint li > .pointBox p.actionPoint {
	left: 0;
	width: 258px;
	min-height: 54px;
	color: #444;
	font-size: 93%;
	line-height: 1.4;
	background-color: #00eb99;
	padding: 1em;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
ul.checkPoint li > .pointBoxTop h3 {
	position: absolute;
	top: 5px;
	left: 307px;
	width: 301px;
}
ul.checkPoint li > .pointBox h4 {
	position: absolute;
	top: 0;
	left: 281px;
	width: 343px;
	height: 110px;
	background: url(../images/s_arrowBlue.gif) no-repeat center bottom;
}
ul.checkPoint li:nth-child(7),
ul.checkPoint li > .pointBox h4.last {
	height: 80px;
}
ul.checkPoint li > .pointBoxTop p.cautionPoint,
ul.checkPoint li > .pointBox p.cautionPoint {
	position: absolute;
	top: 0;
}
ul.checkPoint li > .pointBoxTop p.cautionPoint {
	width: 295px;
	left: 650px;
}
ul.checkPoint li > .pointBox p.cautionPoint {
	left: 624px;
	width: 254px;
	min-height: 54px;
	color: #444;
	font-size: 93%;
	line-height: 1.4;
	background-color: #ffbe13;
	padding: 1em;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.caution {
	font-size: 83%;
}
/*--------------------------------------------------------------------

 登録型バイトQ & A

---------------------------------------------------------------------*/
ul#tabNav {
	overflow: hidden;
	margin: 20px 0 0;
}
ul#tabNav li {
	float: left;
	text-indent: -999px;}
ul#tabNav li a {
	display: block;
	height: 51px;
}
ul#tabNav li#jizen a {
	width: 150px;
	background: url(../images/tab01_off.gif) top left no-repeat;
}
ul#tabNav li#jizen a:hover,
ul#tabNav li#jizen.selected a {
	background: url(../images/tab01_on.gif) top left no-repeat;
}
ul#tabNav li#agent a {
	width: 151px;
	background: url(../images/tab02_off.gif) top left no-repeat;
}
ul#tabNav li#agent a:hover,
ul#tabNav li#agent.selected a {
	background: url(../images/tab02_on.gif) top left no-repeat;
}
ul#tabNav li#introduction a {
	width: 151px;
	background: url(../images/tab03_off.gif) top left no-repeat;
}
ul#tabNav li#introduction a:hover,
ul#tabNav li#introduction.selected a {
	background: url(../images/tab03_on.gif) top left no-repeat;
}
ul#tabNav li#payment a {
	width: 151px;
	background: url(../images/tab04_off.gif) top left no-repeat;
}
ul#tabNav li#payment a:hover,
ul#tabNav li#payment.selected a {
	background: url(../images/tab04_on.gif) top left no-repeat;
}
ul#tabNav li#costum a {
	width: 151px;
	background: url(../images/tab05_off.gif) top left no-repeat;
}
ul#tabNav li#costum a:hover,
ul#tabNav li#costum.selected a {
	background: url(../images/tab05_on.gif) top left no-repeat;
}
ul#tabNav li#else a {
	width: 149px;
	background: url(../images/tab06_off.gif) top left no-repeat;
}
ul#tabNav li#else a:hover,
ul#tabNav li#else.selected a {
	background: url(../images/tab06_on.gif) top left no-repeat;
}
.disnon {
	display: none;
}
dl.accordion { 
	background: #fff;
	width: 841px;
	margin: 0 auto 30px;
	padding: 30px;
	border: 1px solid #c2c1c0;
	border-top: none;
}
dl.accordion dt strong {
	display: block;
	color: #3fa9f5;
	font-size: 110%;
	padding: 1em 0 0.9em 1.6em;
	background: url(../images/qa_q.gif) no-repeat left center;
	border-top: 1px solid #c2c1c0;
	cursor: pointer;
}
dl.accordion dt:last-child h3 {
	border-bottom: 1px solid #c2c1c0;
}
dl.accordion dt.open {
}
dl.accordion dd {
	background-color: #d7eefe;
	padding: 1em 1.5em;
	line-height: 2;
	display: none;
	margin-bottom: 1em;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
dl.accordion dd h4 {
	font-weight: bold;
}
dl.accordion dd ol li {
	margin-bottom: 1em;
	text-indent: -1em;
	padding-left: 1em;
}
dl.accordion dd ol li:first-child {
	margin-top: 1em;
}
dl.accordion dd ol li:last-child {
	margin-bottom: 0;
}
#tab4 dl.accordion dd ol li:last-child {
	margin-bottom: 1em;
}
dl.accordion dd a.close {
	display: block;
	text-align: right;
}

/* ---------------------------------
 バイトル情報局
--------------------------------- */
#pinKColumn {
text-align:left;
margin-bottom:30px;}
#pinKColumn ul {
background-color: #FD6F64;
margin: 0 0 0;
padding: 3px 4px 10px 6px;
overflow:hidden;
border-radius:0 4px 4px 4px;
}
#pinKColumn li {
background-color: #FFFFFF;
margin: 5px 5px 0 0;
float:left;
width: 170px;
padding: 8px 6px;
}
#pinKColumn li dt{
margin:0 0 5px 0;
white-space:nowrap;
}
#pinKColumn dt a {
background: url(/theme_base/pu/images/2012/bg_089a.png) no-repeat scroll 1px 2px transparent;
display: inline-block;
*display: inline;  
*zoom: 1;
min-height: 13px;
padding-left: 14px;
}
#pinKColumn li .dd01 img{
float:left;
margin-right:5px;
}
#pinKColumn li .dd02 {
font-size:12px;
line-height:1.4;
}

#pinKColumn ul + img{
	display:none;}


/* footer_nav */
.footer_nav {
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
}

.footer_nav ul li {
	display: inline-block;
	padding-right: 5px
}

.footer_nav ul li a {
	padding-top: 5px;
	color: #888;
	font-size: 11px;
	text-decoration: none
}

.footer_nav ul li a:after {
	content: '';
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	width: 5px;
	height: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc
}

.footer_nav ul li a:visited {
	color: #888
}

.footer_nav ul li:last-of-type a:after {
	content: none
}