@charset "shift_jis";
/* =====================================================================
*
*    INDEX
*
*    // SHARP���i���TOP��p
*
*    1. Global Structure
*    2. Main Contents Structure
*    3. Flash Structure
*    4. Header Structure
*    5. Footer Structure
*    6. NetFront Style
*
* =================================================================== */


/* =====================================================================
*
*    1. Global Structure
*
* =================================================================== */

div#productsContainer {
	height: auto;
	/* background: url(../img/bg_products.gif) repeat-x 0 0; */
}

div#productsContent {
	height: auto;
	width: 928px;
	padding: 12px 0 20px 0;
	margin: 0 0 0 31px;
}

div#supportText {
	width: 920px;
	margin: 0 0 0 35px;
	padding: 12px 0 0;
	text-align: center;
	border-top: 1px solid #ccc;
}

div#supportText p#linkSupport {
	text-align: right;
}


/* =====================================================================
*
*    2. Main Contents Structure
*
* =================================================================== */

div.top {
	border-top: 1px solid #ccc;
}

div#productsColumn {
	height: auto;
	width: 920px;
	margin: 18px 0 0 4px;
}

div#productsColumn:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div#productsColumn {
	display: inline-block;
}

/*\*/
* html div#productsColumn {
	height: 1%;
}

div#productsColumn {
	display: block;
}

div#productsLeft {
	float: left;
	height: auto;
	width: 650px;
	background: url(../img/bg_module_m.gif) repeat-y 0 0;
	border-top:7px solid #E9E9E9;
}

div.productsList {
	height: auto;
	width: 636px;
	padding: 0 0 20px 0;
	margin: 0 0 0 7px;
	position:relative;
	background: url(../img/bg_module_b.gif) no-repeat left bottom;
}

div.productsList:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div.productsList {
	display: inline-block;
}

/*\*/
* html div.productsList {
	height: 1%;
}

div.productsList {
	display: block;
}

div.productsList h2 {
	height: 52px;
	width: 313px;
	padding: 2px 0 0 2px;
	margin: 0;
	background: url(../img/bg_h3.jpg) no-repeat 0 0;
}

div.productsList dl {
	height: auto;
	width: 315px;
	padding: 0;
	border-bottom: 7px solid #E9E9E9;
}

div.productsList dl.moduleLC {
	border-bottom: none;
	padding: 0 0 10px 0;
}

div.productsList dl dt {
	padding: 8px 0;
	font-size: 107%;
	background: url(../img/line_dot_grey.gif) repeat-x left bottom;
}

div.productsList dl dt ul{
	font-size:90%;
	padding: 4px 0;
}
div.productsList dl dt ul li{
	padding: 0 0 0 18px;
	margin: 0 0 0 20px;
	display:block;
}

div.productsList dl dt {
}
div.productsList dl dt.firstChild {
	padding-bottom: 0px;
	background: none;
}
div.productsList dl dd ul.secondChild {
	margin-left: 0;
	padding: 0 5px 5px 28px;
	background: url(../img/line_dot_grey.gif) repeat-x left bottom;
}

div.productsList dl dt.noBrd {
	background: none;
	border-bottom: 1px solid #d9d9d9;
}

div.productsList dl dt a {
	padding: 0 0 0 13px;
	margin: 0 0 0 15px;
	display:block;
	background: url(../img/ico_red.gif) no-repeat 0 0.4em;
}

div.productsList dl dd {
	border-bottom: 1px solid #D9D9D9;
	padding: 0 0 10px 0;
}

div.productsList dl.moduleLC dd,
div.productsList dl dd.secondChild {
	border-bottom: none;
	padding: 0;
}

div.productsList dl dd ul {
	margin: 5px 0 0 15px;
}

div.productsList dl dd ul li {
	padding: 4px 0 4px 13px;
	background: url(../img/ico_grey.gif) no-repeat 0 0.7em;
}

div.productsList dl dd ul li a {
	padding: 0;
}

div.productsList dl dd p {
	margin: 8px 0 0 0;
	text-align: center;
}

div.productsList dl dd p img {
	padding: 3px;
	background: #F4F4F4;
}

div.productsList#listTop {
	padding: 0 0 65px 0;
}

div.productsList dl dd p.productsBottomBtn {
	position:absolute;
	bottom:15px;
	margin: 0 0 0 10px;
}

div.productsList div.leftModule {
	float: left;
	height: auto;
	width: 315px;
}

div.productsList div.rightModule {
	float: right;
	height: auto;
	width: 315px;
}

div#productsRight {
	float: right;
	height: auto;
	width: 250px;
}

div#productsRight div#newsModule {
	width: 248px;
	margin: 0 0 20px;
	padding: 1px 0 5px 0;
	border: 1px solid #C9C9C9;
}

div#productsRight div#newsModule h3 {
	height: 28px;
	width: 234px;
	padding: 22px 0 0 12px;
	margin: 0 0 0 1px;
	background: url(../img/bg_ttl.gif) repeat-x 0 0;
}

div#productsRight div#newsModule dl dt {
	padding: 10px 14px 0 14px;
}

div#productsRight div#newsModule dl dd {
	padding: 3px 14px 8px 14px;
	background: url(../img/line_dot_grey.gif) repeat-x left bottom;
}

div#productsRight div#newsModule dl dd.moduleLC {
	background: none;
	margin:0;
}

#h-BusinessProduct {
	padding: 8px;
	background-color: #e9e9e9;
}

div#productsRight h3 {
	margin-bottom: 20px;
}

div#productsRight h4 {
	margin: 20px 0;
}

div#productsRight ul {
	margin: 0 0 20px 0;
	background: url(../img/line_dot_grey.gif) repeat-x left top;
}

div#productsRight ul li {
	padding: 12px 0 10px 0;
	background: url(../img/line_dot_grey.gif) repeat-x left bottom;
}

h3#h3-BusinessProduct {
	padding: 8px;
	background-color: #e9e9e9;
}

#cmModule {
	margin: 0 0 20px;
}

#cmModule p {
	margin: 10px 0 0;
}



/* =========== clearfix =========== */

div.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div.clearfix {
	display: inline-block;
}

/*\*/
* html div.clearfix {
	height: 1%;
}

div.clearfix {
	display: block;
}

/* =====================================================================
*
*    3. Flash Structure
*
* =================================================================== */

div#productsFlash {
	height: 240px;
	width: 920px;
	margin: 16px 0 35px 0;
}

div#productsRight div#cmLibraryModule {
	width: 250px;
	height:210px;
}

div#noJsModule {
	position: relative;
}

div#noJsModule ul {
	position: absolute;
	top: 0;
	left: 670px;
	font-size: 0px;
}

div#noFlashModule {
	position: relative;
}

div#noFlashModule img#mainBtn {
	position: absolute;
	top: 155px;
	left: 370px;
	font-size: 0px;
}

div#noFlashModule ul {
	position: absolute;
	top: 0;
	left: 670px;
	font-size: 0px;
}

div#cmLibraryModule p {
	padding: 2px 2px 0 2px;
	border: 1px solid #C9C9C9;
	border-bottom: none;
}

div#productsMainvisual {
	width: 920px;
	padding: 4px;
	background: url(../img/bg_product_mainvisual.gif) no-repeat left top;
}

div#productsMainvisual:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div#productsMainvisual {
	display: inline-block;
}

/*\*/
* html div#productsMainvisual {
	height: 1%;
}

div#productsMainvisual {
	display: block;
}

div#productsMainvisual h1 {
	float: left;
	width: 250px;
	height: 160px;
}

div#productsMainvisual div#imageArea {
	float: left;
	width: 670px;
	height: 160px;
}


/* =====================================================================
*
*    4. Header Structure
*
* =================================================================== */

div#sharpTempHeader {
	position: relative;
	height: 40px;
	width: 950px;
	padding: 20px 0 0 20px;
	margin: 0;
}

div#sharpTempHeader h1 {
	padding: 2px 0 0 15px;
}

div#sharpTempHeader ul {
	position: absolute;
	top: 25px;
	right: 234px;
	font-size: 0px;
}

div#sharpTempHeader ul:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div#sharpTempHeader ul {
	display: inline-block;
}

/*\*/
* html div#sharpTempHeader ul {
	height: 1%;
}

div#sharpTempHeader ul {
	display: block;
}

div#sharpTempHeader ul li {
	float: left;
	margin: 0 0 0 19px;
	display: inline;
}

div#sharpTempHeader p#globalLink {
	position: absolute;
	top: 22px;
	right: 15px;
	font-size: 0;
}

div#sharpTempHeader dl {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 200px;
}

div#sharpTempHeader dl:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div#sharpTempHeader dl {
	display: inline-block;
}

/*\*/
* html div#sharpTempHeader dl {
	height: 1%;
}

div#sharpTempHeader dl {
	display: block;
}

div#sharpTempHeader dl dt {
	float: left;
}

div#sharpTempHeader dl dt input#MF_form_phrase {
	height: 18px;
	width: 148px;
	border: 1px solid #B3B3B3;
}

div#sharpTempHeader dl dd {
	float: right;
	font-size: 0;
}

/* =====================================================================
*
*    5. Footer Structure
*
* =================================================================== */

div#sharpTempFooter {
	clear: both;
	width: 950px;
	padding: 10px 0 71px 0;
	margin: 0 0 0 20px;
	border-top: 3px solid #E4E4E4;
}

div#sharpTempFooter ul {
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

div#sharpTempFooter ul li {
	float: left;
	margin: 0 20px 0 0;
	font-size: 0;
	display: inline;
}

div#sharpTempFooter p {
	float: right;
	margin: 0 10px 0 0;
	display: inline;
}

/* =====================================================================
*
*    6. NetFront Style
*
* =================================================================== */

body#top.netFrontStyle div#sharpTempHeader {
	padding: 20px 0 0 0 !important;
}

body#top.netFrontStyle div#sharpTempMainCont, body#top.netFrontStyle div#sharpTempFooter {
	margin: 0;
}

body#top.netFrontStyle div#productsContent {
	margin: 0 0 0 15px;
}

body#top.netFrontStyle div#sharpTempHeader ul {
	top: 25px;
}