@charset "utf-8";

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

  面接必勝法

---------------------------------------*/
#mensetsu {
    margin: 0 auto;
    padding: 35px 70px;
    background-image: url(/pc/img/tidbits/tidbits.jpg);
}
#mensetsu .mensetsu_box {
    margin: 0 auto;
    padding: 20px 25px;
    background-color: #fff;
}

/*ヘッダー*/
#mensetsu #sub_header .top {
	margin: 0 0 0 30px;
}
#mensetsu #sub_header .bt_top {
    margin: 10px 0;
	padding: 4px 0 4px 39px;
    border: solid 1px #d60c25;
    background: -moz-linear-gradient(top, #fc4560 0%, #f30327 100%);
    background: -webkit-linear-gradient(top, #fc4560 0%, #f30327 100%);
    background: linear-gradient(top, #fc4560 0%, #f30327 100%);
}
#mensetsu #sub_header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mensetsu #sub_header li {
	float: left;
	margin: 0 0 0 3px;
	width: 102px;
	height: 28px;
}
#mensetsu #sub_header li.word a {
	background: url(/pc/img/tidbits/bt_word.gif) no-repeat;
	text-indent: -8000px;
	display: block;
	width: 102px;
	height: 28px;
	cursor: pointer;
}
#mensetsu #sub_header li.word a:hover {
	background: url(/pc/img/tidbits/on_word.gif) no-repeat;
}
#mensetsu #sub_header li.job a {
	background: url(/pc/img/tidbits/bt_job.gif) no-repeat;
	text-indent: -8000px;
	display: block;
	width: 102px;
	height: 28px;
	cursor: pointer;
}
#mensetsu #sub_header li.job a:hover {
	background: url(/pc/img/tidbits/on_job.gif) no-repeat;
}
#mensetsu #sub_header li.mensetsu {
	background: url(/pc/img/tidbits/on_mensetsu.gif) no-repeat;
    text-indent: -8000px;
}
#mensetsu #sub_header li.qa a {
	background: url(/pc/img/tidbits/bt_q_a.gif) no-repeat;
	text-indent: -8000px;
	display: block;
	width: 102px;
	height: 28px;
	cursor: pointer;
}
#mensetsu #sub_header li.qa a:hover {
	background: url(/pc/img/tidbits/on_q_a.gif) no-repeat;
}

/**/
#mensetsu .wrapper_box {
	height: auto;
	width: 700px;
	margin: 20px auto;
}
#mensetsu .wrapper_box p {
	width: 658px;
}
#mensetsu .wrapper_box p span {
    display: block;
    margin-top: 10px;
}
#mensetsu .wrapper_box p.notes {
    margin-top: 10px;
}
#mensetsu .wrapper_box p.notes::before {
    content: "※";
    display: inline-block;
    color: #f06;
}
#mensetsu .wrapper_box p a:hover {
    text-decoration: underline;
}
#mensetsu .wrapper_box .border {
	height: auto;
	border-right: 1px solid #B7B7B7;
	border-left: 1px solid #B7B7B7;
	padding: 15px 20px 15px 20px
}
#mensetsu .wrapper_box .border + img {
    vertical-align: top;
}
/*お店選び*/
#mensetsu #shop span {
	color: #0140D1;
}
/*アポ*/
#mensetsu #appointment span {
	color: #F06;
}
/*質問対策*/
#mensetsu #question span {
	color: #0140D1;
}
/*面接へ*/
#mensetsu #interview strong {
    display: block;
    margin-top: 40px;
	color: #F50;
	font-size: 1.6rem;
}
#mensetsu #interview span {
	color: #F06;
}
#mensetsu #interview ul {
	width: 658px;
	margin-top: 10px;
    list-style: disc;
}
#mensetsu #interview li {
	margin: 0 0 0 50px;
	padding: 0;
}
/*入店決定*/
#mensetsu #decision span {
	color: #0140D1;
	font-weight: bold;
}
.wrapper_box a{
    text-decoration:underline;
}