#wrapper {
	width:				982px;
	margin:				0px;
	padding:			0px;
	color:				#333333;
	text-align:			left;
	margin-top:			10px;
}

#main_wrapper {
	width:				730px;
	margin:				0px;
	padding:			0px;
	background-color:	#FFFFFF;
	display:			block;
}

#products {
	width:				730px;
	background-image:	url(../images/products_bg.gif);
	background-repeat:	repeat-y;
}

#products_header {
	width:				730px;
	height:				39px;
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -253px;
	width: 730px;
	height: 39px;
	background-repeat:	no-repeat;
}

#products_bottom {
	width:				730px;
	height:				10px;
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -193px;
	width: 730px;
	height: 10px;
	background-repeat:	no-repeat;
	margin-bottom:		15px;
}

#products .prod_logo {
	display:			block;
	padding:			7px 0 7px 0;
	width:				185px;
	float:				left;
	clear:				left;
}

#products .prod_desc {
	display:			block;
	padding:			7px 10px 7px 0;
	margin-left:		185px;
}

#products .prodbox {
	width:				730px;
	background-image:	url(../images/products_border1.gif);
	background-repeat:	no-repeat;
	background-position: bottom center;
	overflow:			auto;
}

#products .prod_list {
	display:			block;
	padding:			15px 0 10px 20px;
}

#products .prod_list .prodlist_button {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 0;
	width: 152px;
	height: 21px;
	background-repeat:	no-repeat;
	display:			block;
	float: left;
	margin-right: 10px;
}
#products .prod_list .prodpop_button {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -71px;
	width: 152px;
	height: 21px;
	background-repeat:	no-repeat;
	display:			block;
	float: left;
}

.prod_desc a:link {
	text-decoration:	none;
}

.prod_desc a:visited {
	text-decoration:	none;
}

.prod_desc a:hover {
	text-decoration:	underline;
}

#right_column {
	width:				242px;
	padding:			0px;
	background-color:	#FFFFFF;
	display:			block;
	float:				right;
}

#rightbox {
	width:				242px;
	background-image:	url(../images/rightbox_bg.gif);
	background-repeat:	repeat-y;
	text-align:			center;
}

#rightbox_header1 {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -453px;
	width: 242px;
	height: 39px;
	background-repeat:	no-repeat;
}

#rightbox_header2 {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -542px;
	width: 242px;
	height: 39px;
	background-repeat:	no-repeat;
}

#rightbox_header3 {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -631px;
	width: 242px;
	height: 39px;
	background-repeat:	no-repeat;
}

#rightbox_header4 {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -720px;
	width: 242px;
	height: 39px;
	background-repeat:	no-repeat;
}

#rightbox_header5 {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -809px;
	width: 242px;
	height: 39px;
	background-repeat:	no-repeat;
}

#rightbox_bottom {
	background-image:	url(../images/xlsoftjp_top.png);
	background-position: 0 -393px;
	width: 242px;
	height: 10px;
	background-repeat:	no-repeat;
	margin-bottom:		10px;
}

#rightbox .prodbox {
	background-image:	url(../images/rightbox_border.gif);
	background-repeat:	no-repeat;
	background-position: bottom center;
	padding:			5px 16px;
	text-align:			left;
}

#rightbox .prodboxb {
	padding:			5px 16px;
	text-align:			left;
}

#rightbox a:link {
	color:				#0033CC;
	text-decoration:	none;
}

#rightbox a:visited {
	color:				#0033CC;
	text-decoration:	none;
}

#rightbox a:hover {
	color:				#3366CC;
	text-decoration:	none;
}

.hide {
	display:			none;
}

.prodboxsubtitle {
	font-size:			10px;
}

.prodboxitem {
	margin-left:		10px;
}

#slideshow {
	height:				250px;
	position:			relative;
}

#slideshow .slide {
	min-width:			100%;
	width:				auto !important;
	width:				100%;
	overflow:			hidden;
}

#slideshow .slide .main {
	width:				982px;
	height:				250px;
	margin:				0 auto;
	position:			relative;
}

#slideshow .slide .main img {
	position:			absolute;
	top:				0;
	left:				0px;
}

#slideshow .banner1 {
	background:			url(../images/banner1_bg.jpg) repeat-x 0px 0px;
}

#slideshow .banner2 {
	background:			url(../images/banner2_bg.jpg) repeat-x 0px 0px;
	display:			none;
}

#slideshow .banner3 {
	background:			url(../images/banner3_bg.jpg) repeat-x 0px 0px;
	display:			none;
}

#slideshow .banner4 {
	background:			url(../images/banner4_bg.jpg) repeat-x 0px 0px;
	display:			none;
}

#slideshow .banner5 {
	background:			url(../images/banner5_bg.jpg) repeat-x 0px 0px;
	display:			none;
}

#nav {
	Z-INDEX:			10;
	POSITION:			absolute;
	margin:				-30px 0 0 904px;
	width:				71px;
}

#nav a {
	background-image:	url(../images/slide-nav.png);
	text-decoration:	none;
	margin:				1px 2px;
	color:				#fff;
	font-size:			8px;
	width:				13px;
	height:				13px;
	TEXT-ALIGN:			center;
	DISPLAY:			inline;
	BACKGROUND-REPEAT:	no-repeat;
	BACKGROUND-POSITION: -1px 0px;
	FLOAT:				left;
}

#nav a { line-height: 14px; } /* IE7以前向け */  
head~/* */body #nav a { line-height: 15px; } /* IE8向け */  
html:not(:target) #nav a { line-height:14px; } /* モダンブラウザ向け */

#nav a.activeSlide {
	background-position: -1px -14px;
}

#nav a:focus {
	outline:			none;
}

.banner_rt {
	margin-bottom: 10px;
}

.xlsoft_notice {
	border: 1px solid #aaaaaf;
	padding: 10px;
	margin: 0 2px 10px 2px;
	background-color: #f3f3f8;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.xlsoft_notice p.noticetitle {
	font-weight: bold;
	margin: 0 0 5px 0;
}


/* New Template CSS Begin */

#toptab .menutab {
	float: left;
}

#toptab ul, li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	float: left;
}

#toptab li a.categorytab {
	display: block;
	background-image: url(../images_new/tab_category.png);
	background-repeat: no-repeat;
	margin: 0 1px 0 0;
	height: 36px;
	width: 161px;
}

#toptab li a.categorytaboff {
	display: block;
	background-image: url(../images_new/tab_category_off.png);
	background-repeat: no-repeat;
	margin: 2px 1px 0 1px;
	height: 32px;
	width: 161px;
}

#toptab li a:hover.categorytaboff {
	background-image: url(../images_new/tab_category_over.png);
	background-repeat: no-repeat;
}

#toptab li a.productstab {
	display: block;
	background-image: url(../images_new/tab_products.png);
	background-repeat: no-repeat;
	margin: 0 1px 0 1px;
	height: 36px;
	width: 143px;
}

#toptab li a.productstaboff {
	display: block;
	background-image: url(../images_new/tab_products_off.png);
	background-repeat: no-repeat;
	margin: 2px 1px 0 1px;
	height: 32px;
	width: 143px;
}

#toptab li a:hover.productstaboff {
	background-image: url(../images_new/tab_products_over.png);
	background-repeat: no-repeat;
}

#toptab li a.vendortab {
	display: block;
	background-image: url(../images_new/tab_vendor.png);
	background-repeat: no-repeat;
	margin: 0 1px 0 1px;
	height: 36px;
	width: 163px;
}

#toptab li a.vendortaboff {
	display: block;
	background-image: url(../images_new/tab_vendor_off.png);
	background-repeat: no-repeat;
	margin: 2px 1px 0 1px;
	height: 32px;
	width: 163px;
}

#toptab li a:hover.vendortaboff {
	background-image: url(../images_new/tab_vendor_over.png);
	background-repeat: no-repeat;
}

#toptab .categorybutton {
	background-color: #88abab;
	padding-bottom: 6px;
}

#toptab .categoryborder {
	border: 4px solid #88abab;
}

#toptab li a.buttonintel {
	display: block;
	background-image: url(../images_new/category_intel.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttonintelactive {
	display: block;
	background-image: url(../images_new/category_intel_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttonintel {
	background-image: url(../images_new/category_intel_on.png);
	background-repeat: no-repeat;
}

#toptab li a.buttonpdf {
	display: block;
	background-image: url(../images_new/category_pdf.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttonpdfactive {
	display: block;
	background-image: url(../images_new/category_pdf_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttonpdf {
	background-image: url(../images_new/category_pdf_on.png);
	background-repeat: no-repeat;
}

#toptab li a.buttonmobile {
	display: block;
	background-image: url(../images_new/category_mobile.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttonmobileactive {
	display: block;
	background-image: url(../images_new/category_mobile_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttonmobile {
	background-image: url(../images_new/category_mobile_on.png);
	background-repeat: no-repeat;
}

#toptab li a.buttonappdev {
	display: block;
	background-image: url(../images_new/category_appdev.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttonappdevactive {
	display: block;
	background-image: url(../images_new/category_appdev_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttonappdev {
	background-image: url(../images_new/category_appdev_on.png);
	background-repeat: no-repeat;
}

#toptab li a.buttonoffice {
	display: block;
	background-image: url(../images_new/category_office.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttonofficeactive {
	display: block;
	background-image: url(../images_new/category_office_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttonoffice {
	background-image: url(../images_new/category_office_on.png);
	background-repeat: no-repeat;
}

#toptab li a.buttonserver {
	display: block;
	background-image: url(../images_new/category_server.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttonserveractive {
	display: block;
	background-image: url(../images_new/category_server_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttonserver {
	background-image: url(../images_new/category_server_on.png);
	background-repeat: no-repeat;
}

#toptab li a.buttondocs {
	display: block;
	background-image: url(../images_new/category_docs.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttondocsactive {
	display: block;
	background-image: url(../images_new/category_docs_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttondocs {
	background-image: url(../images_new/category_docs_on.png);
	background-repeat: no-repeat;
}

#toptab li a.buttonui {
	display: block;
	background-image: url(../images_new/category_ui.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a.buttonuiactive {
	display: block;
	background-image: url(../images_new/category_ui_active.png);
	background-repeat: no-repeat;
	margin: 6px 0 0 6px;
	width: 238px;
	height: 40px;
}

#toptab li a:hover.buttonui {
	background-image: url(../images_new/category_ui_on.png);
	background-repeat: no-repeat;
}

/* Product Box Area CSS */

#productsbox {
	margin-top: 15px;
}

#productsbox .subtitle {
	margin: 20px 5px 10px 5px;
}

#productsbox .boxestop {
	background-image: url(../images_new/boxes_top.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	height: 5px;
}

#productsbox .boxestop1 {
	background-image: url(../images_new/boxes_top1.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	height: 5px;
}

#productsbox .boxestop2 {
	background-image: url(../images_new/boxes_top2.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	height: 5px;
}

#productsbox .boxestop3 {
	background-image: url(../images_new/boxes_top3.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	height: 5px;
}

#productsbox .itemsbody {
	background-image: url(../images_new/boxes_body.gif);
	background-repeat: repeat-y;
	_margin-top: -15px;
}

#productsbox .itemsbody1 {
	background-image: url(../images_new/boxes_body1.gif);
	background-repeat: repeat-y;
	_margin-top: -15px;
}

#productsbox .itemsbody2 {
	background-image: url(../images_new/boxes_body2.gif);
	background-repeat: repeat-y;
	_margin-top: -15px;
}

#productsbox .itemsbody3 {
	background-image: url(../images_new/boxes_body3.gif);
	background-repeat: repeat-y;
	_margin-top: -15px;
}

#productsbox .boxesbottom {
	background-image: url(../images_new/boxes_bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
}

#productsbox .boxesbottom1 {
	background-image: url(../images_new/boxes_bottom1.gif);
	background-repeat: no-repeat;
	height: 5px;
}

#productsbox .boxesbottom2 {
	background-image: url(../images_new/boxes_bottom2.gif);
	background-repeat: no-repeat;
	height: 5px;
}

#productsbox .boxesbottom3 {
	background-image: url(../images_new/boxes_bottom3.gif);
	background-repeat: no-repeat;
	height: 5px;
}

#productsbox .itemsbox {
	width: 228px;
	padding: 4px;
	margin-left: 6px;
	margin-right: 2px;
	float: left;
}

#productsbox .itemsbox .floatlogo {
	margin-right: 10px;
	float: left;
}

#productsbox .itemsbox img {
	margin-bottom: 4px;
}

.clearboth {
	clear: both;
}

/* Bottom News Area CSS */

#newsarea {
	background-color: #f7f0e8;
	margin-top: 15px;
	padding: 20px;
}

#newsarea a:link, #productsbox a:link {
	text-decoration:	none;
}

#newsarea a:visited, #productsbox a:visited {
	text-decoration:	none;
}

#newsarea a:hover, #productsbox a:hover {
	text-decoration:	underline;
}

#newsarea .newsareabody {
	background-image: url(../images_new/newsarea_bg.png);
	background-repeat: repeat-y;
}

#newsarea .newsareatitle {
	margin-bottom: 5px;
}

#newsarea .news {
	width: 450px;
	padding-right: 20px;
	float: left;
}

#newsarea .news .date {
	font-size: 11px;
	margin-left: 5px;
	margin-bottom: -3px;
}

#newsarea .news .headline {
	margin-left: 5px;
	margin-bottom: 5px;
}

#newsarea .events {
	width: 205px;
	padding-right: 20px;
	margin-left: 20px;
	float: left;
}

#newsarea .events .date {
	font-size: 11px;
	margin-left: 5px;
	margin-bottom: -3px;
}

#newsarea .events .product {
	margin-left: 5px;
	margin-bottom: 5px;
}

#newsarea .campaign {
	width: 205px;
	margin-left: 20px;
	float: left;
}

#newsarea .campaign .date {
	float: right;
}

#newsarea .campaign .product {
	margin-left: 5px;
}

#newsarea .campaign .banner {
	margin-top: 7px;
}