﻿@charset "UTF-8";


div#mainBody h2 {
	margin-right: 20px;
}

div.footer {
	margin-right: 20px;
	width: auto;
}

/*
-------------------------firstclass*/
table.itemListBox {
	margin-bottom: 10px;
	border-collapse: collapse;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	width: 750px;
}
table.itemListBox td {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	vertical-align: top;
}
table.itemListBox td.photo {
	vertical-align: middle;
	width: 120px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
table.itemListBox td.item {
	font-size: 14px;

}
table.itemListBox td h3 {
	font-size: 14px;
	margin-bottom: 5px;
}



/*
-------------------------secondclass*/
div.secondclass {
	margin-right: 20px;
}
ul.itemListSecondClass {
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 20px;
	float: left;
	width: 500px;
}
ul.itemListSecondClass li {
	list-style-type: none;
	padding-left: 30px;
	background-image: url(/images/item_secondclassListBg.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	line-height: 2;
}
ul.itemListSecondClass li.itemList {
	list-style-type: none;
	padding-left: 30px;
	background-image:none;
	background-position: 5px 8px;
	line-height: 2;
	font-size:12px;
	font-weight:normal;
}
div.makerBox {
	width: 190px;
	padding: 5px;
	border: 1px solid #000000;
	text-align: center;
	top: 0px;
	right: 10px;
	float: right;
}

ul.itemMaker {
	font-size: 12px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.itemMaker li {
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 10px;
	list-style-position: inside;
	line-height: 1.5;
}


/*
-------------------------thirdclass*/
div.itemListHead {
	margin-bottom: 20px;
	margin-left: 10px;
}
div.itemListPages {
	width: 60%;
	float: left;
}

ul.itemListNavi {
	margin-bottom: 5px;
	margin-top: 5px;
}
ul.itemListNavi li {
	display: inline;
	margin-right: 10px;
}
ul.itemListNavi li.pages {
	display: inline;

}
ul.itemListNavi2 {
}
ul.itemListNavi2 li {
	display: inline;
	margin-right: 15px;
}
ul.itemListNavi2 li.back {
}
ul.itemListNavi2 li.next {
}
ul.itemListSort {
	float: right;
	width: 35%;
	text-align: right;
	padding-right: 25px;
}
ul.itemListSort li {
	display: inline;
}
dl.itemListBoxThirdclass {
	padding-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	margin-bottom: 20px;
	margin-left: 10px;
}
dl.itemListBoxThirdclass dt.photo {
	float: left;
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
}
dl.itemListBoxThirdclass dd.item {
	margin-left: 180px;
}
dl.itemListBoxThirdclass dd.item h3 {
	padding-bottom: 5px;
}
dl.itemListBoxThirdclass dd.item h4 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 20px;
}

dl.itemListBoxThirdclass dd.item dd.price {
	float: left;
}
dl.itemListBoxThirdclass dd.item dd.price ul.itemNoAndBrand {
	margin-bottom: 10px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	list-style-type: none;
}
dl.itemListBoxThirdclass dd.item dd.price ul.itemNoAndBrand li {
	padding-right: 0px;
}
dl.itemListBoxThirdclass dd.item dd.price p.price {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}
dl.itemListBoxThirdclass dd.item dd.price p.price span.tax {
	font-size: 12px;
	font-weight: bold;
}
dl.itemListBoxThirdclass dd.item dd.item {
	float: right;
	text-align: center;
	padding-right: 20px;
}
dl.itemListBoxThirdclass dd.item dd.item p {
	margin-bottom: 10px;
}

/*
-------------------------detail*/
ul.productdetail {
	font-size: 12px;
	margin-bottom: 5px;
	padding-top: 7px;
	padding-left: 10px;
	height:auto;
	width: auto;
	background-image:none;
	background-color: #FAFAFA;
}
dl.itemDetail {
	width: 760px;
}
dl.itemDetail dd.photo {
	width: 270px;
	float: left;
	text-align: center;
	padding-top:20px;
}
dl.itemDetail dd.photo p {
	margin-left: 30px;
	text-align: left;
}
dl.itemDetail dd.photo p.favorite {
	background-image: url(/images/item_favorite.gif);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	padding-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	padding-top: 1px;
	margin-top:5px;
}
dl.itemDetail dd.photo p.mail {
	background-image: url(/images/item_mail.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
}
dl.itemDetail dd.photo p.icon {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

dl.itemDetail dd.photo p.icon img {

}
dl.itemDetail dd.photo p.henpin {
	background-image: url(/images/henpin.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 26px;
	width: 181px;
	margin-left: auto;
	margin-bottom: 15px;
	color: #FFFFFF;
	text-align: center;
	margin-right: auto;
	font-size: 14px;
	padding-top: 4px;
	font-weight:bold;
}
dl.itemDetail dd.photo p.henpin span {
	font-size: 18px;
	font-weight: bold;
}
dl.itemDetail dd.photo p.henpin a {
	color: #FFFFFF;
	text-decoration: none;
}
dl.itemDetail dd.item {
	line-height: 28px;
	float: left;
	width: 400px;
	margin-left:10px;
}
dl.itemDetail dd.item p.buy {
	height: 38px;
	width: 187px;
	position: relative;
	margin-bottom: -40px;
	left: 280px;
	top: 20px;
	font-size:14px;
	color: #FF0000;
	line-height:1.2;
}
dl.itemDetail dd.item dl.itemData {
	margin-top: 0px;
	font-size: 16px;
}
dl.itemDetail dd.item dl.itemData dt {
	float: left;
	width: 130px;
}
dl.itemDetail dd.item dl.itemData dd {
}
dl.itemDetail dd.item dl.itemData span.price {
	font-weight: bold;
	color: #FF0000;
	font-size: 16px;
}
dl.itemDetail dd.item span.sampleNo {
	font-weight: bold;
	color: #6DB131;
}

dl.itemDetail dd.item p {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.itemDetail {
	clear: left;
	margin-top: 20px;
	margin-right: 20px;
}
div.itemDetail h3 {
	background-color: #ECF2C5;
	padding-left: 15px;
	color: #009944;
	/*letter-spacing: 1em; Modified By Cavalry2008-12-18*/
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-top: 5px;
}
div.itemDetail p {
	margin-bottom: 10px;
	margin-left: 15px;
	font-size:14px;
}
div.itemDetail table.sagasu {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #0CA95F;
	border-left-color: #0CA95F;
	width: 97%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
div.itemDetail table.sagasu td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #0CA95F;
	border-bottom-color: #0CA95F;
	vertical-align: top;
}
div.itemDetail table.sagasu td ul {
	list-style-type: none;
	padding: 5px;
}


/*まとめて注文バナー*/

dl.itemDetail dd.item div.matomete {
	background-image: url(/images/itm4_bg.gif);
	background-repeat: no-repeat;
	line-height: 1.5;
	color: #CC0028;
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
	width: 328px;
	height: 54px;
}
dl.itemDetail dd.item div.matomete p {
	padding: 0px;
	margin: 0px;
}
dl.itemDetail dd.item div.matomete p span {
	color: #CC0028;
	text-decoration: none;
	display: block;
	width: 316px;
	height: 48px;
	padding-top: 6px;
	padding-left: 12px;
}
dl.itemDetail dd.item div.matomete p a {
	color: #CC0028;
	text-decoration: none;
	display: block;
	width: 316px;
	height: 48px;
	padding-top: 6px;
	padding-left: 12px;
}


/*メーカーで検索*/

div#mainBody p.hyouji {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#mainBody p.hyouji span {
	color: #CD0019;
}
