/*  —«‚Žû“üƒGƒXƒeƒ}ƒbƒT[ƒW‹l/ƒGƒ“ƒgƒ‰ƒ“ƒX
--------------------------------------------------------------------------*/
/*  http://www.esthetique-jobnavi.com/
--------------------------------------------------------------------------*/

a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;}
body { background-color:#fff;}
body { font-family: verdana; margin: 0px; padding: 0px;}
body { padding:0; margin:0 auto}
body, th, td, div, font { font-size: 14px; line-height: 140%; }
ul, ol, ul li, ol li { list-style: none; }

img, a img { border: 0px none; vertical-align: bottom; }


/*  ”wŒiŠÖ˜A
--------------------------------------------------------------------------*/
.bg01 { background-color:#fdfbf7;border-radius: 3px;border: 1px solid #c0b094;margin: 5px 3px 5px;padding: 5px 5px 5px 5px; text-align: center;}
.bg02 { background-color:#fff;margin: 8px 5px 8px;border: 1px solid #f5eee9;border-radius: 8px;padding: 10px 10px 10px 10px;}
.bg03 { background-color:#fffdf9;padding: 10px 0px 10px 0px;}


/*  404
--------------------------------------------------------------------------*/

.not_title{ margin: 0px 5px 10px 5px;padding: 10px 0px 10px 0px;font-size: 20px;letter-spacing:0px;color: #222;font-weight:bold;text-align: center;line-height: 1.5;}
.not_comme{ margin: 10px 5px 10px 5px;padding: 10px 0px 3px 0px;font-size: 12px;letter-spacing:0px;color: #333;text-align: center;line-height: 1.5;}



/*  ƒ^ƒCƒgƒ‹ŠÖ˜A
--------------------------------------------------------------------------*/
.title01{ background-color:#bab6aa;border-radius: 0px;line-height: 44px;padding: 0px 0px 0px 7px;}
.title01{ margin: 0px 0px 0px;text-align: left;font-weight: bold;font-size: 15px;color: #fff;letter-spacing:0px;}
.title02{ background-color:#f23064;border-radius: 0px;line-height: 44px;padding: 0px 0px 0px 7px;}
.title02{ margin: 0px 0px 0px;text-align: left;font-weight: bold;font-size: 15px;color: #fff;letter-spacing:0px;}
.title03{ background-color:#febcce;border-radius: 0px;line-height: 44px;padding: 0px 0px 0px 7px;}
.title03{ margin: 0px 0px 0px;text-align: left;font-weight: bold;font-size: 15px;color: #fff;letter-spacing:0px;}
.title_icon { margin: 0px 5px 0px 0px;}

.enter_kanto { font-size:19px;font-weight:bold;margin: 10px 10px 10px 10px;text-decoration:none;}
.enter_kanto a { border: 2px solid #b5e9ff;border-radius: 10px;}
.enter_kanto a { line-height: 45px;background-color:#f9fdfe;color: #b5e9ff;text-align: center;text-decoration: none;display:block;}
.enter_kanto a:hover  { background-color:#fff;text-decoration: none;display:block;}
.enter_kansai { font-size:19px;font-weight:bold;margin: 0px 10px 10px 10px;text-decoration:none;}
.enter_kansai a { border: 2px solid #ffb2d1;border-radius: 10px;}
.enter_kansai a { line-height: 45px;background-color:#fef9fb;color: #ffb2d1;text-align: center;text-decoration: none;display:block;}
.enter_kansai a:hover  { background-color:#fff;text-decoration: none;display:block;}
.enter_txt { background-color:#fff;margin: 8px 5px 8px;border: 1px solid #f5eee9;border-radius: 8px;padding: 10px 10px 10px 10px;}
.enter_txt { font-size: 15px;color: #666;line-height: 150%;letter-spacing:0px;}

/*  HEAD
--------------------------------------------------------------------------*/
h1{margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.clear { display: none;}
.header { width: 100%;height:52px;line-height:52px;margin: 0px 0px 20px;padding: 0px 0px 0px 0px;}
.header { background-color: rgba(242,48,100,1);z-index: 9999;}
.head_logo { position:absolute;top:0px;left: 5px;}


/*  LIST
--------------------------------------------------------------------------*/
ul.job_list { padding: 10px 0px 10px 0px;margin: 0px 0px 0px ;}
ul.job_list { width: 100%;background-color:#fdfbf7;display:inline-block;}
ul.job_list li { margin: 5px 5px 5px;}
ul.job_list li a { line-height:44px;text-align: left;padding: 0px 10px 0px 10px;font-size: 15px;color: #808182;font-weight: bold;}
ul.job_list li a { background: url('../img/rank_arrow.png') no-repeat scroll right center rgb(255, 255, 255);}
ul.job_list li a { display:block;border-radius: 8px;border: 2px solid #febcce;}
ul.job_list li a:hover { background-color:#fef8fa;text-decoration: none;display:block;}


/*  TOP-RANK
--------------------------------------------------------------------------*/
ul.top_rank { padding: 15px 0px 15px 0px;margin: 0px 0px 0px ;}
ul.top_rank { width: 100%;background-color:#fdfbf7;display:inline-block;}
ul.top_rank li { margin: 5px 5px 5px;}
ul.top_rank li a { text-align: left;padding: 10px 10px 10px 10px;font-size: 15px;color: #808182;font-weight: bold;}
ul.top_rank li a { background: url('../img/rank_arrow.png') no-repeat scroll right center rgb(255, 255, 255);}
ul.top_rank li a { display:block;border-radius: 8px;border: 2px solid #febcce;}
ul.top_rank li a:hover { background-color:#fef8fa;text-decoration: none;display:block;}
.rank_no { color: #f23064; font-weight: bold;}


/*  TOP-CONTENT
--------------------------------------------------------------------------*/
ul.top_content { padding: 10px 0px 10px 0px;margin: 0px 0px 0px;}
ul.top_content { background-color:#efeeee;}
ul.top_content li a{ background-color:#fff;display: block;}
ul.top_content li a{ text-align: center;padding: 10px 10px 10px 10px;margin: 10px 10px 10px;}
ul.top_content li a:hover { background-color:#fffefc;}
.content_title { padding: 5px 0px 0px 0px;margin: 0px;text-align: left;font-weight: bold;font-size: 15px;color: #222;letter-spacing:0px;}
.content_comme { padding: 5px 0px 0px 0px;margin: 0px;text-align: left;font-size: 12px;color: #666;line-height: 120%;letter-spacing:0px;}

/*  TOP-INTERVIEW
--------------------------------------------------------------------------*/
ul.cast { padding: 10px 0px 5px 0px;}
ul.cast li { background-color:#fff;margin: 4px 5px 5px;text-align: center;}
ul.cast li a { border: 1px solid #d3c6b1;border-radius: 5px;display: block;padding: 6px 5px 5px 5px; }
ul.cast li a { background: url('../img/link_arrow.png') no-repeat scroll right center #fff; position: relative;}
ul.cast li a:hover { background-color:#f9f6f6;}

.cast_img { margin: 0px 8px 0px 0px;}
.cast_name { background-color: #ffeaf3;margin: 0px 0px 0px 135px;padding: 0px 0px 0px 8px;}
.cast_name { text-align: left;font-size: 12px;color: #f9147b;letter-spacing:0px;line-height: 28px;}
.cast_job { background-color: #e9e8dd;margin: 0px 0px 0px 135px;padding: 0px 0px 0px 8px;}
.cast_job { text-align: left;font-size: 11px;color: #222;letter-spacing:0px;line-height: 28px;}
.cast_comme { font-size: 11px;color: #222;letter-spacing:1px;line-height: 140%;margin:0px;text-align: left;padding: 10px 15px 0px 8px;}

.button_interview { background-color:#bbac93;display:block;}
.button_interview { font-size:14px;font-weight:bold;;margin: 0px 0px 0px 0px;text-decoration:none;color:#fff;}
.button_interview a { background-color:#bab6aa;padding:10px 0px 20px 0px;color: #fff;text-align: center;text-decoration: none;display:block;}
.button_interview a:hover  { background-color:#b2ab96;text-decoration: none;display:block;}

/*  ƒAƒbƒvƒ[ƒh
--------------------------------------------------------------------------*/
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:0px;
    background:#e0ddd6;border: 1px solid #bebebe;
    font-size:13px;color:#666;
    text-align:center;padding: 7px 0px 7px 0px;
    line-height:26px;width:98%;cursor:pointer;}
.uploadButton:hover {background:#cac4b7;color:#fff;}
.uploadButton input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.uploadValue {width:50%;display:none;background:rgba(255,255,255,0.2);border-radius:0px;padding: 3px 0px 3px 5px;color:#666;border: 1px solid #fff;}


/*  ƒtƒbƒ^[ŠÖ˜A
--------------------------------------------------------------------------*/
.bg_footer { background-color: #ffeff3;border-top: 2px solid #febcce;margin: 0px 0px 0px;padding:30px 0px 40px 0px;}
.foot_logo { margin: 25px 0px 10px 0px;}

.copy { background-color: #f23064;margin:0px 0px 0px 0px;display: block;text-align: left;}
.copy { line-height: 1.5;letter-spacing: 0px;font-size: 10px;font-family: Tahoma,arial,sans; color: #939393;}
.copy a { padding:10px 10px 10px 10px;color: #fff;text-decoration: none;display: block;}
.copy a:hover { background-color:#e6114a;color: #fff;}

.button_top { background-color:#bbac93;display:block;}
.button_top { font-size:14px;font-weight:bold;;margin: 0px 0px 0px 0px;text-decoration:none;color:#fff;}
.button_top a { background-color:#bab6aa;padding:10px 0px 20px 0px;color: #fff;text-align: center;text-decoration: none;display:block;}
.button_top a:hover  { background-color:#b2ab96;text-decoration: none;display:block;}

.button_home { font-size:14px;font-weight:bold;;margin: 0px 15px 10px 15px;text-decoration:none;color:#fff;}
.button_home { background-color:#bbac93;display:block;}
.button_home a { border: 2px solid #fff;}
.button_home a { line-height: 46px;background-color:#febcce;color: #fff;text-align: center;text-decoration: none;display:block;}
.button_home a:hover  { background-color:#eb9cb1;text-decoration: none;display:block;}


/* PAGER
--------------------------------------------------------------------------*/
ul.pager {text-align: center;padding: 8px 0px 5px 0px;}
.pager, .pager li { margin: 0px; padding: 0px; list-style: none outside none; }
.pager li { display: inline-block; text-align: center; line-height: 28px; margin-right: 5px; margin-bottom: 10px; }
.pager li a, .pager li span { display: block; background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid rgb(220, 220, 220); padding: 0px 5px; min-width: 25px; width: auto ! important; height: 28px; font-size: 13px; }
.pager li span { background: none repeat scroll 0% 0% rgb(140, 140, 140); border: 1px solid rgb(161, 161, 161); color: rgb(255, 255, 255); }
.pager li a:link, .pager li a:visited, .pager li a:active, .pager li a:hover { text-decoration: none; color: rgb(0, 0, 0); }
.pager li a:hover { background: none repeat scroll 0% 0% rgb(220, 220, 220); }
.pager01{padding: 8px 0px 5px 0px;}

/*  ƒ[ƒ‹ƒI[ƒo[
--------------------------------------------------------------------------*/
.img { 
        -webkit-transition: 0.3s ease-in-out; 
        -moz-transition: 0.3s ease-in-out; 
        -o-transition: 0.3s ease-in-out; 
        transition: 0.3s ease-in-out; } 
.img:hover { opacity: 0.4;   filter: alpha(opacity=60); }



/*  BREAD
--------------------------------------------------------------------------*/

#breadcrumbs { text-align: left;padding: 0px;margin: 0px;}
#breadcrumbs ul {list-style: none;display: inline-table;margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}
#breadcrumbs ul li {display: inline;}
#breadcrumbs ul li a {
	display: block;
	float: left;
	height: 28px;line-height: 28px;
	background: #999;
	text-align: center;
	padding: 0px 15px 0px 28px;
	position: relative;
	margin: 10 5px 0 0; 
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	}

#breadcrumbs ul li a:before {
	content: "";  
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #fff;
	position: absolute; left: 0; top: 0;}
#breadcrumbs ul li a:after {
	content: "";  
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #999;
	position: absolute; right: -14px; top: 0;
	z-index: 1;}

#breadcrumbs ul li:first-child a { border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
#breadcrumbs ul li:first-child a:before {display: none; }
#breadcrumbs ul li a:hover { background: #ff84a4;}
#breadcrumbs ul li a:hover:after { border-left-color: #ff84a4;}
#breadcrumbs ul li:last-child a { background: #ff84a4;}
#breadcrumbs ul li:last-child a:after {
	content: "";  
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #ff84a4;
	position: absolute; right: -14px; top: 0;
	z-index: 1;}




/* 追加LINEボタン */
.form_line{
  background-color: #00b900;
  border-radius: 100vh;
  padding: 20px;
  text-align: center;
  margin: 20px 0 20px 0;
  font-size: 20px;
  font-weight: bold;
}

.form_line a:hover{
  color: #fff;
  text-decoration: none;
}