@charset "utf-8";

.right { float:right; margin:0px 0px 5px 5px;}
.left {float:left; margin:0px 10px 5px 0px;}
p { margin:0; padding:0;}
.clear { clear:both; }



/* ------------------------------------------------------------------------
	renewal 2009
------------------------------------------------------------------------ */

ul li img {
	display: block;
}

div#sub ul#gnav {
	background: url(../../../common/image/gnav_bg.gif) no-repeat 0 91px;
}


/* --------------------------------
	製品を探す：トップページ
-------------------------------- */

body#index_page {
}

body#index_page div#main {
}

body#index_page div#lineup_area div.category {
	border-top: 4px solid #e8e8e8;
}
body#index_page div#lineup_area div.category.multi {
	border-top: 0;
}
body#index_page div#lineup_area div.category.public {
	padding: 0 0 2px;
}

body#index_page div#lineup_area div.category div.txt {
	float: left;
	width: 433px;
	padding: 0 0 0 20px;
}

body#index_page div#lineup_area div.category p.img {
	float: right;
	width: 167px;
}

body#index_page div#lineup_area div.category h3 {
	padding: 20px 0 0;
}
body#index_page div#lineup_area div.category.public h3 {
	padding: 19px 0 0;
}

body#index_page div#lineup_area div.category p.banner {
	padding: 15px 0 0;
}



/* --------------------------------
	製品を探す：カテゴリーページ
-------------------------------- */

body.category_page {
}

body.category_page div#main {
	padding-top: 25px;
}

body.category_page div#head_area {
	margin: 12px 0 0;
}

body.category_page div#head_area ul {
	margin: 1px 0 0;
	padding: 10px 0 10px 10px;
	background: url(../image/head_bg.gif);
}

body.category_page div#head_area ul li {
	float: left;
	margin-right: 9px;
}
body.category_page div#head_area ul li.last {
	margin-right: 0;
}

body.category_page div#head_area ul li a {
	outline: none;
}

body.category_page div#list_area {
	margin: 30px 0 0;
}

body.category_page div#list_area h5 {
	padding: 25px 0 10px;
}

body.category_page div#list_area div.headline {
	margin: 14px 0 12px;
	padding: 0 0 1px;
	background: url(../image/inch_dot.gif) repeat-x left bottom;
}
body.category_page div#list_area div.headline.first {
	margin-top: 11px;
}

body.category_page div#list_area div.headline h5 {
	float: left;
	margin-right: 6px;
	padding: 0;
}

body.category_page div#list_area div.set {
	position: relative;
	width: 620px;
	min-height: 91px;
	height: auto !important;
	height: 91px;
}
body.category_page div#list_area div.set.led {
	min-height: 101px;
	height: auto !important;
	height: 101px;
}

body.category_page div#list_area div.set p.new {
	position: absolute;
	top: 5px;
	left: 2px;
	z-index: 100;
}

body.category_page div#list_area div.set p.gigaclear,
body.category_page div#list_area div.set div.logo_set {
	position: absolute;
	top: 33px;
	right: 0;
	z-index: 100;
}
body.category_page div#list_area div.set div.logo_set p.gigaclear {
	position: static;
}
body.category_page div#list_area div.set div.logo_set p {
	margin-bottom: 4px;
}

body.category_page div#list_area div.set div.txt {
	width: 500px;
	padding: 13px 0 5px 120px;
}

body.category_page div#list_area div.set p.img {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;	
	padding: 0 0 5px;
	z-index: 10;
}

body.category_page div#list_area div.set div.txt p.logo {
	float: right;
}
body.category_page div#list_area div.set div.txt p.logo span {
	display: block;
	text-align: right;
}
body.category_page div#list_area div.set div.txt p.logo span.business {
	padding: 10px 2px 0 0;
}

body.category_page div#list_area div.set div.txt ul {
	margin: 6px 0 0;
	color: #5A6281;
}
body.category_page div#list_area div.set.logo div.txt ul {
	padding-right: 75px;
}

body.category_page div#list_area div.set div.txt ul li {
	padding: 0 0 0 0.8em;
	background: url(../image/list_point.gif) no-repeat 1px 0.5em;
}

body.category_page div#list_area div.set div.txt ul li sup {
	vertical-align: baseline;
	position: relative;
	top: -3px;
}


/* Multiページ ---------- */

body#multi_page div#head_area ul li {
	margin-right: 10px;
}
body#multi_page div#head_area ul li.last {
	margin-right: 0;
}

body#multi_page div#main ul.anchor {
	padding: 30px 0 0;
}

body#multi_page div#main ul.anchor li {
	float: left;
	border-left: 1px solid #e5e5e5;
}
body#multi_page div#main ul.anchor li.premium {
	border-left: 0;
}

body#multi_page div#main ul.anchor li a {
	outline: none;
}

body#multi_page div#list_area p.hd {
	padding: 40px 0 0;
}
body#multi_page div#list_area p#viseo {
	width: 620px;
	margin: 0;
	padding-top: 10px;
	border: 0;
}


/* Graphicページ ---------- */

body#graphic_page div#head_area ul li {
	margin-right: 0;
}

body#graphic_page div#head_area ul li.tonecurveeditor {
	margin-bottom: 9px;
}
body#graphic_page div#head_area ul li.vgp {
	margin-right: 9px;
	margin-bottom: 9px;
}


/* Standardページ ---------- */

body#standard_page div#main ul.anchor {
	padding: 20px 0 0 150px;
}

body#standard_page div#main ul.anchor li {
	float: left;
	border-left: 1px solid #e5e5e5;
}
body#standard_page div#main ul.anchor li.standard {
	border-left: 0;
}

body#standard_page div#main ul.anchor li a {
	outline: none;
}

body#standard_page div#list_area {
/*	margin: 20px 0 0;	101227*/
}

body#standard_page div#list_area p.hd {
	padding: 40px 0 6px;
}
body#standard_page div#list_area p#standard {
	padding: 10px 0 6px;
}


/* Publicページ ---------- */

body#public_page div#head_area ul li {
	margin-right: 0;
}
body#public_page div#head_area ul li.example {
	padding-top: 10px;
	padding-right: 10px;
}
body#public_page div#head_area ul li.viseosmart {
	padding-top: 10px;
}


/* ページ下部　関連情報 ---------- */

div.related {
	margin: 16px 0;
	padding: 4px 0 4px 52px;
	border: 1px solid #cbcbcb;
	background-color: #ededed;
}

div.related dl img {
	display: block;
}

div.related dl {
	background: url(../image/related_border.gif) repeat-y 105px 0;
}

div.related dl dt {
	float: left;
	width: 52px;
	margin-right: 77px;
	padding: 16px 0;
}

div.related dl dd {
	margin: 0;
	padding: 16px 0;
}

div.related dl dd a {
	outline: none;
}





/* ---------------------------------------------------
	製品を探す：商品詳細ページ
--------------------------------------------------- */

body.detail_page {
}

body.detail_page div#main {
	padding-top: 25px;
}



/* ------------------------------------
	共通項目
------------------------------------ */

/* ヘッダー ------------- */

div#head_area {
	width: 620px;
	margin: 12px 0 0;
	color: #666;
}

div#head_area table.spec {
	width: 256px;
	margin: 0 0 0 20px;
	border-collapse: collapse;
}

div#head_area table.spec th {
	padding: 6px 3px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
body.multi_page div#head_area table.spec th { background-color: #a976c2;}
body.graphic_page div#head_area table.spec th { background-color: #707070;}
body.standard_page div#head_area table.spec th { background-color: #447944;}
body.public_page div#head_area table.spec th { background-color: #2359b3;}

div#head_area table.spec td {
	padding: 6px 7px;
}

div#head_area table.spec th,
div#head_area table.spec td {
	border-bottom: 1px solid #ececec;
}
div#head_area table.spec tr.last th,
div#head_area table.spec tr.last td {
	border-bottom: 0;
}

div#head_area ul.btn {
	width: 209px;
	margin: 0 0 0 30px;
	padding: 2px 0 6px 7px;
	background: url(../image/detail_btn_bg.gif);
}

div#head_area ul.btn li {
	float: left;
	padding: 5px 5px 0 0;
}

div#head_area ul.btn123 {
	width: 258px;
	padding: 0 0 6px 6px;
}

div#head_area ul.btn123 li {
	float: left;
	padding: 6px 6px 0 0;
}

div#head_area ul.btn li a {
	outline: none;
}

/* 商品概要アイコン */

body.detail_page div#container div#main div#head_area ul.icon {
	clear: left;
	padding: 9px 0 0 29px;
}

body.detail_page div#container div#main div#head_area ul.icon li {
	float: left;
	padding-right: 8px;
}

/* 外部リンクエリア */

div#head_area .link_area {
	width: 274px;
	margin: 0 0 0 30px;
}

div#head_area .link_area .article {
	width: 274px;
	margin: 10px 0 0;
	background: #ececec;
}

div#head_area .link_area .article a {
	display: block;
	padding: 10px 12px;
}

div#head_area .link_area .article span.content {
	display: block;
	float: right;
	width: 185px;
	padding: 2px 0 0;
}

div#head_area .link_area .article span.link {
	display: block;
	padding: 0 0 0 12px;
	background: url(../../../common/image/list_arrow_gray.gif) no-repeat 0 5px;
	text-decoration: underline;
}
div#head_area .link_area .article a:hover span.link {
	text-decoration: none;
}

div#head_area .link_area .article span.img {
	display: block;
	float: left;
	width: 50px;
}


/* タブ ------------- */

ul.tab {
}

ul.tab li {
	float: left;
}

ul.tab li a {
	outline: none;
}


/* コンテンツブロック ------------- */

div#contents_body {
	width: 620px;
	padding: 8px 0;
	color: #333;
	background: url(../image/detail_body_bg.gif);
}

div#contents_body .txt12 { line-height: 1.5;}
div#contents_body .txt10 { line-height: 1.6;}

div#contents_body div.block_wrap {
	margin: 0 8px;
	padding: 0 15px 20px 15px;
	border: 1px solid #d3d3d3;
	background-color: #fff;
}

div#contents_body div.block sup {
	white-space: nowrap;
}


/* 下部メリットアイコン ------------- */

div.foot_icon {
	width: 602px;
	margin: 30px 0 0;
	padding: 11px 0;
	border: 9px solid #ececec;
}

div.foot_icon ul {
	padding: 0 0 0 24px;
}

div.foot_icon ul li {
	float: left;
	padding-right: 24px;
}

div.foot_icon ul li a {
	outline: none;
}



/* ------------------------------------
	機能説明
------------------------------------ */

body#detail_function_page {
}

body#detail_function_page div#contents_body div.block_wrap {
	padding-top: 20px;
}

body#detail_function_page div.block_set {
	width: 572px;
	padding: 16px 0;
	border-top: 1px solid #d9d9d9;
	background: url(../image/detail_func_border.gif) repeat-y 285px 0;
}
body#detail_function_page div.block_set.first {
	padding-top: 6px;
	border-top: 0;
}

body#detail_function_page div.block_set div.block.left {
	float: left;
	width: 266px;
	margin: 0;
	padding: 0 15px 0 5px;
}

body#detail_function_page div.block_set div.block.right {
	float: left;
	width: 271px;
	margin: 0;
	padding: 0 0 0 15px;
}

body#detail_function_page div.block_set div.block h5 {
	line-height: 1.833;
	padding: 0 0 0 30px;
	font-weight: bold;
}
body#detail_function_page div.block_set div.block.base h5 {
	color: #990066;
	background: url(../image/detail_func_icon_base.gif) no-repeat;
}
body#detail_function_page div.block_set div.block.image h5 {
	color: #663399;
	background: url(../image/detail_func_icon_image.gif) no-repeat;
}
body#detail_function_page div.block_set div.block.eco h5 {
	color: #268236;
	background: url(../image/detail_func_icon_eco.gif) no-repeat;
}
body#detail_function_page div.block_set div.block.support h5 {
	color: #ff6600;
	background: url(../image/detail_func_icon_support.gif) no-repeat;
}

body.public_page div#contents_body div.block_set div.block h5 {
	padding: 0;
	color: #5658a6;
}

body#detail_function_page div.block_set div.block p.desc {
	padding: 8px 0 0;
	color: #666;
}



/* ------------------------------------
	仕様
------------------------------------ */

body#detail_spec_page {
}

/* 生産終了モデル */
body.detail_page div.endmodel div#main {
	float: none;
	margin: 0 0 0 73px;
	padding-left: 0;
	background: none;
}
body#detail_spec_page div.endmodel div#contents_body div#spec_area h5 {
	padding-top: 0;
}



body#detail_spec_page div#contents_body div.block_wrap {
	padding-top: 15px;
}

body#detail_spec_page div#contents_body div#spec_area h5 {
	padding: 12px 0 0;
}

body#detail_spec_page div#contents_body div#spec_area p.note {
	padding: 0 15px 0 0;
}

body#detail_spec_page div#contents_body div#spec_area p.btn_preset {
	padding: 8px 15px 0 0;
	text-align: right;
}

body#detail_spec_page div#contents_body div#spec_area p.pagetop {
	width: 572px;
	padding-bottom: 0;
}

body#detail_spec_page div#contents_body div#size_area,
body#detail_spec_page div#contents_body div#connection_area {
	margin-top: 8px;
}

body#product_spec div#note_area,
body#detail_spec_page div#note_area {
	padding: 30px 0;
	color: #333;
}
body#detail_spec_page div#note_area p span img {
	position: relative;
	top: 1px;
	padding-right: 3px;
}


/* 仕様表 */

body.detail_page table.specTable {
	margin-top: 1px;
	margin-bottom: 6px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #a09b9a;
	font-size: 10px;
}
* html body.detail_page table.specTable {
	margin-top: 0;
}

body.detail_page table.specTable tr.coloring th,
body.detail_page table.specTable tr.coloring td {
	background-color: #f6f7f7;
}

body.detail_page table.specTable th,
body.detail_page table.specTable td {
	padding: 3px 5px;
	border-bottom: 1px solid #a09b9a;
	border-left: 1px solid #a09b9a;
	text-align: center;
}
body.detail_page table.specTable th {
	border-left: 0;
}

body.detail_page table.specTable th {
	white-space: nowrap;
}



/* ------------------------------------
	取扱説明書ダウンロード
------------------------------------ */

body#detail_manual_page {
}

body#detail_manual_page div#container div#main h4 {
	padding: 22px 0 10px;
}

body#detail_manual_page div#container div#main div.set {
}

body#detail_manual_page div#container div#main div.set p.tit {
	padding: 0 0 12px;
}

body#detail_manual_page div#container div#main div.set p.txt {
	line-height: 1.8;
	padding: 0 0 22px 12px;
	color: #333;
}

body#detail_manual_page div#container div#main div.set ol {
	padding: 0 0 9px 29px;
}

body#detail_manual_page div#container div#main div.set ol li {
	line-height: 1.8;
	padding: 0 0 16px;
	list-style: decimal;
	color: #333;
}

body#detail_manual_page div#container div#main div.btnArea {
	width: 620px;
	padding: 0 0 0;
	margin: 0 0 27px;
	background: url(../image/manual_btn_bg.gif);
}

body#detail_manual_page div#container div#main div.btnArea p {
	display: block;
	float:left;
}

body#detail_manual_page div#container div#main div.btnArea p.btn1 {
	padding: 15px 10px 15px 111px;
}

body#detail_manual_page div#container div#main div.btnArea p.btn2 {
	padding: 15px 0;
}