/*--------------------------------------------------
	
--------------------------------------------------*/
#contents {
	width:740px;
}
#contents .title{
	margin: 0 0 20px 0;
	padding: 0;
}
/* ページ内アンカーリンク */
#contents .cateMenu {
	width: 740px;
	padding-bottom:20px;
}
#contents .cateMenu li {
	margin: 0;
	padding: 0 15px 0 10px;
	font-weight: normal;
	background: url(//direct.sanwa.co.jp/contents/contentsImages/menu_arrow.gif) no-repeat left center;
	display:inline;
}
#contents .cateMenu li a {
	text-decoration: underline;
}
#contents .cateMenu li a:hover {
	color: #006699;
	text-decoration: underline;
}

/* 見だし */
#contents  h2.contents {
	margin: 0 0 13px 0;
	padding: 7px 0 7px 10px;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	background:url(//direct.sanwa.co.jp/contents/contentsImages/h2_bg.gif) no-repeat;
	clear: both;
}
#contents h3.contents {
	margin: 0 0 7px 0;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background:url(//direct.sanwa.co.jp/contents/contentsImages/h3_bg.gif) no-repeat;
	clear: both;
}

/* 見だし内小文字テキスト */

#contents  h2.contents span.font_s, #contents h3.contents span.font_s {
	font-size:0.8em;
	font-weight:normal;
	}




/*--------------------------------------------------
	アイテムボックス
--------------------------------------------------*/

/* 3item */
#contents .column {
	margin:0px;
	padding:0px 1px;	
	}

#contents .column .itemBox, #contents .column .itemBox2 {
	margin:0px 5px;
	padding-bottom:15px;
	width:232px;
	vertical-align:top;
	background-color:#FFF;
	position:relative;
	display:inline-block;
	/* ie */
	*display:inline;
	zoom:1;
}
#contents .column .itemBox .itemMain, #contents .column .itemBox2 .itemMain {
	width:232px;
	margin:0;
	padding:0;
	}


#contents .column .itemBox h4.itemName, #contents .column .itemBox2 h4.itemName {
	margin:6px 0px;
	padding:0px 0px 2px 0px;
	font-weight:bold;
	border-bottom:1px #CCCCCC solid;
}
#contents .column .itemBox .mainImg, #contents .column .itemBox2 .mainImg {
	padding:0px;
	margin:0px;
	width:230px;
	text-align:center;
}
#contents .column .itemBox .mainImg img, #contents .column .itemBox2 .mainImg img {
	border:1px #CCCCCC solid;
	}
#contents .column .itemBox .rightBox, #contents .column .itemBox2 .rightBox {
	margin:10px 0px 0px 0px;
	padding:0px 10px;
	color:#666666;

}
#contents .column .itemBox .rightBox .price, #contents .column .itemBox2 .rightBox .price {
	font-weight:bold;
	font-size:1.3em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#ff0000;
	margin-bottom:5px;
}
#contents .column .itemBox .rightBox .price .tax, #contents .column .itemBox2 .rightBox .price .tax {
	font-weight:normal;
	font-size:0.7em;
}

#contents .column .itemBox .colorStock {
	padding:5px;
	display:block;
	display:inline-block;
	width:220px;
}
#contents .column .itemBox .colorStock li {
	vertical-align:top;
	display:inline-block;
	margin:0px 0px 3px 0px;
	width:70px;
	text-align:center;
	font-size: 0.75em;
	/* ie */
	*display:inline;
	zoom:1;
}

#contents .column .itemBox .colorStock li img {
	border:1px #CCCCCC solid;
}


/* 1item */
#contents .column_1 {
	margin:0px;
	padding:0px 1px;	
	}

#contents .column_1 .itemBox {
	margin:0px 5px;
	padding-bottom:15px;
	width:730px;
	vertical-align:top;
	background-color:#FFF;
	clear:both;
}
#contents .column_1 .itemBox .itemMain {
	width:232px;
	margin:0;
	padding:0;
	float:left;
	}
#contents .column_1 .itemBox .mainImg {
	padding:0px;
	margin:0px;
	width:230px;
	text-align:center;
	float:left;
}
	
#contents .column_1 .itemBox .rightBox {
	margin:10px 0px 0px 0px;
	padding:0px 10px;
	color:#666666;
	width:468px;
	float: right;
}

#contents .column_1 .itemBox .rightBox h4.itemName {
	margin:6px 0px;
	padding:0px 0px 2px 0px;
	font-weight:bold;
	border-bottom:1px #CCCCCC solid;
}

#contents .column_1 .itemBox .mainImg img {
	border:1px #CCCCCC solid;
	}

#contents .column_1 .itemBox .rightBox .price {
	font-weight:bold;
	font-size:1.3em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#ff0000;
	margin-bottom:5px;
}
#contents .column_1 .itemBox .rightBox .price .tax {
	font-weight:normal;
	font-size:0.7em;
}

#contents .column_1 .itemBox .colorStock {
	padding:5px;
	display:block;
	margin:0 10px;
	display:inline-block;
	width:438px;
}
#contents .column_1 .itemBox .colorStock li {
	vertical-align:top;
	display:inline-block;
	margin:0px 5px 3px 0px;
	width:100px;
	text-align:center;
	font-size: 0.75em;
	/* ie */
	*display:inline;
	zoom:1;
}

#contents .column_1 .itemBox .colorStock li img {
	border:1px #CCCCCC solid;
}


/* 装飾 */

.line_dot { 
border-bottom:#CCCCCC dotted 1px;
margin:0 0 20px 0;}

.rightBox .text {
	visibility: hidden;
	height:50px;
	display:block;
}

.rightBox .text2 {
	visibility: hidden;
	height:40px;
	display:block;
}



/*--------------------------------------------------

--------------------------------------------------*/

/* clearfix */
#contents .column1 .itemBox,
#contents .column .itemBox,
#contents .column1 .itemBox .colorStock,
#contents .column .itemBox .colorStock {
	min-height:1px;
}
* html #contents .column1 .itemBox,
* html #contents .column .itemBox,
* html #contents .column1 .itemBox .colorStock,
* html #contents .column .itemBox .colorStock {
	height:1px;
}
#contents .column1 .itemBox:after,
#contents .column .itemBox:after,
#contents .column1 .itemBox .colorStock:after,
#contents .column .itemBox .colorStock:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}





/*--------------------------------------------------
	general class
--------------------------------------------------*/
/* margin, padding */
.mt0 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }

.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }

.pt0 { padding-top:0 !important; }
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }

.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }

/* width */
.wid100 { width:100%; }
.wid95 { width:95%; }
.wid90 { width:90%; }
.wid85 { width:85%; }
.wid80 { width:80%; }
.wid75 { width:75%; }
.wid70 { width:70%; }
.wid65 { width:65%; }
.wid60 { width:60%; }
.wid55 { width:55%; }
.wid50 { width:50%; }
.wid45 { width:45%; }
.wid40 { width:40%; }
.wid35 { width:35%; }
.wid30 { width:30%; }
.wid25 { width:25%; }
.wid20 { width:20%; }
.wid15 { width:15%; }
.wid10 { width:10%; }
.wid5 { width:5%; }

/* text-align */
.txtAL { text-align:left; }
.txtAC { text-align:center; }
.txtAR { text-align:right; }

/* font-size */
.fsLL { font-size:1.5em; }
.fsL { font-size:1.2em; }
.fsS { font-size:0.8em; }
.fsSS { font-size:0.5em; }

/* list */
ul.caution {
	margin:1em 0;
}
ul.caution li {
	padding-left:1.3em;
	text-indent:-1.3em;
}
ul.caution li span {
	margin-right:0.3em;
	color:#cc0000;
}

/* border */
hr {
	margin:1em 0;
	border:none;
	border-top:1px solid #999999;
}



/*---------------------------
 おすすめ商品バナー
 ※バナー内容によっては各ファイルで要調整
---------------------------*/
#contents .recommendBox {
	margin: 30px 0;
}
#contents .recommendBox .leftbnrBox {
	float: left;
	margin-bottom: 10px;
	width: 360px;
	position: relative;
}
#contents .recommendBox .rightbnrBox {
	float: right;
	margin-bottom: 10px;
	width: 360px;
	position: relative;
}

#contents .recommendBox .leftbnrBox .imgPrice,
#contents .recommendBox .rightbnrBox .imgPrice {
	width: 250px;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	bottom: 4px;
	right: 13px;
}

#contents .recommendBox .leftbnrBox .imgPrice img,
#contents .recommendBox .rightbnrBox .imgPrice img {
	margin: 0 0 0 -4px;
}

#contents .recommendBox .leftbnrBox .imgPrice table,
#contents .recommendBox .rightbnrBox .imgPrice table {
	float: right;
}

#contents .recommendBox .leftbnrBox .imgPrice table td,
#contents .recommendBox .rightbnrBox .imgPrice table td {
	text-align: right;
}



/*---------------------------
 ページトップへ戻る
---------------------------*/
#contents .pageTop {
	clear: both;
	margin: 20px 0;
	font-size: 1em;
	text-align: right;
}


/*---------------------------

---------------------------*/
/* for modern brouser */
.clfx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clfx {
	display:inline-block;
	min-height:1%;	/* for IE 7*/
}
/* winIE6 below, exclude macIE5 \*/
* html .clfx { height: 1%; }
.clfx { display: block; }

/**/