/*
 * Copyright(C) 2005, 2006
 * SHARP SYSTEM  PRODUCT Co, Ltd. 
 * CSK   Systems Corporation, Japan.
 * All rights reserved.
 * 
 * $Id: global.css,v 1.1 2006/04/12 07:35:46 cvsuser Exp $
 */
body {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height:125% ;
}
td {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height:125% ;
}

/* エラーメッセージ用 */
.error {
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	background-color: #FFFEB5;
	padding: 8px;
	border: 1px solid #CC0000;
}
/* 上部タイトル用 */
.pageTitle {
	font-weight: bold;
}
/* リンク設定 */
a {
	font-weight: normal;
	color: #000099;
	text-decoration: underline;
}
a:hover {
	font-weight: normal;
	color: #D60031;
	text-decoration: underline;
}
a.normal {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.navi {
	font-size: 15px;
	color: #666666;
}
a.navi {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a:hover.navi {
	font-weight: normal;
	color: #D60031;
	text-decoration: none;
}
a.gray {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a:hover.gray {
	font-weight: normal;
	color: #D60031;
	text-decoration: none;
}
/* テーブル関連 */
.table01 {
	border-spacing: 0px;
	border: 1px solid #666666;
	padding: 0px;
}

/* header,footer用ライン */
.hederLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3B5377;
}
/* 共通画面リスト用 */
.listCommon {
	background-color: #FFE6B8;
	border: 1px solid #666666;
	padding: 2px;
	text-align: center;
}
.listCommonWhite {
	background-color: #FFF5D4;
	border: 1px solid #666666;
	padding: 2px;
}
.listCommonBrown {
	background-color: #FACF9B;
	border: 1px solid #666666;
	padding: 2px;
	text-align: center;
}
/* ログイン画面リスト用 */
.loginT {
	height: 300px;
	background-color: #EBEBEB;
	border: 1px solid #666666;
	text-align: center;
	vertical-align: middle;
}
.smallT {
	height: 100px;
	border: 1px solid #666666;
	text-align: center;
	vertical-align: middle;
}

/* メイン画面用 */
#outlinebox {
	MARGIN-LEFT: 20px;
}

#inlinebox {
	MARGIN-LEFT: 20px; 
}

#outlineboxTop {
	MARGIN-LEFT: 10px;
}

/* ID,PW忘れ画面 */
#inlinebox2 {
    MARGIN-LEFT: 120px;
}

#header {
	WIDTH: 760px
}
#header TD {
	BACKGROUND-IMAGE: url(header_b.gif)
}

.header_right {
	PADDING-RIGHT: 22px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}

/* サイドメニュータイトル */
h3.sidetit{
	padding:0px;
	padding-left:5px;
	border-left:4px solid #66A;
	font-size:small;
}

/* サイドメニューのリスト*/
li.sidelist{
	list-style-image: url("arrow010.gif");
	font-size:small;
	padding:0px; margin:0px;
	line-height:1.2;
	margin-left: 0px;
}

.sidetd{
	font-size:small;
	padding:1px; margin:1px;
	line-height:1.2;
	margin-left: 0px;
}

/* おすすめポイント */
h3.recommend{
	border-left:5px solid #F63;
	padding:5px;
	margin-top:5px;
	font-size:medium;
}

/* おすすめポイント(製品特長） */
h3.recommend-main{
	border-left:5px solid #F63;
	padding:5px;
	font-size:small;
}

/* 特長サブタイトル */
h3.recommend-sub{
	padding:5px;
	font-size:small;
	text-indent:10px;
	background-image: url("main_poi.gif");
	background-repeat:no-repeat;
	background-position:0 0px;
}



/* おすすめポイントリスト */
ul.point{
	padding:0px;
	margin-left:20px;
	margin-top:3px;
	}
/* おすすめポイントリスト（リンクあり） */
li.point_on{
	list-style-image: url("main_poj.gif");
	font-size:small;
	padding:3px 0 3px 0; margin-top:0; 
}
/* おすすめポイントリスト（リンクなし） */
li.point_off{
	list-style-image: url("main_poi.gif");
	font-size:small;
	padding:3px 0 3px 0; margin:0;
}

/* ページトップ遷移用 */
.st{
	font-size:10px;
}

/* 項目タイトル */
h2.prdtitle{
	font-weight:bold;
	font-size:medium;
    margin-bottom:15px;
	padding:5px;
	color:#FFF;
	background-color:#555;
}

td.srdtitle{
	font-weight:bold;
	font-size:medium;
	padding:5px;
	color:#FFF;
	background-color:#555;
}



/* 横軸点線(ラインアップ) */
.sideleft{ border-right:1px dashed #BBB; }
.sideright{ border-left:1px dashed #BBB; }

/* 更新日時(ラインアップ) */
.update{
	text-align:right;
	color:#666;
	font-size:small;
}

/* HRで点線 */
hr.dotline {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dashed #CCC;
	color:#FFF;
	background-color:#FFF;
 }


/* ------------------------------------ */
/* 商品リストページ*/
/* ------------------------------------ */

/* サブカテゴリー */
h2.subcategory{
	padding:10px;
	margin-top:10px;
	margin-bottom:15px;
	font-size:large;
	color:#fff;
	background-color:#555;
}

/* サブカテゴリー */
h2.subcategorylineup{
	padding:10px;
	margin-bottom:15px;
	font-size:large;
	color:#fff;
	background-color:#555;
}

/* 商品名 */
h4.list-itemname{
	padding:8px;
	margin-bottom:6px;
	font-size:medium;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-left: 5px solid #555;
}
/* NEWマーク */
.list-itemname .new{
	font-size:small;
	padding:3px;
	background-color:#F00;
	color:#fff;
	border:1px solid #FFF;
	line-height:180%;
}

h2.itemname .new{
	font-size:small;
	margin-left:3px;
	padding:1px 3px 1px 3px;
	background-color:#F00;
	color:#fff;
	border:1px solid #FFF;
}

h2.prdtitle .new{
	font-size:small;
	padding:2px;
	background-color:#F00;
	color:#fff;
	border:1px solid #FFF;
}

/* 価格 */
.list-price{
	padding-bottom:5px;
	border-bottom: 1px dashed #BBB;
	margin-bottom:10px;
}

.list-price-no{
	padding-bottom:1px;
	margin-bottom:1px;
}

/* ページトップへ */
.list-pagetop{
	text-align:right;
	margin-top:15px;
	margin-bottom:10px;
}

/* ページトップへ */
.pagetop { 
	font-size:70%;
}

/* ------------------------------------ */
/* 商品詳細トップ*/
/* ------------------------------------ */

/* 商品名 */
h2.itemname{
	margin:0 0 0 0;
	padding:10px;
	font-size:large;
	color:#fff;
	background-color:#555;
	display:block;
	border:none;
}
/* 検索一覧ページナビゲーション用 */
.search-result{
	font-size:small;
	padding:5px;
	text-align:right;
	margin:2px;
}
.search-words{
	font-size:90%;
	margin:0px;
}
.keyword{
	color:#FF6600;
	font-weight:bold;
}
.sideleft select{
	font-size:small;
}


/* ページ内ナビゲーション */
table#toptable{
	border:1px solid #CCC;
	font-size:x-small;
	margin-bottom:1px;
}

table#topComtable{
	background-color:#999;
	font-size:x-small;
	margin-bottom:15px;
}
table#tableFull td{
	border: 0px; 
	height: 100%;
}

.tableFull {
	border: 0px; 
	height: 100%;
}

#pdftable {
	margin-top:10px;
}
#pdftable p{
	margin:0 0 15px 0;
	font-size:small;
}

#toptable .pagename{
	font-size:large;
	border-bottom:1px dashed #CCC;
	padding-left:10px;
	padding-bottom:5px;
	margin:5px 0 3px 0;
}
#toptable .item{
	padding-top:3px;
	padding-left:10px;
}

#topComtable .pagename{
	font-size:large;
	border-bottom:1px dashed #CCC;
	padding-left:10px;
	padding-bottom:5px;
	margin:5px 0 3px 0;
}
#topComtable .item{
	padding-top:3px;
	padding-left:10px;
}


/* カタログトップ画面 */
.ln {
	BACKGROUND-IMAGE: url(bg_unit0.gif)
}

.gry  {
	BACKGROUND-COLOR: #BFBFBF;
}

.wht {
	BACKGROUND-COLOR: #ffffff
}

.sp {
	BACKGROUND-IMAGE: url(spacer00.gif)
}

/* 画像ライブラリ画面用テーブル */
#gallerytable {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
#gallerytable TD {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
#gallerytable DIV {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
#gallerytable DIV.name {
	MARGIN-BOTTOM: 7px; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #eee
}

#imagetable  {
	BORDER-RIGHT: #999 0px solid; BORDER-TOP: #999 0px solid; BORDER-LEFT: #999 0px solid; BORDER-BOTTOM: #999 0px solid
}
#imagetable TD {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
#imagetable DIV {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#imagetable DIV.name {
	MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #eee
}


/* カテゴリー内中分類 */
/* 各カテゴリー（中分類）名 */
.smallAnchorFont{
	font-size:x-small;
	line-height:130%;
}

/* 製品単体トップ */
/* 製品画像のコメント */
.caption{
	font-size:small;
	text-align:left;
}

.anchorFont{
	font-weight: normal;
	border-bottom: 1px solid ;
}

/* 簡易仕様テーブル */
table.spectable{
	margin-bottom:5px;
}
table.spectable th{
	background-color:#FFF7EC;
	text-align:left;
	padding:2px 2px 2px 5px;
}
table.spectable td{
	padding:2px;
}
table.spectable .m{
	font-size:small;
}

/* 製品トップ用簡易仕様テーブル */
table.specProtable{
	background-color:#999999;
	margin-bottom:5px;
}
table.specProtable th{
	background-color:#FFF7EC;
	text-align:left;
	padding:2px 2px 2px 5px;
}
table.specProtable td{
	background-color:#FFFFFF;
	padding:2px;
}
table.specProtable .m{
	font-size:small;
}

table.specProtableIn{
	background-color:#999999;
}

table.specProtableIn th{
	background-color:#FFF7EC;
	text-align:center;
	padding:2px 2px 2px 5px;
}

table.specProtable .padin{
	padding:0px 0px 0px 0px;
}

table.specProtable .pad{
	background-color:#FFF7EC;
	text-align:left;
	padding:2px 2px 2px 5px;
}


/* 別売オプション/消耗品 */
h3.optit{
	padding:5px;
	padding-left:5px;
	border-left:4px solid #666; 
	border-bottom:1px solid #666; 
	font-size:90%;
	margin-bottom:10px;
	margin-right:15px;
}

h3.optit2{
	padding:5px;
	padding-left:5px;
	border-left:4px solid #666; 
	border-bottom:1px solid #666; 
	font-size:90%;
	margin-bottom:10px;
}

/* 検索ページ商品名 */
h4.search-itemname{
	padding:5px;
	margin-bottom:5px;
	font-size:small;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-left: 5px solid #555;
}

/* ストックルーム ヘッダー*/
#headerstock{
	width:760px;
}
	
#headerstock td{
	background-image: url(header_c.gif);
}

/* ストックルーム カテゴリー中分類画面 */
table.stock-m-table{
	margin-bottom:15px;

}

.stock-m-table td {
	padding:2px;
	text-align:left;
}

.stock-m-tit {
	margin:0px;
	margin-bottom:3px;
	font-size:90%;
	border-top:1px solid #666;
	border-left:4px solid #666;
	border-right:4px solid #666;
	border-bottom:1px solid #666;
	background-color:#F0F0F0;
	padding:4px;
}

.stock-m-year {
	font-size:85%;
}

/* 比較画面スクロール*/
div.scrlist_side{
	overflow-x:scroll;
	height:350px;
	width:605px;
	align:center;
}

div.scrlist_length{
	overflow-y:scroll;
	width:100px;
	height:350px;
	align:center;
}

.width{
	min-width:200px;
	max-width:200px;
}

div.width{
	min-width:200px;
	max-width:200px;
}


/* 比較一覧画面テーブル */
table div.name{
	background-color:#EEE;
	border-bottom:0px solid #999;
}

.pagename-ct{
	font-size:small;
	border-bottom:1px dashed #CCC;
	padding-left:10px;
	padding-bottom:5px;
	margin:5px 0 3px 0;
}


/* 検索ページ商品名 */
h4.search-itemname{
	padding:5px;
	margin-bottom:5px;
	font-size:small;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-left: 5px solid #555;
}
/* NEWマーク */
.search-itemname .new{
	font-size:x-small;
	padding:3px;
	background-color:#F00;
	color:#fff;
	border:1px solid #FFF;
}

h4.search-itemnameproduct{
	padding:3px;
	margin-bottom:1px;
	font-size:small;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-left: 5px solid #555;
}

/* キャッチコピー */
.itemcopy{
	font-size:small;
	line-height:120%;
}

/* 商品価格 */
.mainprice{
	margin-top:1em;
	font-size:small;
	font-weight:bold;
}

a:link{color:#000099;}
a:visited{color:#660099;}
a:active{color:#ff6633;}
a:hover{color:#ff6633;}

.tit{ font-size:150%; font-weight:bold;}

.navi { font-size:80%; text-align:right; color:#999;}

.navi a:link { color:#000; text-decoration:none}
.navi a:visited { color:#000; text-decoration:none}
.navi a:active{color:#f63; text-decoration:underline;}
.navi a:hover{color:#f63; text-decoration:underline;}

.stit { font-size:100%; color:#202020;  font-weight:bold;}

.breadcrumbs
{	font-size:80%;
	line-height:120%;
	color:#000000;}

.s{
	font-size:x-small;
	line-height:130%;
}

.mnew{
	font-size:small;
	line-height:130%;
	color:#000000;
}

.mnewkata{
	font-size:small;
	line-height:130%;
}

.normal
{ font-size:90%; line-height:130%;}
.s0
{ font-size:80%; line-height:125%;}
.s1
{ font-size:70%; line-height:125%;}

.sub
{ font-size:95%; margin-bottom:15px; margin-top:20px; padding:0px; border-bottom:1px dashed #CCC; color:#036; font-weight:bold;}

div.inquiry
{ margin-left:15px; }
.inquiry strong
{ font-weight:bold; padding:3px; color:#C00; }

ul
{ margin-left:0px; padding-left:15px; margin-top:0px;}

ol
{ margin-left:0px; padding-left:25px; margin-top:0px;}

ol ol
{ list-style-type:lower-roman}

p { margin-bottom:10px;}
p.browser { margin-bottom:0px;}

strong { color:#036;}
.caution { color:#CC0000}

.user { font-size:75%; color:#333; text-align:right; }

.pagetop { font-size:70%;}

#reference a:link{color:#222; text-decoration:none;}
#reference a:visited{color:#222; text-decoration:none;}
#reference a:active{color:#f63; text-decoration:underline;}
#reference a:hover{color:#f63; text-decoration:underline;}

#info a:link{color:#222; text-decoration:none;}
#info a:visited{color:#222; text-decoration:none;}
#info a:active{color:#f63; text-decoration:underline;}
#info a:hover{color:#f63; text-decoration:underline;}



/* Table */
.smallFont { 
	color: #000000; text-decoration: none; font-size: small;
}

.smallFont_bold { 
	font-weight: bold; color: #000000; text-decoration: none; font-size: small;
}

.bigFont { 
	font-weight: bold; color: #000000; text-decoration: none; font-size: 25px;
}
.ctglTitleFont { 
	font-weight: bold; color: #000000; text-decoration: none; font-size: large;
}
.searchBack { 
	font-weight: bold; color: #ffffff; text-decoration: none; 
}

.titleFont { 
	font-weight: bold; color: #000000; text-decoration: none; font-size: large;
}
.middleFont { 
	font-weight: bold; color: #000000; text-decoration: none; font-size: medium;
}

/* 製品比較一覧用 */
.commFont_list { 
	color: #000000; text-decoration: none; font-size: 13px;
}

.commFont_list_bold { 
	font-weight: bold; color: #000000; text-decoration: none; font-size: 13px;
}

.commFont_data { 
	color: #000000; text-decoration: none; font-size: 13px;
}

.commFont_data_bold { 
	font-weight: bold; color: #000000; text-decoration: none; font-size: 13px;
}

/* 製品特長おすすめポイントの行重なり対策 */
ul.point li{
	line-height:150%;
}

/* パンくずリスト*/
.breadcrumb td{
	font-size:small;
	color:#000000}

/* 製品単体トップの側テーブル(2006/04/14) */
table#itemtable { border:1px solid #666; }

/* WinIE・上付文字挿入時・文字サイズ「最大」で表示崩れが起こるのを回避する */

sup { line-height:200%;}