@charset "utf-8";

/* #############################################################

[ 検索 ]

適用範囲：マイカタログ　共通

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

.btnNext input {vertical-align:middle; margin:0 0 0 10px;}


/* rankTxtlink
--------------------------------------------- */

.rankTxtlink {
	padding-top:10px;
	font-size:1.2em;
	line-height:1.4;
	text-align:right;
}



/* --------------------------------------------------------------
見出し系
-------------------------------------------------------------- */


/* 大見出し */
.mycatalogContentHeading {
	margin: 20px 0 5px;
	padding: 0 0 0 0;
}

/* エラー時大見出し */
.mycatalogErrorContentHeading {
	margin: 0 0 5px;
	padding: 0 0 0 0;
}

/* 大見出し背景 */
.mycatalogContentBody {
	padding: 10px 0 0;
	background: url(/resource/images/order/order-content-body-bg.gif) repeat-x left top;
	/zoom: 1;
}
.mycatalogContentBody:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }


/* リード文 */
.topTxt {font-size:1.2em; line-height:1.4;}
.secTxt {font-size:1.2em; line-height:1.4; padding-top:0px;}
.anchorTxt {font-size:1.2em; line-height:1.4; padding-top:10px;}


/* h1 テキストリンク */

.mycatalogContentHeading.heading {position: relative;}
*:first-child+html .mycatalogContentHeading.heading {position: relative; height: 40px;}

.mycatalogContentHeading.heading .asideBtn {
	position: absolute;
	top: 0;
	right: 0;
}

.mycatalogContentHeading.heading .asideLink {
	position: absolute;
	top: 0;
	right: 0;
	_left: 590px;
	font-size:1em;
}

/*画像見出しの横付きリンク*/
.mod_headingHelpBlankLink {
	margin: 0 10px 0 0;
	display: block;
	line-height: 38px;
}

.mod_headingHelpBlankLink a {
	color:#1b72e9;
}

.mod_headingHelpBlankLink a.coWhite {
	color:#fff;
}

.mod_textHeading .sTxt {
	font-size:0.5em;
}


/* --------------------------------------------------------------
カラム系
-------------------------------------------------------------- */

.quickComBox {
	width: 100%;
	min-width: 761px;
	max-width: 1104px;
	padding-top:10px;
	_padding-top:0px;
	clear:both;
	position: relative;
}
.quickComBox.mgn {
	width: 100%;
	min-width: 761px;
	max-width: 1104px;
	padding-top:40px;
}
.quickComBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

*:first-child+html .quickComBox {_padding-top:0px;}

.mod_userGuideBoxA .mgn {margin-right:10px;}

.quickSubBox {
	width: 100%;
	margin-top:10px;
}
.quickSubBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }


/* --------------------------------------------------------------
quickTable
-------------------------------------------------------------- */

.quickTable {
	margin-top:10px;
}

.quickTable .mod_itemTblBase {
	width: 100%;
	table-layout:auto;
}
.quickTable .mod_itemTblBase tr th div{
	white-space: nowrap !important;
}



/* 幅指定
--------------------------------------------- */

.quickTable .itemHeadCol {width:auto;}
.quickTable .itemNumberCol {width:auto;}
.quickTable .itemAmountCol {width:auto;}
.quickTable .itemNameCol {width:auto;}
.quickTable .itemUnitCol {min-width:70px; *padding:3px 10px !important;}
.quickTable .itemTotalCol {min-width:116px; *width:102px;}
.quickTable .itemTotalCol div {*width:116px;}
.quickTable .itemBtnCol {min-width:79px; *width:69px;}



/* TH指定
--------------------------------------------- */

.quickTable .mod_itemTblBase th {
	padding:3px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #c3c3c3;
	background:#999999;
	font-size:1.2em;
	line-height:1.4;
	color:#fff;
	text-align:center;
	font-weight:normal;
}

.quickTable .mod_itemTblBase .itemHead {border-left:1px solid #c3c3c3;}
.quickTable .mod_itemTblBase .itemBtnHead {border-right:1px solid #c3c3c3;}

.quickTable .mod_itemTblBase .errorHead {
	background:#ffe9e9 url(/resource/images/q-order/arr-bg-01.png) center top no-repeat;
	padding:8px;
	text-align:left;
	border-top:2px solid #f6a2a2;
	border-left:2px solid #f6a2a2;
	border-right:2px solid #f6a2a2;
}
.quickTable .mod_itemTblBase .errorHead.btmLine {
	border-bottom:2px solid #f6a2a2;
}
.quickTable .mod_itemTblBase .errorHead .icn {
	padding:3px 0 3px 32px;
	background:url(/resource/images/shared/icn/quick-error-icn.png) left center no-repeat;
	color:#d80000;
}

.quickTable .mod_itemTblBase .affordableHead {
	background:#dfebf7 url(/resource/images/q-order/arr-bg-02.png) center top no-repeat;
	padding:8px;
	text-align:left;
	border-top:2px solid #a0cbf5;
	border-left:2px solid #a0cbf5;
	border-right:2px solid #a0cbf5;
}
.quickTable .mod_itemTblBase .affordableHead.btmLine {
	border-bottom:2px solid #a0cbf5;
}


/* TD指定
--------------------------------------------- */

.quickTable .mod_itemTblBase td {
	padding:8px;
	border:1px solid #c3c3c3;
	font-size:1.2em;
	line-height:1.4;
	text-align:left;
	vertical-align:middle;
}

.quickTable .mod_itemTblBase .itemUnit {
	text-align: center;
}

.quickTable .mod_itemTblBase .itemNo {text-align: center;}

.quickTable .mod_itemTblBase .itemBtn {text-align:right;}
.quickTable .mod_itemTblBase .itemBtn img {display:none; cursor:pointer;}

.quickTable .mod_itemTblBase .itemNumber {text-align:center;}
.quickTable .mod_itemTblBase .itemNumber input { width:90px;}
.quickTable .mod_itemTblBase .itemNumber input.redArea { width:88px; background:#ffe9e9; border:1px solid #d80000;}

.quickTable .mod_itemTblBase .itemAmount {text-align:center;}
.quickTable .mod_itemTblBase .itemAmount input { width:30px;}
.quickTable .mod_itemTblBase .itemAmount input.redArea { width:28px; background:#ffe9e9; border:1px solid #d80000;}

.quickTable .mod_itemTblBase .itemTotal {color:#d80000; text-align:right;}
.quickTable .mod_itemTblBase .itemTotal dl.notax { color:#333; }
.quickTable .mod_itemTblBase .itemTotal dl.notax dt { text-align:left; }
.quickTable .mod_itemTblBase .itemTotal dl.notax dd {}
.quickTable .mod_itemTblBase .itemTotal dl.intax { color:#333; }
.quickTable .mod_itemTblBase .itemTotal dl.intax dt { text-align:left; }
.quickTable .mod_itemTblBase .itemTotal dl.intax dd {}

.quickTable .mod_itemTblBase .itemName {}
.quickTable .mod_itemTblBase .itemName.error { background:#ffe9e9; color:#d80000;}
.quickTable .mod_itemTblBase .itemName.error .icn {
	padding:3px 0 3px 32px;
	background:url(/resource/images/shared/icn/quick-error-icn.png) left center no-repeat;
}

.quickTable .mod_itemTblBase .itemError {
	border-top:none;
	border-bottom:2px solid #f6a2a2;
	border-left:2px solid #f6a2a2;
	border-right:2px solid #f6a2a2;
}
.quickTable .mod_itemTblBase .itemError .icn {
	padding:3px 0 3px 32px;
	background:url(/resource/images/shared/icn/quick-error-icn.png) left center no-repeat;
	color:#d80000;
}

.quickTable .mod_itemTblBase .itemError dl {
	padding-top:0;
	text-align:left;
}

.quickTable .mod_itemTblBase .itemError dl dt {
	font-weight:bold;
}

.quickTable .mod_itemTblBase .itemError dl dd.fast {
	padding:10px 0 8px 8px;
	border-top:none;
}

.quickTable .mod_itemTblBase .itemError dl dd {
	padding:8px 0 8px 8px;
	border-top:1px dotted #c3c3c3;
}

.quickTable .mod_itemTblBase .itemError dl dd p {
	display:inline;
	vertical-align:middle;
}
.quickTable .mod_itemTblBase .itemError dl dd p.mgn {
	margin-left:8px;
}

.quickTable .mod_itemTblBase .itemError dl dd p img {
	vertical-align:middle;
}



.quickTable .mod_itemTblBase .itemAffordable {
	border-top:none;
	border-bottom:2px solid #a0cbf5;
	border-left:2px solid #a0cbf5;
	border-right:2px solid #a0cbf5;
}
.quickTable .mod_itemTblBase .itemAffordable dl {
	padding-top:0;
	text-align:left;
}

.quickTable .mod_itemTblBase .itemAffordable dl dt {
	font-weight:bold;
}

.quickTable .mod_itemTblBase .itemAffordable dl dd.fast {
	padding:10px 0 8px 8px;
	border-top:none;
}

.quickTable .mod_itemTblBase .itemAffordable dl dd {
	padding:8px 0 8px 8px;
	border-top:1px dotted #c3c3c3;
}

.quickTable .mod_itemTblBase .itemAffordable dl dd p {
	display:inline;
	vertical-align:middle;
}
.quickTable .mod_itemTblBase .itemAffordable dl dd p.mgn {
	margin-left:8px;
}

.quickTable .mod_itemTblBase .itemAffordable dl dd p img {
	vertical-align:middle;
}



/* increases
--------------------------------------------- */

.increases {
	float:left;
	width:420px;
}

.increases .txt {padding-top:5px; font-size:1em; line-height:1.4;}


/* allclear
--------------------------------------------- */

.allclear {
	float:right;
	width:230px;
}

/* addInputRecord
--------------------------------------------- */

.addInputRecord {
	cursor:pointer;
}

/* addInputRecord
--------------------------------------------- */
.thisBuy {
	cursor:pointer;
}


/* --------------------------------------------------------------
お申込番号がご不明な場合は
-------------------------------------------------------------- */

.searchNumber {
	float:left;
	width: 47%;
	min-width:356px;
	padding:8px;
	border:1px solid #c3c3c3;
}

.searchCatalog {
	float:right;
	width: 47%;
	min-width:356px;
	padding:8px;
	border:1px solid #c3c3c3;
}

.searchNumber .btn,
.searchCatalog .btn {
	padding-top:8px;
	text-align:center;
}


/* --------------------------------------------------------------
関連商品
-------------------------------------------------------------- */


/* variationCommodity
--------------------------------------------- */

.variationCommodity {
	min-width:761px;
	width: 100%;
	margin-top:10px;
}
.variationCommodity:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.variationCommodity .commodityItem {
	float:left;
	min-width:169px;
	width: 23%;
	font-size:1.2em;
	line-height:1.4;
	padding: 0 0.95% 10px;
	*padding: 0 0.90% 10px;
	border-left: 1px solid #acacac;
}

.variationCommodity .commodityItem:first-child {
	border-left: none;
}

.variationCommodity .commodityItem .commodityItemPic {
	text-align:center;
	padding-top:10px;
}

.variationCommodity .commodityItem .commodityItembtn,
.variationCommodity .commodityItem .commodityItemTxt {
	padding-top:10px;
}

.variationCommodity .commodityItem .commodityItemBuy {
	min-width:169px;
	width: 100%;
	padding-top:10px;
}
.variationCommodity .commodityItem .commodityItemBuy:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }


.variationCommodity .commodityItem .commodityItemBuy dl {
	float:left;
	width:96px;
}
.variationCommodity .commodityItem .commodityItemBuy dl.catalogPriceSet {
    float: none;
    min-width: 169px;
    width: 100%;
}
.variationCommodity .commodityItem .commodityItemBuy dl.catalogPriceSet dt {
    font-size: 0.834em;
}
.variationCommodity .commodityItem .commodityItemBuy dl.catalogPriceSet dd {
    color: #D80000;
    font-size: 1.25em;
    text-align: right;
}
.variationCommodity .commodityItem .commodityItemBuy dl.line {
    float: none;
    font-size: 0.834em;
    margin: 3px 0 0;
    min-width: 169px;
    width: 100%;
}
.variationCommodity .commodityItem .commodityItemBuy dl.line dt {
    float: left;
}
.variationCommodity .commodityItem .commodityItemBuy dl.line dd {
    float: right;
    padding: 0 0 0 5px;
}

.variationCommodity .commodityItem .commodityItemBuy .price-tit {
	font-size:0.834em;
}
.variationCommodity .commodityItem .commodityItemBuy .price {
	color:#d80000;
	text-align:left;
	vertical-align:bottom;
}

.variationCommodity .commodityItem .commodityItemBuy .cartbtn {
	float:right;
	width:64px;
	padding-top:7px;
	vertical-align:bottom;
}

.returnBtn {padding-top:30px;}





/* --------------------------------------------------------------
 キャンペーン見出し
-------------------------------------------------------------- */

/*アイコン見出し*/
.searchCpHeading {
	padding: 8px 20px 0 35px;
	line-height: 1.4;
	min-height: 31px;
	_height: 31px;
	background: #e2e2e2 url(/resource/images/shared/bg/text-opt-heading-b-bg.gif) no-repeat left top;
	font-size: 1.8em;
	border-bottom: 1px solid #c2c2c2;
	position:relative;
}

.searchCpHeading .icon {
	position: absolute;
	top: 9px;
	left: 8px;
	font-size: 0.1px;
	line-height: 0;
}

.searchCpHeading .asideBtn {
	position: absolute;
	top: 7px;
	right: 0;
}

.searchCpHeading .asideBtn img {
	margin:0 5px;
}



/* --------------------------------------------------------------
mod_keywordRelatedPage
-------------------------------------------------------------- */

.mod_keywordRelatedPage {
	margin: 40px 0 0;
}

.mod_keywordRelatedPage .heading {
}

.mod_keywordRelatedPage .body {
	font-size: 1.2em;
}

.mod_keywordRelatedPage  .thumbList {

}
.mod_keywordRelatedPage  .thumbListItem {
	padding: 10px 0 10px 0;
	border-top: 1px solid #c2c2c2;
}
.mod_keywordRelatedPage  .thumbListItem dl {
	overflow: hidden;
	zoom: 1;
}

.mod_keywordRelatedPage  .thumbListItem .thumb {
	float: left;
	margin-right: 10px;
}

.mod_keywordRelatedPage  .thumbListItem .heading {
	margin: 0 0 5px;
	font-size: 1.1666em;
	font-weight: bold;
}

.mod_keywordRelatedPage  .thumbListItem .heading,
.mod_keywordRelatedPage  .thumbListItem .text {
	line-height: 1.25;
}


.mod_keywordRelatedFeature {
	margin: 30px 0 0;
}

.mod_keywordRelatedFeature .heading {
}

.mod_keywordRelatedFeature .body {
	font-size: 1.2em;
}

.mod_keywordRelatedFeature .cl3colBase{}

.mod_keywordRelatedFeature .featureList .colL{
	margin: 0 10px 0 0;
	width: 247px;
}

.mod_keywordRelatedFeature .featureList .colC{
	width: 247px;
	margin-right: 10px;
}

.mod_keywordRelatedFeature .featureList .colR{
	width: 247px;
	float: left;
}

.mod_keywordRelatedFeature .featureList .caption {
	margin: 5px 0 0;
}

.mod_keywordRelatedFeature .featureList {
	padding: 10px 0 0;
	line-height: 1.25;
}

.mod_keywordRelatedFeature .featureList li a {
	display: block;
}

/* 在庫表示追加 */
.quickTable .mod_itemTblBase .errorHead .deliverZaikoBox {
	color: #333;
}
.deliverZaikoBox .deliverZaikoTxt {
	padding-right: 10px;
}
.deliverZaikoBox .deliverZaikoCaution {
	color: #d80000;
}
.deliverZaikoBox .deliverZaikoDay {
	padding-right: 10px;
}
.deliverZaikoBox .deliverZaikoDayTtl {
}
.deliverZaikoBox .deliverZaikoDayCnt {
	font-weight: bold;
}
.deliverZaikoBox .deliverZaikoMail {
}
.deliverZaikoBox .deliverZaikoMail a {
	background: url(//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png) no-repeat left center;
	padding: 0 0 0 10px;
}
.deliverZaikoBox .q-orderQuestionIcon {
}
.deliverZaikoBox .q-orderQuestionIcon img {
	padding: 0 0 0 4px;
}
.deliverZaikoBox .tcG {
    color: #007b00;
}
.deliverZaikoBox .tcO {
    color: #ff752f;
}
.deliverZaikoBox .tcR {
    color: #d80000;
}
.deliverZaikoBox .fwB {
	font-weight: bold;
}
.QorderQuestion-baloon-wrap {
    display: none;
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.QorderQuestion-baloon-wrap.ls-on {
	display: block;
}
.ui-tooltip-content {
	width: 580px;
}
.QorderQuestion-ttl {
	padding: 8px 10px 10px 10px;
	font-size: 12px;
	font-weight: bold;
}
.QorderQuestion-txt {
	padding: 0 10px 8px 10px;
}
.QorderQuestion-txt li {
    list-style: decimal;
    margin-bottom: 4px;
    margin-left: 2em;
}
.QorderQuestion-cnt {
	padding: 8px 10px 8px 10px;
	font-size: 12px;
	line-height: 1.5;
}
.baloon-basicpoint {
	*position: relative;
	*z-index:9999;
}
.ui-tooltip, .qtip {
    max-width: 580px;
    min-width: auto;
}
*:first-child+html .QorderQuestion-baloon-wrap {
}
*:first-child+html .QorderQuestion-baloon-wrap .arrow {
	background: url(/resource/images/myp/icn_square.png) center top no-repeat;
	display: block;
	width: 22px;
	height: 14px;
	position: absolute;
	top: -12px;
	left: 286px;
	z-index: 9999px;
}
*:first-child+html .QorderQuestion-baloon01 {
	padding: 6px 8px;
	background-color: #fff;
	border: 2px solid #182499;
	line-height: 1.7;
}
*:first-child+html .QorderQuestion-ttl,
*:first-child+html .QorderQuestion-txt {
	color: #333;
	font-size: 12px;
}


/* --------------------------------------------------------------
#q-order mod_topicPath
-------------------------------------------------------------- */
#q-order .mod_topicPath {
	max-width: 1215px;
	margin: 0 auto;
	padding-left: 5px;
	font-size: 1.2em;
}

/* --------------------------------------------------------------
#q-order mainArea
-------------------------------------------------------------- */
#q-order .mainArea {
    width: auto;
	margin: 18px 18px 0;
	padding: 0;
}


/* --------------------------------------------------------------
#q-order content
-------------------------------------------------------------- */
#q-order #content {
  margin: 0 auto;
}


/* --------------------------------------------------------------
#q-order body
-------------------------------------------------------------- */
#q-order .sectionBase .mainWrapper {
    margin: 0 auto;
    max-width: 1010px;
    padding-right: 205px;
}


/* --------------------------------------------------------------
#q-order main
-------------------------------------------------------------- */
#q-order .column2typeB #main {
    padding: 0;
    float: none;
    width: auto;
}
#q-order .mycatalogContentBody {
	background: none;
}
#q-order .topTxt {
	font-size: 1.3em;
	line-height: 1.6;
}
#q-order .mycatalogContentHeading {
    border-bottom: 1px solid #959595;
    margin: 20px 0 0;
    padding: 0 0 6px;
}
#q-order .quickComBox,
#q-order .quickComBox.mgn {
	max-width: none;
	min-width: 0;
}
#q-order .variationCommodity,
#q-order .variationCommodity .commodityItem {
	min-width: 0;
}
#q-order .variationCommodity .commodityItem {
	padding: 0 0.94% 10px;
	*padding: 0 0.89% 10px;
}
#q-order .searchNumber,
#q-order .searchCatalog {
	min-width: 0;
}
#q-order .quickTable .mod_itemTblBase .itemNumber input {
    width: 120px;
}
#q-order .quickTable .mod_itemTblBase .itemTotal dl.notax dt,
#q-order .quickTable .mod_itemTblBase .itemTotal dl.intax dt {
	text-align: right;
}
#q-order .quickTable .mod_itemTblBase .itemBtn {
	text-align: center;
}

#q-order .quickSubBox {
	margin-top: 20px;
}
#q-order .increases .txt {
	font-size: 1.3em;
	line-height: 1.6;
}

#q-order .mod_keywordRelatedFeature .featureList .colL,
#q-order .mod_keywordRelatedFeature .featureList .colC,
#q-order .mod_keywordRelatedFeature .featureList .colR {
	width: 32.3%;
	_width: 247px;
	max-width: 247px;
}
#q-order .colL img,
#q-order .colC img,
#q-order .colR img {
	width: 100%;
	height: auto;
	_width: 247px;
	_height: 65px;
}

#q-order .variationCommodity .commodityItem .commodityItembtn, .variationCommodity .commodityItem .commodityItemTxt {
	font-size: 1.2em;
}
#q-order .variationCommodity .commodityItem .commodityItemBuy {
	min-width: 0;
}
#q-order .variationCommodity .commodityItem .commodityItemBuy dl.catalogPriceSet dt {
	font-size: 1.1em;
}
#q-order .variationCommodity .commodityItem .commodityItemBuy dl.line {
	font-size: 1.0em;
	min-width: 0;
}

#q-order .quickTable .mod_itemTblBase th {
	font-size: 1.3em;
	vertical-align: middle;
}
#q-order .quickTable .mod_itemTblBase td {
	font-size: 1.4em;
}
#q-order .mod_linkAnchor {
	font-size: 0.9em;
}
#q-order .anchorTxt {
	font-size: 1.3em;
}
#q-order .mod_bullet-list {
	font-size: 1.1em;
}
#q-order .mod_cautionNoteB .body {
	font-size: 1.3em;
}
#q-order .mod_linkHelp {
	font-size: 1.3em;
}
#q-order .variationCommodity .commodityItem .commodityItemBuy dl.catalogPriceSet {
	min-width: 0;
}
#q-order .variationCommodity .commodityItem .commodityItemBuy dl.catalogPriceSet dd {
	font-size: 1.4em;
}
#q-order .quickTable .mod_itemTblBase td {
	padding: 15px 10px;
}
#q-order .ui-tooltip-content {
	width: auto;
}
#q-order .ui-tooltip, #q-order .qtip {
    max-width: 280px;
    min-width: 50px;
    *width: 249px;
}



/* --------------------------------------------------------------
#q-order rightSection
-------------------------------------------------------------- */
#q-order .rightSection {
    position: absolute;
    float: none;
    right: 0;
    top: -20px;
    *top: 0;
    font-size: 1em;
}

#q-order .quickComHeadL_bgBlue {
	background: #4ba4ff url("/resource/images/shared/bg/headtitle-bgblue-spriteLR.gif") no-repeat scroll;
	background-position: 0 0;
	width: 3px;
	height: 39px;
	position: absolute;
	top: 0px;
	left: 0;
}
#q-order .quickComHeadR_bgBlue {
	background: #4ba4ff url("/resource/images/shared/bg/headtitle-bgblue-spriteLR.gif") no-repeat scroll;
	background-position: -4px 0;
	width: 3px;
	height: 39px;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1
}
#q-order .quickComHeadC_bgBlue {
    background: #4ba4ff url("/resource/images/shared/bg/headtitle-bgblue-spriteC.gif") repeat-x scroll left top;
    z-index: -1;
}
#q-order .quickComHeadL_bgGray {
	background: #4ba4ff url("/resource/images/shared/bg/headtitle-bggray-spriteLR.gif") no-repeat scroll;
	background-position: 0 0;
	width: 3px;
	height: 39px;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 1;
}
#q-order .quickComHeadR_bgGray {
	background: #4ba4ff url("/resource/images/shared/bg/headtitle-bggray-spriteLR.gif") no-repeat scroll;
	background-position: -4px 0;
	width: 3px;
	height: 39px;
	position: absolute;
	top: 0px;
	right: 0;
}
#q-order .quickComHeadC_bgGray {
    background: #4ba4ff url("/resource/images/shared/bg/headtitle-bggray-spriteC.gif") repeat-x scroll left top;
}


/* --------------------------------------------------------------
#q-order footerSection
-------------------------------------------------------------- */
#q-order .footerSection {
	margin-top: 80px;
}


/* --------------------------------------------------------------
.cmnProductOwl
-------------------------------------------------------------- */
.cmnProductOwlWrap {
	padding: 0 15px;
}

.cmnProductOwlItem {
	position: relative;
	width: 165px;
	margin: 0 auto;
}

.noScriptClearfix .cmnProductOwlItem {
	float: left;
}

.cmnProductOwlItem .link {
	display: block;
}

.cmnProductOwlItem .link:link,
.cmnProductOwlItem .link:visited {
	text-decoration: none;
}

.cmnProductOwlItem .link:hover,
.cmnProductOwlItem .link:active {
	text-decoration: underline;
}

.cmnProductOwlItem .pic {
	display: block;
	text-align: center;
}

.cmnProductOwlItem a:hover .pic img {
	-moz-opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  /* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* For IE 8 */
    opacity: 0.7;
}

.cmnProductOwlItem .name {
	display: block;
	padding-top: 10px;
	font-size: 140%;
	line-height: 1.3;
}

.cmnProductOwlItem .star {
	margin-top: 13px;
	font-size: 130%;
	line-height: 1;
}

.cmnProductOwlItem .star img {
	vertical-align: 0;
}

.cmnProductOwlItem .star a:link,
.cmnProductOwlItem .star a:visited {
	text-decoration: none;
}

.cmnProductOwlItem .star a:hover,
.cmnProductOwlItem .star a:active {
	text-decoration: underline;
}

.cmnProductOwlItem .price {
	margin-top: 13px;
}

.cmnProductOwlItem .priceTitle {
	margin-bottom: 5px;
	font-size: 130%;
	line-height: 1;
}

.cmnProductOwlItem .priceNum {
	color: #d80000;
	font-size: 190%;
	font-weight: bold;
	line-height: 1;
}

.cmnProductOwlItem .priceNum .taxExcluded {
	font-size: 70%;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin: 0 -3px;
	*margin: 5px 0 0;
}

.cmnProductOwlItem .cartBtn {
	margin-top: 10px;
	text-align: right;
}

.cmnProductOwl .owl-controls {
	margin-top: 0;
}

.cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.cmnProductOwl .owl-controls .owl-buttons .owl-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 37px;
	height: 39px;
	margin-top: -20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.cmnProductOwl .owl-controls .owl-buttons .owl-prev {
	left: -25px !important;
	background-image: url(/resource/images/detail/2015new_btn_arrow_01.png) !important;
}

.cmnProductOwl .owl-controls .owl-buttons .owl-next {
	right: -25px !important;
	background-image: url(/resource/images/detail/2015new_btn_arrow_02.png) !important;
}

.ie6 .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.ie7 .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.ie8 .cmnProductOwl .owl-controls .owl-buttons .owl-prev {
	background-image: url(/resource/images/detail/2015new_btn_arrow_03.gif) !important;
}

.ie6 .cmnProductOwl .owl-controls .owl-buttons .owl-next,
.ie7 .cmnProductOwl .owl-controls .owl-buttons .owl-next,
.ie8 .cmnProductOwl .owl-controls .owl-buttons .owl-next {
	background-image: url(/resource/images/detail/2015new_btn_arrow_04.gif) !important;
}

.cmnProductOwl .owl-controls .owl-buttons .owl-prev:hover,
.cmnProductOwl .owl-controls .owl-buttons .owl-prev:active,
.cmnProductOwl .owl-controls .owl-buttons .owl-next:hover,
.cmnProductOwl .owl-controls .owl-buttons .owl-next:active {
	background-position: 0 -39px;
}

.cmnProductOwl .owl-controls .owl-buttons .disabled {
	background-position: 0 -78px !important;
	cursor: default !important;
}



/*=====================================================

   unique styles used with New UI
   2017.07

=====================================================*/

/* pgTopSection */
body.nui .uq-pgTopSection {
	margin: 0 auto 25px;
	max-width: 965px;
	padding-right: 250px;
}

/* height fix */
body.nui#q-order .mainArea {
	min-height: 0px!important;
}

/* side fix */
body.nui#q-order .sectionBase .mainWrapper {
    max-width: 965px;
    padding-right: 250px;
}
body.nui#q-order .rightSection {
	width: 206px;
	top: 0;
}
body.nui .rightSection.uq-qoSide .sideBnrBlock {
	margin: 0;
}
body.nui .rightSection.uq-qoSide .search_side_rr_area {
	margin-top: 0;
	border: none;
}
body.nui .rightSection.uq-qoSide .search_side_rr_area .head {
	padding: 0;
}
body.nui .rightSection.uq-qoSide .search_side_rr_area .head .title {
	padding-left: 28px;
	background-image: url(/resource/images/shared/icn/nui-cycle01.png);
	background-size: 20px 19px;
	font-size: 16px;
	line-height: 24px;
  font-weight: normal;
}
body.nui .rightSection.uq-qoSide .search_side_rr_area .body {
	padding-bottom: 20px;
	border: solid 2px #e6e6e6;
	border-top: none;
}
body.nui .rightSection.uq-qoSide .search_side_rr_area .body .uq-sidenum{
	margin-top: 8px;
	font-size: 13px;
}
body.nui .rightSection.uq-qoSide .search_side_rr_area .body .uq-addtolist {
	display: block;
}

/* pglead */
body.nui .uq-pglead01 {
	padding-right: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;

}
body.nui .uq-pglead02 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* number */
body.nui .uq-qoTable .uq-number {
	width: 140px;
	padding: 20px 10px 20px 15px;
	vertical-align: top;
}
body.nui .uq-qoTable .uq-number input {
	width: 100%;
	font-size: 160%;
	box-sizing: border-box;
}
body.nui .uq-qoTable .uq-number input::-moz-placeholder {
	color: #333333;
	opacity: 0.5;
}
body.nui .uq-qoTable .uq-number input::-webkit-input-placeholder {
	color: #333333;
	opacity: 0.5;
}
body.nui .uq-qoTable .uq-number input:-ms-input-placeholder {
	color: #333333;
	opacity: 0.5;
}
body.nui .uq-qoTable .uq-number input::-ms-clear {
	display:none;
}
body.nui .uq-qoTable .uq-number input.js-active-input {
	border: 3px solid #2f8eef;
	padding: 0 9px;
}
body.nui .uq-qoTable .uq-number input.js-error-input {
	border: 3px solid #db0000;
	padding: 0 9px;
}

/* amount */
body.nui .uq-qoTable .uq-amount {
	width: 62px;
	padding: 25px 0 0;
	vertical-align: top;
}
body.nui .uq-qoTable .uq-amount select {
	width: 100%;
	padding-right: 0;
	box-sizing: border-box;
	background: #eee;
	cursor: default;
}
body.nui .uq-qoTable .uq-amount input[readonly]{
	width: 100%;
	padding-right: 0;
	box-sizing: border-box;
	background: #eee;
	cursor: default;
}
body.nui .uq-qoTable .uq-amount select[disabled] {
	color: #eee;
}
body.nui .uq-qoTable .uq-amount select.uq-act {
	background: transparent;
	cursor: pointer;
}
body.nui .uq-qoTable .uq-amount input {
	width: 100%;
	box-sizing: border-box;
}
body.nui .uq-qoTable .uq-amount input::-ms-clear {
	display:none;
}
body.nui .uq-qoTable .uq-amount input.js-active-input:not([readonly]){
	border: 3px solid #2f8eef;
	padding: 0 9px;
}
body.nui .uq-qoTable .uq-amount input.js-error-input {
	border: 3px solid #db0000;
	padding: 0 9px;
}

/* info */
body.nui .uq-qoTable .uq-info {
	padding: 20px;
}
body.nui .uq-qoTable .uq-infoIn {
	position: relative;
	overflow: hidden;
	min-height: 120px;
	font-size: 130%;
	line-height: 1.6;
}
body.nui.sub .uq-qoTable .uq-error { /* used for test */
	background: none;
	padding: 5px 0;
}
body.nui .uq-qoTable .uq-error + .uq-infoIn {
	margin-top: 14px;
}
body.nui .uq-qoTable .uq-infoIn > .uq-img {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
body.nui .uq-qoTable .uq-infoIn > .uq-img + div {
	min-height: 88px;
}
body.nui .uq-qoTable .uq-infoIn > .uq-img + div p {
	margin: 0 0 0 105px;
}
/* price */
body.nui .uq-qoTable .uq-price {
	padding: 8px 0 14px;
	font-size: 100%;
}
body.nui .uq-qoTable .uq-price span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
body.nui .uq-qoTable .uq-price .uq-exTax {
	font-size: 133.4%;
	font-weight: bold;
	color: #db0000;
}
/* priceInfo */
body.nui .uq-qoTable .uq-priceInfo {
  margin-top: -5px !important;
  padding-bottom: 14px;
  font-size: 100%;
}
body.nui .uq-qoTable .uq-priceInfo > span {
  padding: 10px;
  background: #EBF3FC;
}
/* table */
body.nui .uq-qoTable .uq-infoIn table {
	margin: 0 0 0 105px;
	line-height: 1.4;
}
body.nui .uq-qoTable .uq-infoIn table th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
body.nui .uq-qoTable .uq-infoIn table .uq-direct th {
	white-space: normal;
	word-break: break-all;
}
body.nui .uq-qoTable .uq-infoIn table td {
	text-indent: -1em;
	padding-left: 1em;
}
body.nui .uq-qoTable .uq-infoIn table td:before {
	content: "：";
}
body.nui .uq-qoTable .uq-infoIn .uq-mail {
	display: block;
	margin: 5px 0 0 1em;
}
body.nui .uq-qoTable .uq-infoIn .uq-deli span,
body.nui .uq-qoTable .uq-infoIn .uq-arrival span,
body.nui .uq-qoTable .uq-infoIn .uq-stock span,
body.nui .uq-qoTable .uq-infoIn .uq-nostock span {
	font-weight: bold;
}
body.nui .uq-qoTable .uq-infoIn .uq-arrival span.uq-mail {
	font-weight: normal;
}
body.nui .uq-qoTable .uq-infoIn .uq-stock span.uq-yes {
	color: #007b00;
}
body.nui .uq-qoTable .uq-infoIn .uq-stock span.uq-no {
	color: #ff752f;
}
body.nui .uq-qoTable .uq-infoIn .uq-backorder th {
  font-weight: bold;
	color: #ff752f;
}
body.nui .uq-qoTable .uq-infoIn .uq-direct th span {
	display: inline-block;
  margin-right: 20px;
  font-weight: bold;
  color: #ff752f;
}
/* altItem */
body.nui .uq-qoTable .uq-infoIn .uq-altItem {
	position: relative;
	margin-top: 10px;
	padding: 0 15px;
	border: 1px solid #f9b990;
}
body.nui .uq-qoTable .uq-infoIn .uq-altItem div {
	position: relative;
	padding: 15px 0 15px 70px;
	overflow: hidden;
}
body.nui .uq-qoTable .uq-infoIn .uq-altItem div + div {
	border-top: 1px solid #cecece;
}
body.nui .uq-qoTable .uq-infoIn .uq-altItem img {
	position: absolute;
	top: 15px;
	left: 0;
}
body.nui .uq-qoTable .uq-infoIn .uq-altItem p {
	margin-bottom: 5px;
	font-weight: bold;
}
body.nui .uq-qoTable .uq-infoIn .uq-altItem a {
	display: block;
}
body.nui .uq-qoTable .uq-infoIn .uq-altItem span {
	display: block;
	margin-top: 10px;
  line-height: 30px;
  font-size: 13px;
  float: left;
}
body.nui .uq-qoTable .uq-infoIn .uq-altItem a.uq-altBtn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: right;
	margin-top: 10px;
}

/* table-ctrl */
.uq-table-ctrl {
	padding: 0 15px;
	overflow: hidden;
}
body.nui .uq-addBtn {
	float: left;
	width: 118px;
}
body.nui .uq-addBtn:focus {
	border: 1px solid #2f8eef;
}
body.nui .uq-clearBtn {
	float: right;
	font-size: 13px;
	line-height: 28px;
}
body.nui .uq-clearBtn:focus {
	text-decoration: underline;
}

/* toBasket */
body.nui .uq-toBasket {
	position: relative;
}
body.nui .uq-toBasket .uq-basketBtn {
	display: block;
	width: 220px;
	height: auto;
	margin: 0 auto;
	padding: 14px 0;
	font-size: 19px;
	line-height: 24px;
	letter-spacing: .075em;
}
body.nui .uq-toBasket .uq-basketBtn.nui-btn-orange:focus {
	background: #fd8629;
	background: -webkit-linear-gradient(#fd8629, #fda128);
	background: -o-linear-gradient(#fd8629, #fda128);
	background: -moz-linear-gradient(#fd8629, #fda128);
	background: linear-gradient(#fd8629, #fda128);
}
body.nui .uq-toBasket .uq-backLink {
	position: absolute;
	bottom: 3px;
	left: 15px;
	font-size: 130%;
}
body.nui .uq-toBasket .uq-backLink:focus {
	text-decoration: underline;
}

/* toBasket　sideColumn */
body.nui .rightSection .sideBasketBtn {
	margin-bottom: 50px;
	padding: 20px 15px 21px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

body.nui .rightSection .sideBasketBtn .uq-basketBtn {
	width: 174px;
	font-size: 18px;
	line-height: 20px;
}

body.nui .rightSection .sideBasketBtn p {
	font-size: 15px;
	text-align: center;
	margin-bottom: 15px;
}

/* for js --> qoTable  */
body.nui .js-qoTable-src {
	display: none;
}

/* for js --> balloon */
body.nui .uq-balloon {
	display: inline-block;
	text-indent: 0;
}
body.nui .uq-number-help p + p {
	margin-top: 10px;
}

body.nui .cmnBalloon .balloonIn {
	padding-bottom: 30px;
	bottom: -30px;
}
body.nui .cmnBalloon .balloonIn .balloonArrow {
	bottom: 23px;
}

body.nui .mainArea {
	min-height: 0!important;
}

.mod_keywordRelatedFeature .quickComBox_heading{
  font-size: 19px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 15px;
}
.mod_keywordRelatedFeature .featureList{
  padding: 0;
}
.mod_keywordRelatedFeature .featureList li {
  float: left;
  margin-right: 16px;
  margin-bottom: 12px;
 }
.mod_keywordRelatedFeature .featureList li a img {
  width: auto;
  max-height: 117px;
  height: auto;
}
.mod_keywordRelatedFeature .featureList li:nth-child(3){
  margin-right: 0;
}
.mod_keywordRelatedFeature .featureList_under{
  margin-top: 20px;
}
.mod_keywordRelatedFeature .featureList_under img{
  width: 710px;
}
.quickComBox a:hover img{
  opacity: 0.7;
}