/* ------------- PC用CSS-------------- */
/* ------------- 600px以上-------------- */

@charset "utf-8";

html { max-width: 1024px; min-width:940px; margin: 0 auto; }

/* ------------- 全体 -------------- */
#wrapper { width: 98%; height:auto; font-size: 12px; letter-spacing:1px !important; line-height:1.6428571; text-align: left; margin:0 auto; background-color:#FFF; }
#topobi { width:100%; float:left; margin:5px auto; background-color:#FFF; text-align:center; }

.f_r { float:right; }
.t_r { text-align:right; }


/* ------------- スマホ用メニュー -------------- */
#navbox { display:none; }

/* ------------- ヘッダー部分 -------------- */
#top{ width:100%; background-color:#FFF; margin-bottom:10px; }
#logogroup{ float:left; width:250px; line-height:12px; text-align:left; margin:10px 0px 10px 11px; padding:10px 0px 0px 0px; }
#logogroup img { margin:0; padding:0; }
#logogroup2{ display:none; }

#logogroup_n{ float:left; width:320px; line-height:12px; text-align:left; margin:10px 0 5px 11px; padding:0; }
#logogroup_n img { float:left; }
#logogroup_n h1 { float:left; margin:15px 0 0 10px; }

.sns_n { margin:10px 0 0; padding:0; }
.sns_n:after { content:''; display:block; clear:both; visibility:hidden; height:0; }
.sns_n ul { display:inline-block; float:right; padding:0; }
.sns_n ul li { display:inline-block; float:left; width:inherit; }
.sns_n ul li:nth-child(1) { width:110px; margin-right:0.5em; margin-top:8px; }
.sns_n ul li:nth-child(2) { width:140px; margin-right:0.5em; margin-top:8px; }
.sns_n ul li:nth-child(3) { width:80px; margin-right:1.0em; margin-top:5px; }
.sns_n ul li:last-child a { display:inline-block; padding:0.35em 2.0em; color:#FFF; font-weight:bolder; text-align:center; background:#FFAB00; }
.sns_n ul li:last-child a span { margin-left:0.2em; padding-left:1.2em; font-size:1.2em; background:url(/images/top/ico_head02.png) no-repeat 0 0.25em; background-size:auto 1.0em; }

/* ------------- メニュー（ヘッダー部分） -------------- */
#dropmenu {width:100%; margin:0 auto 500px; padding: 0; background:#006633; }
#dropmenu li { position: relative; width:16.5%; float: left; margin: 0; padding: 0; text-align: center;
  background-image: -moz-linear-gradient(top, #66CC99 0%, #006633 50%, #006633 50%, #006633 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #66CC99), color-stop(0.50, #006633), color-stop(0.50, #006633), color-stop(1, #006633));
  border-left:1px solid #66CC99;/* 区切りのボーダーCOLOR */
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#dropmenu li a { display: block; margin: 0; padding: 15px 0 11px; color: #fff; font-size:110%; font-weight: bold; padding:12px 0; line-height:15px; text-decoration: none; }
#dropmenu li ul { position: absolute; top: 100%; left: 0; margin: 0; padding: 0; }
#dropmenu li ul li{ overflow: hidden; width: 123%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; }
#dropmenu li ul li a{ padding: 13px 15px; background-color: rgba( 114, 133, 133, 0.8 ); background-image:none; text-align: left; font-size: 12px; font-weight: normal; }
#dropmenu li:hover > a{ background-color:#1c824f; color: #eff7b1; }
#dropmenu li:hover ul li{ overflow: visible; height: 38px; border-top: 1px solid #666; border-bottom: 1px solid #666; }
#dropmenu li:hover ul li:first-child{ border-top: 0; }
#dropmenu li:hover ul li:last-child{ border-bottom: 0; }
#dropmenu li:hover ul li:last-child a{ border-radius: 0 0 3px 3px; }

#menu { width:98%; margin:1%; list-style-type: none; }
#menu li { width:16.6%; float:left; padding:0; margin:0; text-align:center; }
#menu li a {
  width:auto;
  color:#fff;
  font-size:110%;
  font-weight:bold;
  text-shadow:0 -1px 0px #333,0 1px 0px #555;
  padding:12px 0;
  line-height:15px;
  text-decoration:none;
  display:block;
  background:#006633;/* IE用 COLOR */
  background-image: -moz-linear-gradient(top, #66CC99 0%, #006633 50%, #006633 50%, #006633 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #66CC99), color-stop(0.50, #006633), color-stop(0.50, #006633), color-stop(1, #006633));
  border-left:1px solid #66CC99;/* 区切りのボーダーCOLOR */
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li:first-child a{
  border-left:0px;
  border-radius:5px 0 0 5px;
  border-left:0;
  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li:last-child a{
  border-radius:0 5px 5px 0;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li a:hover {
  background:#669933;/* IE用 COLOR */
  background-image: -moz-linear-gradient(top, #006633 0%, #669933 50%, #669933 50%, #669933 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006633), color-stop(0.50, #669933), color-stop(0.50, #669933), color-stop(1, #669933));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
.menu_sub{
	font-size:70%;
	font-weight:normal;
	letter-spacing:0px;
	text-decoration:none;
	line-height:10px;
}


/* ------------- サイト内検索 -------------- */
#search{ float:right; width:250px; margin:5px 2% 0px 2%; clear:both; }

/* ------------- パンくずリスト -------------- */
#pankuzu{ width:80%; margin:5px 2% 0px 2%; }
.tbor{ background:url(/images/bar.gif) repeat top; font-size:14px; font-weight:bold; margin:5px 2% 0px 2%; width:96%; padding:2px; }
#topicPath_01 { width:100%; }  
#topicPath_01 li { display:inline; line-height:110%; list-style-type:none; }
#topicPath_01 li a { padding-right:10px; background:url(../../%E8%87%A8%E6%99%82%E7%94%A8/images/topicpath.gif) no-repeat right center; }

/* ------------- メインコンテンツ -------------- */
#container { width: 75%; float:right; height:auto; background-color:#FFF; }
.but01{ float:right; width:46px; display:none; }
.but02{ float:right; width:138px; }

#container_n { width:100%; margin:0 auto; height:auto; background-color:#FFF; }
h2.topText { width:100%; font-size:32px; text-align:center; padding:10px 0; }

/*top contens*/
.pos_cont { margin-bottom:65px; }
.pos_cont img { margin:10px 0; }
.pos_cont ul { float:left; width:29.3%; padding: 2%; }
.pos_cont li a { display:block; padding:0.35em 0; border-radius:3px; color:#FFF; font-size:18px; font-weight:300; text-align:center; text-decoration:none; background:#898989; box-shadow:inset 0 0 2px rgba(0,0,0,0.1); }
.pos_cont li a:hover { color:#666; background:#DCDCDC; }
.pos_cont li:nth-child(1) { margin-bottom:10px; }
.pos_cont li:nth-child(2) { margin-bottom:20px; }
.cont_ttl1 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img01.png) no-repeat left; padding-left:95px; color:#42c251; }
.cont_ttl2 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img02.png) no-repeat left; padding-left:95px; color:#2782c6; }
.cont_ttl3 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img03.png) no-repeat left; padding-left:95px; color:#ea5514; }
.cont_ttl4 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img04.png) no-repeat left; padding-left:95px; color:#26a08f; }
.cont_ttl5 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img05.png) no-repeat left; padding-left:95px; color:#5f9c35; }
.cont_ttl6 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img06.png) no-repeat left; padding-left:95px; color:#397d94; }
.cont_ttl7 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img07.png) no-repeat left; padding-left:95px; color:#f68d57; }
.cont_ttl8 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img08.png) no-repeat left; padding-left:95px; color:#8ecb47; }
.cont_ttl9 { font-size:16px; font-weight:bold; background:url(/images/top/icon_img09.png) no-repeat left; padding-left:95px; color:#006934; }


/* ------------- ヘッダーimg-------------- */
#topbox0 { position:relative; width:100%; -moz-background-size:100%; background-size:100%; }

.topbox { padding-left:10px;}
.topbox ul {}
.topbox ul:after { content:''; display:block; clear:both; height:0; }
.topbox li { position:relative; float:left; padding:1%;}
.topbox li:nth-child(1) { width:32%; }
.topbox li:nth-child(2) { margin:0; width:63%;}
.topboxInnner { background: #F9FDF6; padding: 18px 0;  border: #8AA54C 1px solid; }
.topboxInnner h2 { font-size: 130%; color: #333; font-weight: bold; text-align: center;}
.topboxInnner .green { font-size: 130%; color: #2E5A30;}
	
/*TOPバナー*/
.banBox { margin-bottom:50px; }
.banBox figure { float:left; width:50%; }

/*indexNews*/
.indexMainNews { margin-bottom:40px; }
	.indexMainNews:after { content:''; display:block; clear:both; visibility:hidden; height:0; }
.indexMainNews ul {  }
.indexMainNews li { margin-bottom:10px; padding:10px 0 10px 2%; border-bottom:#D5D5D5 1px dotted; line-height:1.5; }
	.indexMainNews li:after { content:''; display:block; clear:both; visibility:hidden; height:0; }
.indexMainNews time { display:block; float:left; width:110px; margin-right:5px; }
.indexMainNews span { display:block; position:relative; top:0.2em; float:left; min-width:80px; margin-right:20px; padding:0.4em 10px 0.2em; border-radius:3px; color:#fff; line-height:1.0; font-size:0.72em; font-weight:600; text-align:center; }
	.indexMainNews .press span { background:#ed1e79; }
	.indexMainNews .seminor span { background:#29abe2; }
	.indexMainNews .notice span { background:#009245; }
	.indexMainNews .exhi span { background:#0071bc; }
	.indexMainNews .campaign span { background:#FF7F00; }
	.indexMainNews .products span { background:#008143; }
	.indexMainNews .information span { background:#3371B9; }
	.indexMainNews .importance span { text-indent:0.75em; letter-spacing:1.0em; background:#FF130F; }
	
.indexMainNews p { float:left; width:73%; }

/*indexSocial*/
.indexMainSocial { margin-bottom:40px; }
	.indexMainSocial:after { content:''; display:block; clear:both; visibility:hidden; height:0; }
.indexMainSocialLeft { position:relative; overflow:hidden; float:left; width:50%; }
.indexMainSocialRight { float:left; width:50%; text-align:right; }

/* ------------- サイドコンテンツ -------------- */
#sidebar { position:relative; width: 25%; max-width:250px; min-width:230px; float:left; height: auto; margin:0; background-color:#FFF; }
#sidebar.fixed{ position:fixed; top:20px; }

/* ------------- サイドコンテンツ -------------- */
.side_contents { width:92%; margin:4%; }


/* ------------- TOPバナーバナー（ヘッダー部分） -------------- */
.sol2{float:left; width:19.64%;}
.sol3{float:left; width:100%;}
.sol4{float:left; width:17.34%;}
.sol5{float:left; width:20.4%; margin-top:3px;}
.sol6{float:left; width:25.4%;}
.sol7{float:left; width:36.78%;}
.sol8{float:left; width:20.2%;}

/* ------------- コンテンツ -------------- */
figure.toi { text-align:center; margin-bottom:80px; }
figure.bunpu { text-align:center; margin-bottom:50px; }
.solutionborder{ border:1px solid #999; width:100%; }
.solutionborder img{ float:left; width:28%; max-width:196px; margin:1% 1.5% 1% 1%; }
.solutionborder p{ float:left; width:69%; margin:10px 0; }

.solutionborder3{border:1px solid #096133; }
.solutionborder3 img{ float:left; width:20%; max-width:103px; margin:15px 10px 10px; }
.solutionborder3 p{ float:left; width:80%; margin-top:10px; }
.solutionborder3 p.rs { float:right; text-align:right; padding:0 5px 5px; }
.srs{
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left: 5px double #5b7064;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	text-align:left;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	width:97.2%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0ef), color-stop(0.47, #fff), color-stop(0.00, #f0f0ef));
	background: -webkit-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -moz-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -o-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -ms-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: linear-gradient(to bottom, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	behavior: url("/css/PIE.htc");
}
/* -------------広告 ------------- */
.taxbar { width:96%; float:left; margin:20px 2% 5px; }
.taxbar2 { width:96%; float:left; margin:0 2% 2%; display:none; }

/* -------------カンパニー ------------- */
.bpbox {
	float:left;
	width:50%;
}
/* -------------ショールーム ------------- */
.sr{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0;
	border: #ae9c9d 1px solid;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 2px;
	text-decoration: none;
	padding: 10px 10px 10px 20px;
	width:94%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0ef), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f0f0ef);
	background: -moz-linear-gradient(#fff, #f0f0ef);
	background: -o-linear-gradient(#fff, #f0f0ef);
	background: -ms-linear-gradient(#fff, #f0f0ef);
	background: linear-gradient(#fff, #f0f0ef);
	behavior: url("/css/PIE.htc");
}

.ssr{
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0;
	border-left: 5px double #5b7064;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	text-decoration: none;
	padding: 5px 5px 5px 15px;
	width:95%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0ef), color-stop(0.47, #fff), color-stop(0.00, #f0f0ef));
	background: -webkit-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -moz-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -o-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -ms-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: linear-gradient(to bottom, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	margin-bottom:20px;
	behavior: url("/css/PIE.htc");
}
.ssr1{
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0;
	border-left: 5px double #5b7064;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	text-align:left;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	width:95%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0ef), color-stop(0.47, #fff), color-stop(0.00, #f0f0ef));
	background: -webkit-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -moz-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -o-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: -ms-linear-gradient(top, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	background: linear-gradient(to bottom, #f0f0ef 0%, #fff 47%, #f0f0ef 100%);
	behavior: url("/css/PIE.htc");
}
.ssrl{
	float:left; 
	width:20%; 
	padding:0 10px 0 20px;
}
	
.ssrr{
	float:left; 
	width:70%;
}
	
.ssrr1{
	float:left; 
	width:96%;
	padding:0 2%;
	text-align:left;
}
dl.sad {
    overflow: hidden;  
    zoom: 1;  
}  

dl.sad dt {  
    margin-bottom: 5px;  
    padding-bottom: 5px;  
    width: 25%;  
    float: left;  
    clear: both;  
    font-weight: bold;  
} 
 
dl.sad dd {
	width:75%; 
    margin-bottom: 5px;  
    padding: 0 0 5px 25%;  
    border-bottom: 1px dotted #999;  
	behavior: url("/css/PIE.htc");
}


/* ------------- バナー -------------- */
.barBox { float:left; width:100%; margin:12% 0 50px; }
.barBox:after { content:'.'; display:block; clear:both; visibility:hidden; height:0; }
.barBox li { float:left; width:240px; margin:0; padding:5px 5px 0px 5px; }
.barBox li:nth-child(even) { margin:0; }


/* ------------- プリント用ボタン -------------- */
#print{
	margin-right:15px;
	float:right;
	text-align: center;
	cursor: pointer;
	display: inline-block;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #666363;
  font-size: 12px;
  background-color: #F2EFEF;
  background-image: -webkit-linear-gradient(top, #f4f2f2 0%, #fff 48%, #F2EFEF 49%, #F2EFEF 82%, #fffefe 100%);
  background-image: -moz-linear-gradient(top, #f4f2f2 0%, #fff 48%, #F2EFEF 49%, #F2EFEF 82%, #fffefe 100%);
  background-image: -o-linear-gradient(top, #f4f2f2 0%, #fff 48%, #F2EFEF 49%, #F2EFEF 82%, #fffefe 100%);
  background-image: linear-gradient(top, #f4f2f2 0%, #fff 48%, #F2EFEF 49%, #F2EFEF 82%, #fffefe 100%);
  border-color: hsl(0, 0%, 66%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 4.800000000000001px 12px 4.800000000000001px 12px;
}

#print:hover {
  color: #666363;
  background-color: #f9f7f7;
  background-image: -webkit-linear-gradient(top, #fbfafa 0%, #fff 48%, #f9f7f7 49%, #f9f7f7 82%, #fff 100%);
  background-image: -moz-linear-gradient(top, #fbfafa 0%, #fff 48%, #f9f7f7 49%, #f9f7f7 82%, #fff 100%);
  background-image: -o-linear-gradient(top, #fbfafa 0%, #fff 48%, #f9f7f7 49%, #f9f7f7 82%, #fff 100%);
  background-image: linear-gradient(top, #fbfafa 0%, #fff 48%, #f9f7f7 49%, #f9f7f7 82%, #fff 100%);
  border-color: hsl(0, 0%, 67%);
}

#print:active {
  color: #666363;
  background-color: #ebe7e7;
  background-image: -webkit-linear-gradient(top, #e6e1e1 0%, #F2EFEF 100%);
  background-image: -moz-linear-gradient(top, #e6e1e1 0%, #F2EFEF 100%);
  background-image: -o-linear-gradient(top, #e6e1e1 0%, #F2EFEF 100%);
  background-image: linear-gradient(top, #e6e1e1 0%, #F2EFEF 100%);
  padding: 5.800000000000001px 12px 3.8000000000000007px 12px;
}
/*-- campaign --*/
.printimg{display: none;}

/* -------------BUSICOM製　商品ページ ------------- */
#bc_Pro { }
#bc_Pro li { float:left; list-style:none; }
.ware1{width:150px; float:left; margin-right:5px; }
.ware2{width:315px; float:left;}
.ware3{width:24%; float:left;}
@media only screen and (max-width: 1030px) {
	.ware3{width:100%; float:left;}
}
.pjan{letter-spacing:normal; line-height:180%; padding-top:3%; margin:0 0 5% 5%; font-size:10px;}
.Price{font-size:12px; font-weight:bold; letter-spacing:normal; line-height:120%; margin:20px 0 5% 5%;}
.teli{letter-spacing:normal; padding-top:3%; margin:5% 0 0; font-size:11px;}
.Regiroll-kan{padding:10px 0 10px 8%; font-weight:bold; letter-spacing:normal; line-height:120%;}

/* ------------- Copyright -------------- */
.copy{float:left; width:100%; text-align:right; padding-top:10px;}

#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 77%;
	margin-bottom:30px;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

#header2 { display:none; }
.slidemenu { display:none; }

.sup_buttonBox{
	position: absolute;
	top:-5px;
	left:70%;
	width:40%;
}

/*---------------募集要項--------------------- */
label { background: green; color: #fff; padding: 10px; display: block; margin: 0; border: 1px solid #fff; }
input[type="checkbox"].on-off{ display: none; }
.recruitmenu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}
.recruitmenu li { padding: 5px; }
input[type="checkbox"].on-off + ul{ height: 0; overflow: hidden; }
input[type="checkbox"].on-off:checked + ul{ height: 800px; }
.recbutton a { display:block; margin:10px auto; padding:0.7em 1.0em; width:30%; color:#FFF; line-height:1.0; text-align:center; text-shadow:0 -1px 0 rgba(0,0,0,0.15); background:rgba(219,89,26,0.8); border-radius:5px; }
.recbutton a:hover { text-decoration:none; background:rgba(255,148,14,1.0); }