@charset "EUC-JP";
@import "_init.css";
@import "_common.css";

body
{
}

ul.cartButton
{
	list-style : none;
}

object,
#newProduct
{
	margin-left : 20px;
}

ul.cartButton li
{
	float : left;
	margin-right : 0.5em;
}

ul.button
{
	padding : 1em 0px 3em;
	clear: both;
	position: relative;
}

ul.button li
{
	list-style: none;
	height: 20px;
}

ul.button .prev
{
	position: absolute;
	left: 20%;
}

ul.button .next
{
	position: absolute;
	left: 50%;
}

ul.button .center
{
	text-align: center;
}

thead th
{
	background : #828282;
	color : #fff;
	padding : 0.5em;
	text-align : left;
}


.pageInfo
{
	/*clear : both;*/
	padding-bottom : 0.5em;
	width: 90%;
}

.pageInfo .viewPage
{
	/*float : left;*/
}

.viewType
{
	text-align : left;
}

.viewType a
{
	font-size: 95%;
	margin-right: 5px;
}

.viewType dt
{
	display : inline;
}

.viewType dd
{
	display : inline;
	padding-right : 5px;
}

.pageNavi
{
	position: relative;
	z-index: 100;
	/*clear : both;*/
	text-align : left;
	margin-top : 2px;
	padding-bottom : 10px;
	width: 500px;
}


.resultTableWithoutPict
{
	border-collapse : collapse;
	margin : 0em 0em 1em;
	width: 100%;
}

.resultTableWithoutPict thead th
{
	padding : 0.5em;
	background : #828282;
	color : #fff;
	border-left : 1px solid #d7d7d7;
	text-align : center !important;
}

.resultTableWithoutPict td
{
	padding : 0.5em;
	border : 1px solid #d7d7d7;
	vertical-align : bottom;
}

.odd
{
	background : #f7f7f7;
}

.even
{
	background : #e1e1e1;
}


.priceCol
{
	/*text-align : right;*/
	white-space: nowrap;
	/*width: 13em;*/
}

.codeCol
{
	width : 6em;
}

.resultTableWithPict
{
	margin: 0em 0px 0.5em;
	width: 100%;
}

.resultTableWithPict .pictCol
{
	width: 5% !important;
}

.resultTableWithPict .dataCol
{
	width: 95%;
}

.resultTableWithPict table
{
	width: 100%;
}

.resultTableWithPict .priceCell
{
	white-space: nowrap;
	width: 50%;
}

.resultTableWithPict .brandCell
{
	width: 50%;
}

.resultTableWithPict th
{
	text-align : left;
	background : #d7d7d7;
	color : #333;
	padding : 0.2em 0.5em;
	vertical-align : top;
}

.resultTableWithPict .productName
{
	font-weight: bold;
}

.resultTableWithPict td
{
	padding : 0.5em;
	vertical-align : top;
	background: #fff;
}

.resultTableWithPict table th
{
	padding : 0.1em 0.5em !important;
	background : transparent !important;
	font-weight : normal;
	color : #333;
}

.resultTableWithPict table td
{
	padding : 0.1em 0.5em !important;
}

.resultTableWithPict td p
{
	margin-left : 0.5em;
}

.pictCol
{
	width: 15%;
}

.dataCol
{
	width: 85%;
}
.resultOnlyPict
{
}

.resultOnlyPict ul
{
	list-style : none;
	float : left;
	margin-left: 10px;
	margin-bottom : 20px;
	margin-right: 10px;
	height : 20em;
	width : 130px;
	background: #fff;
	border: 1px solid #999;
}

.resultOnlyPict li
{
	margin: 0px 5px;
	font-size: 90%;
	word-break: break-all;
}


.resultOnlyPict a img
{
	margin: 5px auto auto 22px;
}
.productImages
{
	width : 180px;
	float : left;
	margin-bottom : 1em;
	padding : 20px;
	padding-top: 0px;
}

.productImages div
{
	margin-top : 0.5em;
}

.productImages p
{
	letter-spacing: normal;
	width: 180px;
}

.productSpec
{
	float : left;
	width: auto;
}

.productSpec table
{
	border-collapse : collapse;
	margin-top: 10px;
	width: 90%;
}

.productSpec > table
{
	width: auto;
}

.productSpec table th
{
	text-align : left;
	padding : 1em 0.5em 0.2em;
	border-bottom : 1px dashed #999;
	white-space: nowrap;
	width: 7em;
}

.productSpec table td
{
	padding : 1em 0.5em 0.2em;
	border-bottom : 1px dashed #999;
}

.productSpec form
{
	background : #d7d7d7;
	padding : 10px 10px 20px;
	margin : 2em 0.5em;
}

.isNew
{
	margin-bottom : 2px;
}

.isNew img
{
	vertical-align: baseline;
}

#navi
{
	position : absolute;
	top : 40px;
	right : 10px;
}

#navi ul
{
	text-align: right;
}

#navi li
{
	display : inline;
	margin-right : 5px;
}

#cartTable,
#priceTable,
#personTable
{
	width: 100%;
}

#cartTable thead th
{
	background : #828282;
	color : #fff;
	padding : 0.5em;
	text-align : left;
}

#cartTable td
{
	padding : 0.5em;
	border-bottom : 1px solid #d7d7d7;
}

#cartTable .pictCol
{
	width: 70px;
}

#cartTable .productCol
{
}

.qtyCol
{
	width : 4em;
}

.removeCol
{
	width : 4em;
}

#priceTable 
{
}

#priceTable th
{
	text-align : right;
	padding : 0.5em;
}

#priceTable em
{
	font-size : 120%;
}

#priceTable td
{
	width : 9em;
	text-align : right;
	padding : 0.5em;
}


div.button
{
	text-align : right;
	margin : 1em 0em;
}

div.button input
{
	margin-right : 1em;
}

#personTable
{
	border-bottom : 1px solid #d7d7d7;
}

#personTable tbody th
{
	text-align : left;
	width : 10em;
	padding : 0.5em;
}

#personTable td
{
	padding : 0.5em;
}

span.require
{
	color : #c33;
	padding-left : 0.5em;
}

span.no-require
{
	padding-left: 1em;
}

.doneMessage
{
	margin : 2em;
	text-align : center;
}

.doneMessage p
{
	text-align : center;
}

.errorMessage
{
	color : #c33;
}



.displayRank
{
	margin-left : 20px;
}

.displayRank dt,
.displayRank dd
{
	display : inline;
}

.displayRank dd
{
	margin-right : 5px;
}

.noData
{
	margin : 5em 0em;
	text-align : center;
}

.viewCart
{
	margin : 0px;
	padding-right : 20px;
	text-align : right;
}

#flash
{
	width : 600px;
}

.information
{
	border : 1px solid #b5b5b5;
	padding : 1px;
	margin-left : 20px;
	margin-bottom: 10px;
	width: 360px;
}

.information ul
{
	margin : 1em;
	list-style : none;
}

.information li
{
	list-style : none;
	margin-bottom : 0.5em;
	word-wrap: break-word;
	word-break: break-all;
}

.information .date
{
	color : #666;
}

.board
{
	margin-left : 10px;
	padding : 1px;
	border : 1px solid #b5b5b5;
	width: 238px;
}

.board img
{
	padding : 5px;
	float: left;
}

.board .text
{
	padding : 5px;
	word-wrap: break-word;
	word-break: break-all;
}

.information .header,
.board .header
{
	background : #828282;
	color : #fff;
	margin-bottom : 5px;
	padding : 0.2em 0.5em;
}

.noSearch
{
	position : absolute;
	left : 700px !important;
}

.member
{
	margin : 0em 20px 2em;
}

.guest
{
	margin : 0em 20px 0em;
}

.member p.login,
.guest p.login
{
	background : #d7d7d7;
	font-weight : bold;
	padding : 0.2em 0.5em;
	margin-bottom : 1em;
	width: 98%;
}
.loginTable th
{
	text-align : left;
	padding : 0.2em;
}

.loginTable td
{
	padding : 0.2em;
}

.logined
{
	position : absolute;
	left : 540px !important;
}

.accounting
{
	margin-top : 2em;
}

.accounting ul
{
	margin : 0px 20px;
	padding : 5px 0px;
	list-style : none;
	background : #f7f7f7;
}

.accounting table
{
	margin : 0em 10px 2em;
}

.accounting td
{
	padding : 0.5em;
}

#bottom
{
	background : #0a50a1;
	margin : 10px 0px 10px;
}

#bottom table
{
	float : left;
	width : 250px;
	margin : 5px;
	padding : 5px;
	background : #ebebeb;
	font-size: 90%;
}

#bottom ul
{
	padding: 5px 0px;
	height: 11em;
}

#bottom li
{
	list-style : none;
	word-break: break-all;
}

#bottom .price
{
	margin : 5px 10px 0px;
	color : #fff;
	letter-spacing : -1px;
	width: 90%;
}

#bottom .image
{
	width : 75px;
	padding-left : 5px;
	padding-top : 5px;
}

.brandCategoryTable
{
	margin : 0em 20px;
}

.brandCategoryTable td
{
	padding : 0.2em 0.5em;
	vertical-align: top;
}

.brandCategoryTable td a
{
	font-size: 90%;
}
.layoutTable td
{
	vertical-align: top;
}

.beforePrice
{
	text-decoration: line-through;
}

.index
{

}

.cartButton
{
	clear: both;
	padding: 5px;
	text-align : right;
}

.topMessage
{
	margin: 0em 5px 1em;
}

.pdfTable
{
	margin: 0em 10px 0.5em;
	background: #fff;
}

.pdfTable td
{
	padding: 0.5em;
}

#personTable th
{
	white-space: nowrap;
}

.loggedMessage
{
	color: #c33;
	margin: 0.5em;
}

/* mac ie5 hack \*/
optgroup option
{
	margin-left: 1em;
}
/* end */

#outlet-message
{
	position: absolute;
	top: 150px;
	left: 450px;
	font-size: 95%;
	width: 350px;
}

.strike-through
{
	text-decoration: line-through;
}