@charset "UTF-8";

/*
----------------------------------------------------
FOR www.cqpub.co.jp
updated: July 25,2008
---------------------------------------------------- */

/* グローバル（メイン）メニュー部分のテキストリンクの色と装飾 */

a:link{
	color: #000;	
}

a:visited{
	color: #000;
}

a:hover,a:active{
	color: #fff;
	text-decoration: underline;
}

/* グローバルメニュー部分以外、すなわちコンテンツ部分およびフッタ部分のテキストリンクの色と装飾 */

div#wrapper a:link,
div#footer a:link {
	color: #0088CC;
	text-decoration: none;
}

div#wrapper a:visited,
div#footer  a:visited {
	color: #8965C4;
	text-decoration: none;
}

div#wrapper a:hover,
div#footer  a:hover,
div#wrapper a:active,
div#footer  a:active {
	text-decoration: underline;
}


/*　スタイル初期化（ブラウザ初期設定をリセット） */

* {
	margin: 0;
	padding: 0;
	color: #626262;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.0;
}

html{
	font-size: 62.5%;
}

th,td,form,p {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, "ヒラギノ角ゴPro W3", Osaka, "MS Pゴシック", verdana, arial, sans-serif;
	line-height: 1.0;
	font-size: 1.2em;
}

h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

ul,ol {
	list-style-type: none;
}

li {
	list-style-position: outside;
}

ul,ol,dl {
	font-size: 1.2em;	
}

ul li ul,
ul li ul ul{
	font-size: 1em;
}

img {
	border: 0;
	vertical-align: text-bottom;
}

hr {
	display: none;
}

/*
------------------------------------------
body,container,headerなどのサイト共通の大枠構造
------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #dddddd;
}

div#container {
	width: 954px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #fff url(../images/bg_container.jpg) left top repeat-y;
	text-align: left;
	overflow: hidden;
}

div#header {
	width: 904px;
	height: 85px;
	margin: 0 25px;
	background: #fff;
}

div#gnav {
	clear: both;
	width: 904px;
	height: 34px;
	margin: 0 25px;
	background: #909090;
}

div#wrapper{
	clear: both;
	width: 904px;
	height: auto;
	margin: 0 25px;
	border-bottom: 1px solid #D9D9D6;
	background: #fff url(../images/bg_wrapper.jpg) left bottom repeat-x;
	overflow: hidden;
}
div#wrapper-head {
	padding-top: 20px;
	background: transparent url(../images/endbar.gif) center top repeat-x;
}

div#footer {
	clear: both;
	width: 904px;
	height: auto;
	margin: 0 25px;
	text-align: center;
	background: #fff;
}

/*
------------------------------------------
header部分のスタイル詳細
------------------------------------------*/

/* site-id（ロゴ）部分のスタイル詳細 */

h1#site-id {
	float: left;
	width: 204px;
	margin: 0;
}

h1#site-id img {
	display: block;
	margin: 34px 0 0 15px;
}

p#site-id {
	float: left;
	width: 204px;
	margin: 0;
}

p#site-id img {
	display: block;
	margin: 34px 0 0 15px;
}

/* 右上ユーティリティ部分のスタイル詳細 */

div#util-sec {
	float: right;
	width: 700px;
	height: 85px;
}

div#util-sec ul {
	width: 424px;
	height: 20px;
	margin: 20px 0 0 266px;
	font-size:small;
	line-height:1.0;
}

div#util-sec ul li {
	float: left;
	height: 20px;
	text-indent: -9999px;
	overflow:hidden;
}

div#util-sec ul li a {
	display: block;
	text-decoration: none;
	height: 20px;
}

div#util-sec ul li#util-contact {
	width: 85px;
	background: url(../images/top_images.gif) left -50px no-repeat;
}
div#util-sec ul li#util-contact a:hover{
	background: url(../images/top_images.gif) left -70px no-repeat;
}

div#util-sec ul li#util-webshop {
	width: 80px;
	background: url(../images/top_images.gif) -85px -50px no-repeat;
}
div#util-sec ul li#util-webshop a:hover{
	width: 80px;
	background: url(../images/top_images.gif) -85px -70px no-repeat;
}

 div#util-sec ul li#util-sitemap {
	width: 80px;
	background: url(../images/top_images.gif) -85px -50px no-repeat;
}
div#util-sec ul li#util-sitemap a:hover{
	width: 80px;
	background: url(../images/top_images.gif) -85px -70px no-repeat;
}

div#util-sec ul li#util-security {
	width: 259px;
	background: url(../images/top_images.gif) -165px -50px no-repeat;
}
div#util-sec ul li#util-security a:hover {
	width: 259px;
	background: url(../images/top_images.gif) -165px -70px no-repeat;
}

/* サイト内検索ボックス部分のスタイル詳細 */

div#util-sec div#search-sec {
	position: relative;
	width: 263px;
	height: 22px;
	margin: 6px 0 0 429px;
	background: url(../images/top_images.gif) -180px 6px no-repeat;
}

div#util-sec div#search-sec input#text-box{
	width:138px;
	height:16px;
	margin: 2px 8px 0 51px;
	padding:1px;
	font-size:9pt;
	border:1px solid #6c6c6c;
}

div#util-sec div#search-sec button{
	position: absolute;
	left: 199px;
	top: 0;
	width: 64px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: url(../images/top_images.gif) -180px -22px no-repeat;	
}

/*
------------------------------------------
グローバル（メイン）メニュー部分のスタイル大枠
------------------------------------------*/

div#gnav {
	clear: both;
	width: 904px;
	height: 34px;
	background: #fff url(../images/gnav.jpg) left top no-repeat;
}

div#gnav h2 {
	height: 0;
	overflow: hidden;
}

/* グローバル（メイン）メニュー部分のスタイルの詳細（プルダウンメニュー含）は
別スタイルシート（SpryMenuBarHorizontal.css）に記述 */

/*
------------------------------------------
フッター部分のスタイル詳細
------------------------------------------*/

div#footer div#footer-nav{
	width: 904px;
	height: 90px;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

div#footer div#footer-nav h2{
	height: 0;
	overflow: hidden;
}

div#footer div#footer-nav ul{
	width: auto;
	height: auto;
}

div#footer div#footer-nav ul#upper{
	margin: 30px 0 0;
}

div#footer div#footer-nav ul#lower{
	margin: 1em 0 0;
}

div#footer div#footer-nav ul li{
	display: inline;
	margin-right:0.4em ;
	margin-bottom: 5px;
	padding-left: 0.5em;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #c6c6c6;
}

div#footer div#footer-nav ul li#upper-01,
div#footer div#footer-nav ul li#lower-01{
	padding-left: 0;
	border-left: none;
}

div#footer div#copyright-sec {
	width: 904px;
	height: 10px;
	padding: 10px 0 10px;
	background: #1c1c1a;
}

div#footer div#copyright-sec address {
	text-align: center;
	color: #fbfbfb;
	font-style: normal;
	font-size: 10px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

/*
------------------------------------------
その他、こまごま部分
------------------------------------------*/

/* リンク付き段落の先頭にビュレット（装飾画像）を配置　*/

p.link-bullet{
	margin:0;
	padding:8px 5px 8px 30px;
	background: url(../images/bullet_01.gif) no-repeat 10px 8px;
}

/*
p.pdf-bullet{
	margin:0;
	padding:5px 5px 5px 30px;
	background: url(../images/icon_pdf.gif) no-repeat 10px 4px;
}

p.adlink-bullet{
	margin:0;
	padding:5px 5px 7px 18px;
	background: url(../images/icon_arrow.gif) no-repeat 6px 7px;
}
*/


/*
-----------------------------------------
以下はトップページ（Home）用のスタイル記述部分
但し、コンテンツページレイアウトにも転用可能。
その場合には、先頭記述のbody#homeを外せばよい。

*2008/10/30 外しました。
------------------------------------------ */

/* トップページ（Home）のレイアウトの基本構造 */

div#wrapper-inner{
	float:left;
	width: 670px;
	*width: 665px;
	height: auto;
	margin: 0;
}

div#wrapper-inner div#homemain {
	float: right;
	width: 540px;
	*width: 530px;
	height: auto;
	margin: 0 0 50px;
}

div#wrapper-inner div#homesub {
	float: left;
	width: 130px;
	height: auto;
	background: transparent;
}

div#homesidebar {
	float: right;
	width: 234px;
	height: auto;
	padding: 0 0 13px;
	margin: 0 0 50px;
}

/* トップページ（Home）のメインビジュアルのスタイル詳細 */

h2#cover{
	width: 904px;
	height: 220px;
	margin: 11px 25px;
}

/* ピックアップ記事 */
#pickup-sec {
	margin: 0 10px;
	*margin: 0 5px;
}
#tabs {
	padding-bottom: 5px;
	background: url(../images/tab_border.gif) left bottom repeat-x;
}
#tabs ul {
	margin: 10px 0 0 0;
	padding: 0;
}
#tabs li {
	width: 98px;
	height: 30px;
	display: -moz-inline-block;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*margin: 0 2px 0 0;
}
#tabs li a {
	display: block;
	padding: 8px 10px;
	background: #919191 url(../images/tab.gif) left top no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	outline: none;
}
#tabs li a:link , #tabs li a:visited,
#tabs li a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#tabs li.active a {
	padding-bottom: 12px;
	background: #990000 url(../images/tab_active.gif) left top no-repeat;
}

div#wrapper-inner div#homemain div#pickup-sec {
	background: #fff;
}
div#wrapper-inner div#homemain div#pickup-sec table{
	width: 100%;
}

div#wrapper-inner div#homemain div#pickup-sec table th,
div#wrapper-inner div#homemain div#pickup-sec table td {
	padding: 15px 8px;
}
div#wrapper-inner div#homemain div#pickup-sec table th.lastcell,
div#wrapper-inner div#homemain div#pickup-sec table td.lastcell{
	border-bottom: none;
}

div#wrapper-inner div#homemain div#pickup-sec table th{
	width: 23%;
	padding-left: 6px;
	font-weight: normal;
	line-height: 1.6;
	border-bottom: 1px dotted #c0c0c0;
}

div#wrapper-inner div#homemain div#pickup-sec table th{
	width: 23%;
	padding-left: 6px;
	font-weight: normal;
	line-height: 1.6;
	vertical-align: top;
	border-bottom: 1px dotted #c0c0c0;
}


div#wrapper-inner div#homemain div#pickup-sec table td{
	width: 77%;
	padding: 5px 0 7px;
	border-bottom: 1px dotted #c0c0c0;
	background: url(../images/v_line_1dot_a.gif) left bottom no-repeat;
}

div#wrapper-inner div#homemain div#pickup-sec table td p{
	font-size: 1em;
	padding: 0 0 0 28px;
	line-height: 1.6;
	background: url(../images/bullet_01.gif) no-repeat 8px 0px;
}

div#wrapper-inner div#homemain div#pickup-sec table td p span{
	padding: 3px;
}

div#wrapper-inner div#homemain div#pickup-sec table td p span img{
	margin : 5px 0 0;
}

/* トップページ（Home）の左カラム部分のスタイル定義 */

div#wrapper-inner div#homesub h3{
	margin-bottom: 2px;
}

div#wrapper-inner div#homesub p{
	margin-bottom: 1px;
}

div#wrapper-inner div#homesub div.double-space p{
	margin-bottom: 2px;
}

div#wrapper-inner div#homesub div.double-space{
	margin-bottom: 9px;
}

div#wrapper-inner div#homesub div.binder p{
	margin-bottom: 2px;
}

div#wrapper-inner div#homesub div.binder{
	margin-bottom: 9px;
}

div#wrapper-inner div#homesub div.border{
	border: 1px solid #d3d3d3 ;
	background: #fff;
}

div#homesub  div#event-sec2 {
	overflow: hidden;
	*zoom: 1;
}
div#homesub  div#event-sec2 dl {
	margin:  1px 0 0 0;
	border: 1px solid #d3d3d3;
	background: #FFF;
}
div#homesub  div#event-sec2 dl dt {
	padding: 5px 0 0 20px;
	background: url(../images/bullet_01.gif) 5px 5px no-repeat;
}
div#homesub  div#event-sec2 dl dd {
	padding: .8em;
}
div#homesub  div#event-sec2 dl dd a {
	line-height: 140%;
	font-size: .8em;
}
/* トップページ（Home）の右カラム部分のスタイル定義 */

div#homesidebar div#info-sec ul li {
	padding: 1em .5em;
	border-bottom: 1px dotted #c0c0c0;
}
div#homesidebar div#info-sec ul li p {
	font-size: 90%;
	line-height: 160%;
}
div#homesidebar #feature-sec ul li {
	margin: 5px 0;
}
div#homesidebar #banners-sec {
	margin-top: 10px;
	padding-top: 20px;
	background: url(../images/endbar.gif) left top repeat-x;
}
div#homesidebar #banners-sec p {
	padding: 0 0 10px 0;
/*	padding: 0 0 20px 0; */
/*	margin-bottom: 10px; */
/*	background: url(../images/endbar.gif) left bottom repeat-x; */
}
div#homesidebar div#newbie-sec  {
	background: #FFF;
	padding: 0 .5em;
	overflow: hidden;
	*zoom: 1;
}
div#homesidebar div#newbie-sec h3 {
	margin: 0 -.5em;
}
div#homesidebar div#newbie-sec dl {
	margin: .5em 0 0 0;
	border-bottom: 1px dotted #c0c0c0;
}
div#homesidebar div#newbie-sec dl dt {
	font-size: 80%;
}
div#homesidebar div#newbie-sec dl dt span {
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	height: 24px;
}

/*
div#homesidebar div#newbie-sec dl.magazine dt span {
	background: url(../images/icons/magazine.gif) left top no-repeat;
}
div#homesidebar div#newbie-sec dl.book dt span {
	background: url(../images/icons/book.gif) left top no-repeat;
}
*/
div#homesidebar div#newbie-sec dl dd {
	padding: .3em 0;
	line-height: 2em;
}
div#homesidebar div#event-sec {
	background: #FFF;
	padding: 0 .5em;
	overflow: hidden;
	*zoom: 1;
}
div#homesidebar div#event-sec h3 {
	margin: 0 -.5em;
}
div#homesidebar div#event-sec dl {
	margin: .5em 0 0 0;
	border-bottom: 1px dotted #c0c0c0;
}
div#homesidebar div#event-sec dl dt {
	padding-left: 15px;
	background: url(../images/bullet_01.gif) left top no-repeat;
}
div#homesidebar div#event-sec dl dd {
	padding: .5em 0;
	line-height: 2em;
}

p.more {
	margin: .3em 0 1.5em 0;
	padding: 0 0 0 1em;
}

/*
-----------------------------------------
以下はアドインフォメーションページへの
追加スタイル
------------------------------------------ */


/* アドインフォメーション（cqad）のページタイトルのスタイル詳細 */

#adinfo h2#titleImg {
	margin: 35px 25px;
	float: left;
}

#adinfo .top_btn {
	float: right;
	margin: 20px 30px 0 0;
	zoom: 100%;
}

#adinfo .top_btn:after {
	content: ".";
	display: block;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* アドインフォメーション（cqad）のメイン部分のスタイル定義 */

#adinfo div#wrapper-inner div#homemain div#info-sec dl {
	margin: 20px 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #c0c0c0;
	font-size: 8pt;
}

#adinfo div#wrapper-inner div#homemain div#info-sec dt {
	margin-left: 30px;
	font-weight: bold;
}

#adinfo div#wrapper-inner div#homemain div#info-sec dd {
	margin-left: 30px;
}

#adinfo div#wrapper-inner div#homemain div#info-sec p.pdf-bullet {
	margin-left: -30px;
}

#adinfo div#wrapper-inner div#homemain div#info-sec dl a {
	font-size: 11pt;
}

#adinfo div#wrapper-inner div#homemain div#info-sec dl p.note {
	font-weight: normal;
	font-size: 10px;
	text-indent: -1em;
	margin-left: 1em;
	line-height: 125%;
}

#adinfo div#wrapper-inner div#homemain div#info-sec table{
	border-collapse:separate;
	width: 210px;
	margin: 5px 0;
	font-size: 0.9em;
}

#adinfo div#wrapper-inner div#homemain div#info-sec table th{
	width: 35%;
	padding-left: 0px;
	font-weight: normal;
	line-height: 1.6;
	vertical-align: top;
	border: none;
}

#adinfo div#wrapper-inner div#homemain div#info-sec table td{
	padding: 0 0 0 7px;
	line-height: 1.6;
	vertical-align: top;
	border: none;
}


/* アドインフォメーション（cqad）の左カラム部分のスタイル定義 */

#adinfo div#wrapper-inner div#homesub div.border {
	border: 1px solid #d3d3d3 ;
	background: #fff;
	margin-bottom: 2px;
}

#adinfo div#wrapper-inner div#homesub div.border p {
	font-size: 8.5pt;
}



/* アドインフォメーション（cqad）の右カラム部分のスタイル定義 */

#adinfo div#homesidebar div.binder{
	margin: 2px 0 9px 0;
}

#adinfo div#homesidebar div.border{
	border: 1px solid #d3d3d3 ;
	background: #fff;
}

#adinfo div#homesidebar p{
	margin: 0 0 0 5px;
	text-align: left;
}

#adinfo div#homesidebar .banner {
	margin-top: 20px;
}

#adinfo div#homesidebar .banner p{
	margin: 10px 0;
}



/* 追加スタイル 20100714 */

h3#h3_pickup {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) left -90px no-repeat;
	width: 520px;
	height: 34px;
}

h3#h3_magazine {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) left -128px no-repeat;
	width: 130px;
	height: 22px;
}

h3#h3_web {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) left -152px no-repeat;
	width: 130px;
	height: 22px;
}

h3#h3_service {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) -132px -152px no-repeat;
	width: 130px;
	height: 22px;
}

h3#h3_attention {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) -132px -128px no-repeat;
	width: 130px;
	height: 22px;
}

h3#h3_event_short {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) left -176px no-repeat;
	width: 130px;
	height: 22px;
}

h3#h3_information {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) -264px -128px no-repeat;
	width: 235px;
	height: 22px;
}
h3#h3_newbie {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top_images.gif) -264px -152px no-repeat;
	width: 235px;
	height: 22px;
}


li#feature01 a {
  text-indent: -9999px;
  overflow: hidden;
  display:block;
  width: 235px;
  height: 42px;
  text-decoration: none;
  background: url(../images/top_images.gif) left -200px no-repeat;
}

li#feature02 a {
  text-indent: -9999px;
  overflow: hidden;
  display:block;
  width: 235px;
  height: 42px;
  text-decoration: none;
  background: url(../images/top_images.gif) -240px -200px no-repeat;
}

li#feature03 a {
  text-indent: -9999px;
  overflow: hidden;
  display:block;
  width: 235px;
  height: 42px;
  text-decoration: none;
  background: url(../images/top_images.gif) left -244px no-repeat;
}

li#feature04 a {
  text-indent: -9999px;
  overflow: hidden;
  display:block;
  width: 235px;
  height: 42px;
  text-decoration: none;
  background: url(../images/top_images.gif) -240px -244px no-repeat;
}

li#feature05 a {
  text-indent: -9999px;
  overflow: hidden;
  display:block;
  width: 235px;
  height: 42px;
  text-decoration: none;
  background: url(../images/top_images.gif) left -288px no-repeat;
}


/* magazaines */
p#mag_cq a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left top no-repeat;
}

p#mag_cq a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px top no-repeat;
}

p#mag_bcq a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -40px no-repeat;
}

p#mag_bcq a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -40px no-repeat;
}

p#mag_tra a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -80px no-repeat;
}

p#mag_tra a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -80px no-repeat;
}

p#mag_trf a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -120px no-repeat;
}

p#mag_trf a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -120px no-repeat;
}

p#mag_if a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -160px no-repeat;
}

p#mag_if a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -160px no-repeat;
}

p#mag_fpga a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -200px no-repeat;
}

p#mag_fpga a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -200px no-repeat;
}

p#mag_ej a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -240px no-repeat;
}

p#mag_ej a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -240px no-repeat;
}

p#mag_rf a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -280px no-repeat;
}

p#mag_rf a:hover {
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -280px no-repeat;
}

p#banner_webshop a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -320px no-repeat;
}

p#banner_techvillage a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -320px no-repeat;
}

p#banner_kmix a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -360px no-repeat;
}

p#banner_cqconnect a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -400px no-repeat;
}
p#banner_evakit a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -400px no-repeat;
}

p#banner_hamguide a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) left -440px no-repeat;
}
p#banner_magstock a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  text-decoration: none;
  background: url(../images/mag_icons.gif) -130px -440px no-repeat;
}