@charset "utf-8";

/* ==================================================================

jobs_friend.css

===================================================================== */

/*----お客さま係募集----*/

.img_copy{
	margin:0 10px;
	padding:0;
	text-align:center;
	display:block;
}

.img_copy img{
	margin:0;
	width:100%;
}

.boshu_copy_box{
	margin:0 10px;
	padding:0;
}

.boshu_copy_box p{
	margin:0;
	padding:0;
	color:#665333;
	font-weight:bold;
	line-height:1.6em;
}

.boshu_box{
	margin:0 10px;
	padding:0;
}

.boshu_box p{
	margin:0;
	padding:0;
	line-height:1.6em;
}

.img_photo{
	margin:0;
	padding:0;
	text-align:center;
	display:block;
}

.img_photo img{
	margin:0;
	width:100%;
}

/*----フレンドさんのお仕事----*/
.friend_q{
	margin:0 10px;
	padding:0;
}

.friend_q_box{
	margin:0 10px;
	padding:0;
}

.friend_q_box p{
	margin:0;
	padding:0;
	line-height:1.6em;
}

.friendjob_box{
	margin:0 10px;
	padding:5px;
	background-image:url(../jobs/friend/friend_bakimg.gif);
}

.friendjob_box img{
	margin:0;
	width:100%;
}

.page_down_box{
	margin:0 10px;
	padding:0;
}

.page_down_box ul{
	width:100%;
	padding:0;
	display:table;
}

.page_down_box ul li{
	width:50%;
	padding:0 5px 0 0;
	display:table-cell;
}

.page_down_box ul li:last-child{
	padding:0 0 0 5px;
}

.page_down_box li a{
	width:100%;
	height:40px;
	margin:0;
	padding:13px 0 0 0;
	color:#fff;
	line-height:1.1em;
	text-decoration:none;
	text-align:center;
	background-color:#EDA908;
	background-image:url(../common/arrow_open.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
	background-size:12px 7px;
	display:block;
	box-sizing:border-box;
}

/*----メイトさんのお仕事----*/
.meito_q{
	margin:0 10px;
	padding:0;
}

.meito_q_box{
	margin:0 10px;
	padding:0;
}

.meito_q_box p{
	margin:0;
	padding:0;
	line-height:1.6em;
}

a.meito_btn{
	margin:0 auto;
	padding:13px 0 0 0;
	width:60%;
	height:40px;
	color:#fff;
	line-height:1.1em;
	text-decoration:none;
	text-align:center;
	background-image:url(../common/arrow_open.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
	background-size:12px 7px;
	display:block;
	box-sizing:border-box;
}

.meito_subbox{
	margin:0 10px;
	padding:10px;
	background-color:#EEEEEE;
}

.meito_subbox p{
	margin:0;
	padding:0;
	line-height:1.6em;
	font-size:1.3rem;
}

/*----募集要項：お客さま係（メイトさん・フレンドさん）----*/

span.ttl_meitofriendsub{
	margin:0;
	padding:1px 0 0 0px;
	color:#fff;
	font-size:1rem;
	background-image:none;
	background-position:6px 50%;
	background-repeat:no-repeat;
	background-size:9px 3px;
	display:inline;
	box-sizing:border-box;
}

table{
	margin:0;
	padding:0;
	width:100%;
	border-top:1px solid #BBBBBB;
	box-sizing:border-box;
}

table tr{
	border-bottom:1px solid #BBBBBB;
}

table th{
	padding:10px 0;
	width:75px;
	font-size:1.3rem;
	color:#444;
	line-height:1em;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	background-color:#F7CC55;
}

table td{
	padding:10px;
	font-size:1.3rem;
	color:#444;
	line-height:1.4em;
	text-align:left;
	vertical-align:middle;
	background-color:#fff;
}

/*----採用についての連絡先----*/

.renraku_box{
	margin:0 10px;
	padding:6px 0 0 0;
}

.renraku_box .add_box{
	margin:10px 0;
	padding:10px;
	background-color:#eee;
}

.renraku_box .add_box p{
	margin:0;
	padding:0;
	font-size:1.3rem;
	color:#444;
	line-height:1.6em;
}

.renraku_box .add_box p strong{
	margin:0;
	padding:0;
	color:#e60;
	font-weight:bold;
}

.renraku_box .add_box p a:link,
.renraku_box .add_box p a:visited{
	color:#444;
	text-decoration:none;
}

.renraku_box .add_box p strong a:link,
.renraku_box .add_box p strong a:visited{
	color:#e60;
	text-decoration:none;
}

/*----フレンドさんについて----*/

ul.question_box{
	margin:0;
	padding:0;
	width:100%;
}

ul.question_box li{
	margin:0;
	padding:10px;
	border-bottom:1px dotted #BBBBBB;
}

ul.question_box li:first-child{
	border-top:1px dotted #BBBBBB;
}

ul.question_box li dl dt{
	margin:0 0 5px 0;
	padding:4px 0 4px 36px;
	color:#665433;
	font-weight:bold;
	background-image:url(../jobs/friend/Q_img.gif);
	background-repeat:no-repeat;
	background-size:31px 31px;
	background-position:left top;
}

ul.question_box li dl dd{
	margin:0;
	padding:4px 0 4px 36px;
	color:#444;
	background-image:url(../jobs/friend/A_img.gif);
	background-repeat:no-repeat;
	background-size:31px 31px;
	background-position:left top;
}

/*----フレンドミーティング・フレンド親睦会----*/

.frendmeeting{
	width:100%;
	padding:5px 0 0 0;
	height:25px;
	background-color:#EEAA00;
	text-align:center;
	box-sizing:border-box;
	position:relative;
}

.frendmeeting::after{
	content:'';
	width:0;
    height:0;
    position: absolute;
	border-width:8px;
	border-style:solid;
	border-color:#EEAA00 transparent transparent transparent;
    top: 100%;
    left: 50%;
    margin-left: -8px;
}

.fdmg_box{
	margin:0;
	padding:0;
	text-align:center;
}

p.frendcopy{
	color:#336600;
	font-weight:bold;
	text-align:center;
	line-height:1em;
}

.frend_textbox{
	margin:0 10px 10px;
	padding:10px 0;
	border-bottom:1px dotted #BBBBBB;
}

.frend_textbox p{
	margin:0;
	padding:0;
	line-height:1.6em;
}

.frend_textbox img{
	width:40%;
	height:auto;
	margin:0 0 5px 5px;
	float:right;
}

p.sinbokucopy{
	color:#AA0000;
	font-weight:bold;
	text-align:center;
	line-height:1em;
}