@charset "utf-8";


/* ----------------------------------------------------------------
    ブラウザスタイルの初期化
----------------------------------------------------------------- */
*{
	margin:0;
	padding:0;
	color:#999;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.3;
}


/* ----------------------------------------------------------------
    文書本体
----------------------------------------------------------------- */
body{
	background-color:#EBFFAD;
	margin:0;
	padding:0;
	text-align:center;
}


/* ----------------------------------------------------------------
    画像
----------------------------------------------------------------- */
img{
	border:0;
}

/* ----------------------------------------------------------------
    全体のコンテナ
----------------------------------------------------------------- */
div#container{
	width:800px;
	margin:0 auto;
	background-color:#FFF;
	text-align:left;
}

/* ----------------------------------------------------------------
    テキスト
----------------------------------------------------------------- */
div#lead-copy,div#about-staff{
	width:240px;
	padding:20px;
}

/* ----------------------------------------------------------------
    ヘッダー
----------------------------------------------------------------- */
div#header{
	padding-bottom:20px;
}

/* ----------------------------------------------------------------
    アルバイト募集情報 全体
----------------------------------------------------------------- */
div#content-upper{
	width:800px;
	height:460px;
	position:relative;
	overflow:hidden;
}

/* ----------------------------------------------------------------
    アルバイト募集情報 見出し
----------------------------------------------------------------- */
div#upper-side-left{
	width:280px;
}

/* ----------------------------------------------------------------
    全国地図
----------------------------------------------------------------- */
div#upper-side-right{
	width:460px;
	float:right;
	position:absolute;
	height:440px;
	top:0px;
	right:30px;
}

/* ----------------------------------------------------------------
    仕事風景の画像
----------------------------------------------------------------- */
div#work-images{
	width:760px;
	text-align:center;
	padding:20px;
}

/* ----------------------------------------------------------------
    アルバイトスタッフコメント 全体
----------------------------------------------------------------- */
div#content-bottom{
	width:800px;
	height:800px;
	position:relative;
	overflow:hidden;
}

/* ----------------------------------------------------------------
    スタッフコメント（見出し,画像）
----------------------------------------------------------------- */
div#bottom-side-left{
	width:280px;
}

div#work-4{
	width:280px;
	text-align:center;
}

/* ----------------------------------------------------------------
    スタッフコメントのコラム（イラスト,タイトル,本文）
----------------------------------------------------------------- */
div#bottom-side-right{
	width:460px;
	float:right;
	position:absolute;
	height:auto;
	top:0px;
	right:30px;
}

div#comment-inner1,div#comment-inner2,div#comment-inner3{
	width:460px;
	height:260px;
	padding-bottom:10px;
	background-image:url(../images/img_frame_orange.gif);
	background-repeat:no-repeat;
}

p#illust1{
	position:absolute;
	top:20px;
	left:15px;
}

p#illust2{
	position:absolute;
	top:290px;
	left:15px;
}

p#illust3{
	position:absolute;
	top:560px;
	left:15px;
}

p#staff-title1{
	position:absolute;
	top:20px;
	left:185px;
}

p#staff-title2{
	position:absolute;
	top:290px;
	left:185px;
}

p#staff-title3{
	position:absolute;
	top:560px;
	left:185px;
}

p#comment1{
	width:260px;
	position:absolute;
	top:100px;
	left:185px;
	color:#333;
}

p#comment2{
	width:260px;
	position:absolute;
	top:370px;
	left:185px;
	color:#333;
}
p#comment3{
	width:260px;
	position:absolute;
	top:640px;
	left:185px;
	color:#333;
}

/* ----------------------------------------------------------------
    フッター
----------------------------------------------------------------- */
div#footer{
	padding-top:10px;
}