@charset "UTF-8";

/*==================================================================*/
/* 株式会社ジェフティWEBサイト スタイルシート　*/
/*==================================================================*/

/* リセット
---------------------------------------------------------------------------- */
html ,body ,div ,span ,applet ,object ,iframe ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,blockquote ,pre ,a ,abbr ,acronym ,address ,big ,cite ,code ,del ,dfn ,em ,img ,ins ,kbd ,q ,s ,samp ,small ,strike ,strong ,sub ,sup ,tt ,var ,b ,u ,i ,center ,dl ,dt ,dd ,ol ,ul ,li ,fieldset ,form ,label ,legend ,table ,caption ,tbody ,tfoot ,thead ,tr ,th ,td ,article ,aside ,canvas ,details ,embed ,figure ,figcaption ,footer ,header ,hgroup ,menu ,nav ,output ,ruby ,section ,summary ,time ,mark ,audio ,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	color:#4d4d4d;
	vertical-align:baseline;
}
article ,aside ,details ,figcaption ,figure ,footer ,header ,hgroup ,menu ,nav ,section {
	display:block;
}
ol ,ul {
	list-style:none;
}
blockquote ,q {
	quotes:none;
}
blockquote:before ,blockquote:after ,q:before ,q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	max-width:100%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */


/* 基本スタイル
---------------------------------------------------------------------------- */
html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	line-height:1.6;
	background:;
	color:#666;
	font-family:"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago,sans-serif;
	font-size:14px;
}
body a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.block{
	width:980px;
	margin:0 auto;
}
.block:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.last{
	margin-right:0px;
}
.l{
	float:left;
}
.r{
	float:right;
}

.mB20{
	margin-bottom:20px;
}
.mB30{
	margin-bottom:30px;
}
/* ハック
---------------------------------------------- */
/* letter-spacing hack */
@media screen {
	body {
			letter-spacing:0.5px;
	}

	br {
			letter-spacing:0;
	}
}
/* height100% hack */
body > #container {
	height:auto;
}
/* リンク
---------------------------------------------- */
a {
	color:#29abe2;
	overflow:hidden;
	outline:none;
	text-decoration:underline;
}
a:hover {
	color:#4d4d4d;
	text-decoration:none;
}
a:visited {
	color:#29abe2;
	text-decoration:underline;
}

/* 共通スタイル　(header)
---------------------------------------------- */
header{
	width:100%;
	background:url("images/bg_headline.gif") repeat-x;
}
header .block .description{
	font-size:11px;
	margin-bottom:5px;
	padding-top:20px;
}
header .block h1{
	float:left;
	width:320px;
}
header .block .tel{
	float:left;
	width:280px;
	margin-left:100px;
}
header .block .tel dl dt{
	float:left;
	width:58px;
}
header .block .tel dl dd{
	float:right;
	width:217px;
	font-size:11px;
	line-height:1.05;
}
header .block .tel dl dd img{
	padding-top:4px;
}
header .block .entry{
	float:right;
	width:260px;
}
nav#nav-pc ul{
	background:url("images/bg_nav_pc.gif") no-repeat bottom center;
	height:45px;
}
nav#nav-pc ul li{
	float:left;
	width:196px;
	height:45px;
	text-align:center;
}
nav#nav-pc ul li a img{
	padding-top:7px;
}
#contents{
	padding-top:20px;
	padding-bottom:40px;
}
footer{
	width:100%;
	line-height:1.4;
	font-size:12px;
	min-height:312px;
	background:#29abe2 url("images/bg_footer.jpg") repeat-x top;
}
footer .foot-in{
	width:980px;
	height:272px;
	margin:0 auto;
	background:url("images/bg_foot_in.png") no-repeat left bottom;
}
footer .foot-in .foot-con{
	float:right;
	width:645px;
	padding-top:25px;
}
footer .foot-in .foot-con .logo-box{
	float:right;
	width:600px;
	padding-top:5px;
}
footer .foot-in .foot-con .logo-box .logo{
	float:left;
	width:334px;
}
footer .foot-in .foot-con .logo-box .entry{
	float:right;
	width:260px;
	padding-top:6px;
}
footer .foot-in .foot-con .tel-box{
	float:right;
	width:502px;
	padding-top:6px;
}
footer .foot-in .foot-con .tel-box{
	float:right;
	width:506px;
	padding-top:6px;
}
footer .foot-in .foot-con .tel-box p{
	margin-bottom:7px;
}
footer .foot-in .foot-con .tel-box .privacy{
	text-align:right;
}
footer .foot-in .foot-con .tel-box .privacy a{
	text-align:right;
	padding-left:18px;
	background:url("images/arrow_002.png") no-repeat 0 2px;
}

table.type-A{
	width:100%;
	margin-bottom:30px;
}
table.type-A th{
	width:25%;
	background:#29abe2;
	color:#fff;
	font-weight:bold;
	border-bottom:2px solid #fff;
	padding:14px 10px;
}
table.type-A td{
	width:75%;
	background:#edf7f7;
	border-bottom:2px solid #fff;
	text-align:left;
	padding:14px 10px;
}
#contents h3{
	width:960px;
	line-height:40px;
	height:40px;
	background:url("images/bg_ttl.gif") repeat-x;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	padding-left:20px;
	margin:0 auto 30px;
}
#contents h4{
	background:url("images/bg_ttl_002.png") no-repeat 0 3px;
	padding-left:40px;
	color:#29abe2;
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}
/* トップページスタイル
---------------------------------------------- */
#top-con .main{
	width:100%;
	height:450px;
	background:url("images/bg_top_main.gif") repeat-x;
}
#top-con .main .main-in{
	width:100%;
	height:450px;
	background:url("images/bg_top_main_in.png") no-repeat bottom center;
}
#top-con .intro{
	float:left;
	width:745px;
}
#top-con .intro h2{
	font-weight:bold;
	font-size:28px;
	line-height:1.3;
	margin-bottom:10px;
}
#top-con .intro .txt{
	margin-bottom:20px;
}
#top-con .intro .link{
	width:180px;
	border-bottom:1px dotted #666;

}
#top-con .intro .link a{
	font-weight:bold;
	font-size:18px;
	background:url("images/arrow_001.gif") no-repeat 0 4px;
	padding-left:22px;
	padding-bottom:5px;
}

#top-con .link-con ul li{
	float:left;
	width:300px;
	margin-right:40px;
	margin-bottom:10px;
}
#top-con .link-con ul li.last{
	float:left;
	width:300px;
	margin-right:0px;
	margin-bottom:10px;
}
/* ジェフティって?スタイル
---------------------------------------------- */
#about .main{
	width:100%;
	height:200px;
	background:url("images/bg_page_main.gif") repeat-x;
}
#about .main .main-in{
	width:100%;
	height:200px;
	background:url("images/bg_about_main.jpg") no-repeat bottom center;
}
#about h2{
	padding-top:45px;
}
#about .intro{
	float:left;
	max-width:620px;
}
#about .intro .txt{
	margin-bottom:20px;
}
#about .syacyou{
	float:right;
	max-width:770px;
}
#about .syacyou .txt{
	margin-bottom:20px;
}
#about .map-info{
	padding-top:15px;
}
#about .map-info span{
	font-size:1.4em;
	font-weight:bold;
}
/* どんな仕事?スタイル
---------------------------------------------- */
#work .main{
	width:100%;
	height:200px;
	background:url("images/bg_page_main.gif") repeat-x;
}
#work .main .main-in{
	width:100%;
	height:200px;
	background:url("images/bg_work_main.jpg") no-repeat bottom center;
}
#work h2{
	padding-top:45px;
}
#work .work-info{
	float:left;
	width:620px;
}
#work .work-info .box{
	padding-bottom:20px;
	border-bottom:1px dotted #666;
	margin-bottom:30px;
}
#work .work-info .txt{
	margin-bottom:20px;
}
#work .work-info-img{
	float:right;
	width:323px;
}
#work .item{
	margin-bottom:30px;
}
#work .item dl{
	width:100%;
}
#work .item dt{
	float:left;
	width:140px;
	min-height:50px;
	background:#29abe2;
	color:#fff;
	font-weight:bold;
	padding:15px 5px;
	border-bottom:2px solid #fff;
}
#work .item dd{
	float:left;
	width:330px;
	min-height:50px;
	background:#edf7f7;
	padding:15px 5px;
	border-bottom:2px solid #fff;
	font-size:12px;
}
#work .yousu{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #666;
}
#work .yousu .catch{
	margin-bottom:12px;
}
#work .yousu .txt{
	margin-bottom:12px;
}
#work .yousu .genshi{
	float:left;
	width:620px;
}
#work .yousu .genshi-img{
	float:right;
	width:300px;
}
#work .yousu .seikei{
	float:left;
	width:620px;
}
#work .yousu .seikei-img{
	float:right;
	width:300px;
}
#work .yousu .hansou{
	float:left;
	width:770px;
}
#work .yousu .hansou-img{
	float:right;
	width:170px;
}
#work .yousu .syukka{
	float:left;
	width:770px;
}
#work .yousu .syukka-img{
	float:right;
	width:170px;
}
/* 応募フォームスタイル
---------------------------------------------- */
#contact .main{
	width:100%;
	height:200px;
	background:url("images/bg_page_main.gif") repeat-x;
}
#contact .main .main-in{
	width:100%;
	height:200px;
	background:url("images/bg_contact_main.jpg") no-repeat bottom center;
}
#contact h2{
	padding-top:45px;
}
#contact ul.contact{
	margin-bottom:30px;
}
#contact ul.contact li{
	border-bottom:1px dotted #ccc;
	padding:12px 0;
}
#contact ul.contact li dl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
#contact ul.contact li dl dt{
	float:left;
	text-align:right;
	width:290px;
}
#contact ul.contact li dl dd{
	float:right;
	width:650px;
}
#contact ul.contact li dl dt{
	font-weight:bold;
}
#contact ul.contact li dl dt span.hissu{
	color:#fff;
	background:#29abe2;
	padding:5px 3px;
}
#contact ul.contact li dl dt span.nini{
	color:#fff;
	background:#666;
	padding:5px 3px;
}
#contact ul.contact li dl input[type="text"] {
	width:630px;
	height:30px;
}
#contact ul.contact li dl textarea {
	width: 630px;
	height:70px;
}
#contact .wpcf7-not-valid-tip-no-ajax{
	display:block;
	font-weight:bold;
	color:#ff0000;
}
#contact .wpcf7-validation-errors{
	display:block;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}
#contact .wpcf7-validation-errors:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
#contact .btn-area{
	width:550px;
	margin:0 auto 30px;
}
#contact .btn-area .btn-re{
	display:block;
	float:left;
	width:260px;
}
#contact .btn-area .btn-submit{
	display:block;
	float:right;
	width:260px;
}

/* どんな人が働いてるの?スタイル
---------------------------------------------- */
#staff .main{
	width:100%;
	height:200px;
	background:url("images/bg_page_main.gif") repeat-x;
}
#staff .main .main-in{
	width:100%;
	height:200px;
	background:url("images/bg_staff_main.jpg") no-repeat bottom center;
}
#staff h2{
	padding-top:15px;
}
#staff .staff-box{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #666;
}
#staff .photo{
	float:left;
	width:300px;
}
#staff .info{
	float:right;
	width:640px;
}
#staff .info .name{
	font-size:21px;
	font-weight:bold;
	color:#29abe2;
	margin-bottom:10px;
}
/* 募集要項スタイル
---------------------------------------------- */
#guide .main{
	width:100%;
	height:200px;
	background:url("images/bg_page_main.gif") repeat-x;
}
#guide .main .main-in{
	width:100%;
	height:200px;
	background:url("images/bg_guide_main.jpg") no-repeat bottom center;
}
#guide h2{
	padding-top:45px;
}
#guide .btn-guide{
	width:868px;
	margin:0 auto 30px;
}
#guide .btn-guide ul li{
	float:left;
	width:260px;
	margin-right:44px;
}
#guide .btn-guide ul li.last{
	float:left;
	width:260px;
	margin-right:0 !important;
}
/*==================================================================*/
/* @media　*/
/*==================================================================*/
/*---------- 640pxまでは以下の指定 ----------*/
@media screen and (max-width:640px) {
/* 基本スタイル
---------------------------------------------------------------------------- */
	.block{
		width:94%;
		margin:0 auto;
	}
	header .block h1{
		float:none;
		width:100%;
	}
	header .block .tel{
		float:none;
		width:280px;
		margin-left:0;
	}
	header .block .tel dl dt{
		float:left;
		width:58px;
	}
	header .block .tel dl dd{
		float:right;
		width:217px;
		font-size:11px;
		line-height:1.05;
	}
	header .block .tel dl dd img{
		padding-top:4px;
	}
	header .block .entry{
		float:none;
		width:260px;
		margin:5px auto;
	}
	footer{
		width:100%;
		min-height:312px;
		background:#29abe2 url("images/bg_footer.jpg") repeat-x top;
	}
	footer .foot-in{
		width:100%;
		min-height:500px !important;
		margin:0 auto;
		background:url("images/bg_foot_in.png") no-repeat left bottom;
	}
	footer .foot-in .foot-con{
		float:none;
		width:94%;
		padding-top:15px;
		margin:0 auto;
	}
	footer .foot-in .foot-con .logo-box{
		float:none;
		width:100%;
		padding-top:2px;
	}
	footer .foot-in .foot-con .logo-box .logo{
		float:none;
		width:300px;
		margin:0 auto;
	}
	footer .foot-in .foot-con .logo-box .entry{
		float:none;
		width:260px;
		margin:0 auto 20px;
		padding-top:2px;
	}
	footer .foot-in .foot-con .tel-box{
		float:none;
		width:300px;
		margin:0 auto;
		padding-top:2px;
	}
	footer .foot-in .foot-con .tel-box p{
		margin-bottom:7px;
		font-size:11px;
	}
	footer .foot-in .foot-con .tel-box .privacy{
		text-align:right;
	}
	footer .foot-in .foot-con .tel-box .privacy a{
		text-align:right;
		padding-left:18px;
		background:url("images/arrow_002.png") no-repeat 0 5px;
	}
	footer .foot-bot p{
		text-align:center;
		color:#fff;
		font-size:11px;
	}
	#contents h3{
		width:100%;
		height:40px;
		background:url("images/bg_ttl.gif") repeat-x;
		color:#fff;
		font-size:21px;
		font-weight:bold;
		font-style:bold;
		text-align:center;
		padding-left:0 !important;
	}
/* nav
---------------------------------------------- */
	nav#nav-pc{
		display:none;
	}
	nav#nav-break{
		width:100%;
		background:#fff;
		position:relative !important;
	}
	#menu{
		width:100%;
	}
	#menu li{
		display:block;
		width:100%;
		text-align:left;
	}
	#menu li a{
		display:block;
		width:100%;
		line-height:45px;
		border-bottom:1px dotted #ccc;
	}
	#menu li span{
		display:block;
		width:100%;
		text-align:center;
		line-height:45px;
		border-bottom:1px dotted #ccc;
	}
	#menu li a:hover,#menu li span:hover{
		display:block;
		width:100%;
		line-height:45px;
		cursor: pointer;
	}

	#menu li ul.inmenu,#menu li ul.submenu{
		display:none;
	}
/* トップページスタイル
---------------------------------------------- */
	#top-con .main{
		display:none;
	}
	#top-con .main-sp{
		width:100%;
	}
	#top-con .intro{
		float:none;
		width:100%;
	}
	#top-con .intro h2{
		font-weight:bold;
		font-size:18px !important;
		line-height:1.3;
		margin-bottom:10px;
	}
	#top-con .intro .txt{
		margin-bottom:20px;
	}
	#top-con .intro .link{
		width:180px;
		border-bottom:1px dotted #666;
		padding-bottom:5px;
	}
	#top-con .intro .link a{
		font-weight:bold;
		font-size:18px;
		background:url("images/arrow_001.gif") no-repeat 0 5px;
		padding-left:22px;
	}
	#top-con .intro-img{
		display:none;
	}
/* ジェフティって?ページスタイル
---------------------------------------------- */
	#about .main{
		display:none;
	}
	#about .main-sp{
		width:100%;
	}
	#about .map-pc{
		display:none;
	}
/* どんな仕事?ページスタイル
---------------------------------------------- */
	#work .main{
		display:none;
	}
	#work .work-info{
		float:none;
		width:100%;
	}
	#work h4{
		background:url("images/bg_ttl_002.png") no-repeat 0 3px;
		padding-left:40px;
		color:#29abe2;
		font-size:18px;
		font-weight:bold;
		margin-bottom:15px;
	}
	#work .work-info .box{
		padding-bottom:20px;
		border-bottom:1px dotted #666;
		margin-bottom:30px;
	}
	#work .work-info .txt{
		margin-bottom:20px;
	}
	#work .work-info-img{
		display:none;
	}
	#work .work-info-img-sp{
		margin-bottom:30px;
	}
	#work .item dl{
		width:100%;
	}
	#work .item dt{
		float:none;
		width:98%;
		min-height:30px;
		background:#29abe2;
		color:#fff;
		font-weight:bold;
		padding:15px 5px;
		border-bottom:2px solid #fff;
	}
	#work .item dd{
		float:none;
		width:98%;
		min-height:30px;
		background:#edf7f7;
		padding:15px 5px;
		border-bottom:2px solid #fff;
		font-size:12px;
	}
	#work .yousu{
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px dotted #666;
	}
	#work .yousu .catch{
		margin-bottom:12px;
	}
	#work .yousu .txt{
		margin-bottom:12px;
	}
	#work .yousu .genshi{
		float:none;
		width:100%;
	}
	#work .yousu .genshi-img{
		float:none;
		width:300px;
		margin:0 auto;
	}
	#work .yousu .seikei{
		float:none;
		width:100%;
	}
	#work .yousu .seikei-img{
		float:none;
		width:300px;
		margin:0 auto;
	}
	#work .yousu .hansou{
		float:none;
		width:100%;
	}
	#work .yousu .hansou-img{
		float:none;
		width:170px;
		margin:0 auto;
	}
	#work .yousu .syukka{
		float:none;
		width:100%;
	}
	#work .yousu .syukka-img{
		float:none;
		width:170px;
		margin:0 auto;
	}
/* 応募フォームページスタイル
---------------------------------------------- */
	#contact .main{
		display:none;
	}
	#contact .work-info{
		float:none;
		width:100%;
	}
	#contact h2{
		padding-top:45px;
	}
	#contact ul.contact{
		margin-bottom:30px;
	}
	#contact ul.contact li{
		border-bottom:1px dotted #ccc;
		padding:12px 0;
	}
	#contact ul.contact li dl:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
	}
	#contact ul.contact li dl dt{
		float:none;
		text-align:left;
		width:100%;
	}
	#contact ul.contact li dl dd{
		float:none;
		width:100%;
	}
	#contact ul.contact li dl dt{
		font-weight:bold;
		margin-bottom:10px;
	}
	#contact ul.contact li dl dt span.hissu{
		color:#fff;
		background:#29abe2;
		padding:5px 3px;
	}
	#contact ul.contact li dl dt span.nini{
		color:#fff;
		background:#666;
		padding:5px 3px;
	}
	#contact ul.contact li dl input[type="text"] {
		width:100%;
		height:30px;
	}
	#contact ul.contact li dl textarea {
		width: 100%;
		height:70px;
	}
	#contact .wpcf7-not-valid-tip-no-ajax{
		display:block;
		font-weight:bold;
		color:#ff0000;
	}
	#contact .wpcf7-validation-errors{
		display:block;
		text-align:center;
		font-weight:bold;
		color:#ff0000;
	}
	#contact .wpcf7-validation-errors:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
	}
	#contact .btn-area{
		width:100%;
		text-align:center;
		margin:0 auto 30px;
	}
	#contact .btn-area .btn-re{
		display:block;
		float:none;
		margin:0 auto 10px;
	}
	#contact .btn-area .btn-submit{
		display:block;
		float:none;
		margin:0 auto 10px;
	}
/* どんな人が働いてるの?スタイル
---------------------------------------------- */
	#staff .main{
		display:none;
	}
	#staff .staff-box{
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px dotted #666;
	}
	#staff .photo{
		float:none;
		margin:0 auto;
		width:300px;
	}
	#staff .info{
		float:none;
		width:100%;
	}
	#staff .info .name{
		font-size:21px;
		font-weight:bold;
		color:#29abe2;
		margin-bottom:10px;
	}
/* 募集要項スタイル
---------------------------------------------- */
	#guide .main{
		display:none;
	}
	#guide .btn-guide{
		width:100%;
		margin:0 auto 20px;
	}
	#guide .btn-guide ul li{
		float:none;
		width:260px;
		margin:0 auto !important;
	}
	#guide .btn-guide ul li.last{
		float:none;
		width:260px;
		margin:0 auto !important;
	}
	#topcontrol{
		display:none;
	}
}
/*==================================================================*/
/* @media　*/
/*==================================================================*/
/*---------- 641pxからは以下の指定 ----------*/
@media screen and (min-width:641px) {
/* ●●●
---------------------------------------------- */
	nav#nav-break{
		display:none;
	}
	#top-con .main-sp{
		display:none;
	}
	#about .main-sp{
		display:none;
	}
	#about .map-sp{
		display:none;
	}
	#work .main-sp{
		display:none;
	}
	#contact .main-sp{
		display:none;
	}
	#work .work-info-img-sp{
		display:none;
	}
	#staff .main-sp{
		display:none;
	}
	#guide .main-sp{
		display:none;
	}

}


/* post
---------------------------------------------------- */
#post {
	font-size:14px;
	line-height:1.8;
}
#post h3 {
	font-size:22px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post h4 {
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post h5 {
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post h6 {
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post strong {
	font-weight:bold;
}
#post em {
	font-weight:bold;
	font-style:italic;
}
#post del {
	text-decoration:line-through;
}
#post p {
	margin:0px 0px 20px;
}
#post ul {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 30px;
	list-style: disc outside;
}
#post ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 50px;
	list-style: decimal outside;
}
#post blockquote {
	margin: 0px 0px 20px 40px;
	padding: 0px;
}
#post img.alignright {
	float:right;
	margin:0px 0px 5px 20px;
}
#post img.alignleft {
	float:left;
	margin:0px 20px 5px 0px;
}
#post img.aligncenter {
	margin:0px auto 20px;
	display:block;
}
body span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #e00;
	border: 2px solid #fff;
	font-size: 14px;
	width: 280px;
	padding: 0px;
	text-align:center;
	line-height:1.8;
	color:#fff;
	font-weight:bold;
}