@charset "utf-8";
/* CSS Document */

body {
	color: #000000;
	font-size: 85%;
	line-height: 150%;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,fieldset,pre,blockquote,address,div,span,img,input {
	margin-top: 0;
}

#headerArea h1,
#headerArea p,
#headerArea ol,
#headerArea ul,
#headerArea li,
#headerArea dl,
#headerArea dt,
#headerArea dd,
#headerArea form,
#headerArea fieldset,
#headerArea pre,
#headerArea blockquote,
#headerArea address,
#headerArea div,
#headerArea span,
#headerArea img,
#headerArea input {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
}

#headerArea #toshibaLogo {
	float: left;
}

/*h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,fieldset,pre,blockquote,address,div,span,img,input {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
}
*/
img {border: 0;}
td,th {vertical-align: top;}
select,input,textarea {font: 100%;}
label {cursor: pointer;}
table {font-size: 100%;}

/* ---外枠部分指定--- */
#container {
	width: 760px;
	text-align: left;
	font-size: 90%;
}

/* ---ヘッダーエリア（ナビ含む）--- */
#headerArea {
	width: 760px;
	height: 95px;
	position: relative;
	border-bottom: solid #BEBEBE 3px;

}

#headerArea #toshibaLogo {
	float: left;
}

/*#headerArea h1 {
	position: relative;
	top: 12px;
	left: 12px;
	width: 140px;
}*/

#headerArea .logo_sub {
	position: absolute;
	top: 71px;
	left: 12px;
	width: 143px;
}
/* --- form内 --- */
#headerArea form {
	position: absolute;
	top: 32px;
	padding-left: 3px;
	right: 114px;
	background: #979797 url(/shared/image/top/bg_form.gif) no-repeat top left;
	text-align: right;
}

#headerArea li {
	float: left;
	line-height: 1;
}

#headerArea form #searchBox {
	border: 0;
	width: 148px;
	margin: 1px 0 1px 10px;
	padding: 0;
	height: 22px;
	line-height: 1.5;
}

* html body #headerArea form #searchBox {margin: 0 -2px 0 12px;}/* --- For IE6 --- */
*+html body #headerArea form #searchBox {margin: 0 0 0 12px;}/* --- For IE7 --- */


#headerArea form li label {
	color: #FFFFFF;
	line-height: 1.99;
}

*+html body #headerArea form li label {line-height: 1.6;}/* --- For IE7 --- */

#headerArea form #number, #headerArea form #word {
	vertical-align: middle;
}

* html body #headerArea form #number, * html body #headerArea form #word {vertical-align: text-bottom; margin-left: -3px;}/* --- For IE6 --- */
*+html body #headerArea form #number, *+html body #headerArea form #word {margin-left: -4px;}/* --- For IE7 --- */

#headerArea form #btn_search {
	vertical-align: bottom;
}

#headerArea form .adjust {
	margin-right: 5px;
}
/* --- 「お問い合わせ」/「サイトマップ」 --- */
#headerArea ul#btnArea {
	position: absolute;
	top: 12px;
	left: 659px;
	width: 86px;
	overflow: hidden;
}

#headerArea ul#btnArea li img {
	vertical-align: bottom;
	padding-bottom: 10px;
}
/* --- 各言語 --- */
#headerArea ul#languageArea {
	position: absolute;
	top: 63px;
	left: 578px;
	width: 167px;
	overflow: hidden;
}

#headerArea ul#languageArea li {
	float: left;
}

#headerArea ul#languageArea li img {
	vertical-align: bottom;
}

#featureArea {
	background: #FFFFFF;
	border-bottom: solid #E3E3E3 6px;
	padding: 1px 0 1px 0;

}
#featureArea object,
#featureArea p {
	margin: 0;

}


#container #contentsArea_top .sideA,
#container #contentsArea_bottom .sideA {
	width: 355px;
	float: left;
	padding-right: 10px;
}
#container #contentsArea_top .sideA #product .fl {
	width: 175px;
	background: url(/shared/image/top/bg_product.jpg) no-repeat left top;
}
#container #contentsArea_top .sideA .fr {
	width: 135px;
}
#container #contentsArea_top .sideB,
#container #contentsArea_bottom .sideB {
	width: 365px;
	float: right;
}
#contentsArea_top, #contentsArea_bottom {
	width: 730px;
	padding: 15px 15px 15px 15px;
	overflow: hidden;
	border-bottom: solid #E3E3E3 6px;
	clear: both;
}
#contentsArea_top {
	background: url(/shared/image/top/bg_contents_top.gif) repeat-y top left;
}
#contentsArea_bottom {
	background: url(/shared/image/top/bg_contents_bottom.gif) repeat-y top left;
}
#container #contentsArea_top ul {
	list-style-image: url(/shared/image/top/ico_arrow01.gif);
	margin-left: 0;
	padding: 0 0 0 18px;
}
#container #contentsArea_top ul ul {
	list-style-image: url(/shared/image/top/ico_arrow02.gif);
	margin-left: 0;
	padding: 0 0 0 10px;
	font-size: 80%;
}
#container #contentsArea_top .sideA #product,
#container #contentsArea_top .sideA #pickup {
	clear: both;
	overflow: hidden;
	width: 355px;
}
.company { clear: both;}
#container #contentsArea_top .sideB .catchup #Application {
	width: 175px;
	background: url(/shared/image/top/bg_application.jpg) no-repeat right;
}
#container #contentsArea_top .sideB .catchup #support {
	width: 160px;
}
#container #contentsArea_top .sideB .catchup {
	overflow: hidden;
	padding-left: 10px;
	width: 355px;
}
#container #contentsArea_top .sideB .catchup #newsevent {
	width: 175px;
}
#container #contentsArea_top .sideB .catchup #profile {
	width: 160px;
}
#companyinfo {
	border-top: 1px solid #E3E3E3;
	padding-top: 20px;
}
#container #contentsArea_top .sideA #pickup ul li {
	float: left;
	margin-right: 32px;
}

/*ピックアップ製品 IE6用　2009-09-25追加*/
* html body #container #contentsArea_top .sideA #pickup ul {
	margin-left: 3px;
	padding-left: 0;
}
* html body #container #contentsArea_top .sideA #pickup ul li {
	float: left;
	width: 135px;
}
* html body #container #contentsArea_top .sideA #pickup ul li a {
	background: url(/shared/image/top/ico_arrow01.gif) no-repeat 0 0.2em;
	padding-left: 16px;
	display: block;
}
/*ピックアップ製品 IE6用ここまで*/

/*ピックアップ製品 IE7用　2009-09-25追加*/
*+html body #container #contentsArea_top .sideA #pickup ul {
	margin-left: 3px;
	padding-left: 0;
}
*+html body #container #contentsArea_top .sideA #pickup ul li {
	float: left;
	width: 135px;
}
*+html body #container #contentsArea_top .sideA #pickup ul li a {
	background: url(/shared/image/top/ico_arrow01.gif) no-repeat 0 0.2em;
	padding-left: 16px;
	display: block;
}
/*ピックアップ製品 IE7用ここまで*/


#container #contentsArea_bottom .sideA dl dt {
	background: url(/shared/image/top/ico_arrow02.gif) no-repeat 0 0.2em;
	padding-left: 10px;
}
#container #contentsArea_bottom .sideA dl dd {
	margin-left: 0;
	padding-left: 0;
}
#container #contentsArea_bottom .sideA dl dl dd {
	line-height: 130%;
}
#container #contentsArea_bottom .sideA dl dd dt {
	background-image: none;
	padding-left: 0;
}
#container #contentsArea_bottom .sideA dl {
	background: #F4F4F4;
	padding: 10px;
	clear: both;
	overflow: hidden;
	margin: 0 0 5px;
	float: left;
	width: 335px;
}
#container #contentsArea_bottom .sideA dl dl {
	padding: 0;
	background-color: transparent;
	margin: 0;
	float: none;
	width: 225px;
}
#container #contentsArea_bottom .sideA dl .newprod-img {
	float: left;
	width: 100px;
}
#container #contentsArea_bottom .sideA dl .newprod-outline {
	width: 225px;
	float: right;
}
#container #contentsArea_bottom .sideB {
	padding-left: 10px;
	width: 355px;
}
#container #contentsArea_bottom .sideB dl dt {
	padding-left: 80px;
	font-weight: bold;
	color: #666;
}
#container #contentsArea_bottom .sideB dl dd {
	padding-left: 80px;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #C0C0C0;
	margin-left: 0;
}
#container #contentsArea_bottom .sideB dl .icon-news {
	background: url(/shared/image/top/ico_newsrelease.jpg) no-repeat 0 0.2em;
	padding-left: 80px;
}
#container #contentsArea_bottom .sideB dl .icon-topics {
	background: url(/shared/image/top/ico_topics.jpg) no-repeat 0 0.2em;
	padding-left: 80px;
}
#container #contentsArea_top .sideA #pickup {
	background: url(/shared/image/top/bg_pickup.jpg) no-repeat right bottom;
}
#container #contentsArea_bottom .sideB #corp-ad {
	border: 1px solid #C0C0C0;
	padding: 10px;
}
#container #contentsArea_bottom .sideB #corp-ad dl,
#container #contentsArea_bottom .sideB #corp-ad dt,
#container #contentsArea_bottom .sideB #corp-ad dd {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
	color:#000;
}
#container #contentsArea_bottom .sideA dl .newprod-outline dl dt {
	font-weight: bold;
	color: #666;
}



/* --- バナーエリア --- */
#bannerArea {
	width: 743px;
	overflow: hidden;
	padding: 13px 0 9px 15px;
}

#bannerArea li {
	width: 136px;
	padding: 0 12px 0 0;
	float: left;
}
#bannerArea ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
}
/* --- フッターエリア --- */
#footerArea {
	width: 730px;
	overflow: hidden;
	padding: 13px 15px 13px 15px;
	background: url(/shared/image/top/bg_footer.gif) repeat-x top left;
	font-size: 80%;
	position: relative;
}
#footerArea ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
}

#footerArea li {
	display: inline;
	border-right: solid #333333 1px;
	padding: 0 8px 0 0;
	margin-right: 8px;
}

#footerArea li.none {
	border-right: none;
}

#footerArea p {
	letter-spacing: 0.1mm;
	position: absolute;
	right: 10px;
	top: 13px;
}
#eco-logo {width: 760px;}
#eco-logo p{float: right;}
#eco-logo:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 1px;
}
#footerArea a:link {color: #000000; text-decoration: none;}
#footerArea a:visited {color: #B61A1A; text-decoration: none;}
#footerArea a:hover {color: #000000; text-decoration: underline;}

/* ---調整用--- */
.marTop10 {margin-top: 10px;}
.marTop20 {margin-top: 20px;}
.marBottom10 {margin-bottom: 10px;}
.marBottom20 {margin-bottom: 20px;}
.marBottom30 {margin-bottom: 30px;}
.marLef10 {margin-left: 10px;}
.marRig10 {margin-right: 10px;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.al {text-align: left;}
.ar {text-align: right;}
.ac {text-align: center;}

/* ---リンクカラー---- */
a:link {color: #000000; text-decoration: underline;}
a:visited {color: #B61A1A; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}

/* ドットラインの表示 */
.dotted-line {background: url(/shared/image/top-dotted.gif) top repeat-x; padding-top: 5px;}
.dotted-line-bottom {background: url(/shared/image/top-dotted.gif) bottom repeat-x; padding-bottom: 5px;}

@media print {
/* 紙媒体向けスタイル定義ここから */

#contentsArea_top, #contentsArea_bottom, #contentsArea_top .sideB ul, #footerArea ul, #bannerArea ul, #contentsArea_bottom .sideB dl, #contentsArea_bottom .sideA ul li dl {
	overflow: visible;
	border-bottom: none;
}

#featureArea {
	display: none;
}

body {
	zoom: 80%;/* --- For IE6 --- */
}

}
/* 紙媒体向けスタイル定義ここまで */