@charset "utf-8";


/* #############################################################

[ special ]

適用範囲：カテゴリーから探す

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

/* specialContentBody
------------------------------------------------------------*/
#specialContentBody {
/*	font-size: 135%;  */
	margin: 15px 0 20px;
	word-break:break-all;
}

/* Module
------------------------------------------------------------*/
.rect {
	zoom: 1;
	overflow: hidden;
}
.flm {
	float: left;
}
.frm {
	float: right;
}
.specialContentMain .flm {
	margin-right: 10px;
}
.specialContentMain .frm {
	margin-left: 10px;
}
.scModCol .flm {
	margin-right: 5px;
}
.scModCol .frm {
	margin-left: 5px;
}
#specialContentBody h1 {
	font-size: 2.4em;
	font-weight: bold;
	margin: 0 0 10px;
	color: #172397;
}
#specialContentBody p {
	line-height: 1.4;
	word-wrap: break-word;
	word-break: break-word;
}

.pane3GraySepWrapper {
	width: 761px;
	background: url(/resource/images/special/type0_bg_middle.gif) repeat-y 0 0;
}
.pane3GraySepWrapperT {
	background: url(/resource/images/special/type0_bg_top.gif) no-repeat 0 top;
}
.pane3GraySepWrapperM {
	background: url(/resource/images/special/type0_bg_bottom.gif) no-repeat 0 bottom;
	zoom: 1;
}

.pane3GraySepWrapperM .colWrap {
	float: left;
	width: 253px;
}
.pane3GraySepWrapperM .colWrapInner {
	padding: 8px 8px 8px 28px;
	background: url(/resource/images/special/type0_arrow01.gif) no-repeat 10px 10px;
}
.pane3GraySepWrapperM .colWrapInner p {
	font-size: 1.1em;
	line-height: 1.2;
}

.scSection {
	margin: 0 0 20px;
}

#specialContentBody h2 {
	border-bottom: 3px solid #D80001;
	color: #343434;
	line-height: 1.5;
	font-size: 1.3em;
}
#specialContentBody h2 span {
	background: url(/resource/images/special/tokusyu_common_h2_tit.gif) no-repeat left bottom;
	padding: 10px 0 4px 40px;
	display: block;
	min-height: 28px;
	_height: 28px;
	line-height: 1.5;
}

#specialContentBody h3 {
	border-left: 6px solid #D80001;
	border-bottom: 1px solid #D80001;
	padding: 7px 0 7px 10px;
	margin: 0 0 10px;
	font-size: 1.4em;
}

/* Mod */
.scModCol .itemStatusList {
	margin: 0 0 5px;
}
.scModCol .itemStatusList li {
	margin-right: 5px;
	display: inline;
}
.scModCol .itemStatusList li.last {
	margin-right: 0;
}
.scModCol .head {
	font-weight: bold;
}
.scModCol .head,
.scModCol .subscription {
	margin: 0 0 5px;
/*	font-size: 90%; */
}
.scModCol .detailInfo {
	border-top: dotted 1px #c3c3c3;
	font-size: 0.9em;
	line-height: 1.4;
	padding: 4px;
}
.scModCol .detailInfo img {
	vertical-align: middle;
}
.scModCol .detailInfo.last {
	border-bottom: dotted 1px #c3c3c3;
}
.scModCol .commentBox {
	border: 1px solid #D90102;
	padding: 6px 9px;
	margin: 0 0 10px;
	color: #D90102;
	font-weight: bold;
	font-size: 0.9em;
}
.scModCol .textCenter {
	text-align: center;
}
.scModCol .itemBuyM {
	margin: 0 0 10px;
}
.scModCol .itemBuyM dt,
.scModCol .itemBuyM dd {
	display: block;
	font-size: 0.9em;
	line-height: 1.4;
}
.scModCol .itemBuyM dt {
	float: left;
}
.scModCol .itemBuyM dd {
	float: right;
	text-align: right;
	white-space: nowrap;
}
.scModCol .itemBuyM dd span {
	background: url(/resource/images/shared/bg/double-strike-bg.gif) repeat-x 0 5px;
	font-size:1em;
    word-wrap: normal;
}
/* 税抜き表記 */
.scModCol .itemBuyDef {
	margin: 0 0 5px;
}
.scModCol .itemBuyDef dt {
	display: block;
	font-size: 0.9em;
	line-height: 1.4;
}
.scModCol .itemBuyDef dd {
	color: #d80000;
	font-weight: bold;
	font-size: 1.6em;
	text-align: right;
}
/* 税込表記 */
.scModCol dl.line {
    margin: 8px 0;
	font-size: 0.9em;
}
.scModCol dl.line dt {
    float: left;
}
.scModCol dl.line dd {
    color: #333333;
    float: right;
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 0 5px;
    word-wrap: normal;
	white-space: nowrap;
	text-align: right;
}
.scModCol dl.borderB {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 7px;
	margin-bottom: 5px;
}

.scModCol .priceDiscound {
	padding: 4px 0;
	color: #d80000;
	background: #FFE1E1;
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px;
}
.scModCol .itemInputBtn {
	font-size: 0.9em;
	line-height: 1.4;
	margin: 0 0 10px;
	text-align: right;
}
.scModCol .itemInputBtn * {
	vertical-align: middle;
}
/* 数量 */
.itemInputBtn .inputCount {
	margin-right: 3px;
	font-size: 1em;
}
.scModCol .itemInputBtn .btn {
	margin-left: 3px;
}

/* エラー */
.scModCol .itemInputError {
	color: #d80000;
	font-size: 0.9em;
	font-weight: bold;
}

/* 関連情報 */
dl.kanrenBox {
	border: solid 1px #c3c3c3;
	padding: 5px 10px;
	margin: 10px 0 0;
}
dl.kanrenBox dt,
dl.kanrenBox dd {
	line-height: 1.4;
}
dl.kanrenBox dt {
	display: block;
	margin: 0 0 5px;
}
dl.kanrenBox dd {
	padding: 0 0 0 12px;
	background: url(/resource/images/shared/icn/link-icn.png) no-repeat left 5px;
}

/* 03-06用 */
.kanren-0306-761{
	width: 761px;
}
.kanren-width480-left{
	width: 480px;
	float: left;
}
.kanren-width480-right{
	float: right;
	text-align: right;
}
.kanren-width480-left .kanrenBox{
	margin: 0px;
}



.scModCol .description {
	font-size: 0.9em;
	line-height: 1.4;
	margin: 0 0 5px;
}
.scModCol .taC {
	text-align: center;
}

/* Type */
.leftCol {
	float: left;
}
.rightCol {
	float: right;
}

/**/
.type1 {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: solid 1px #c3c3c3;
}
.type1 .leftCol  { width: 480px; }
.type1 .rightCol { width: 260px; }

.type1 .inner {
	background: url(/resource/images/special/bg_solidline.gif) repeat-y 490px 0;
}
.type1.noBorder {
	border-bottom: 0 none !important;
}
/**/
.type2 {
	padding: 0 0 10px;
	margin: 0 0 10px;
}
.type2 .leftCol,
.type2 .rightCol { width: 370px; }

.type2 .inner {
	background: url(/resource/images/special/bg_solidline.gif) repeat-y 380px 0;
}
/**/
.type3 {
	margin: 0 0 10px;
	background: url(/resource/images/special/bg_solidline.gif) repeat-y 380px 0;
}
.type3 .leftCol,
.type3 .rightCol { width: 175px; }

.type3 .inner {
	background: url(/resource/images/special/bg_solidline.gif) repeat-y 185px 0;
	width: 370px;
}
/**/
.type4 {
	margin: 0 0 10px;
	background: url(/resource/images/special/bg_solidline.gif) repeat-y 510px 0;
}
.type4 .leftCol,
.type4 .rightCol { width: 240px; }

.type4 .inner1 {
	background: url(/resource/images/special/bg_solidline.gif) repeat-y 250px 0;
	width: 500px;
}
.type4 .width153 { width:153px; }
.type4 .width82 { width:82px; }
.type4 .clr { clear:both; }
/**/
.type5 {
	padding-top: 10px;
	border-bottom: solid 1px #c3c3c3;
}
.type5 .leftCol,
.type5 .rightCol { width: 49%; }

/**/


.type6 {
	margin: 0;
	background: url(/resource/images/special/type06-bg-761.gif) repeat-y 0 0;
}
.type6 .leftCol,
.type6 .rightCol { width: 175px; }

.type6 .inner {
	width: 370px;
}



/**/


.searchResultListSupport {
/*	font-size: 70%; */
}
.widthFull {
	width: 100% !important;
}
.widthHalf {
	width: 49% !important;
}
.pane3 .flm {
	width: 247px;
}

.fs9 { font-size:0.9em !important;}

.bold-font { font-weight: bold;}


/* input form */
#specialContentBody input.text{
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 5px;
    padding: 3px 0;
    text-align: right;
}

/* 価格枠 */
table.price-area{
	line-height: 1.4;
    margin: 0;
    padding: 0;
	border-collapse: collapse;
	width: 100%;
}
table.price-area.width275 {
	width:275px;
}
table.price-area.width173 {
	width:173px;
}
table.price-area.width165 {
	width:165px;
}
table.price-area.width170 {
	width:170px;
}
table.price-area.width153 {
	width:153px;
}
table.price-area.width149 {
	width:164px;
}
table.price-area.width269 {
	width:269px;
}
.price-area td{
	font-size: 0.9em;
	border-bottom: 1px dotted #c3c3c3;
	padding: 3px 0 ;
}
.price-area td.p-area-sttl{
	width: 50px;
	border-bottom: 1px dotted #c3c3c3;
	padding: 5px 0 0 0 ;
}
.price-area td.p-area-sttl-stock{
	width: 50px;
	border-bottom: none;
	padding: 5px 0 0 0 ;
}
.price-area td.p-area-sttl-stockDay{
	width: 50px;
	border-bottom: 1px dotted #c3c3c3;
	padding: 0 0 5px 0 ;
}
.price-area td.p-area-sttl p{
	white-space: nowrap;
}
.price-area td.p-area-detail{
	width: auto;
	vertical-align: middle;
	border-bottom: 1px dotted #c3c3c3;
}
.price-area td.p-area-detail-stock{
	width: auto;
	border-bottom: none;
	padding: 5px 0 0 0;
}
.price-area td.p-area-detail-stockDay{
	width: auto;
	border-bottom: 1px dotted #c3c3c3;
	padding: 0 0 5px 3px;
}
.price-area td.p-area-col2-stockDay{
	width: auto;
	border-bottom: 1px dotted #c3c3c3;
	padding: 2px 0 5px 0px;
}
.price-area td.p-area-detail p,
.price-area td.p-area-detail-stock p {
	padding: 2px 0px 2px 3px;
}
.price-area td.p-area-detail-stockDay p{
	padding: 3px 0px 2px 3px;
}
.price-area td.p-area-detail img{
	display: inline;
	*vertical-align: middle;
}
.price-area td.p-area-detail span{
	word-break: break-all;
	white-space: nowrap;
	margin-right: 3px;
}
div.p-area{
	border-top: dotted 1px #c3c3c3;
	margin: 0;
}
.black-arr {
    padding: 2px 0 2px 17px;
    background: url("/resource/images/shared/icn/arrow-black-mkr.png") no-repeat scroll left 1px;
    display: inline-block;
}


.price-area td.noborder{
	border-bottom: 0 none !important;
}

div.noborder-t{
	border-top: 0 none !important;
}

.scModCol .itemBuyDef dd.mainb{
	font-size: 2.2em;
}

dt.price-tit{
	margin-bottom: 5px;
	width: 100%;
}


/* M価フォントサイズ */
.price-m span{
	font-size: 1.4em;
}
.lh14{
	line-height: 1.4em;
}



/* オフィス家具ユニットショップ 商品
------------------------------------------------------------*/
#specialContentBody .subTotalBox {
	border: 3px solid #cccccc;
	padding: 10px 60px;
	text-align: center;
}
#specialContentBody .subTotalBox .subInBox .subText {
	float: left;
	margin: 10px 0 0;
	text-align: left;
	width: 430px;
}
#specialContentBody .subTotalBox .subInBox table.subPrice {
	font-size: 0.8em;
	float: right;
	width: 200px;
}
#specialContentBody .subTotalBox .subInBox table.subPrice th {
	font-weight: normal;
	text-align:left;
	vertical-align: middle;
	white-space: nowrap;
}
#specialContentBody .subTotalBox .subInBox table.subPrice td {
	text-align: right;
	vertical-align: middle;
}
#specialContentBody .subTotalBox .subInBox table.subPrice td.pValue {
	color: #d80000;
	font-size: 2em;
	font-weight: bold;
}
#specialContentBody .subTotalBox .leftTotal,
#specialContentBody .subTotalBox .rightTotal {
	display: inline-block;
}
#specialContentBody .subTotalBox .leftTotal {
	padding-right: 15px;
}
#specialContentBody .subTotalBox .leftTotal .num {
	border-right: 1px solid #c3c3c3;
	margin-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 15px;
}
#specialContentBody .subTotalBox .rightTotal .price {
	color: #d80000;
	margin-left: 5px;
	font-size: 1.7em;
	font-weight: bold;
}
/* エラー */
#specialContentBody .subTotalBox.error {
	font-weight: bold;
	color: #d80000;
}

#specialContentBody .mod_itemGroupCartBtn {
	padding: 5px 30px 5px 0;
	border: 1px solid #c3c3c3;
	text-align: right;
}
#specialContentBody .mod_itemGroupCartBtn.above {
	background: #dfebf7 url(/resource/images/search/item-compare-btn-bg.gif) no-repeat right center !important;
	border-bottom-color: #dfebf7;
}
#specialContentBody .mod_itemGroupCartBtn.below {
	background: #dfebf7 url(/resource/images/search/item-compare-btm-btn-bg.gif) no-repeat right center !important;
	border-top-color: #dfebf7;
}
#specialContentBody .mod_itemGroupCartBtn img {
	vertical-align: middle;
}

/* 商品テーブル */
#specialContentBody table.officeItemTable {
	width: 761px;
	border-collapse:collapse;
}
#specialContentBody table.officeItemTable td {
	border:1px solid #c3c3c3;
	padding: 10px;
}
#specialContentBody table.officeItemTable td .fs09 {
	font-size: 0.9em;
}
#specialContentBody table.officeItemTable td .leftBox{
	float: left;
	width: 490px;
}
#specialContentBody table.officeItemTable td .leftBox .pic {
	float: left;
	width: 90px;
}
#specialContentBody table.officeItemTable td .leftBox .pic img {
	display: block;
	padding: 1px;
}
#specialContentBody table.officeItemTable td .leftBox .contents {
	float: left;
	width: 400px;
}
#specialContentBody table.officeItemTable td .leftBox .contents .brandName {
	font-size: 1.1em;
	font-weight: bold;
}
#specialContentBody table.officeItemTable td .leftBox .contents .left {
	float: left;
	width: 250px;
}
#specialContentBody table.officeItemTable td .leftBox .contents .right {
	float: right;
	width: 140px;
}
#specialContentBody table.officeItemTable td .leftBox .contents .right .dotLine {
	font-size: 0.9em;
	border-bottom: 1px dotted #c3c3c3;
	padding: 3px 0 ;
}
#specialContentBody table.officeItemTable td .rightBox {
	float: right;
	width: 180px;
}
#specialContentBody table.officeItemTable td.checkbox {
	background-color: #dfebf7;
	vertical-align: middle;
}
/* checkbox.js　処理用 */
#specialContentBody table.jsTableCheckBox tr td.check {
	background-color: #feffc5;
}
#specialContentBody table.jsTableCheckBox tr td.check .leftBox .pic img {
	border: 1px solid #cccccc;
	padding: 0;
}

/* 見出し要素 */
#specialContentBody .h3Style01,
#specialContentBody .h3Style02 {
	margin: 20px 0 10px;
}
#specialContentBody .h3Style01 h3,
#specialContentBody .h3Style02 h3 {
	border: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
#specialContentBody .h3Style01 h3 span,
#specialContentBody .h3Style02 h3 span {
	display: inline-block;
	padding: 8px 10px 5px;
}
#specialContentBody .h3Style01 {
	border-bottom: 3px solid #2077ea;
}
#specialContentBody .h3Style02 {
	border-bottom: 3px solid #1aa5be;
}
#specialContentBody .h3Style01 h3 span {
	background-color: #2077ea;
}
#specialContentBody .h3Style02 h3 span {
	background-color: #1aa5be;
}
/* --------------------------------------------------------------
レビュー表示：.5刻み新設及び調整
-------------------------------------------------------------- */

.price-area td.p-area-detail .star span{
	background-image: url(/resource/images/shared/icn/star-icn.png);
	width: 88px;
	height: 15px;
	display: inline-block;
	vertical-align: text-bottom;
}
.star span.star0_0{
	background-position: 100% 100%;
}
.star span.star0_5{
	background-position: 80% 100%;
}
.star span.star1_0{
	background-position: 80% 0%;
}
.star span.star1_5{
	background-position: 60% 100%;
}
.star span.star2_0{
	background-position: 60% 0%;
}
.star span.star2_5{
	background-position: 40% 100%;
}
.star span.star3_0{
	background-position: 40% 0%;
}
.star span.star3_5{
	background-position: 20% 100%;
}
.star span.star4_0{
	background-position: 20% 0%;
}
.star span.star4_5{
	background-position: 0% 100%;
}
.star span.star5_0{
	background-position: 0% 0%;
}