@charset "utf-8";

@import "01format.css";
@import "02layout.css";
@import "03common.css";
@import "thickbox.css";
@import "side_category.css";
@import "pickup.css";


/* Top
---------------------------------------------------- */
#product dl#productTop {
	border-bottom: #7d8d94 dotted 1px;
	padding-bottom: 20px;
}

#product dl#productTop dt {
	float: right;
	padding-right: 15px;
}

#product dl#productTop dd {
	float: left;
	width: 365px;
	padding-right: 15px;
	font-size: 100%;
}

#product dl#productTop dd p {
	padding-bottom: 20px;
	background: #ffffff;
	line-height: 1.8;
}


#product dl#bnrArea {
	margin: 30px 0 50px 0;
}

#product dl#bnrArea dt {
	background: url(/images/product/icon_check.gif) no-repeat;
	color: #ff780a;
	height: 21px;
	padding-left: 70px;
}


#product #categoryMenu {
	margin: 20px 0;
	background: #f0f0f0;
	padding-bottom: 10px;
}

#product #categoryMenu p {
	color: #2771a9;
	font-weight: bold;
	text-align: center;
	background: #ffffff;
	padding-bottom: 20px;
}



#product #categoryMenu dl.product {
	padding: 10px 0 0 10px;
	float: left;
	width: 310px;
	
}

#product #categoryMenu dl.product dt {
	border: none;
	padding: 0;
}

#product #categoryMenu dl.product dd {
	border: none;
	background: #ffffff;
	height: 90px;
	font-size: 100%;
}

#product #categoryMenu dl.product dd#product01 {
	background: url(/images/grandtop/bg_product01.jpg) no-repeat bottom;
}

#product #categoryMenu dl.product dd#product02 {
	background: url(/images/grandtop/bg_product02.jpg) no-repeat bottom;
}

#product #categoryMenu dl.product dd#product03 {
	background: url(/images/grandtop/bg_product03.jpg) no-repeat bottom;
}

#product #categoryMenu dl.product dd#product04 {
	background: url(/images/grandtop/bg_product04.jpg) no-repeat bottom;
}

#product #categoryMenu dl.product dd ul {
	float: left;
	width: 45%;
}

#product #categoryMenu dl.product dd ul li {
	background: url(/images/icon_arrow02.gif) no-repeat 3px;
	padding-left: 15px;
	margin: 4px;
}

/* Category List
---------------------------------------------------- */
#categoryList .categoryBox {
	background: url(/images/product/bg_ctg_bottom.gif) no-repeat bottom;
	padding-bottom: 14px;
	margin-bottom: 10px;
}

#categoryList .categoryBox h4 {
	background: url(/images/product/bg_ctg_top.gif) no-repeat top;
	font-size: 85%;
	font-weight: bold;
	padding: 7px 0 0 15px;
	height: 26px;
}

#categoryList .categoryBox dl.categoryList {
	border-left: #d0dff0 solid 10px;
	border-right: #d0dff0 solid 10px;
}

#categoryList .categoryBox dl.categoryList dt {
	float: left;
	padding: 5px 10px;
}

#categoryList .categoryBox dl.categoryList dt img {
	border: #e4e4e4 solid 1px;
}

#categoryList .categoryBox dl.categoryList dd {
	float: left;
	width: 500px;
	font-size: 100%;
}

#categoryList .categoryBox dl.categoryList dd ul {
	float: left;
	width: 165px;
}

#categoryList .categoryBox dl.categoryList dd ul li {
	background: url(/images/icon_arrow02.gif) no-repeat 3px;
	padding-left: 15px;
	margin: 4px;
}

/* List
---------------------------------------------------- */
#productList {
}

#productList #mainArea {
	margin-bottom: 30px;
}

#productList #mainArea p {
	text-align: right;
}

#productList #mainArea p.word {
	text-align: left;
	padding-left: 5px;
}

#productList #mainArea p.pageFeed {
	color: #e4e4e4;
	padding: 20px 0 5px 0;
	border-bottom: #bebdbd dotted 1px;
}

#productList #mainArea p.pageFeedBottom {
	color: #e4e4e4;
	padding: 10px 0 20px 0;
}

#productList #mainArea dl {
	border-bottom: #bebdbd dotted 1px;
	padding: 20px 0;
}

#productList #mainArea dl dt {
	float: left;
	width: 110px;
	padding: 0 10px;
}

#productList #mainArea dl dt img {
	border: #e4e4e4 solid 1px;
}


#productList #mainArea dl dd {
	float: left;
	width: 510px;
	line-height: 1.5;
}

#productList #mainArea dl dd h4 {
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 5px;
}

#productList #mainArea dl dd p {
	padding-top: 5px;
}


/* Details
---------------------------------------------------- */
#productDetail h3#name {
	font-size: 110%;
	border-bottom : #2771a9 solid 3px;
	padding: 0 0 2px 0;
	margin-bottom: 5px;
	background: none;
}


#productDetail dl#toroku {
	background: #e9f2fa;
	padding: 5px;
}

#productDetail dl#toroku dt {
	float: left;
	width: 80px;
}

#productDetail dl#toroku dd {
	float: left;
	width: 280px;
	font-size: 100%;
}

#productDetail dl#toroku dd li {
	background: url(/images/icon_arrow02.gif) no-repeat 0 1px;
}

#productDetail dl#toroku dd li a {
	padding-left: 12px;
}



#productDetail p#read {
	margin: 20px 0;
}



#productDetail ul#pdf {
	text-align: right;
	margin-bottom: 3px;
}

#productDetail ul#pdf li {
	background: url(/images/product/icon_pdf.gif) no-repeat;
	display: inline;
	padding: 5px;
}

#productDetail ul#pdf li a {
	padding-left: 20px;
}



#productDetail dl#shohin dt {
	float: left;
	width: 302px;
	margin-right: 18px;
}

#productDetail dl#shohin dt img,
#productDetail dl#shohin2 dt img {
	border: #e4e4e4 solid 1px;
}

#productDetail dl#shohin dt a img {
	padding-bottom: 15px;
	background: url(/images/product/icon_zoom.gif) no-repeat bottom right;
}

#productDetail dl#shohin dd {
	float: left;
	width: 309px;
	font-size: 100%;
}

#productDetail dl#shohin2 dd {
	font-size: 100%;
}

#productDetail dl#shohin dd p#number {
	border-top: #9d9d9d dotted 1px;
	border-bottom: #9d9d9d dotted 1px;
	padding: 2px 0;
}

#productDetail p.commentTtl {
	font-weight: bold;
	margin: 5px 0;
}

#productDetail p.comment {
	margin: 5px 0;
	line-height: 1.5;
}

#productDetail dl#shohin p.arrow,
#productDetail dl#shohin2 p.arrow {
	text-align: right;
}

#productDetail ul#shohinBtn {
	margin: 20px 0;
}

#productDetail ul#shohinBtn li {
	display: inline;
}

#productDetail ul#shohinBtn li.middle {
	padding: 0 6px;
}






#productDetail #expLeft {
	float: left;
	width: 412px;
	margin-right: 16px;
}

#productDetail #expRight {
	/* float: left; */
	float: right;
	width: 202px;
}

#productDetail #expLeft img,
#productDetail #expRight img {
	border: #e4e4e4 solid 1px;
	margin-bottom: 5px;
}

#productDetail #expLeft a img,
#productDetail #expRight a img {
	padding-bottom: 15px;
	background: url(/images/product/icon_zoom.gif) no-repeat bottom right;
}



#productDetail #shiyo {
	padding: 20px 0;
	clear: both;
}

#productDetail #shiyo h4 {
	font-weight: bold;
	border-left: #b1c6ce solid 5px;
	padding-left: 3px;
	font-size: 78%;
	margin-bottom: 5px;
}

#productDetail #shiyo table {
	border-top: #c7cccf solid 1px;
	width: 100%;
}

#productDetail #shiyo table th,
#productDetail #shiyo table td {
	padding: 5px;
}

#productDetail #shiyo table th {
	text-align: left;
	background: #f4f4f4;
	color:#73838c;
	border-bottom: #c7cccf solid 1px;
	font-size: 78%;
	width: 20%;
}

#productDetail #shiyo table td {
	border-bottom: #c7cccf solid 1px;
	border-left: #c7cccf solid 1px;
	width: 80%;
}

#productDetail #shohinBtn form ,
#productDetail #shohinBtn form input{
    padding: 0;
    margin: 0;
    display: inline;
    vertical-align: bottom;
}


