@charset "utf-8";
body{
	background:#fff;
}
img{
	display:block;
}
.menu{
	padding-top:40px;
}
.clear{
	overflow:hidden;
}
.left{
	float:left;
	width:690px;
}
.right{
	float:right;
	width:300px;
}
.area_top_wrap{
	width:100%;
	background:#f6f6f6;
	padding:20px 0;
}
.area_top{
	width:1020px;
	margin:0 auto;
}
.intro_box{
	background:#fff;
	overflow:hidden;
	padding:20px 20px 0;
}
.area_img{
	float:left;
	margin-bottom:20px;
}
.intro{
	float:right;
	width:600px;
	padding:0 0 20px 20px;
}
.intro span{
	font-weight:bold;
}
div[class^="tit_box"]{
	width:100%;
	height:70px;
	display:table;
	margin-bottom:10px;
}
.tit_box1 h2{
	font-size:20px;
	display:table-cell;
	vertical-align:middle;
	padding-left:90px;
}
.tit_box1 h2:after{
	content:"";
	width:15px;
	height:23px;
	background:url(../images/area/arrow01.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 15px 0;
}
.tit_box1{
	background:#fff url(../images/area/tit01.png) no-repeat;
}
div[class$="_lead"]{
	font-size:16px;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}
div[class^="tit_lead"]{
	font-size:16px;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}
.tit_lead2{
	width:682px;
}
.tit_lead3{
	width:662px;
}
.tit_lead4{
	width:642px;
}
.tit_lead5{
	width:622px;
}
.tit_lead6{
	width:602px;
}
.tit_lead7{
	width:582px;
}
.sec_mt{
	margin-top:30px;
}
div[class^="tit_box"] h3{
	font-size:20px;
	display:table-cell;
	vertical-align:middle;
	padding-left:90px;
}

h3[class^="tit_box"]{
	font-size:20px;
	text-indent:90px;
	width:100%;
	height:45px;
	display:inline-block;
	padding-top:25px;
	margin-bottom:10px;
}
.sec01 h3{
	background:#fff url(../images/area/tit02.png) no-repeat;
}
.sec02 h3{
	background:#fff url(../images/area/tit03.png) no-repeat;
}
.tit_box2{
	height:70px;
	line-height:70px;
	background:#fff url(../images/area/tit04.png) no-repeat;
	margin-bottom:10px;
}
.tit_box2 h3{
	font-size:20px;
	line-height:24px;
	display:inline-block;
	vertical-align:middle;
	padding:0 10px 0 90px;
}
.sec04 h3{
	background:#fff url(../images/area/tit05.png) no-repeat;
}
.sec05 h3{
	background:#fff url(../images/area/tit06.png) no-repeat;
}
.sec06 h3{
	background:#fff url(../images/area/tit07.png) no-repeat;
}
.sec07 h3{
	background:#fff url(../images/area/tit08.png) no-repeat;
}
.shadow_box{
	background:#fff;
	box-shadow:0 1px 5px rgba(0,0,0,.1);
}

.box{
	background:#fff;
	overflow:hidden;
	padding:10px;
}
.item_osusume{
	float:left;
	width:315px;
	padding:10px;
}
.item_osusume:hover{
	cursor:pointer;
	background:#fffcd6;
}
.item_osusume a{
	color:#5f96e8;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	display:block;
	margin:10px 0;
}
.item_osusume a:hover{
	background:transparent;
}
.data_osusume{
	border-top:1px solid #dfdfdf;
	overflow:hidden;
	margin-top:10px;
}
.data_osusume dt{
	float:left;
	width:25px;
	height:27px;
	line-height:27px;
	border-bottom:1px solid #dfdfdf;
}
.data_osusume dt img{
	display:inline-block;
	vertical-align:middle;
}
.data_osusume dd{
	float:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
 	width:290px;
	height:27px;
	line-height:27px;
	border-bottom:1px solid #dfdfdf;
}

.box_banner{
	text-align:center;
	background:#fff;
	padding-bottom:20px;
}
.box_banner h3{
	height:55px;
	line-height:55px;
}
.box_banner a{
	text-align:center;
	width:200px;
	display:block;
	margin:0 auto;
}
.box_banner a:hover{
	opacity:0.8;
}
.box_banner li+li{
	margin-top:10px;
}

ul[class^="list0"]{
	overflow:hidden;
}
ul[class^="list0"] li{
	float:left;
	cursor:pointer;
	text-align:center;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:3px 2px;
	border-radius:5px;
}
ul[class^="list0"] li:hover a{
	text-decoration:none;
}
.list01 li,
.list02 li{
	border-bottom:3px solid #e6e6e6;
	padding:20px 0;
}
ul[class^="list0"] li a{
	color:#5f96e8;
}
ul[class^="list0"] li:hover{
	background-color:#fffcd6;
}
.noLink:hover{
	cursor:default;
	background-color:#fff !important;
}
.list01 li span,.list02 li span{
	display:block;
}
.list01 li:nth-of-type(3n+2){
	margin:0 10px;
}
.list01 li{
	width:223px;
	background-image:url(../images/area/item_mark1.png);
	margin-bottom:10px;
}
.list02 li{
	width:100%;
	background-image:url(../images/area/item_mark2.png);
}
.list02 li+li{
	margin-top:10px;
}
.btn_kodawari{
	text-align:center;
	padding:20px 0 30px ;
}
.kodawariSearch{
	color:#666 !important;
	text-align:center;
	text-decoration:none !important;
}
.kodawariSearch:before{
	content:"";
	width:16px;
	height:16px;
	background:url(../images/area/icon_kodawari.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 15px 0 0;
}
.kodawariSearch:hover{
	background-color:#fffcd6;
}

.sec03 dl{
	background:#fff;
	padding:20px 20px 25px;
}
.sec03 dt{
	font-size:16px;
	font-weight:bold;
	border-bottom:4px solid #8dc661;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sec03 dd{
	word-break:normal;
	padding:0 0 25px;
}
.sec03 dd span{
	font-weight:bold;
}
.sec03 dd div{
	margin-top:20px;
}

.btn_box{
	text-align:center;
}
.btnSearch{
	color:#fff !important; 
	text-indent:67px;
	font-size:16px;
	text-decoration:none !important;
	height:60px;
	line-height:60px;
	background-color:#ff7676;
	background-image:url(../images/area/icon_search.png);
	background-repeat:no-repeat;
	background-position:13px 11px;
	border-bottom:3px solid #bb585a;
	border-radius:40px;
	display:inline-block;
	padding-right:30px;
	margin:20px auto;
}
.btnSearch:hover{
	line-height:60px;
	background-color:#ff7676;
	border-top:3px solid #f6f6f6;
	border-bottom:0;
	overflow:hidden;
	margin:20px 0 14px;
}

.sec05 ul{
	width:980px;
	overflow:hidden;
	padding:5px;
	margin:0 auto;
}
.sec05 ul+ul{
	margin-top:10px;
}
.sec05 ul li{
	float:left;
	cursor:pointer;
	width:180px;
	border-radius:10px;
	position:relative;
	z-index:1;
}
.sec05 ul li:hover{
	background:#fffcd6;
}
.sec05 ul li+li{
	margin-left:20px;
}
.sec05 ul li img{
	border-radius:10px 10px 0 0;
	display:block;
}
.img_box{
	position:relative;
}
.beginner:after{
	content:"未経験で入店";
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-indent:24px;
	width:180px;
	height:44px;
	line-height:44px;
	background:rgba(0,0,0,.5) url(../images/interview/beginner_interview.png) no-repeat 33px center;
	position:absolute;
	bottom:0;
}
.box01{
	height:154px;
	position:relative;
	border-bottom:1px solid #e8e8e8;
	padding:15px 10px 0;
}
.box01:before{
	content:"";
	width:0;
	height:0;
	border:9px solid transparent;
	border-bottom:9px solid #fff;
	position:absolute;
	top:-18px;
	left:50%;
	margin-left:-9px;
}
.sec05 ul li:hover .box01:before{
	border-bottom:9px solid #fffcd6;
}
.box01 h4{
	font-size:14px;
	margin-top:15px;
}
.box01 h4 a{
	color:#5f96e8;
}
.box01 h4 a:hover{
	background:transparent;
}
.box02{
	border-bottom:1px solid #e8e8e8;
	overflow:hidden;
	padding:20px 10px 17px;
}
.box02 dt{
	clear:both;
	float:left;
	margin-right:7px;
}
.box02 dd{
	float:left;
	width:137px;
	margin-bottom:3px;
}
.box03{
	text-align:center;
	font-weight:bold;
	width:100%;
	display:table;
	border-spacing:10px;
}
.box03 div{
	vertical-align:middle;
	display:table-cell;
}

.sec06 ul{
	width:966px;
	overflow:hidden;
	padding:5px;
	margin:0 auto;
}
.sec06 li{
	float:left;
	width:302px;
	background:#fff;
	border-radius:5px;
}
.sec06 li+li{
	margin-left:25px;
}
.question{
	padding:30px 15px 25px;
}
.questionnaire{
	border-top:1px solid #dfdfdf;
	padding:20px;
}
.q_tit img{
	display:inline-block;
	vertical-align:middle;
	padding-right:5px;
}
.q_tit div{
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	width:172px;
	border-bottom:4px solid #f9c04c;
	display:inline-block;
	vertical-align:middle;
	padding:0 5px 15px;
}
.questionnaire p+p{
	margin-top:25px;
}

.sec07 ul{
	background:#fff;
	border-radius:5px;
}
.sec07 li{
	overflow:hidden;
	padding:30px;
}
.sec07 li img{
	float:left;
}
.sec07 li+li{
	border-top:1px solid #dcdcdc;
}
div[class^="taiken_"]{
	float:left;
	width:730px;
}
.taiken_r{
	padding-left:30px;
}
.taiken_l{
	padding-right:30px;
}
.taiken_r_tit{
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}
.taiken_r_tit span{
	font-size:16px;
}
.taiken_r_tit span+span{
	margin-left:10px;
}
div[class^="taiken_"] p+p{
	margin-top:10px;
}
/*------------------------------------------------------------
　写真投稿投稿
-------------------------------------------------------------*/
.sec08 h3{
	background:#fff url(../images/area/tit09.png) no-repeat;
}
.wrap_pictureS{
	background:#fff;
	padding:30px 15px 15px 30px;
}
.box_pictureS{
	overflow:hidden;
}
.item_pictureS{
	float:left;
	text-align:center;
	width:180px;
	padding-bottom:15px;
	margin-right:15px;
}
.box_imgPictureS{
	width:178px;
	height:178px;
	border:1px solid #ddd;
	margin-bottom:5px;
}
.img_pictureS{
	width:172px;
	height:172px;
	display:block;
	overflow:hidden;
	padding:4px;
}
.img_pictureS:hover{
	opacity:.8;
	background:none;
}
.shop_pictureS,.type_pictureS a{
	color:#5f96e8  !important;
}
.shop_pictureS:hover,.type_pictureS a:hover{
	text-decoration:none;
	background:none;
}
.type_pictureS{
	color:#666;
	font-size:12px;
	margin:5px 0;
}
/*------------------------------------------------------------
　おすすめ
-------------------------------------------------------------*/
.sec10 h3{
	background:#fff url(../images/area/tit11.png) no-repeat;
}
.list03{
	width:1024px;
	margin-left:-2px;
}
.list03 li{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:232px;
	background-image:url(../images/area/item_mark3.png);
	padding:15px 10px;
	margin:2px;
}
/*------------------------------------------------------------
　東京用
-------------------------------------------------------------*/
.sec04 .link_areaNone:hover{
	cursor:default !important;
	background:transparent !important;
}
.data_osusume dd a{
	font-size:14px;
	font-weight:normal;
	line-height:inherit;
	display:inline-block;
	margin:0;
}
.data_osusume dd a:hover{
	text-decoration:none;
}
.link_areaNone>img:hover{
	cursor:pointer;
	opacity:.8;
}
.sec05 .link_areaNone:hover{
	cursor:default !important;
	background:#fff !important;
}
.sec05 .link_areaNone:hover .box01:before{
	border-bottom:9px solid #fff;
}
.sec05 .link_areaNone .img_box:hover{
	cursor:pointer;
	opacity:.8;
}
.sec05 .link_areaNone .box01 a:hover{
	text-decoration:none;
}
.link_areaNone a:hover{
	text-decoration:none;
	background:transparent;
}
.sec05 .box02 dd a{
	color:#5f96e8;
}