@charset "UTF-8";



@import url("user.css");



/**

* Logiec‐ECサイト構築サービス

*

* @author 阿部

* @version 09/02/04

*/



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

 共通

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



/* box -------------------- */



div.ctBox {

	width: 643px;

	margin: 30px auto 0 auto;

}



div.ctBoxW700 {

	margin: 20px 0 0 4px;

}



/* タイトル -------------------- */



h2.titDott {

	margin: 0 0 22px 0;

	padding: 0 0 6px 10px;

	background: url(../img/dotline.gif) repeat-x left bottom;

	font-size: 113%;

	font-weight: bold;

	color: #454545;

}



/* テキスト -------------------- */



p.closeBox {

	margin-top: 15px;

	text-align: center;

}



p.center {

	text-align: center;

}



p.center input {

	cursor: pointer;

}



p.right {

	text-align: right;

}



a.arw {

	padding-left: 7px;

	background: url(../img/icon_arw_right.gif) no-repeat 0 .3em;

	color: #ff8f0b;

}



a.arwGray {

	padding-left: 7px;

	background: url(../img/icon_arw_gray.gif) no-repeat 0 .3em;

	color: #ff8f0b;

}



a.arwGrayFontSize14 {

	padding-left: 7px;

	background: url(../img/icon_arw_gray.gif) no-repeat 0 .25em;

	color: #ff8f0b;

}



/* 商品画像リスト -------------------- */



ul.listItem {

	width: 692px;

}

ul.listItem:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

ul.listItem { display:inline-block; }

/*\*/

* html ul.listItem { height:1%; }

ul.listItem { display:block; }

/**/



ul.listItem li {

	float: left;

	width: 130px;

	margin: 0 7px 0 0;

}



ul.listItem li.last {

	float: left;

	margin: 0 0 0 0;

}



ul.listItem li img {

	border: solid #cacaca 1px;

}



ul.listItem li span.icon {

	margin: 1px 0 -3px;

	display: block;

}



ul.listItem li span.icon img {

	border: none;

	vertical-align: middle;

}



ul.listItem li span.link {

	display: block;

	margin: 3px 0 0 5px;

	font-weight: bold;

}



ul.listItem li span.text {

	display: block;

	margin: 0 0 0 8px;

	line-height: 1.3;

}



ul.listItem li span.priceRight {

	display: block;

	margin: 15px 0 0 8px;

	line-height: 1.3;

	text-align: right;

}



ul.listItem li span strong {

	color: #ff8f0b;

}



ul.listItem li span.price {

	display: block;

	margin: 15px 0 0 8px;

	line-height: 1.3;

}



ul.listItem li span.sale {

	display: block;

	margin: 0 0 0 9px;

	line-height: 1.3;

	xbackground: url(../img/icon_sale.gif) no-repeat 0 .1em;

	xpadding: 0 0 0 36px;

}





/* ついで買い商品画像リスト -------------------- */



div.extraBox {

	width: 643px;

	margin: 20px 0 0 5px;

}



ul.extraListItem {

	width: 643px;

	display:inline-block;

}



ul.extraListItem li span.priceRight {

	display: block;

	margin: 15px 0 0 8px;

	line-height: 1.3;

	text-align: right;

}



/*\*/

* html ul.extraListItem {

	height:1%;

}

ul.extraListItem {

	display:block;

	margin: 0 5px 0 0px;

}

/**/



ul.extraListItem li {

	float: left; 

	width: 125px;

	margin: 0 5px 0 9px;

}





ul.extraListItem li img {

	border: solid #cacaca 1px;

}



ul.extraListItem li span.icon {

	margin: 1px 0 -3px;

	display: block;

}



ul.extraListItem li span.icon img {

	border: none;

	vertical-align: middle;

}



ul.extraListItem li span.link {

	display: block;

	margin: 3px 0 0 5px;

	font-weight: bold;

}



ul.extraListItem li span.text {

	display: block;

	margin: 0 0 0 8px;

	line-height: 1.3;

}



ul.extraListItem li span.priceRight {

	display: block;

	margin: 15px 0 0 8px;

	line-height: 1.3;

	text-align: right;

}





ul.extraListItem li.last {

	float: left;

	margin: 0 0 0 9px;

}



ul.extraListItem li span strong {

	color: #ff8f0b;

}



ul.extraListItem li span.price {

	display: block;

	margin: 15px 0 0 8px;

	line-height: 1.3;

}



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

 pcode

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



/* box -------------------- */



div.pcodeBox {

	width: 538px;

	margin: 0 auto;

	padding: 10px 0 0 0;

	background: url(../img/bg_popup_top.gif) no-repeat 0 0;

}



div.pcodeBox .inner {

	padding: 0 0 10px 0;

	background: url(../img/bg_popup_bt.gif) no-repeat left bottom;

}



div.pcodeBox .inner .ctBox {

	width: 536px;

	margin: 0;

	border-left: 1px #cccccc solid;

	border-right: 1px #cccccc solid;

	background: #ffffff;

	text-align: left;

}



div.pcodeBox .inner .ctBox .ctBoxinner {

	width: 525px;

	margin: 0 0 0 5px;

	padding: 0 0 39px 0;

	text-align: left;

}



/* Title -------------------- */



div.pcodeBox .inner .ctBox h2 {

	margin: 0 0 10px 0;

	padding: 0 0 10px 10px;

	background: url(../img/line_double.gif) repeat-x left bottom;

	font-weight: bold;

}



div.pcodeBox .inner .ctBox h2 span {

	display: block;

	padding: 0 0 0 25px;

	background: url(../img/icon_check.gif) no-repeat 5px 3px;

}



/* package -------------------- */



div.pcodeBox .inner .ctBox .ctBoxinner .packageBox {

	width: 460px;

	margin: 0 0 0 33px;

}



div.pcodeBox .inner .ctBox .ctBoxinner .packageBox {

	width: 460px;

	margin: 0 0 30px 33px;

}

div.pcodeBox .inner .ctBox .ctBoxinner .packageBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.pcodeBox .inner .ctBox .ctBoxinner .packageBox { display:inline-block; }

/*\*/

* html div.pcodeBox .inner .ctBox .ctBoxinner .packageBox { height:1%; }

div.pcodeBox .inner .ctBox .ctBoxinner .packageBox { display:block; }

/**/



div.pcodeBox .inner .ctBox .ctBoxinner .packageBox p.left {

	float: left;

}



div.pcodeBox .inner .ctBox .ctBoxinner .packageBox div.right {

	float: right;

	width: 280px;

}



div.pcodeBox .inner .ctBox .ctBoxinner .packageBox div.right div.text {

	margin: 0 0 0 8px;

}



div.pcodeBox .inner .ctBox .ctBoxinner .packageBox div.right strong {

	color: #ff8f0b;

}



div.pcodeBox .inner .ctBox .ctBoxinner .packageBox div.right p {

	margin: 0 0 5px 0;

}



/* pcode -------------------- */



div.pcodeBox .inner .ctBox .ctBoxinner .tableBox {

	width: 460px;

	margin: 0 0 0 33px;

}



div.pcodeBox .inner .ctBox .ctBoxinner p.text {

	margin: 20px 0 20px 33px;

}



/* リストリンク -------------------- */



div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox {

	margin: 30px 15px 30px 15px;

	padding: 0;

}

div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox { display:inline-block; }

/*\*/

* html div.listPageBox { height:1%; }

div.listPageBox { display:block; }

/**/



div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox p {

	float: left;

}



div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox ul {

	float: left;

	width: 321px;

	padding: 3px 0 0 0;

	text-align: center;

	color: #FF6600;

}



div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox ul li {

	display: inline;

}



div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox ul li a:link {

	color: #ff8f0b;

	text-decoration: underline;

	font-weight: bold;

}

div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox ul li a:visited {

	color: #ff8f0b;

	text-decoration: underline;

	font-weight: bold;

}

div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox ul li a:hover {

	color: #ff8f0b;

	text-decoration: none;

	font-weight: bold;

}

div.pcodeBox .inner .ctBox .ctBoxinner div.listPageBox ul li a:active {

	color: #ff8f0b;

	text-decoration: none;

	font-weight: bold;

}





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

 新着情報

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



/* box -------------------- */



div.newBox {

	width: 704px;

	padding: 0 0 20px 0;

	margin: 0;

}



h2.titnew {

	margin: 0 0 10px 0;

	padding: 0 0 5px 0;

	background: url(../img/line_double.gif) repeat-x left bottom;

	font-weight: bold;

}



h2.titnew span {

	display: block;

	padding: 0 0 0 25px;

	background: url(../img/icon_check.gif) no-repeat 5px 3px;

}



div.newBox dl {

	width: 660px;

	margin: 0 0 0 25px;

}



div.newBox dl dt {

	float: left;

	margin: 0 20px 0 0;

}



/*\*/

div.newBox dl dt {

	clear: both;

}

/**/



div.newBox dl dd {

	float: left;

	width: 560px



}



*:first-child + html div.newBox dl dd {

	float: none;

}



div.newBox dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.newBox dl { display:inline-block; }

/*\*/

* html div.newBox dl { height:1%; }

div.newBox dl { display:block; }

/**/





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

 list

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



/* box -------------------- */



div.listCategoryBox {

	padding: 4px 0;

	background: url(../img/bg_line.gif);

	margin: 0 0 15px 0;

}



div.listCategoryBox ul {

	margin: 0 0 0 0;

}



div.listCategoryBox ul li {

	display: inline;

	margin: 0 0 0 20px;

}



div.listCategoryBox ul li a.arw {

	padding-left: 7px;

	background: url(../img/icon_arw.gif) no-repeat 0 .3em;

	font-weight: bold;

}



#ctRight div.listCategoryBox ul li a:link,

#ctRight div.listCategoryBox ul li a:visited {

	color: #ffffff;

	text-decoration: underline;

}

#ctRight div.listCategoryBox ul li a:hover,

#ctRight div.listCategoryBox ul li a:active {

	color: #ffffff;

	text-decoration: none;

}



div.listIndicationBox {

	margin: 0;

	padding: 0 10px 0 10px;

	border: 1px #e1e1e1 solid;

}

div.listIndicationBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.listIndicationBox { display:inline-block; }

/*\*/

* html div.listIndicationBox { height:1%; }

div.listIndicationBox { display:block; }

/**/



div.listIndicationBox p {

	float: left;

}



div.listIndicationBox p.select {

	float: left;

	width: 150px;

	padding: 2px 0 0 0;

}



div.listIndicationBox p.checkbox {

	float: left;

	width: 325px;

	padding: 2px 0 0 0;

}



div.listIndicationBox p.btn {

	float: left;

	width: 200px;

	text-align: right;

	padding: 4px 0;

}



div.listPageBox {

margin:1em 0;

text-align:center;

}

div.listPageBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.listPageBox { display:inline-block; }

/*\*/

* html div.listPageBox { height:1%; }

div.listPageBox { display:block; }

/**/



div.listPageBox p {

display:inline;

padding-right:1em;

}



div.listPageBox ul {

	float: left;

	width: 647px;

	padding: 3px 0 0 0;

	text-align: center;

	color: #FF6600;

}



div.listPageBox ul li {

	display: inline;

}



div.listPageBox ul li a:link {

	color: #ff8f0b;

	text-decoration: underline;

	font-weight: bold;

}

div.listPageBox ul li a:visited {

	color: #ff8f0b;

	text-decoration: underline;

	font-weight: bold;

}

div.listPageBox ul li a:hover {

	color: #ff8f0b;

	text-decoration: none;

	font-weight: bold;

}

div.listPageBox ul li a:active {

	color: #ff8f0b;

	text-decoration: none;

	font-weight: bold;

}



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

 detail

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



/* box -------------------- */



div.detailBoxBoder {

	width: 660px;

	border: 1px #cccccc solid;

	padding: 20px;

	margin: 0 0 25px 0;

}

div.detailBoxBoder:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.detailBoxBoder { display:inline-block; }

/*\*/

* html div.detailBoxBoder { height:1%; }

div.detailBoxBoder { display:block; }

/**/



div.detailBoxBoder img {

	border: solid #cacaca 1px;

}



div.detailBoxBoder ul.left {

	float: left;

	margin-right: 34px;

}



div.detailBoxBoder ul.left li {

	margin: 0 0 24px 0;

}



div.detailBoxBoder ul.left li.last {

	margin: 0 0 0 0;

}



div.detailBoxBoder p.right {

	float: left;

}



div.detailBox {

	margin: 0 0 15px 12px;

}

div.detailBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.detailBox { display:inline-block; }

/*\*/

* html div.detailBox { height:1%; }

div.detailBox { display:block; }

/**/



div.detailBox div.left {

	float: left;

	width: 493px;

}



div.detailBox div.right {

	float: right;

	width: 170px;

	font-size: 113%;

}



div.detailBoxBoder div.detailImgLeft {

	float: left;

	border-collapse: collapse;

}



div.detailBoxBoder div.detailImgRight {

	width: 477px;

	height: 477px;

	float: left;

	border-collapse: collapse;

}



div.detailBoxBoder div.detailImgLeft div.eachBox {

	margin: 0px;

	margin-bottom: 20px;

	margin-right: 35px;

}



div.detailBoxBoder div.detailImgLeft p {

	display: table-cell;  

	text-align: center;

	vertical-align: middle;

	width: 130px !important;

	width: auto;

	height: 130px !important;

	height: auto;

}



div.detailBoxBoder div.detailImgRight p {

	display: table-cell;

	text-align: center;

	vertical-align: middle;

	width: 477px !important;

	width: auto;

	height: 477px !important;

	height: auto;

}



div.detailBoxBoder div.detailImgLeft img,

div.detailBoxBoder div.detailImgRight img {

	border: none;

}



div.detailBoxBoder div.detailImgLeft p,

div.detailBoxBoder div.detailImgRight {

	border: solid #cacaca 1px;

}



/* text -------------------- */



div.detailBox div.right p {

	margin: 0 0 5px 0;

}



div.detailBox div.right p.sold {

	margin-top: 1.5em;

}



div.detailBox div.right p.btn {

	margin: 25px 0 0 0;

}



div.detailBox div.right p span {

	font-weight: bold;

	color: #F26522;

}





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

 cart

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



/* box -------------------- */



div.cartBox {

	margin: 0 0 0 12px;

}



div.cartBoxBoderBottom {

	padding: 16px 0 0 12px;

	background: url(../img/dotline.gif) repeat-x left top;

}



div.cartBoxBoderBottom p {

	margin: 0 0 10px 0;

}



/* Text -------------------- */



div.cartBox p {

	margin: 10px 0 16px 0;

}





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

 privacy

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



/* box -------------------- */



div.privacyBox {

	margin: 0 0 0 12px;

	font-size: 113%;

}



/* Text -------------------- */



div.privacyBox p {

	margin: 0 0 26px 0;

}



div.privacyBox ol {

	margin: 0 0 30px 0;

}





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

 table

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



td.lTxt { text-align: left !important }

td.rTxt { text-align: right !important }



/* table01 -------------------- */



table.normalTable {

	border: 1px #DDEADD solid;

	border-collapse: collapse;

	width: 640px;

}



table.normalTable caption {

	display: none;

}



table.normalTable tr th {

	width: 130px;

	padding: 8px 10px;

	background: #EFF7EF;

	border: 1px #DDEADD solid;

	text-align: left;

	font-weight: bold;

}



table.normalTable tr td {

	padding: 8px 10px;

	border: 1px #DDEADD solid;

	width: 510px;

}



/* Table02 -------------------- */



table.centerTable {

	width: 100%;

	border: 1px #cccccc solid;

	border-collapse: collapse;

}



table.centerTable caption {

	display: none;

}



table.centerTable tr th {

	padding: 5px 10px;

	background: #efefef;

	border: 1px #cccccc solid;

	text-align: center;

	font-weight: bold;

}



table.centerTable tr td {

	padding: 5px 10px;

	border: 1px #cccccc solid;

	text-align: center;

}



/* shoppingTable01 -------------------- */



table.shoppingTable01 {

	width: 643px;

	border: 1px #DDEADD solid;

	border-collapse: collapse;

}



table.shoppingTable01 caption {

	display: none;

}



table.shoppingTable01 tr th {

	padding: 5px 10px;

	background: #EFF7EF;

	border: 1px #DDEADD solid;

	text-align: center;

	font-weight: bold;

}



table.shoppingTable01 tr td {

	padding: 5px 10px;

	border: 1px #DDEADD solid;

	text-align: center;

}



/* shoppingTable02 -------------------- */



table.shoppingTable02 {

	width: 311px;

	margin: 20px 0 0 332px;

	border: 1px #DDEADD solid;

	border-collapse: collapse;

}



table.shoppingTable02 caption {

	display: none;

}



table.shoppingTable02 tr th {

	padding: 5px 0 5px 10px;

	background: #EFF7EF;

	border: 1px #DDEADD solid;

	text-align: left;

	font-weight: bold;

}



table.shoppingTable02 tr td {

	padding: 5px 10px;

	border: 1px #DDEADD solid;

}



/* cartTable -------------------- */



table.cartTable {

	width: 208px;

	margin: 20px 0 20px 435px;

	border: 1px #DDEADD solid;

	border-collapse: collapse;

}



table.cartTable caption {

	display: none;

}



table.cartTable tr th {

	padding: 5px 10px;

	background: #EFF7EF;

	border: 1px #DDEADD solid;

	text-align: left;

	font-weight: bold;

}



table.cartTable tr td {

	padding: 5px 10px;

	border: 1px #DDEADD solid;

}





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

 cart

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



/* テキスト -------------------- */



p.cartCalculation {

	width: 643px;

	margin: 15px 0 0 0;

}

p.cartCalculation:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

p.cartCalculation { display:inline-block; }

/*\*/

* html p.cartCalculation { height:1%; }

p.cartCalculation { display:block; }

/**/



p.cartCalculation span {

	display: block;

	float: left;

	width: 560px;

	padding: 6px 0 0 0;

	font-weight: bold;

	text-align: right;

}



p.cartCalculation img {

	float: right;

}



p.cartText {

	margin: 10px 0 26px 0;

	color: #FF6600;

}





/*login------------------------------*/



#ctRight .cartLogin {

	margin: 0 0 0 0;

}



#ctRight .cartLogin dt {

	float: left;

	width: 8em;

}



#ctRight .cartLogin dd {

	margin-bottom: 6px;

	padding: 0 0 8px 0;

	color: #6E6E6E;

}



#ctRight .cartLogin dd span {

	font-size: 86%;

}



* html #ctRight .cartLogin dd input {

	vertical-align: middle;

}





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

 shoppingstep

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



/* テキスト -------------------- */



div.shoppingStepBox {

	margin: 0 0 54px 0;

}



div.shoppingStepBox p {

	margin: 15px 0px;

}





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

 member

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



/* テキスト -------------------- */



p.memberTextCenter {

	margin: 25px 0 0 0;

	text-align: center;

}



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

 err

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



ul.link {

}



ul.link li {}



ul.link li a {

	padding-left: 1.3em;

	background: url(../img/icon_category.gif) no-repeat left center;

	line-height: 1.8;

}



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

 other

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



.zipcodeSearch {

	margin-top: -1px;

	margin-left: 5px;

	vertical-align:top;

}

.destinationSelect {

	margin-top:  -4px;

	margin-left: 5px;

	vertical-align:middle;

}

div.shoppingStepBox ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 5px;
	line-height: 150%;
}
div.shoppingStepBox ul li span.kome {
	position: absolute;
	left: 0px;
}