@charset "utf-8";
@import url(base.css);

/*--------------------------------------
  Layout Base Style Sheet
  Made by MASAKI http://www.ninemiles.net/
  2006-05-28

  - 共用ID, クラス
  - ページ毎の個別ID, クラス
  
  I.E用設定は別途用意
---------------------------------------*/

hr {
    clear: both;
	border: 0;
	border-top: 1px solid #808080;
	height: 1px;
}

table {
	margin: 5px 0 0 5px;
}

caption {
	font-size: 100%;
	padding-bottom: 5px;
}

th {
	background-image: url(img/th_bg.jpg);
	background-repeat: no-repeat;
	padding : 5px 0.3em;
	vertical-align: top;
}

td {
	padding : 5px 0.3em;
}

a.nolines, a img {
	border: 0 !important;
	background: transparent !important;
}

em {
	color: #264066;
	background-color: #fff8e6;
}

kbd, kbd a {
	font-size: 95%;
	color: #ffffff !important;
	border-bottom: 0 !important;
}


/*****************************
        共用ID, クラス
 *****************************/

/* ヘッダ */
div#head_title {
	background-image: url(img/header.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	width: 100%;
	height: 180px;
	text-align: left;
}

h1#title {
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	height: 50px;
}

h1#title a {
	display: block;
	height: 180px;
	width: 500px;
	background: transparent;
	border: 0;
}

/* コンテンツ全体 */
#mainbox {
	margin: 0 auto 0;
	width: 90%;
	padding-bottom: 20px;
	min-width: 700px;
	min-height: 350px;
/*	overflow: auto;*/
}

/* 左コラム */
#left {
    position: absolute;
	top: 230px;
	width: 180px;
	overflow: auto;
	font-size: 90%;
}

#left p {
	line-height: 1.3;
}

#left ul {
	margin: 0 0 0 3px;
	padding: 0;
}

#left li {
	list-style-type: none;
	background-image: url(img/ico_camera.png);
	background-repeat: no-repeat;
	line-height: 1.4;
	margin-bottom: 7px;
	padding-left: 22px;
	font-size: 85%;
	position: relative!important;
}

#left ul.link li {
	background-image: url(img/ico_link.png);
}

/* 右コラム */
#right {
	/*clear: right;*/
	margin-top: 30px;
	margin-left: 195px;
	overflow: auto;
	min-width: 600px;
	padding: 1px;
}

p#top_ph {
	width: 100%;
	overflow: hidden;
}

/* サブカテゴリブロック */
div#bl_subcategory {
	clear: both;
	margin-bottom: 20px;
}
div#bl_subcategory div {
	margin-bottom: 0.5em;
}

/*サブカテゴリ検索結果一覧*/
div#sub_category_summary {

}

/* コピーライトなど */
#address, p#copyright {
	text-align: center;
	font-size: 75%;
	line-height: 1.3;
}

#address {
	clear: both;
	font-style: normal;
	padding-top: 30px;
}

.glay {
	background-color: #808080;
	color: #ffffff;
	text-align: center;
}
.glay2 {
	background-color: #f9f9f9;
}

/* ページネーション */
#page {
	padding: 8px;
	float: right;
	margin-right: 0;
	font-size: 80%;
}
#page a, #page span {
	display: block;
	padding: 4px;
	margin-left: 2px;
	float: left;
	border: 1px solid #aa5555;
}

#page span {
	color: #ffffff;
	background-color: #aa5555;
}

.indent_p {
	margin-left: 1em;
	margin-bottom: 2em;
}

/* ヘディングタイトル */
.lined_h {
	font-size: 100%;
	border: 1px solid #d3aeab;
	border-width: 1px 0 1px 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1em;
}


/*****************************
        個別クラス, ID
 *****************************/

/* サブメニュー */ 
div#submenu {
	position: absolute;
	top: 180px;
	right: 0;
}

div#submenu ul {
	margin: 0;
	padding: 0;
}

div#submenu ul li{
	background-image: url(img/submenu_bg.png);
	background-repeat: no-repeat;
	text-align: center;
	list-style-type: none;
	width: 110px;
	height: 24px;
	float: right;
	display: block;
	font-size: 90%;
	font-weight: bold;
}

div#submenu ul li a {
	display: block;
	padding: 5px;
	border-bottom: 0 !important;
}

div#submenu ul li div {
	padding: 5px;
	background: #606060;
	color: #ffffff;
}


/* トップ：挨拶文 */
p#greeting {
}

/* 左ブロック：H4 */
h3.left_h3 {
	background-repeat: no-repeat;
	height: 27px;
	margin-top: 0;
	text-indent: -1000px;
}

/* 左ブロック：H4：商品在庫メニュー */
h3.left_h3.goodsmenu {
	background-image: url(img/left_h2_goodsmenu.png);
}

/* 左ブロック：H4：商品在庫メニュー */
h3.left_h3.link {
	background-image: url(img/left_h2_link.png);
	margin-top: 20px;
}

/* 最新入荷情報 */
h2#news,h3#news {
	background-image: url(img/top_h3_bg.png);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 30px;
}

/* 商品一覧表示時のヘディング */
h3#search_h3, h3#head_3 {
	margin-top: 20px;
}

/* 商品一覧表 */
table#goods_table {
	clear: left;
	font-size: 80%;
	width: 98%;
}

/* 画像セル */
td.ph {
	width: 72px !important;
	text-align: center;
}

/* 価格セル */
td.price {
	text-align: right;
	width: 6em;
	padding-left: 0.1em;
}

/* 評価セル、購入セル */
td.link, td.gstatus, td.order, td.stock, td.date {
	text-align: center;
}

td.link {
	width: 4em;
}

td.stock {
	width: 4em;
	padding-left: 0.1em;
	padding-right: 0.1em;
}

td.gstatus {
	width: 3.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

td.date {
	width: 6em;
}

/* 評価説明 */
/* 全体囲み */
#statusblock {
	min-width: 600px;
	margin-bottom: 20px;
}

div.status_note {
	font-size: 75%;
	float: left;
	margin: 0 10px 15px 5px;
}

div.status_note img {
	margin-right: 3px;
}

p#note {
	clear: left;
	text-indent: 27px;
	font-size: 90%;
}

/* new */
.new {
	font-size: 80%;
	color: #ffffff;
	background-color: #ba5050;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 3px;
}

/* 備考 */
.remark{
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	background-color: transparent!important;
}

/* 備考 2009-03-13(金) */
div#qTip {
	padding: 5px;
	border: 1px solid #999999;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background: #fffcb5;
	color: #000000;
	font-size: 80%;
	line-height: 1.4;
	max-width: 300px;
	text-align: left;
	position: absolute;
	z-index: 1000;
}

/* 送料の備考 */
.remark2{
	cursor: pointer;
	color: #c21212;
	border-bottom: 1px dotted #aa5555;
}
#tipul {
	font-size: 80%;
	text-align: left;
	margin: 0;
	list-style-type: none;
}

/* オーダーフォーム */
table#orderform {
	clear: left;
	font-size: 85%;
}

table#orderform th {
	width: 100px;
}

table#orderform td {
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.3;
}

#maker1, #maker2, #maker3 {
	width: 70px;
}

input[disabled="disabled"] {
	background-color: #cccccc !important;
	color: #aaaaaa;
}

/* 重複注文時 */
#caution {
	font-weight: bold;
	background-color: #ffdf00;
	text-align: center;
}

/* 査定フォーム・振込み通知フォーム */
table#assessform, #reportform {
	font-size: 85%;
}

table#assessform th {
	width: 70px;
}

/* 品名・評価セル */
table#assessform th.short {
	width: 45px;
}

table#assessform td, #reportform td {
	padding-top: 3px;
	padding-bottom: 3px;
}

#reportform td small {
	font-size: 90%;
}

/* 会社概要 */
table#outline, #contact {
	font-size: 85%;
	margin-bottom: 20px;
}

table#outline th, #contact th {
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	line-height: 1.2;
}

table#outline td, #contact td {
	padding-top: 3px;
	padding-bottom: 3px;
}
#contact td {
	line-height: 1.4;
}

#map {
	border: 1px solid #808080;
	padding: 0;
	width: 552px;
	height: 402px;
}
#map img {
	
	width: 550px;
	height: 400px;
}
#map div {
	font-size: 14px;
}
#map div em {
	font-size: 18px;
}


/* カウンタ */
#counter {
	font-weight: bold;
}

/* 校正用のお知らせ */
#bymsk {
	font-size: 80%;
	background-color: #fffef4;
	padding: 5px;
	border: 1px solid #909090;
}

/* 新着情報 */
h2#shopnews {
	background-image: url(img/top_h3shopnews_bg.png);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 30px;
}

ul#info {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#info li {
	line-height: 1.4;
	margin: 0 0 1em 0;
	padding: 0 10px 10px;
	font-size: 90%;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 8px;
}

/* 更新日付 */
ul#info li em.date {
	background-color: #f0f0f0;
	color: #303030;
	padding: 2px;
	padding-left: 0.5em;
	margin-bottom: 5px;
	margin-left: -10px;
	margin-right: -10px;
	display: block;
	font-size: 80%
}

ul#info li big {
	font-size: 125%;
}
ul#info li small {
	font-size: 80%;
}

ul#info li em.date big {
	font-weight: bold;
}