@charset "utf-8";

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#666;
	margin:0;
	padding:0;
}


/*==============■■■ヘッダー■■■==============*/
#HEADER {
	margin-top:0px;
	background-image:url(../img/bg_header.gif);
	height:96px;
	padding: 0px 10px 0px 20px;
	width:910px;
}
#HEADER #logo {
	margin:5px 50px 0 0;
	padding: 9px 0;
	float:left;
	border:0;
}
#HEADER a:link img {
	text-decoration:none;
	border:none 0px;
	vertical-align:middle;	
}
#HEADER .top {
	font-size:10px;
	color:#fff;
	vertical-align: top;
	letter-spacing: 0.1em;
}
#HEADER h1 {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight:normal;
	color:#666;
	margin:0;
	padding:30px 0 0 0;
}

/*==============■■■上部メニュー■■■==============*/
#HEADER #menu {
	width:90%;
	float:left;
	margin-top:-2px auto 0 auto;
	font-size:14px;
}
#HEADER #menu ul {
	list-style-type:none;
	margin-top:0px;
	margin-left:150px;
}
#HEADER #menu li {
	display:inline;
	padding:0px;
}
#HEADER #menu a {
	text-decoration:none;
	display:block;
	float:left;
	padding-right:30px;
	color:#333;
}
#HEADER #menu a:hover {
	color:#F30;
}


/*==============■■■お問合わせ■■■==============*/

#HEADER #sub {
	clear:both;
}
#HEADER #sub a:link {
	color:#08B;
	text-decoration:none;
}
#HEADER #sub a:visited {
	color:#08B;
	text-decoration:none;
}
#HEADER #sub a:hover {
	color:#F30;
	text-decoration:underline;
}
#HEADER #sub #contact {
	background-image:url(../img/icn_contact.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	float: right;
	height: 20px;
	width: 90px;
	margin-top: -24px;
	margin-right: 100px;
	padding-top: 1px;
	padding-left:30px;
}
*:first-child+html #HEADER #sub #contact {/*IE7ハック*/
	width: 80px;
	margin-right:0;
	padding-left: 27px;
}
*html #HEADER #sub #contact {/*IE6ハック*/
	height: 20px;
	width: 80px;
	margin-right:0;
	padding-left: 27px;
}

/*==============■■■サイトマップ■■■==============*/
#HEADER #sub #sitemap {
	background-image:url(../img/icn_sitemap.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	float: right;
	height: 20px;
	width: 80px;
	margin-top: -24px;
	padding-top: 1px;
	padding-left: 27px;
}

/*==============■■■メインエリア■■■==============*/
#MAINAREA {
	width:896px;
	padding:10px 20px 0 24px;
	background:#FFF;
	margin-right: 0px;
	font-size:12px;
}
#MAINAREA #CONTENTS {
	float:left;
	width:700px;
	margin:30px 25px 50px 0;
}
#MAINAREA #CONTENTS h1 {
	font-size:28px;
	color:#08b;
}
/*テキスト*/
.MainText {
	line-height:1.5em;
	margin-top:0;
}

h2 {
	margin:20px 0 0 0;
	padding:0;
	font-size:14px;
	color:#08b;
}
/*==============■■■カテゴリーボタン■■■==============*/

#CATE {
	width:700px;
	/*height:75px;*//*2行の場合*/
	height:110px;	
}
#CATE ul {
	height:31px;
	list-style:none;
	padding:0;
	margin:6px 0 0 0;
}
#CATE li {
	float:left;
	/*padding-right:6px;*//*2行・7列の場合*/
	padding-right:15px;
	overflow:hidden;
}
#CATE a {
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:94px;
	height:31px;
}
/*==============上段==============*/
#CATE #TDMON a {
	background:url(../img/btn_3dmonitor.jpg) 0 0;
}
#CATE #TDPRJ a {
	background:url(../img/btn_3dprojector.jpg) 0 0;
}
#CATE #HMDSP a {
	background:url(../img/btn_hmd.jpg) 0 0;
}
#CATE #GROVE a {
	background:url(../img/btn_grove.jpg) 0 0;
}
#CATE #TRACK a {
	background:url(../img/btn_trackng.jpg) 0 0;
}
#CATE #INPUT a {
	background:url(../img/btn_input.jpg) 0 0;
}
#CATE #BATTERY a {
	background:url(../img/btn_battery.jpg) 0 0;
}
#CATE #GENE a {
	background:url(../img/btn_generator.jpg) 0 0;
}
#CATE #WRCAM a {
	background:url(../img/btn_wearablecam.jpg) 0 0;
}
#CATE #TBLT a {
	background:url(../img/btn_tablet.jpg) 0 0;
}


#CATE #TDMON a:hover {
	background:url(../img/btn_3dmonitor.jpg) 0 31px;
}
#CATE #TDPRJ a:hover {
	background:url(../img/btn_3dprojector.jpg) 0 31px;
}
#CATE #HMDSP a:hover {
	background:url(../img/btn_hmd.jpg) 0 31px;
}
#CATE #GROVE a:hover {
	background:url(../img/btn_grove.jpg) 0 31px;
}
#CATE #TRACK a:hover {
	background:url(../img/btn_trackng.jpg) 0 31px;
}
#CATE #INPUT a:hover {
	background:url(../img/btn_input.jpg) 0 31px;
}
#CATE #BATTERY a:hover {
	background:url(../img/btn_battery.jpg) 0 31px;
}
#CATE #GENE a:hover {
	background:url(../img/btn_generator.jpg) 0 31px;
}
#CATE #WRCAM a:hover {
	background:url(../img/btn_wearablecam.jpg) 0 31px;
}
#CATE #TBLT a:hover {
	background:url(../img/btn_tablet.jpg) 0 31px;
}

/*==============下段==============*/

#CATE #TDCAM a {
	background:url(../img/btn_3dcam.jpg) 0 0;
}
#CATE #PRAT a {
	background:url(../img/btn_pratform.jpg) 0 0;
}
#CATE #TDSYS a {
	background:url(../img/btn_measure.jpg) 0 0;
}
#CATE #TDMOV a {
	background:url(../img/btn_3dmov.jpg) 0 0;
}
#CATE #VRSYS a {
	background:url(../img/btn_vr.jpg) 0 0;
}
#CATE #PERS a {
	background:url(../img/btn_pers.jpg) 0 0;
}
#CATE #PHMOD a {
	background:url(../img/btn_photomodel.jpg) 0 0;
}
#CATE #ITEM a {
	background:url(../img/btn_list.jpg) 0 0;
}
#CATE #TDCAM a:hover {
	background:url(../img/btn_3dcam.jpg) 0 31px;
}
#CATE #PRAT a:hover {
	background:url(../img/btn_pratform.jpg) 0 31px;
}
#CATE #TDSYS a:hover {
	background:url(../img/btn_measure.jpg) 0 31px;
}
#CATE #TDMOV a:hover {
	background:url(../img/btn_3dmov.jpg) 0 31px;
}
#CATE #VRSYS a:hover {
	background:url(../img/btn_vr.jpg) 0 31px;
}
#CATE #PERS a:hover {
	background:url(../img/btn_pers.jpg) 0 31px;
}
#CATE #PHMOD a:hover {
	background:url(../img/btn_photomodel.jpg) 0 31px;
}
#CATE #ITEM a:hover {
	background:url(../img/btn_list.jpg) 0 31px;
}

/*==============■■■センターバナー■■■==============*/
#BNR {
	width:auto;
	height:auto;
	margin-bottom:20px;
}
#BNR {/*IE6ハック*/
	margin-bottom:-10px;
}
#BNR .index_bnr,
#BNR .index_bnr2{
	margin-top:5px;
}
#BNR .index_bnr img,
#BNR .index_bnr2 img,
#BNR .index_bnr3 img {
	border:none;
}
#BNR .index_bnr2 p {
	background:#F9D5DE;
	padding:0.5em;
	margin-top:0;
	border:1px solid #555;
	border-top:none;
	color:#555;
	line-height:1.3em;
}
#BNR .index_bnr2 .em {
	font-size:14px;
	font-weight:bold;
	color:#CE063E;
}

#BNR .index_bnr4 {/*JVC GD-463D10用*/
	margin-top:15px;
}

.sup  {/*上付き文字*/
	vertical-align: super;
	font-size:8px;
}
/*TVBバナー*/
#TVB {
	width:700px;
	height:120px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	background-color:#FFF;
}
#TVB a#bnr_tvb {
	display:block;
	width:700px;
	height:120px;
	background:url(../img/bnr_tycoon.jpg) no-repeat 0 0;
}
#TVB a:hover#bnr_tvb {
	background-position: 0 -120px;
}
#TVB #btn_buy {
	width:119px;
	height:27px;
}
#TVB #btn_buy a#icn_tvb {
	position:relative;
	top:-38px;
	left:550px;
	display:block;
	width:142px;
	height:30px;
	background:url(../img/icn_buy_tvb.gif) no-repeat 0 0;
}
#TVB #btn_buy a:hover#icn_tvb {
	background-position: 0 -30px;
}

/*GD-463D10バナー*/
#GD463 {
	position:relative;
	width:700px;
	height:120px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	}
#GD463 a#bnr_gdv {
	display:block;
	width:700px;
	height:120px;
	background:url(../img/btn_gd463.jpg) no-repeat 0 0;
}
#GD463 a#bnr_gdv:hover {
	background-position: 0 -120px;
}
#GD463 a#btn_contact_bnr_gd463 {
	position:absolute;
	display:block;
	width:162px;
	height:27px;
	left:533px;
	bottom:5px;
	background:url(../img/btn_contact_gd463.gif) 0 0;
	}
#GD463 a#btn_contact_bnr_gd463:hover {
	background-position: 0 -27px;
	}
/*wrap1200バナー*/
#W1200 {
	width:700px;
	height:120px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	background-color:#FFF;
}
#W1200 a#bnr_w1200 {
	display:block;
	width:700px;
	height:120px;
	background:url(../img/btn_wrap1200.jpg) no-repeat 0 0;
}
#W1200 a:hover#bnr_w1200 {
	background-position: 0 -120px;
}

#W1200 #btn_wcontact {
	width:98px;
	height:42px;
}

#W1200 #btn_wcontact a#icn_wcontact {
	position:relative;
	top:-50px;
	left:595px;
	display:block;
	width:98px;
	height:42px;
	background:url(../img/btn_wrapcontact.gif) no-repeat 0 0;
}
#W1200 #btn_wcontact a:hover#icn_wcontact {
	background-position: 0 -42px;
}

/*VUZIXバナー*/
#C_WRAP {
	width:700px;
	height:140px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	background-color:#FFF;
}
#C_WRAP a#bnr_c_wrap {
	display:block;
	width:700px;
	height:140px;
	background:url(../img/bnr_c_wrap.jpg) 0 0;
}
#C_WRAP a:hover#bnr_c_wrap {
	background-position: 0 140px;
}




/*==============■■■トピックス■■■==============*/
#TOPIX-BOX {
	width:49%;
	border:1px #0677cd solid;
	background-color:#fff;
	margin:15px 0;
	float:left;
}
/*#TOPIX-BOX .tpx img{
	float:right;
	margin-top:5px;
	margin-left:3px;
	border:none;
}*/
#TOPIX-BOX .img01{
	/*float:left;*/
	margin-top:5px;
	margin-left:3px;
	border:none;
}
#TOPIX-BOX .img02{
	float:right;
	margin-top:5px;
	margin-left:3px;
	border:none;
}

/*業界ニューステキスト*/
#MAINAREA #CONTENTS #TOPIX-BOX .tpx {
	margin:7px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
	line-height:1.3em;
}
#MAINAREA #CONTENTS #TOPIX-BOX .tpx-day {
	font-size:14px;
	font-weight:bold;
	color:#36F;
	}	
#MAINAREA #CONTENTS #TOPIX-BOX .tpx-bold {
	font-size:14px;
	font-weight:bold;
	color:#C30;
}
#MAINAREA #CONTENTS #TOPIX-BOX a:link{
	color:#08B;
	text-decoration:underline;
}
#MAINAREA #CONTENTS #TOPIX-BOX a:hover{
	color:#F30;
	text-decoration:underline;
}
#MAINAREA #CONTENTS #TOPIX-BOX a:visited{
	color:#08B;
	text-decoration:underline;
}
#MAINAREA #CONTENTS #TOPIX-BOX #ALLTPX {
	text-align:right;
	padding:3px 10px 5px 0;
}
#MAINAREA #CONTENTS #TOPIX-BOX #ALLTPX a:link {
	color:#08B;
	text-decoration:underline;
}
#MAINAREA #CONTENTS #TOPIX-BOX #ALLTPX a:hover {
	color:#F30;
	text-decoration:underline;
}
#MAINAREA #CONTENTS #TOPIX-BOX #ALLTPX a:visited {
	color:#08B;
	text-decoration:underline;
}

/*==============■■■新製品欄■■■==============*/
#NEW-BOX {
	width:49%;
	border:1px #e60012 solid;
	background-color:#fff;
	margin:15px 0;
	float:right;
}
#NEW-BOX img{
	float:right;
}

/*新製品テキスト*/
#NEW-BOX .new {
	margin:7px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
	line-height:1.3em;
}
#NEW-BOX .new span {
	font-size:14px;
	font-weight:bold;
	color:#36F;
	line-height:20px;
	}
#NEW-BOX a {
	color:#08B;
	text-decoration:underline;
}
#NEW-BOX #ALLNEW {
	text-align:right;
	padding:3px 10px 5px 0;
}
#NEW-BOX #ALLNEW a {
	color:#08B;
	text-decoration:underline;
}

.clear{
	clear:both;
}

/*==============■■■右列関連情報■■■==============*/
#MAINAREA #INFO {
	float:left;
	width:160px;
	margin:30px 0 0 0;
	height:100%;
	text-indent:-9999px;
}
#MAINAREA #INFO a{
	overflow:hidden;
}

/*Beansショッピングバナーロールオーバー*/
#MAINAREA #INFO a#bnr_shop {
	display:block;
	height:80px;
	background:url(../img/bnr_shopping.gif) no-repeat;
}

#MAINAREA #INFO a:hover#bnr_shop {
	background-position:0px -80px;
}


/*福袋バナー*/
#MAINAREA #INFO a#bnr_luckybag {
	display:block;
	height:80px;
	background:url(../img/bnr_top_luckybag.jpg) no-repeat 0 0;
	margin-top:20px;
}

#MAINAREA #INFO a:hover#bnr_luckybag {
	background-position:0px -80px;
}

/*Beans商品一覧バナーロールオーバー*/
#MAINAREA #INFO a#bnr_hmd {
	display:block;
	height:80px;
	background:url(../img/bnr_hmd.gif) no-repeat;
	margin-top:20px;
}
#MAINAREA #INFO a:hover#bnr_hmd {
	background-position:0px -80px;
}

/*Beans3Dディスプレイバナーロールオーバー*/
#MAINAREA #INFO a#bnr_dsp {
	display:block;
	height:80px;
	background:url(../img/bnr_dsp.gif) no-repeat;
	margin-top:20px;
}
#MAINAREA #INFO a:hover#bnr_dsp {
	background-image:url(../img/bnr_dsp.gif);
	background-position:0px -80px;
}

/*Beans貸し出し機バナーロールオーバー*/
#MAINAREA #INFO a#bnr_rental {
	display:block;
	height:80px;
	background:url(../img/bnr_rental.gif) no-repeat;
	margin-top:20px;
}
#MAINAREA #INFO a:hover#bnr_rental {
	background-image:url(../img/bnr_rental.gif);
	background-position:0px -80px;
}

/*Beans商品一覧バナーロールオーバー[大]*/
#MAINAREA #INFO a#bnr_shop {
	display:block;
	height:160px;
	background:url(../img/bnr_store.jpg) no-repeat;
}
#MAINAREA #INFO a:hover#bnr_shop {
	background-position:0px -160px;
}
/*Beans商品一覧バナーロールオーバー[クリスマスキャンペーン]*/
#MAINAREA #INFO a#bnr_shop2 {
	display:block;
	height:240px;
	background:url(../img/bnr_store2.jpg) no-repeat;
}
#MAINAREA #INFO a:hover#bnr_shop2 {
	background-position:0px -240px;
}
/*Beans商品一覧バナーロールオーバー[クリスマスキャンペーン]*/
#MAINAREA #INFO a#bnr_shop3 {
	display:block;
	height:180px;
	background:url(../img/bnr_store3.jpg) no-repeat;
}
#MAINAREA #INFO a:hover#bnr_shop3 {
	background-position:0px -180px;
}

/*Beans商品一覧バナーロールオーバー[クリスマスキャンペーン]*/
#MAINAREA #INFO a#bnr_shop4 {
	display:block;
	height:160px;
	background:url(../img/bnr_store4.gif) no-repeat;
}
#MAINAREA #INFO a:hover#bnr_shop4 {
	background:url(../img/bnr_store4_2.gif) no-repeat;
}

/*==============■■■右側バナー■■■==============*/
/*サイド商品バナーロールオーバー*/
#MAINAREA #INFO #SIDEBNR {
	margin-top:30px;
}
#MAINAREA #INFO #SIDEBNR a {
	display:block;
	width:160px;
	height:49px;
	margin-top:2px;
}
#MAINAREA #INFO #SIDEBNR a.side_tac {
	background:url(../img/bnr_side_tac.jpg) no-repeat 0 0;
	}
#MAINAREA #INFO #SIDEBNR a:hover.side_tac {
	background:url(../img/bnr_side_tac.jpg) no-repeat 0 -49px;
}

#MAINAREA #INFO #SIDEBNR a.side_dual {
	background:url(../img/bnr_side_z800dual.jpg) no-repeat 0 0;
	}
#MAINAREA #INFO #SIDEBNR a:hover.side_dual {
	background:url(../img/bnr_side_z800dual.jpg) no-repeat 0 -49px;
}

#MAINAREA #INFO #SIDEBNR a.side_av310 {
	background:url(../img/bnr_side_av310ws.jpg) no-repeat 0 0;
	}
#MAINAREA #INFO #SIDEBNR a:hover.side_av310 {
	background:url(../img/bnr_side_av310ws.jpg) no-repeat 0 -49px;
}

#MAINAREA #INFO #SIDEBNR a.side_av230 {
	background:url(../img/bnr_side_av230xl.jpg) no-repeat 0 0;
	}
#MAINAREA #INFO #SIDEBNR a:hover.side_av230 {
	background:url(../img/bnr_side_av230xl.jpg) no-repeat 0 -49px;
}

#MAINAREA #INFO a#bnr_contour {
	/*position:absolute;
	left: 162px;
	top: 223px;*/
	display:block;
	width:160px;
	height:160px;
	background-image:url(../img/bnr_contour.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
}
#MAINAREA #INFO a:hover#bnr_contour {
	background-image:url(../img/bnr_contour.jpg);
	background-position:0px -160px;
}


/*==============■■■フッター■■■==============*/
#FOOTER {
	clear:both;
	background:#08B;
	width:940px;
}
#FOOTER p {
	padding: 10px 0;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}

/*==============■■■ページトップへ■■■==============*/
.pagetop {
	float:right;
	width:100px;
	padding:2px;
	color:#999;
	border:1px solid #999;
	text-decoration:none;
	font-size:10px;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
}
*:first-child+html .pagetop {
	margin-top:10px;
	margin-bottom:15px;
}
.pagetop a {
	text-decoration:none;
	color:#999;
}
/*.pagetop a:hover {
	text-decoration:none;
	color:#999;
}*/


/*アナウンス*/
div.announce {
	width:600px;
	margin:20px auto;
	padding:10px;
	border:3px double #C30;
	background:#CF0;
	color:#333;
	font-weight:bold;
	line-height:1.5em;
}
div.announce span {
	color:#C30;
	font-size:18px;
}
div.announce p {
	float:right;
	font-weight:normal;
	margin:0;
	padding:0;
}