@charset "UTF-8";

@import url("common.css");

/* **************************************************************************************

 コンテンツページのスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.txtRed {
	color: #E00404;
}

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}

.bold {
	font-weight: bold;
}


/* タイトル・リード
------------------------------------------------------------ */

div#contArea h1 {
	margin-bottom: 15px;
}

div#contArea h2 {
	margin-bottom: 15px;
}


span.notes {
	color: #F16E30;
	font-size: 86%;
}


/* コンテンツ枠
------------------------------------------------------------ */

div#contBox {
	width: 506px;
	margin: 0 0 0 19px;
}
div#contBox02 {
	margin: 0 0 0 19px;
}

div.lineBox {
	margin-top: 30px;
	padding: 15px;
	border: 10px solid #F2F2F2;
}

div.lineBox .link {
	color: #F5580E;
	font-weight: bold;
}
div.lineBox .link a {
	color: #F5580E;
}

div.lineBox p {
	margin: 0 0 10px;
}

div.lineBox p.notes {
	color: #D96833;
}


/* フォーム
------------------------------------------------------------ */

table.formTbl01 {
	width: 506px;
	margin-top: 20px;
	border-left: 1px solid #A6A5A5;
	border-top: 1px solid #A6A5A5;
}

table.formTbl01 th,
table.formTbl01 td {
	padding: 10px 5px 10px 10px;
	border-bottom: 1px solid #A6A5A5;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

table.formTbl01 th {
	width: 105px;
	background: #F3F3F3;
	font-size: 86%;
}

table.formTbl01 td {
	border-right: 1px solid #A6A5A5;
}

span.require {
	color: #F5580E;
}

div#contBox table.formTbl01 span.notes {
	color: #F5580E;
	font-size: 100%;
}

table.formTbl01 .sp {
	margin-bottom: 5px;
}

.inputstyle01 {
	width: 200px;
}
.inputstyle02 {
	width: 55px;
}
.inputstyle03 {
	width: 30px;
}
.inputstyle04 {
	width: 250px;
}
.inputstyle05 {
	width: 115px;
}
.inputstyle06 {
	width: 80px;
}
.inputstyle07 {
	width: 355px;
	height: 130px;
}
.inputstyle08 {
	width: 500px;
	height: 160px;
}

div.formBtnArea {
	margin: 25px 0 0 0;
	text-align: center;
}

div.formBtnArea input,
div.formBtnArea img {
	vertical-align: middle;
}

div.formBtnArea .sp {
	margin-left: 15px;
}

div.formBtnArea p {
	margin-top: 15px;
	color: #FD1C1C;
}

p.txtComplete {
	margin: 50px 0 0;
	text-align: center;
}


/* --------------------------------------------------------------------------------------
 商品　/category/
--------------------------------------------------------------------------------------- */

/* 一覧
------------------------------------------------------------ */

div.cont-list {
	width: 516px!important;
}

p.pageSelect {
	margin-bottom: 15px;
	text-align: right;
	color: #778102;
}

p.pageSelect a:link,
p.pageSelect a:visited {
	color: #778102;
	text-decoration: none;
}
p.pageSelect a:hover,
p.pageSelect a:active {
	color: #778102;
	text-decoration: underline;
}

div.listCtBox {
	width: 513px;
	margin: 20px 0;
	background: url(../../category/img/bg_list_line.gif) repeat-y left top;
}

div.listCtBoxIn {
	width: 513px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(../../category/img/bg_list_line02.gif) repeat-x left bottom;
}
div.listCtBoxIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.listCtBoxIn { display:inline-block; }
/*\*/
* html div.listCtBoxIn { height:1%; }
div.listCtBoxIn { display:block; }
/**/

div.listCtBox div.itemBox {
	float: left;
	width: 131px;
	margin-right: 60px;
}

div.listCtBox div.itemBox p {
	margin-bottom: 5px;
}

div.listCtBox div.itemBox p.name img {
	margin-right: 5px;
	vertical-align: middle;
}

div.listCtBox div.itemBox p.price {
	color: #C94000;
}

div.listCtBox div.lastItem {
	margin-right: 0!important;
}
div.listCtBox div.lastBox {
	margin-bottom: 0!important;
	padding-bottom: 10px!important;
	background: none!important;
}


/* 詳細
------------------------------------------------------------ */

div.cont-detail {
	width: 516px!important;
}

div.detailCtBox {
	width: 516px;
}
div.detailCtBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.detailCtBox { display:inline-block; }
/*\*/
* html div.detailCtBox { height:1%; }
div.detailCtBox { display:block; }
/**/

div.detailCtBoxLeft {
	float: left;
	width: 250px;
}

div.detailCtBoxRight {
	float: right;
	width: 250px;
}

div.detailCtBoxLeft span {
	display: block;
	margin-top: 25px;
}

div.detailCtBoxLeft span img {
	margin-right: 20px;
	margin-bottom: 20px;
}

div.detailCtBoxLeft span img.last {
	margin-right: 0;
}

div.detailCtBoxRight h3 {
	margin-bottom: 10px;
	padding: 10px 0;
	border-top: 1px solid #B5B4B4;
	border-bottom: 1px solid #B5B4B4;
	font-size: 117%;
	font-weight: bold;
}

div.detailCtBoxRight h3 img {
	margin-right: 5px;
	vertical-align: middle;
}

div.detailCtBoxRight p.price {
	margin: 10px 0 15px;
	padding: 5px 10px;
	background: #EAEAEA;
}

div.detailCtBoxRight p.price span {
	color: #C94000;
}

div.detailCtBoxRight p.btn {
	margin-top: 10px;
}


/* --------------------------------------------------------------------------------------
 ご注文　/category/
--------------------------------------------------------------------------------------- */

div.cont-cart h3 {
	margin: 20px 0;
	text-align: center;
	font-weight: bold;
}

div.cont-cart div.cartCtBox h3 {
	margin: 0 0 15px;
	padding: 0 0 7px;
	background: #F2F2F2;
	text-align: center;
	font-weight: bold;
}

p.backLink {
	margin-bottom: 15px;
	text-align: right;
	color: #039DD6;
	font-size: 86%;
}

table.cartTbl {
	width: 506px;
	border: 1px solid #999999;
}

table.cartTbl th,
table.cartTbl td {
	border: 1px solid #999999;
	font-weight: normal;
	vertical-align: top;
}

table.cartTbl th {
	padding: 3px 5px 3px;
	background: #999999;
	color: #FFFFFF;
}

table.cartTbl td {
	padding: 8px;
}

table.cartTbl tr.bottom td {
	padding: 3px 8px 3px;
	background: #EEEEEE;
}

table.cartTbl img {
	margin-bottom: 5px;
}

table.cartTbl table {
	border: none;
}

table.cartTbl table th,
table.cartTbl table td {
	padding: 0 0 5px;
	border: none;
	text-align: right;
	background: none;
	color: #000000;
}

table.cartTbl table th {
	padding-right: 20px;
}

div.cartCtBox {
	margin: 20px 0;
	padding-bottom: 15px;
	border: 10px solid #F2F2F2;
	text-align: center;
}

div.cartCtBox table {
	width: 310px;
	margin:0 auto;
	text-align: left;
}

div.cartCtBox table td {
	padding-top: 5px;
	vertical-align: top;
}

div.cartCtBox table td.btn {
	padding-top: 0;
	padding-left: 30px;
	font-size: 86%;
}

div.cartCtBox table td.btn span {
	display: block;
	color: #039DD6;
}

div.cont-cart p.notes span {
	display: block;
	color: #FD6060;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 ご注文フォーム　/category/
--------------------------------------------------------------------------------------- */

table.cartTbl02 {
	width: 550px !important;
}

table.formTbl02 {
	width: 705px !important;
}

table.formTbl01 td.bg {
	padding: 3px 5px 3px;
	background: #999999;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 よくあるご質問　/faq/
--------------------------------------------------------------------------------------- */

dl#faqList {
	margin-top: 30px;
}

dl#faqList dt {
	color: #F16E30;
	font-weight: bold;
}

dl#faqList dd {
	margin: 5px 0 20px;
	padding: 10px 15px;
	border: 1px solid #D7D7D7;
	background: #F3F3F3;
}

dl#faqList dd span.bold {
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 お支払方法　/payment/
--------------------------------------------------------------------------------------- */

dl#paymentList {
	margin-top: 30px;
}

dl#paymentList dd {
	margin-bottom: 30px;
}

dl#paymentList dd em {
	color: #F16E30;
}


/* --------------------------------------------------------------------------------------
 植栽例　/example/
--------------------------------------------------------------------------------------- */

ul#exampleList {
	width: 506px;
	margin-top: 30px;
}
ul#exampleList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul#exampleList { display:inline-block; }
/*\*/
* html ul#exampleList { height:1%; }
ul#exampleList { display:block; }
/**/

ul#exampleList li {
	float: left;
	width: 156px;
	margin-right: 19px;
	margin-bottom: 19px;
	padding: 10px 0;
	background: #F3F3F3;
	text-align: center;
	color: #039DD6;
	font-size: 86%;
}

ul#exampleList li.nomg {
	margin-right: 0;
}

ul#exampleList li img {
	display: block;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}


/* --------------------------------------------------------------------------------------
 特定商取引法の表記　/law/
--------------------------------------------------------------------------------------- */

table.lawTbl {
	width: 506px;
	margin-bottom: 5px;
	border: 1px solid #CDCDCD;
}

table.lawTbl th,
table.lawTbl td {
	padding: 8px 10px;
	border: 1px solid #CDCDCD;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

table.lawTbl th {
	width: 105px;
	background: #F3F3F3;
	color: #656565;
}

table.lawTbl td {
	color: #323232;
}


/* --------------------------------------------------------------------------------------
 配送・送料について　/delivery/
--------------------------------------------------------------------------------------- */

div.cont-delivery p {
	margin-bottom: 30px;
}

div.cont-delivery p span {
	color: #6B6B6B;
}

div.cont-delivery p.notes {
	text-align: center;
	color: #F16E30;
}


/* --------------------------------------------------------------------------------------
 返品交換について　/return/
--------------------------------------------------------------------------------------- */

div.cont-return p {
	margin-bottom: 15px;
}

div.cont-return p.lead {
	padding: 10px 15px;
	border: 1px solid #FDD3BF;
	background: #FFF0E9;
	color: #642000;
}

div.cont-return p.line {
	padding-bottom: 15px;
	border-bottom: 1px solid #DADADA;
}


/* --------------------------------------------------------------------------------------
 ご注文方法　/order/
--------------------------------------------------------------------------------------- */

div.cont-order {
	width: 517px;
	margin: 0 0 0 19px;
}

div.cont-order div.leadBox {
	width: 525px;
	min-height: 156px;
	margin: 15px 0 30px -8px;
	background: url(../../order/img/bg_lead.jpg) no-repeat left top;
	position: relative;
	zoom: 1;
}
* html div.cont-order div.leadBox {
	height: 156px;
}

div.cont-order div.leadBox p {
	margin: 0 0 0 217px;
}

div.cont-order div.leadBox div.ex {
	width: 308px;
	height: 10px;
	margin: 5px 0 0 217px;
	background: url(../../order/img/bg_lead_tp.png) no-repeat left top;
}
div.cont-order div.leadBox div.exIn {
	width: 308px;
	height: 10px;
	margin: 0 0 0 217px;
	background: url(../../order/img/bg_lead_bt.png) no-repeat left bottom;
}

div.cont-order div.leadBox div.ex,
div.cont-order div.leadBox div.exIn,
div.cont-order div.leadBox p.alpha {
	behavior: expression(IEPNGFIX.fix(this));
}

div.cont-order div.leadBox p.alpha {
	width: 284px;
	margin: 0 0 0 217px;
	padding: 0 12px;
	background: url(../../order/img/bg_lead_rp.png) repeat-y;
	color: #792401;
}
* html div.cont-order div.leadBox p.alpha {
	width: 308px;
}

dl#orderList dd {
	margin-bottom: 10px;
	background: url(../../order/img/bg_list_rp.gif) repeat-y;
}

dl#orderList dd.last {
	padding: 0 0 35px 55px;
	background: none;
}

dl#orderList dd div.bg {
	padding: 0 0 35px 55px;
	background: url(../../order/img/bg_list_bt.gif) no-repeat left bottom;
}

dl#orderList dd em {
	color: #DA652E;
}