﻿/* ==========================================
　   旧CSS
===========================================*/
#r-bodyarea #r-wrapper {
	width: 1000px;
	height: auto;
	margin: 0 auto;
    margin-bottom: 20px;
}
#r-bodyarea #r-wrapper #r-left {
	FLOAT: left; WIDTH: 200px; position:relative; MARGIN-RIGHT: 20px;
}
#r-bodyarea #r-wrapper #r-left #r-kaientai {
	FLOAT: left; WIDTH: 200px; BORDER-LEFT: #333366 1px solid; BORDER-RIGHT: #333366 1px solid; BORDER-TOP: #333366 1px solid; BORDER-BOTTOM: #333366 1px solid; BACKGROUND: url(/images/list/seek.gif) no-repeat; margin-bottom: 10px;
}
#r-bodyarea #r-wrapper #r-left #r-kaientai H2{
	HEIGHT: 30px; LINE-HEIGHT:30px; PADDING-LEFT: 8px; COLOR: #FFFFFF; font-size: 14px; margin: 0px; background-color: #333366;
}
#r-bodyarea #r-wrapper #r-left #r-kaientai UL{
	PADDING-LEFT: 20px; 
}
#r-bodyarea #r-wrapper #r-left #r-kaientai li{
	FONT-SIZE: 12px; COLOR: #000000; font-weight: bold; LIST-STYLE: none; BACKGROUND: url(../images/list/Arrow.png) no-repeat; background-position-y: 1px; padding-left: 13px; height: 20px;
}
#r-bodyarea #r-wrapper #r-left #r-kaientai li A:LINK {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}
#r-bodyarea #r-wrapper #r-left #r-kaientai li A:VISITED {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}
#r-bodyarea #r-wrapper #r-left #r-seek {
	FLOAT: left; WIDTH: 200px; BORDER-LEFT: #d5d3d3 1px solid; BORDER-RIGHT: #d5d3d3 1px solid; BORDER-TOP: #d5d3d3 1px solid; BORDER-BOTTOM: #d5d3d3 1px solid; BACKGROUND: url(/images/list/seek.gif) no-repeat; margin-bottom: 10px;
}
#r-bodyarea #r-wrapper #r-left #r-seek H2{
	HEIGHT:30px; LINE-HEIGHT:30px; PADDING-LEFT: 8px; COLOR: #FFFFFF; font-size: 15px; margin: 0px;
}
#r-bodyarea #r-wrapper #r-right {
	FLOAT: left; WIDTH: 780px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup {
	FLOAT: left; WIDTH: 758px; MARGIN-BOTTOM: 10px; height: auto; vertical-align:middle; padding: 10px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-up
, #r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-center {
	FLOAT: left; WIDTH: 758px; FONT-SIZE: 12px; 
}
#r-bodyarea #r-wrapper #r-right #r-pageup UL {
    list-style: none; margin-left: 0px; margin-top: 0px; padding-left: 0px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup LI {
    float:left; height: 30px; 
}
#r-bodyarea #r-wrapper #r-right #r-pageup span {
    float:left; margin-top: 2px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-up span.price
, #r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-center span.price {
    margin-left: 20px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-up .ddlSort
, #r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-center .ddlSort {
    margin-left: 10px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-up .btnSeek
, #r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-center .btnSeek {
    margin-left: 10px; 
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-up .lblCount
, #r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-center .lblCount {
    margin-left: 10px; COLOR: #990066; FONT-SIZE: 12px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-up .ddlPrice
, #r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-center .ddlPrice {
    margin-left: 10px; 
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-down {
	FLOAT: left; WIDTH: 758px; FONT-SIZE: 12px; 
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-down .ddlMaker {
	margin-left: 10px; WIDTH: 150px;
}
#r-bodyarea #r-wrapper #r-right #r-pageup #r-pageup-down .chkMaker {
	margin-left: 10px; position:relative; top:-2px;
}
#r-bodyarea #r-wrapper #r-right #r-pagedown {
	FLOAT: left; WIDTH: 758px; text-align:center; MARGIN-TOP: 5px; /*background-color: #7DD5FF;*/ height: 23px; vertical-align:middle; padding-top:5px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox {
    WIDTH: 758px; DISPLAY: table; BORDER-BOTTOM: solid 1px #808080; MARGIN-BOTTOM: 4px; 
}
#r-bodyarea #r-wrapper #r-right #contentsBox #thumbnailL {
    FLOAT: LEFT; height: 125px; WIDTH: 130px; position:relative;  /*change height from225 to 125*/ 
}
#r-bodyarea #r-wrapper #r-right #contentsBox #thumbnailL IMAGE {
     position:absolute; border: none;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL {
    FLOAT: LEFT; display: inline-block; margin-left: 10px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #title A {
    text-decoration: none; COLOR: #333366;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea {
    FLOAT: LEFT;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea UL.pubinfo {
    LIST-STYLE: none;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dl.list309 {
    MARGIN-LEFT: 10px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dl.list309 dt {
    clear: left;
    float: left;
    FONT-SIZE: 13px;
    margin: 0 5px 5px 5px;
    WIDTH: 120px;
    color: #666666;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dl.list309 dd {
    margin: 0 0 5px 5px;
    FONT-SIZE: 13px;
    WIDTH: 350px; /*350px;*/
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dl.list309 dd.font-CatalogCD {
    color:  #990033;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dl.list309 dd.price {
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dl.list309 dt.price-deail {
    color: #000000; font-weight: bold;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dl.list309 dt.camp-price-deail {
    color: #FF5050; font-weight: bold;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dd .camp-price-deail {
    color: #FF5050; font-weight: bold;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea div.tooltip {
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	width:16px;
	height:16px;
	background:#FF5050;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	position:relative;	/*吹き出しの表示位置指定の基準*/
	/* ツールチップを最前面に出すための追加設定 */
	z-index: 1000; /* 十分に高い値を設定する */
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea div.tooltip span {
	display:none;
	padding:2px 3px;
	width:200px;		/*吹き出しの幅*/
    left:-200px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea div.tooltip:hover {
	cursor:pointer;
	color: #FFF;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea div.tooltip:hover span {
	background:#FF5050;
	display: block;
	position: absolute;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #commonArea dd .font-price-deail {
    color: #EE1F8A; font-weight: bold;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea {
    FLOAT: RIGHT; WIDTH: 250px; /*MARGIN-TOP: 10px;*/
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #iconArea {
    FLOAT: LEFT; WIDTH: 40%; //HEIGHT: 40px; /*アイコンフラグをフルに立てた場合、アイコン位置の重なりがでる為、コメントアウト*/
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea div.AboutIcon {
    FLOAT: RIGHT; font-size:0.75em; margin-bottom:2px; text-align:right; cursor:pointer; color: #0066ff;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton {
    position:relative;
    border: 2px solid #DADADA;
    padding: 5px;
    background-color: #F2F2F2;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton UL {
    display: table;
    padding: 0;
    margin: 0 auto;
    FONT-SIZE: 13px;
    color: #000;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton LI {
    padding: 5px 0 5px 0;
    margin: 0 auto;
    display: table;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton #up {
    width: 230px; margin: 0px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton div {
    display: inline-block; float: right;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton dl.cartblock {
    /*display: inline-block;*/
    margin: 0px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton dl.cartblock dt {
    clear: left;
    float: left;
    FONT-SIZE: 13px;
    margin: 2px 0px 0px 0px;
    width: 40px;
    color: #000;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton dl.cartblock dd {
    FONT-SIZE: 13px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton div.option {
    width: 230px;
    text-align:center;
    margin:0px;
    padding:0px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #buyButton span.msg {
    color: #EE1C25;
    FONT-SIZE: 11px;
    width:240px;
    text-align:center;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea .keppin {
    FONT-SIZE: 13px;
    color:red;
    margin-top:5px;
    font-weight:600;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #r-NoStartGoods {
    margin-top: 20px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea span.NoStartGoods {
	width: 210px;
	text-align: left;
    background-color: #F0F0F0;
	padding: 2px 10px 2px 10px;
    border: 2px solid #A4C62B;
    FONT-SIZE: 12px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #r-Mulberry {
    margin-top: 20px;
	width: 210px;
	text-align: center;
    background-color: #F0F0F0;
	padding: 5px 10px 5px 10px;
    border: 2px solid #A4C62B;
    FONT-SIZE: 12px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #r-Estimate {
    margin-top: 20px;
	width: 210px;
	text-align: center;
    background-color: #F0F0F0;
	padding: 5px 10px 5px 10px;
    border: 2px solid #A4C62B;
    FONT-SIZE: 12px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #r-DemoGoods {
    margin-top: 20px;
	width: 210px;
	text-align: center;
    background-color: #F0F0F0;
	padding: 5px 10px 5px 10px;
    border: 2px solid #A4C62B;
    FONT-SIZE: 12px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #textBoxL #contentsWrapper #rightArea #r-NoWeb {
    margin-top: 20px;
	width: 210px;
	text-align: center;
    background-color: #F0F0F0;
	padding: 5px 10px 5px 10px;
    border: 2px solid #A4C62B;
    FONT-SIZE: 12px;
}
.r-GoodsHidden {
    opacity:0.4;
    position:absolute;
    filter:alpha(opacity=40);
    width:100%;
    background-color:#3c3c3c;
    height:100%;
    margin:0px;
    left:0;
    top:0;
}
.m_pager_active{
    FONT-SIZE: 16px; /*color: #FF0066; text-decoration: underline;*/
    color:#333; text-decoration:none;
}
.m_pager_normal{
    FONT-SIZE: 16px; color: #808080; text-decoration: none;
}

/* 2016-08-10 */
#r-bodyarea #r-wrapper #r-left .r-menu {
	FLOAT: left; WIDTH: 200px; BORDER-LEFT: #333366 1px solid; BORDER-RIGHT: #333366 1px solid; BORDER-TOP: #333366 1px solid; BORDER-BOTTOM: #333366 1px solid; BACKGROUND: url(/images/list/seek.gif) no-repeat; margin-bottom: 10px;
}
#r-bodyarea #r-wrapper #r-left .r-menu H2{
	HEIGHT: 30px; LINE-HEIGHT:30px; PADDING-LEFT: 8px; COLOR: #FFFFFF; font-size: 14px; margin: 0px; background-color: #333366;
}
#r-bodyarea #r-wrapper #r-left .r-menu UL{
	PADDING-LEFT: 20px; 
}
#r-bodyarea #r-wrapper #r-left .r-menu li{
	FONT-SIZE: 12px; COLOR: #000000; font-weight: bold; LIST-STYLE: none; BACKGROUND: url(../images/list/Arrow.png) no-repeat; background-position-y: 1px; padding-left: 13px; height: 20px;
}
#r-bodyarea #r-wrapper #r-left .r-menu li A:LINK {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}
#r-bodyarea #r-wrapper #r-left .r-menu li A:VISITED {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}

.slist_menu{
	margin:0 0 0 10px;
}
.li_label1{
	width:70px;
	padding-right:8px;
	text-align:left;
	font-weight:bold;
}
.li_label2{
	width:auto;
	padding-right:8px;
	text-align:left;
	font-weight:bold;
}
.li_a1{
	padding-right:12px;
}
.order_link{
	margin-bottom:5px;
	width:520px;
	float:left;
    font-size:12px;
}
.order_link_label{
    font-size: 12px;
    font-weight: bold;
}
.targetSort{
    font-size:12px;
	padding:3px 10px 3px 10px;
	border:1px #CCC solid;
	text-align:center;
	text-decoration:none;
}
a.targetSort_active{
	/*background-color:#291811;*/
	/*background-color:#008bdd;*/
	color:#FFF;
	font-weight:bold;
}
.targetSort:hover{
	/*background:#6FC202;*/
	/*color:#F3FF92;*/
    /*background:#c8e4ff;*/
    color:#333;
    text-decoration:none;
}
.order_link span{
	margin:0 5px 0 5px;
}
.list_link{
	margin-bottom:5px;
	width:30%;
	height:26px;
	vertical-align:top;
	text-align:right;
	float:right;
	margin-top:-7px;
}
.right_boder_none{
	border-right:none;
}
.clear{
	clear:both;
}

.w50px{
	width:50px;
}
.w60px{
	width:60px;
}
.w70px{
	width:70px;
}
.w80px{
	width:80px;
}
.w90px{
	width:90px;
}
.w100px{
	width:100px;
}
.w150px{
	width:150px;
}
.w250px{
	width:250px;
}
.w300px{
	width:300px;
}
.margin_b_5px{
	margin:0 0 5px 0;
}

.hidden{
	display:none;
}
.casehidden{
	visibility:hidden;
  height:0px;
  width:0px;
}
.linkOn{
	color:#00F;
	text-decoration:underline;
	pointer-events:auto;
}
.linkOff{
	color:#000;
	text-decoration:none;
	pointer-events:none;
}
.linkOn2{
	color:#00F;
	text-decoration:underline;
}
.linkOff2{
	color:#000;
	text-decoration:none;
}

/* トータル件数 */
.areaCount{
	margin:0 0 8px 0;
	padding:5px 0 0 0;
	border:#CCC 1px solid;
	text-align:center;
}
.areaCount .lblCount{
	font-size:42px;
	color:#09F;
}
.areaCount .label{
	margin:0 0 0 5px;
	font-size:16px;
	color:#999;
	font-weight:bold;
}

/* list panel */
.list_link ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
    text-indent: -9999px;
	width:26px;
	height:26px;
	padding:0;
	margin:-13px 0 0 0;
}
.list_link ul li a {
	display: block;
	text-indent: -9999px;
	width:26px;
	height:26px;
	padding:0;
	margin:0 5px 0 0;
}
.list_link ul li.listLabel{
	width: auto; 
	text-indent:0;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
    margin-right: 8px;
}
.list_link ul #listView.active {
	background:url(/Images/goods/panel_icon.gif) no-repeat 0 0;
}
.list_link ul #columntView.active {
	background:url(/Images/goods/panel_icon.gif) no-repeat -30px 0;
}

.list_link ul #listView a {
	background:url(/Images/goods/panel_icon.gif) no-repeat 0 -61px;
}
.list_link ul #columntView a {
	background:url(/Images/goods/panel_icon.gif) no-repeat -30px -61px;
}
.list_link ul #listView a:hover {
	background:url(/Images/goods/panel_icon.gif) no-repeat 0 -30px;
}
.list_link ul #columntView a:hover {
	background:url(/Images/goods/panel_icon.gif) no-repeat -30px -30px;
}

/* button */
.btn01{
	display: inline-block;
	*display:inline;
	*zoom: 1;
	width:90px;
	padding:0;
	margin:0 0 0 0;
	text-align:center;
	vertical-align:middle;
	/*background:#FFFFFA;*/
    background:#fff;
	overflow:hidden;
}
.btnLeft01{
	border:#999 1px solid;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;
}
.btnCenter01{
	border-top:#999 1px solid;
	border-right:#999 1px solid;
	border-bottom:#999 1px solid;
}
.btnRight01{
	border-top:#999 1px solid;
	border-right:#999 1px solid;
	border-bottom:#999 1px solid;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	border-radius:0px 5px 5px 0px;
}
.btn01 a {
	display:block;
	width:100%;
	height:22px;
	padding:8px 0 0 0;
	margin:0;
	text-decoration:none;
	font-size:12px;
	color:#0E6DD1;
}
.btn01 a:active {
	/*background:#6FC202;*/
    /*background:#c8e4ff;*/
	height:22px;
	/*color:#F3FF92;*/
    color:#333;
}
.btn01 a:hover {
	/*background:#6FC202;*/
    /*background:#c8e4ff;*/
	height:22px;
	/*color:#F3FF92;*/
    color:#333;
}
.btn01 a.active {
	/*background:#6FC202;*/
    /*background:#c8e4ff;*/
	height:22px;
	/*color:#F3FF92;*/
    color:#333;
}
.btn01 a.active2 {
	/*background:#291811;*/
    /*background:#008bdd;*/
	height:22px;
	color:#FFF;
}
.btn02{
	display: inline-block;
	*display:inline;
	*zoom: 1;
	width:60px;
	padding:0;
	margin:0 0 0 0;
	text-align:center;
	vertical-align:middle;
	/*background:#FFFFFA;*/
    background:#fff;
	overflow:hidden;
}
.btn02 a {
	display:block;
	width:100%;
	height:22px;
	padding:8px 0 0 0;
	margin:0;
	text-decoration:none;
	font-size:12px;
	color:#0E6DD1;
}
.btn02 a:active {
	/*background:#6FC202;*/
    /*background:#c8e4ff;*/
	height:22px;
	/*color:#F3FF92;*/
    color:#333;
}
.btn02 a:hover {
	/*background:#6FC202;*/
    /*background:#c8e4ff;*/
	height:22px;
	/*color:#F3FF92;*/
    color:#333;
}
.btn02 a.active {
	/*background:#6FC202;*/
    /*background:#c8e4ff;*/
	height:22px;
	/*color:#F3FF92;*/
    color:#333;
}
.btn02 a.active2 {
	/*background:#291811;*/
    /*background:#008bdd;*/
	height:22px;
	color:#FFF;
}

/* search box */
.boxSearch{
	padding:20px 0 20px 0;
}
.boxSearch #MainContent_searchform_text{
	width:530px;
	padding:7px;
	font-size:180%;
    vertical-align:top;
    height: 22px;
}
.boxSearch #MainContent_searchbutton{
	width:100px;
	height:39px;
	/*background-color:#E83f22;*/
	border:none;
	color:#FFF;
	font-weight:bold;
	font-size:180%;
}
.boxSearch #MainContent_searchbutton:hover{
	/*background-color:#761c0c !important;*/
	color:#fff;
	cursor:pointer;
}
.boxSearch .sjst{
	/*font-size:130%;*/
	font-size:100%;
}

/* maker box */
.boxMaker {
	FLOAT: left; WIDTH: 758px; FONT-SIZE: 12px;
}
.boxMaker .showTop {
    list-style: none; margin-left: 0px; margin-top: 0px; padding-left: 0px; WIDTH: auto;
}
.boxMaker .showTop li {
    /*float:left; height: 30px;*/
}
.boxMaker .showOthers {
	margin:0 0 10px 0;
	padding:7px;
	background:#E3F1FF;
	display:none;
}
.boxMaker .showOthers ul {
    margin:0; padding:0;
	display:table;
    table-layout:fixed;
}
.boxMaker .showOthers ul li {
	margin:0 10px 0 0;
	padding:0;
	width:175px;
	height:auto;
    display:table-cell;
	word-wrap:break-word;
}
.boxMaker .showOthers .title {
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
}
.boxMaker span {
    float:left; margin-top: 2px;
}
.buttonPt01 {
    background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(246,246,246) 47%, rgb(237,237,237) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	margin-top:-12px;
	border:#CCC 1px solid;
	border-radius:5px;
	width:100px;
	height:40px;
	color:#999;
	float:right;
	font-weight:bold;
}
.buttonPt01:hover {
	background:#999;
	color:#FFF;
	cursor:pointer;
}

.line_dotted{
	margin:7px 0 15px 0;
	padding:0;
	border-bottom:#999 1px dotted;
	width:100%;
	height:5px;
	clear:both;
}
.line_solid{
	margin:5px 0 0 0;
	padding:0;
	border-bottom:#999 1px solid;
	width:100%;
	height:0px;
	clear:both;
}
.line_solid2{
	margin:10px 0 0 10px;
	padding:0;
	/*border-bottom:4px #7DD4FF solid;*/
	width:100%;
	height:0px;
}

/* カラー、サイズ */
.targetColor, .targetSize{
	width:200px;
}

.areaOption{
	margin:0 0 10px 0;
}

/* side category */
#r-bodyarea #r-wrapper #r-left #r-category {
	FLOAT: left; WIDTH: 200px; BORDER-LEFT: #333366 1px solid; BORDER-RIGHT: #333366 1px solid; BORDER-TOP: #333366 1px solid; BORDER-BOTTOM: #333366 1px solid; BACKGROUND: url(/images/list/seek.gif) no-repeat; margin-bottom: 10px;
}
#r-bodyarea #r-wrapper #r-left #r-category H2{
	HEIGHT: 30px; LINE-HEIGHT:30px; PADDING-LEFT: 8px; COLOR: #FFFFFF; font-size: 14px; margin: 0px; background-color: #333366;
}
#r-bodyarea #r-wrapper #r-left #r-category UL{
	PADDING-LEFT: 20px; 
}
#r-bodyarea #r-wrapper #r-left #r-category li{
	FONT-SIZE: 12px; COLOR: #000000; font-weight: bold; LIST-STYLE: none; BACKGROUND: url(../images/list/Arrow.png) no-repeat; background-position-y: 1px; padding-left: 13px; height: 20px;
}
#r-bodyarea #r-wrapper #r-left #r-category li A:LINK {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}
#r-bodyarea #r-wrapper #r-left #r-category li A:VISITED {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}
#r-bodyarea #r-wrapper #r-left #r-categorysmall {
	FLOAT: left; WIDTH: 200px; BORDER-LEFT: #333366 1px solid; BORDER-RIGHT: #333366 1px solid; BORDER-TOP: #333366 1px solid; BORDER-BOTTOM: #333366 1px solid; BACKGROUND: url(/images/list/seek.gif) no-repeat; margin-bottom: 10px;
}
#r-bodyarea #r-wrapper #r-left #r-categorysmall H2{
	HEIGHT: 30px; LINE-HEIGHT:30px; PADDING-LEFT: 8px; COLOR: #FFFFFF; font-size: 14px; margin: 0px; background-color: #333366;
}
#r-bodyarea #r-wrapper #r-left #r-categorysmall UL{
	PADDING-LEFT: 20px; 
}
#r-bodyarea #r-wrapper #r-left #r-categorysmall li{
	FONT-SIZE: 12px; COLOR: #000000; font-weight: bold; LIST-STYLE: none; BACKGROUND: url(../images/list/Arrow.png) no-repeat; background-position-y: 1px; padding-left: 13px; height: 20px;
}
#r-bodyarea #r-wrapper #r-left #r-categorysmall li A:LINK {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}
#r-bodyarea #r-wrapper #r-left #r-categorysmall li A:VISITED {
	text-decoration: none; COLOR: #6699FF; font-weight: normal;
}

/* side slider */
.sideSlider
{
	clear:both;
    margin-top:15px;
}
.sideSlider .dic_title
{
	padding:8px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
.sideSlider .dic1_title
{
	padding:8px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
.sideSlider .dic1_titleM
{
	padding:8px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}


.sideSlider .dic2_title,
.sideSlider .dic3_title
{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

.sideSlider .dic1, 
.sideSlider .dic2, 
.sideSlider .dic3
{
	margin:0;
	padding:0;
  background-color:#fff;
}

.sideSlider .dic3M
{
	font-size:12px;
	margin-left:15px;
	padding:1px;
}


.sideSlider .dic1 li,
.sideSlider .dic2 li
{
	margin:0;
	padding:0;
    border-left:#ccc 1px solid;
    border-right:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
	list-style: none;
	list-style-type:none;
}

.sideSlider .dic1 li .dic2_title
{
    background:#fff;
}

.sideSlider .dic1 li .dic2_title a,
.sideSlider .dic2 li .dic3_title a
{
    padding:3px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

/*スライダー：件数のサイズを縮小する*/
.sideSlider .dic1 li .dic2_title span,
.sideSlider .dic2 li .dic3_title span
{
	font-size:x-small;
	font-weight:normal;
	color:#000;
}
.sideSlider .dic1 li .dic2 li span
{
	font-size:x-small;
	color:#000;
}
.sideSlider .dic1 li .dic2,
.sideSlider .dic1 li .dic2 li .dic3
{
	display:none;
}
.sideSlider .dic1 li .dic2 li,
.sideSlider .dic1 li .dic2 li .dic3
{
	margin:0;
    padding:3px;
    padding-left:10px;
	border:none;
	list-style: none;
	list-style-type:none;
	font-size:12px;
}
.sideSlider .dic1 li .dic2 li a
{
	font-size:12px;
	text-decoration:none;
	display:block;
}

.targetSideSliderChild{
	color:#000;
	color:#000;
}

.targetSideSliderChild2{
	color:#000;
	color:#000;
}

.targetMakerFree{
	color:#0E6DD1;
	text-decoration:none;
}

/* ツールチップ */
.tooltips{
	position:absolute;
}

/* 禁止 */
.targetModal, .cboxPhoto{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}
.cboxPhoto{
	pointer-events:none;
}

.marginBottom1{
	margin-bottom:9px;
}
/*----見積明細追加ボタン(水色)----*/
input.MitsumoriAddBtnS {
	border: 1px solid #999;
	background: #c8e4ff;
	color: #333;
	width: 180px;
	height: 24px;
	font-size:1.1em;
}

/*----デモ機追加ボタン(水色)----*/
input.DemoGoodsAddBtnS {
	border: 1px solid #999;
	background: #c8e4ff;
	color: #333;
	width: 180px;
	height: 24px;
	font-size:1.1em;
}

/*----価格改定注意喚起----*/
.box-005 {
    max-width: 200px;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
    font-size:14px;
    margin-top:15px;
    margin-left:70px;
    background-color:#ffebee;
}

.box-005 div {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -10px;
    left: 20px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
    background-color:#ffebee;
}

.box-005 svg {
    padding-right: 10px;
    background-color:#ffebee;
}

.box-005 p {
    margin: 0 0 10px 0;
    padding: 0 1.0em;
    background-color:#ffebee;
}

.box-005G {
    max-width: 200px;
    border: 2px solid #b0c4de;
    border-radius: 5px;
    color: #333333;
    font-size:14px;
    margin-top:15px;
    margin-left:70px;
    background-color:#fff;
}

.box-005G div {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -10px;
    left: 20px;
    background: #fff;
    color: #b0c4de;
    font-weight: 600;
    vertical-align: top;
    background-color:#fff;
}

.box-005G svg {
    padding-right: 10px;
    background-color:#fff;
}

.box-005G p {
    margin: 0 0 10px 0;
    padding: 0 1.0em;
    background-color:#fff;
}

/*----在庫管理----*/
.r-stockview {
	color: #000;
    FONT-SIZE: 12px;
    margin: 10px 0 10px 0;
}
.r-stockview span.stock {
    color: #f00; font-size: 15px;
}
.r-stockview #stock {
	width: 250px;
	border-collapse: collapse;
	border-spacing: 0px;
	color: #000;
    FONT-SIZE: 13px;
    margin-bottom: 2px;
}
.r-stockview #stock td {
	width: 100px;
	text-align: left;
    background-color: #F0F0F0;
	padding: 2px 10px 2px 10px;
    border: 1px solid #000066;
}
.r-stockview #stock th {
	width: 150px;
	text-align: right;
	font-weight: normal;
	padding: 2px 10px 2px 0px;
    border: 1px solid #000066;
}
.r-stockview #stock .stocktitle {
	text-align: center;
}
/*----メーカー注意表記----*/

#SupplierNote {
  padding: 0.5em 1em;
  position: relative;
  margin-right: 20px;
  margin-top: 19px;
  font-weight: bold;
  color: #658ed3;
  font-size:12px;
  background: #FFF;
  border: solid 3px #658ed3;
  border-radius: 10px;
  line-height:16px;
  background-color:#eef8ff;
}
#SupplierNote .BoxTitle {
  position: absolute;
  display: inline-block;
  top: -18px;
  left: 12px;
  padding: 2px;
  line-height: 1;
  font-size: 20px;
  background: #FFF;
  color: #fff;
  font-weight: bold;
  background-color:#658ed3;
  border-radius: 3px;
}

.ORDERSTOP {
    margin-top: 10px;
    position:absolute;
	width: 235px;
    height: 39px;
	text-align: left; 
    background-image:url(/Images/goods/orderstop.png);
}

.ORDERSTOP div {
    margin-left: 83px;
    padding-top: 2px;
    padding-left:87px;
    font-size: 12px;
    margin-top:auto;
    height:35px;
    display:table-cell;
    vertical-align:middle;
    line-height: 1;
}
/* 20251113 UPD ***S */
.DetailBtn {
  border:solid 1px;
  border-radius: 3px;
  font-weight:500;
  width:90px;
  padding:2px;
  cursor:pointer;
}
.DetailBtn:hover {
  color:#fff;
}
/* 20251113 UPD ***E */
.DetailBtn:focus {
  outline:none;
}
.GoodsNameList {
  display:inline-block;
  vertical-align:middle;
  width: 645px;
}
.GoodsNameList2 {
  display:inline-block;
  vertical-align:middle;
}

#r-bodyarea #r-wrapper #r-right #contentsBox #thumbnailL .Catalog {
  padding:3px;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  line-height:18px;
  display:inline-block;
  border-radius:5px;
  width:130px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #thumbnailL .catalogimg {
  margin-left:5px;
  width:32px;
  height:32px;
  display:block;
}
#r-bodyarea #r-wrapper #r-right #contentsBox #thumbnailL .catalogimg:hover {
  background-image:url(../images/list/catalog2.png);
}
#r-bodyarea #r-wrapper #r-right #contentsBox #thumbnailL .catalogNo {
  width:90px;
  display:block;
  margin-left:37px;
}

/* 20251110 *** S */ 
#r-bodyarea #r-wrapper #r-right #contentsBox .Catalog {
  padding:3px;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  line-height:18px;
  display:inline-block;
  border-radius:5px;
  width:130px;
}
#r-bodyarea #r-wrapper #r-right #contentsBox .catalogimg {
  margin-left:5px;
  width:32px;
  height:32px;
  display:block;
}
#r-bodyarea #r-wrapper #r-right #contentsBox .catalogimg:hover {
  background-image:url(../images/list/catalog2.png);
}
#r-bodyarea #r-wrapper #r-right #contentsBox .catalogNo {
  width:90px;
  display:block;
  margin-left:37px;
}
/* 20251110 *** E */ 
