@charset "utf-8";

/* ****************************************************

1: layout common setting
2: contents
99: extra

***************************************************** */

#contents {
	font-size:83%;
}

/*1: layout common setting
=========================================*/
/* mainContainer */
div#mainContainer {
	margin-top: 15px;
}

/* contents */
div#mainContainer div#contents {
	float: none;
	width: 760px;
}

/* table */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th,
table td {
	margin: 0;
	padding: 0;
}



/* ==================================
headding
================================== */
div#mainContainer div#contents .headding01 {
	padding: 0 0 2px 1px;
	border-bottom: 1px solid #cccccc;
}
div#mainContainer div#contents .headding01 span {
	display: block;
	padding: 0 0 0 7px;
	border-left: 3px solid #201cca;
}
div#mainContainer div#contents .headding02 {
	padding: 0 0 5px 1px;
	border-bottom: 1px solid #cccccc;
}
* html div#mainContainer div#contents .headding02 { /* IE6 hacks */
	margin-bottom: 8px;
}


/*2: contents
=========================================*/

/* ==================================
flashArea
================================== */
div#mainContainer #flashTopicsArea {
	margin-top: 5px;
}
div#mainContainer #flashArea {
    z-index: 0;
}


/* ==================================
col3
================================== */
div#mainContainer div#contents .col3 {
	width: 750px;
	margin: 15px 0 0 10px;
}
div#mainContainer div#contents .col3 .products,
div#mainContainer div#contents .col3 .solution {
	float: left;
	width: 240px;
	margin-right: 15px;
}
div#mainContainer div#contents .col3 .scene {
	float: right;
	width: 240px;
}

/* linkList */
div#mainContainer div#contents .col3 ul.linkList {
}
div#mainContainer div#contents .col3 ul.linkList li {
	background: url(../images/com_ex001.gif) repeat-x 0 100%;
	padding: 2px 0 4px 0;
	padding-left: 21px; 
	text-indent: -11px;
}
div#mainContainer div#contents .col3 ul.linkList li a {
	background: url(../images/com_ic003.gif) no-repeat 0 0.2em;
	padding-left: 11px; 
}


/* products
------------------------------------ */
div#mainContainer div#contents .col3 .products .section {
	margin-top: 9px;
}
div#mainContainer div#contents .col3 .products .businessTerminal {
	margin-top: 25px;
}


/* solution
------------------------------------ */
div#mainContainer div#contents .col3 .solution .section {
	margin-top: 8px;
}

/* buttonList */
div#mainContainer div#contents .col3 .solution ul.buttonList {
	margin-top: 19px;
}
div#mainContainer div#contents .col3 .solution ul.buttonList li {
	margin-top: 4px;
}


/* scene
------------------------------------ */
div#mainContainer div#contents .col3 .scene .section {
	margin-top: 8px;
}


/* ==================================
col2
================================== */
div#mainContainer div#contents .col2 {
	clear: both;
	width: 750px;
	margin: 15px 0 0 10px;
}
div#mainContainer div#contents .col2 .infomation {
	float: left;
	width: 495px;
}
div#mainContainer div#contents .col2 .bannerArea {
	float: right;
	width: 240px;
	background: 
}


/* infomation
------------------------------------ */
div#mainContainer div#contents .col2 .infomation .section {
	position: relative;
	width: 495px;
	margin-top: 11px;
}

/* table */
div#contents table {
	margin: 8px 0 0 10px;
}
div#contents table,
div#contents table th,
div#contents table td {
	border: none;
	vertical-align: top;
}
div#contents table th,
div#contents table td {
	padding: 2px 0;
}
div#contents table th {
	white-space: nowrap;
}
div#contents table td img {
	margin: -2px 0 0 6px;
	vertical-align: middle;
}
* html div#contents table td img { /* IE6 hacks */
	margin: 0 0 0 6px;
}
* html div#contents table td span.newArrival { /* IE6 hacks */
	display: block;
	margin-top: 3px;
}

/* allList */
div#mainContainer div#contents .col2 .infomation .allList {
	position: absolute;
	top: -4px;
	right: 0;
	padding-left: 12px;
	background: url(../images/com_ic003.gif) no-repeat 0 0.5em;
}

/* press */
div#contents table.press th {
	padding-right: 20px;
}

/* news */
div#contents table.news th {
	padding-right: 8px;
}
div#contents table.news td.icon {
	padding-right: 8px;
}
div#contents table.news td.icon img {
	margin: 0.25em 0 0 0;
}


/* bannerArea
------------------------------------ */
div#mainContainer div#contents .col2 .bannerArea {
	text-align: center;
	padding: 10px 0;
	background: url(../../images/index_bg001.gif) repeat-y 0 0;
}
div#mainContainer div#contents .col2 .bannerArea ul {
	margin: 0 auto;
}
div#mainContainer div#contents .col2 .bannerArea ul.second {
	margin-top: 15px;
}
div#mainContainer div#contents .col2 .bannerArea ul li {
	margin-top: 5px;
}


/* footer Supplement
------------------------------------ */

div#footer .foot-supplement {
	margin-top:10px;
	padding-left:1em;
	text-indent:-1em;
}


/*99: extra
=========================================*/

/* ==================================
clear fix
================================== */
div#mainContainer div#contents .col2:after,
div#mainContainer div#contents .col3:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContainer div#contents .col2,
div#mainContainer div#contents .col3 {
	min-height: 1px;
}

/* for IE6 */
* html div#mainContainer div#contents .col2,
* html div#mainContainer div#contents .col3 {
	height: 1px;
}

/* for IE7 */
*:first-child+html div#mainContainer div#contents .col2,
*:first-child+html div#mainContainer div#contents .col3 {
	zoom: 1;
}