@charset "utf-8";

/* ------------------------------------------------------------
   
	index.css
	create : 071108 
	whatsNew : 080404

------------------------------------------------------------ */

div.typeTop div#mainContents div.appli {
	border: #CCC 1px solid;
	background-image: none;
	margin-bottom: 20px;
	padding: 0px;
	width: 718px;
}

div.typeTop div#mainContents div.appli h2 {
	margin: 0px;
	padding: 0px;
	background-image: none;
	border: none;
}

div.typeTop div#mainContents div.appli div.appliInner {
	 background: url(/images/index-bg-appli-bottom.gif) no-repeat;
	 margin: 0px;
	 padding: 5px 0px 0px 0px;
	 clear: both;
	 overflow: hidden;
}

div.typeTop div#mainContents div.appli div.appliInner div.column5A {
	width: 20%;
	float: left;
}
*:first-child+html div.typeTop div#mainContents div.appli div.appliInner div.column5A { width: 19.9%; }

div.typeTop div#mainContents div.appli div.appliInner div.column5A p.images {
	margin: 0px 0px 5px 5px;
}

div.typeTop div#mainContents div.appli div.appliInner div.column5A p.images img {
	margin: 0px;
	padding: 0px;
}

div.typeTop div#mainContents div.appli div.appliInner div.column5A p.links { text-align: center; }


background:url(/images/index-bg-appli-bottom.gif) no-repeat; margin:0px; padding:5px 0px 0px 0px; clear:both; overflow:hidden;


div.typeTop div#mainContents h2.image {
	margin: 0;
	padding: 0;
	background-image: none;
	border: 0;
}

div.typeTop div#mainContents p { margin-bottom: 5px; }

div.typeTop div#mainContents h2.image {
	margin: 0;
	padding: 0;
	background-image: none;
	border: 0;
}

div.typeTop div#mainContents p { margin-bottom: 5px; }

/* news */
div#mainContents div.news dl.information dt,
div#mainContents div.news dl.information dd { display: none; }

div#mainContents div.news dl.information dt.latest,
div#mainContents div.news dl.information dd.latest { display: block; }

/* whats-new */
div#mainContents div.whatsNew dl.information dt,
div#mainContents div.whatsNew dl.information dd { display: none; }

div#mainContents div.whatsNew dl.information dt.latest,
div#mainContents div.whatsNew dl.information dd.latest { display: block; }

/* top */
div.typeTop div#mainContents div.boxedItem { margin: 0 20px 20px 0; }

div.typeTop div#mainContents div.explanatory {
	width: 740px;
	padding: 12px 0 0;
	background-color: transparent;
	background-image: url(/images/index-bg-ir.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

div.typeTop div#mainContents div.explanatory div.inner {
	padding-bottom: 5px;
	background-image: url(/images/index-bg-ir-bottom.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

div.typeTop div#mainContents div.explanatory div.inner div.locator { width: 708px; }

div.typeTop div#mainContents div.explanatory div.inner div.column4A { }

div.typeTop div#mainContents div.explanatory div.inner div.column4A p,
div.typeTop div#mainContents div.explanatory div.inner div.column4A ul { margin: 0 0 12px 12px; }

div.typeTop div#mainContents div.column4B div.locator { padding-top: 12px; }

div.typeTop div#mainContents div.column4B div.column4A p,
div.typeTop div#mainContents div.column4B div.column4A ul { margin: 0 15px 12px 0; }

div.typeTop div#mainContents p.topBnr {
	margin: 0;
	margin-bottom: 10px;
}

div.typeTop div#mainContents p.solutionSeminar {
	margin: 0;
	margin-bottom: 20px;
}

/* ------------------------------------------------------------  */

/* タブ・ニュース */
div#mainContents ul.tab {
	margin: 0 10px;
	background-image: url(/images/bg-tab.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

div#mainContents ul.tab li {
	float: left;
	background-color: #F3F3F3;
	border-top: 1px solid #CCCCCC;
	margin-right: 1px;
}
div#mainContents ul.tab li a {
	display: block;
	width: 7.5em;
	height: 25px;
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 3px;
}
* html div#mainContents ul.tab li a { height: 30px; }

div#mainContents ul.tab li.current {
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

div#mainContents ul.tab li.current a {
	text-decoration: none;
	color: #000000;
	border-bottom-color: #FFF;
	border-top-color: #334F90;
}

div#mainContents div#update {
	clear: both;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	margin: 0 20px 20px 0;
	padding: 20px 0 0;
}
/* latest 非表示 */
div#mainContents div.latest dl.information dt,
div#mainContents div.latest dl.information dd { display: none; }

/* latest 表示 */
div#mainContents div.latest dl.information dt.latest,
div#mainContents div.latest dl.information dd.latest { display: block; }


/* products 非表示 */
div#mainContents div.products dl.information dt,
div#mainContents div.products dl.information dd { display: none; }

/* products 表示 */
div#mainContents div.products dl.information dt.products,
div#mainContents div.products dl.information dd.products { display: block; }

/* campaign 非表示 */
div#mainContents div.campaign dl.information dt,
div#mainContents div.campaign dl.information dd { display: none; }

/* campaign 表示 */
div#mainContents div.campaign dl.information dt.campaign,
div#mainContents div.campaign dl.information dd.campaign { display: block; }

/* support 非表示 */
div#mainContents div.support dl.information dt,
div#mainContents div.support dl.information dd { display: none; }

/* support 表示 */
div#mainContents div.support dl.information dt.support,
div#mainContents div.support dl.information dd.support { display: block; }

/* other 非表示 */
div#mainContents div.other dl.information dt,
div#mainContents div.other dl.information dd { display: none; }

/* other 表示 */
div#mainContents div.other dl.information dt.other,
div#mainContents div.other dl.information dd.other { display: block; }


/* clearfix */
div#mainContents ul.tab:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#mainContents ul.tab { display: inline-table; }
/* Hides from IE-mac */
* html div#mainContents ul.tab { height: 1%; }

div#mainContents ul.tab {
	display: block;
	zoom: 1;
	margin: 0 20px 0 0 !important;/* ito */
}


@media print {
div#mainContents div.column4B { width: 49.5%; }
}

/* EOF */