/* Theme Blue changes*/



/*
	button color
*/
button.pickupInStoreButton,
button.negative, a.button.negative {
    color:#ff9400;
    border-color: #ff9400;
}

button.addToCartButton,
#storeFinder .searchPane .findStoresNearMe,
button.positive, a.button.positive {
    background-color:#ff9400;
    border-color: #ff9400;
}


/*
	checkout progress
*/

#checkoutProgress li.step.active {
    background: none repeat scroll 0 0 #ff9400;
}

/*
	scroller product number  
*/

.span-24 > .scroller ul li{
	width:150px;
}




/*
	Productlist image size
*/


.productList .productListItem .thumb img {
  width: 96px;
}



.productList .productListItem .stars,
.productList .productListItem .details,
.productList .productListItem .cart,
.productList .productListItem .product-classification,
.productList .productListItem .lowStock,
.productList .productListItem .head {
  margin-left:  110px;
}

/* ---------------GSLS(st) ---------- */

/* grid.css */
.column, .span-5G, .span-7G, .span-17G, .span-18G, .span-24G {float:left;margin-right:10px;}
.span-5G {width:175px;}
.span-7G {width:250px;}
.span-17G {width:680px;}
.span-18G {width:644px;}
.span-24G {width:1250px;margin-right:0;}
input.span-5G, textarea.span-5G {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-5G, textarea.span-5G {width:163px;}
.append-5G {padding-right:185px;}
.pull-5G {margin-left:-185px;}


div#contents {
	width: 1250px;
	background-color: #FFFFFF;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align: center;
}



div#contentLeft {
	width: 250px;
	float: left;
}

div#contentRight {
	width: 980px;
	float: right;
}

/* ---------- clear ---------- */

div.clear
{
	clear:both;
}

div.clear hr
{
	display:none;
}

/* ---------- contentLeft ---------- */
div.west-aa {
	width: 250px;
	text-align: left;
}

div.west-bb {
	width: 250px;
	text-align: left;
}
div.west-cc
{
	width:250px;
	text-align:left;
}
div.west-dd
{
	width:250px;
	text-align:left;
}
div.west-ee
{
	width:250px;
	text-align:left;
	border-top: 2px solid #666;
	list-style: outside none none !important;
	margin: 0px !important;
}
div.west-ff
{
	width:250px;
	text-align:left;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	list-style: outside none none !important;
	margin: 0px !important;
}


/* ---------- contentRight ---------- */
div.area-2col
{

}

div.area-2col .col_left
{
	width: 544px;
	float: left;
	text-align: left;
}

div.area-2col .col_right
{
/*	padding-right: 30px;*/
	width: 250px;
	float: right;
}

div.2col-a{
	text-align: left;
}

div.2col-b
{
 width: 250px;
}
div.area-1col
{

}

div.1col-a
{

}


div.north-aa {
	width: 250px;
	text-align: left;
}


div#logo {
	width: 201px;
	height: 74px;
	float: right;
}

div#head-head {
	width: 1250px;
	height: 45px;
	margin-bottom: 20px;
	background-color: #ef7900;
}

div#head-contentLeft {
	width: 750px;
	float: left;
}

.head-search-posi1 {
	padding: 6px 0 0 10px;
}
div.head-search-pict {
	width: 33px;
	height: 33px;
	background:url(../images/icon_search.gif) no-repeat;
}
td.pict1 {
		padding: 6px 0 0 30px;
}
td.pict2 {
		padding: 2px 0 0 5px;
}
td.posi2 {
		padding: 2px 0 0 30px;
}
div#head-contentRight {
	width: 400px;
	float: right;
}
div.block-minicart {
	background: #FFFFFF none repeat scroll 0% 0%;
	border: 2px solid #CC6700;
	height: 35px;
	padding: 8px;
	position: static;
	margin-top: -5px;
	z-index: 1;
	border-radius: 5px;
	width: 300px;
}
div.head-search-pict2 {
	width: 33px;
	height: 27px;
	background:url(../images/icon_minicart.png) no-repeat;
}

div#contentRight .simple_disp-img img{
	width: auto;
}

/*-----------------------------------------------------------
フロートバグ対策

解除したい要素にクラスClearfixを追加

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

/*clearfixハック(st)*/

.clearfix:after {
content: ".";/* 新しい要素を作る */
display: block;/* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
clear: both;
//overflow:hidden
}

/*clearfixハック(ed)*/

.bg-deco1 {
	background-color: #fff6cc;
}
.bg-deco2 {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fff6cc;
}

/* ---------- note ---------- */
div.note-msg, .notice-msg {
	background: #EEE url("../images/bg_icon_note.gif") no-repeat scroll 10px 15px;
	border: 1px solid #CCC;
	color: #666;
	text-align: left;
	margin-right: 100px;
}

/*--------------------ヘッダー部　Login / account----------------*/

li.login_inG a {
		background: #000 url("../images/icon_login_off.gif") no-repeat 12px 12px;
    background-color: #000;
    background-attachment: scroll;
    background-position: 2px;
    background-clip: border-box;
    background-origin: padding-box;
//    background-size: auto auto;	background-color: #000000;
	border: 1px solid #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	    -moz-border-top-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	border-radius: 3px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	color: #FFFFFF;
	font-size: 1.2em;
	word-break: keep-all;
	padding: 0px 8px 0px 20px;
	margin: 0px 6px 0px 2px;
	text-decoration: none;
}

li.login_inG a:hover{
	background: url("../images/icon_login_on.gif") no-repeat 12px 12px;
    background-color: #000;
    background-attachment: scroll;
    background-position: 2px;
    background-clip: border-box;
    background-origin: padding-box;
}

li.login_inG-1 a {
   background-color: #000000;
	border: 1px solid #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	    -moz-border-top-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	border-radius: 3px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	color: #FFFFFF;
	font-size: 1.2em;
	word-break: keep-all;
	padding: 0px 8px 0px 8px;
	margin: 0px 6px 0px 2px;
	text-decoration: none;
}

li.accountG a{
   background-color: #000000;
	color: #FFFFFF;
	font-size: 1.2em;
	word-break: keep-all;
	padding: 0px 8px 0px 8px;
	margin: 0px 6px 0px 2px;
	text-decoration: none;
	height: 21px;
}


div.accountG .navigationbarcollectioncomponent{
	padding-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	height: 21px;
}


li.accountG.La > a {
   background-color: #000000;
	border: 1px solid #000000;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	    -moz-border-top-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	border-radius: 3px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	color: #FFFFFF;
	font-size: 1.2em;
	word-break: keep-all;
	padding: 0px 8px 0px 8px;
	margin: 0px 6px 0px 2px;
	text-decoration: none;
	height: 21px;
	line-height: 1.667em;
	background-image:url(../images/bg_icon_globalnav.gif);
	background-repeat: no-repeat;
	background-position : right center;
	padding-right:10px;
}
li.accountG.La:hover > a{
   background-color: #000000;
	border: 1px solid #000000;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	    -moz-border-top-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	border-radius: 3px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	color: #FFFFFF;
	font-size: 1.2em;
	word-break: keep-all;
	padding: 0px 8px 0px 8px;
	margin: 0px 6px 0px 2px;
	text-decoration: none;
	height: 21px;
	line-height: 1.667em;
	background-image:url(../images/bg_icon_globalnav.gif);
	background-repeat: no-repeat;
	background-position : right center;
	padding-right:10px;
	box-shadow: 0px 0px 0px;
}


li.accountG.La:hover ul.Lb,
li.login_inG-3.La a:focus + ul.Lb {
	width: 145.609px;
	display:block;
}

li.accountG ul.Lb  li.Lb span.nav-submenu-title{
	display:none;
}


li.accountG ul.Lb {
	position:absolute;
	background:#ffffff;
	text-align:left;
	padding:0;
	z-index:9999;
	border-top:0;
	top:auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-bottom: none;
    margin: 0;
}

li.accountG ul.Lb li.Lb{
	background-color: #f5f5f5;
	width: 155.609px;
	border: #ccc 1px solid;
}
li.accountG ul.Lb li.Lb .Lc {
    border-bottom: none;
}

li.accountG ul.Lb li.Lb .Lc > a{
	width: 155.609px;
	background-color: #f5f5f5;
    display: block;
    position: relative;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
	color: #000000;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	line-height: 1.667em;
	height: 100%;
	font-size: 1.1em;
	vertical-align: middle;
	text-indent: 10px;
	word-wrap:break-word;
    border-radius: 0;}

li.accountG ul.Lb li.Lb .Lc:hover > a{
	background-color: #f0f0f0;
}

/*--------共通ヘッダー部の「お問い合わせ」-------*/
ul.navG {
	float: right;
	margin: 30px 20px 10px 0px; 
}

div.login_inG-2 {
   background-color: #FFE5CC;
	border: 1px solid #FFE5CC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFE5CC;
	border-right-color: #FFE5CC;
	border-bottom-color: #FFE5CC;
	border-left-color: #FFE5CC;
	    -moz-border-top-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	border-radius: 3px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	color: #F60;
	font-size: 1.2em;
	word-break: keep-all;
	padding: 0px 8px 0px 8px;
	margin: 0px 6px 0px 2px;
	text-decoration: none;
	font-weight: bold;
}

div.login_inG-2 a{
	color: #F60;
}


/*--------footer部-------*/

.footerG{
	border-top:1px solid #979797;
	margin:20px 0 10px 0;
	padding:15px 0 10px 0;
	clear: both;
}

.footerG .links{
	float:left;
	padding-left: 150px;
}

.footerG .links .title{
	font-weight:bold;
}


.footerG .links ul{
	float:left;
	padding-bottom: 20px;
	width:220px;
	padding-left:10px;
	
}
.footerG .links li{
	float:left;
	padding-top: 2px;
	clear: both;
}


.footerG .links a{
	font-weight:normal;
}


.footerG .copyright{
	clear:both;
	padding: 5px 20px 5px 0px;
	text-align:right;
	background-color: #000000;
	color: #ffffff;
}

/* ----------account ---------- */

div#contents {
	width: 1250px;
	background-color: #FFFFFF;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align: center;
}


div#account-contentLeft {
	width: 250px;
	float: left;
}

div#account-contentRight {
	width: 980px;
	float: right;
}

div.account-1col-a
{

}
div.account-1col-b
{

}

/* ---------- clear ---------- */

div.clear
{
	clear:both;
}

div.clear hr
{
	display:none;
}

/* ---------- main ---------- */

#pageG{
	width:1250px;
	padding:0 5px;
	margin:0 auto;
}

/* ---------- minicart ---------- */
.miniCartG{
	position:relative;
	z-index:200;
	list-style-type: none;
}

.miniCartG > a .count{
	background:#fff;
//	background:#464646;
	color:#000;
//	color:#fff;
//	width:20px;
	margin:0 5px;
	font-size:1.0em;
	display: inline-block;
	text-align:center;
}
.miniCartG > a .price{
	color:#c7c7c7;
	font-style:italic;
}


.miniCartPopupG{
	display:none;
	position:absolute;
	right:0;
	background:#fff;
	width:358px;
	border:1px dotted #a5a5a5;
	border-width:1px;
	padding:15px;
	z-index:201;
}

/* ---------- product ---------- */

div#product-contentLeft {
	width: 250px;
	float: left;
}

div#product-contentRight {
	width: 980px;
	float: right;
}

/* ---------- contentLeft ---------- */
div.product-west-a
{

}


/* ---------- contentRight ---------- */
div.product-area-2col
{

}

div.product-area-2col .col_left
{
	width: 550px;
	float: left;
}

div.product-area-2col .col_right
{
	width: 344px;
	float: right;
}

div.product-area-1col
{

}


div.product-2col-a
{

}

div.product-2col-b
{

}

div.product-1col-a
{

}
div.product-1col-b
{
	width: 970px;
	text-align: left;
}

/*Scroller*****************/



.span-24G > .scroller{
	padding:40px 0;
}

.span-24G > .scroller .title{
	font-size:1.167em;
	font-weight:bold;
	color:#666666;
	border-bottom:1px solid #979797;
	padding:0 0 5px 0;
	text-transform:uppercase;
	margin:0 0 40px 0;
}



.span-24G > .scroller ul li{
/*	width:220px;*/
	width:250px;
	margin:0 20px 0 0;
}

.span-24G > .scroller ul li{
/*	width:230px;*/
	width:260px;
	margin:0 10px 0 0;
}

/*
## landingLayout2Page
********************************************************************/

.stripTransmitter {
	overflow: auto;
	padding: 0 15px ;
	width: 614px !important;
	height:51px;
	border-bottom:1px dotted #A5A5A5;
	background-color: #eee;
}


/*
## Navigation
********************************************************************/

.navigationbarcollectioncomponent{
	border:1px dotted #0000ff;
	border-width:1px 0 ;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 1.25em;
	position:relative;
	z-index:100;
	clear: both;
	margin-bottom:10px;
}

/*
#### 1. Navigation Level
********************************************************************/

.navigationbarcollectioncomponent li.navcategorymenu.La{
	float:left;
	text-align:left;
	clear: both;
	margin-left:20px;
	margin-bottom:2px;
}


.navigationbarcollectioncomponent li.navcategorymenu.La > a{
	width:220px;
	display:block;
	line-height:2.750em;
	padding: 0 0;
	background:#ffe5cc;
	text-decoration:none;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	margin-bottom:2px;
	border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;

}


.navigationbarcollectioncomponent li.navcategorymenu.La:hover{
	margin-bottom:2px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	margin-bottom:2px;
}

.navigationbarcollectioncomponent li.navcategorymenu.La:hover > a{
	background:#f1a961;
	color:#000;
	margin-bottom:2px;
}


.navigationbarcollectioncomponent li.navcategorymenu.parent:hover > a{ 
	background:#f1a961;
	color:#000;
	margin-bottom:2px;
}

.navigationbarcollectioncomponent li.navcategorymenu.parent {
	list-style-image:  url("../images/pullmenu_plas.gif");
}

.navigationbarcollectioncomponent li.navcategorymenu.parent:hover {
	list-style-image:  url("../images/pullmenu_minus.gif");
}


.navigationbarcollectioncomponent li.navcategorymenu.parent:hover > a{ 
	margin-bottom:2px;
}




#### 2. Navigation Level
********************************************************************/
.navigationbarcollectioncomponent li.navcategorymenu ul.Lb{
	display:none;
}


.navigationbarcollectioncomponent li.navcategorymenu.La:hover ul.Lb,
.navigationbarcollectioncomponent li.navcategorymenu.La a:focus + ul.Lb{
	display:block;
}


.navigationbarcollectioncomponent li.navcategorymenu ul.Lb{
	position:relative;
	background:#ffffff;
	left:0;
	right: 0;
	text-align:left;
	padding:0px;
	border:0;
	z-index:0;
	border-top:0;
	top:0px;
	box-shadow: 0px 0px 0px;
	line-height:2.0em;
	width: 220px;
}


.navigationbarcollectioncomponent li.navcategorymenu ul.Lb li.Lb{
	float:right;
	list-style-image:  url("../images/pullmenu_arrow.gif");
}


.navigationbarcollectioncomponent li.navcategorymenu ul.Lb li.Lb span.nav-submenu-title{
	display:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.167em;
	margin:0 0 10px 0;
}




.navigationbarcollectioncomponent li.navcategorymenu ul.Lb li.Lb .Lc{
	float:right;
	width:205px;
	background:#ffffff;
	line-height:2.0em;
	padding-left:5px;
}

.navigationbarcollectioncomponent li.navcategorymenu ul.Lb li.Lb .Lc:hover{
	float:right;
	width:205px;
	background:#fff4eb;
	line-height:2.0em;
}
.navigationbarcollectioncomponent li.navcategorymenu ul.Lb li.Lb .Lc:hover > a{
	color:#333;
	line-height:2.0em;
}





/*
#### Special Offer
********************************************************************/

.navigationbarcollectioncomponent > ul > li:last-child{
	float:right;	
}

/* 商品アイコン */
.product-icons { width:100%; margin-bottom:10px; }
.product-icons ul li { display:block; float:left; font-size:12px;  font-weight:bold; line-height:16px; height:16px; padding:2px 5px; margin:0 5px 5px 0; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* アイコンのテキスト色と背景色 */
.product-icons .icons1 { background:#ef7900; color:#fff; }
.product-icons .icons2 { background:#ffe14d; color:#e53900; }
.product-icons .icons3 { background:#ff0000; color:#fff; }
.product-icons .icons4 { background:#bbe667; color:#59800d; }
.product-icons .icons5 { background:#ace1e6; color:#0f8299; }
.product-icons .icons6 { background:#ace1e6; color:#0f8299; }
.product-icons .icons7 { background:#217dd9; color:#fff; }

.product-over table {
	width: 100%;
	height: 300px;
	border: 3px #F00000 solid;
}

.product-over td {
	border: 0px #F00000 solid;
	text-align: center;
}

.button_wrapper{
   text-align:center;
   display: inline;
   float: none;
   margin-top: 0px;
   margin-right: 5px;
   margin-bottom: 0px;
   margin-left: 5px;
}

hr.style1{
    margin: 1em 0 1em;
    height: 4px;
    border: #ff9400  2px solid;
    color:  #ff9400 ;
    background: #ff9400;
}