@charset "utf-8";
/* =======================================

  カート・注文画面など
  
======================================= */
/* ---------------------------------------
  コンテンツページの全背景
--------------------------------------- */
#pagetmp {
	background: url(../img/common/pagetmp_bg.png) repeat;}

/* ---------------------------------------
  コンテンツ 全体に指定
--------------------------------------- */	
#contentsBox {
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 2%;
	margin-bottom: 50px;
	background: #fff;}
#contentsBox tr {
	border-bottom: 1px solid #ddd;}
#contentsBox tr:last-child {
	border-bottom: none;}
#contentsBox th {
	font-weight: normal;
	text-align: center;
	padding: 15px 10px;}
#contentsBox th a {
	display: block;
	width: 100%;
	padding: 5px 10px;}
#contentsBox th a:hover {
	padding: 5px 10px;
	border-radius: 5px;}
#contentsBox td {
	padding: 15px 10px 15px 10px;}
#contentsBox tbody td {
	border-bottom: 1px solid #999;}	
#contentsBox p span {
	border-bottom: 1px solid #000;}
	
/* ------------------------------------ */
#cartWrap {
	padding: 10px 0 30px;
	margin: 0 auto;
	text-align: center;}
#cartWrap h3 {
	text-align: left;}
#cartWrap h3 span {
	font-weight: normal;}
	
/* ---------------------------------------
  エラー
--------------------------------------- */	
.error {
	display: block;
	width: 850px;
	margin: 0 auto;
	padding: 5px 0 5px 20px;
	border: 2px solid #c80000;
	text-align: left;}

/* ---------------------------------------
  ショッピングカート ナビ
--------------------------------------- */	
#cartWrap ul {
	list-style: none;
	padding-left: 0;}
#cartUl_top li {
	display: inline-block;}
#cartUl_top li:nth-child(odd) {
	padding: 10px 30px;
	border-radius: 5px;
	background: #ede1d3;}
#cartUl_top li.cartUl_top {
	padding: 12px 35px;
	border-radius: 5px;
	background: #a09180;}
#cartUl_top span {
	margin: 0 10px 0 13px;
	color: #a09180;}

/* ---------------------------------------
  ショッピングカート カート画面 テーブル
--------------------------------------- */
.cart_table {
	table-layout: fixed;
	width: 850px;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 1px solid #999;}
.cart_table tr {
	border-bottom: 1px solid #999;}
.cart_table th, 
.cart_table td {
	border-right: 1px solid #999;}
.cart_table th:last-child, 
.cart_table td:last-child {
	border-right: none;}
.cart_table thead th {
	background: #333;
	text-align: center;
	font-weight: normal;}
.cart_table th:first-child {
	width: 420px;
	height: 40px;}
.cart_table th:nth-child(2) {
	width: 100px;}
.cart_table th:nth-child(3) {
	width: 90px;}
.cart_table th:nth-child(4) {
	width: 90px;}
.cart_table th:last-child {
	width: 150px;}
.cart_table td {
	padding: 20px 8px;}
.cart_table td:first-child {
	text-align: left;}
.cart_table td:nth-child(2) {
	text-align: right;}
.cart_table td:nth-child(3) {
	text-align: right;}
.cart_table td:last-child {
	text-align: right;}
.cart_table tbody {
	vertical-align: top;}
.cart_table tbody div.inline_block{
	display: table-cell;
	vertical-align: top;}
.cart_table tbody td > div:nth-child(2){
	width: 310px;}
.cart_table tbody div.inline_block img{
	vertical-align: top;
	width: 70px;
	height: 100%;
	margin-top: -2px;}
.cart_table p {
	margin-top: 0;
	text-align: right;}
.cart_table p input {
	width: 70px;
	height: 35px;
    outline: 0;
	border: solid 1px #ccc;
	background: #fff;
	padding: 8px 0 8px 8px;
	margin-top: -2px;}
.cart_table span > .input_button {
	display: table-cell;
	vertical-align: bottom;	
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc; 
    background: -moz-linear-gradient(top, #fff, #f1f1f1 1%, #f1f1f1 50%, #dfdfdf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #f1f1f1), color-stop(0.5, #f1f1f1), color-stop(0.99, #dfdfdf), to(#ccc));	
	padding: 1px 15px;
	margin-top: 10px;
	border-radius: 20px;
	transition: 0.5s;}
.cart_table span > .input_button:hover {
    background: #ccc;}
.cart_table tfoot th {
	background: #333;
	text-align: right;}
.cart_table tfoot th,
.cart_table tfoot td {
	font-size: 2.0rem;
	font-size: 20px;
	font-weight: bold;}
.cart_tableTotal {
	text-align: right !important;}

/* ---------------------------------------
  ショッピングカート
  カート画面 フォーム・ボタン類
--------------------------------------- */	
#cartUl_middle > .input_button {
	display: inline-block; 
	float: right;
    padding: 5px 20px;
	margin-top: 10px;  
    cursor: pointer;
	border-radius: 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999; 
    border-left: 1px solid #ccc; 
    background: -moz-linear-gradient(top, #fff, #f1f1f1 1%, #f1f1f1 50%, #dfdfdf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #f1f1f1), color-stop(0.5, #f1f1f1), color-stop(0.99, #dfdfdf), to(#ccc));
	transition: 0.5s;}
#cartUl_middle > .input_button:hover {
    background: #ccc;
	color: #000;}
#cartUl_middle > .input_button:active {
    background: #ccc;}
#cartUl_middle a {
	display: inline-block; 
	float: right;
    padding: 5px 20px;
	margin-top: 10px;  
    cursor: pointer;
	border-radius: 5px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc; 
    background: -moz-linear-gradient(top, #fff, #f1f1f1 1%, #f1f1f1 50%, #dfdfdf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #f1f1f1), color-stop(0.5, #f1f1f1), color-stop(0.99, #dfdfdf), to(#ccc));
	transition: 0.5s;
	margin-bottom: 30px;}
#cartUl_middle a:hover {
    background: #ccc;
	color: #000;}
#cartUl_middle > a:active {
    background: #ccc;}
#cart_button {
	clear: both;
	margin: 0 auto;}
.cart_button1 a {
	width: 100%;
	height: 100%;
	padding: 7px 18px;
	border-radius: 5px;
	background: #333;
	transition :0.5s;}
.cart_button1 a:hover {
	cursor: pointer;
	background: #999;
	color: #fff;}	
.cart_button2 {
	display: inline-block;
	width: 250px;
	height: 60px;
	border-radius: 7px;
	background: #c80000;
	transition :0.5s;}
.cart_button2 a{
	display: block;
	width: 250px;
	height: 60px;
	padding-top: 12px;
	border-radius: 7px;
	background: #c80000;
	vertical-align: middle;
	text-decoration: none;
	transition :0.5s;}
.cart_button2 a:hover {
	cursor: pointer;
	color: #fff;
	background: #f96d6d;}		
.cart_button2 > .cart_button2_button {
	outline: 0;
	border: none;
	width: 250px;
	height: 60px;
	border-radius: 7px;
	background: #c80000;
	vertical-align: middle;
	text-decoration: none;
	transition :0.5s;}
.cart_button2 > .cart_button2_button:hover {
	cursor: pointer;
	color: #fff;
	background: #f96d6d;}
.cart_button3 {
	border: 10px solid #f7f2f3;
	padding: 20px;
	margin: 30px 6px 30px 6px;	}
.cart_button4 {
	border: 10px solid #ede1d3;
	padding: 25px 0;
	text-align: left;}
.cart_button4 li {
	padding: 0 35px;}
.cart_button5 > .input_button {	
	display: inline-block;
	width: 250px;
	height: 60px;
	border-radius: 7px;
	background: #c80000;
	transition :0.5s;}
.cart_button5 > .input_button:hover {
	cursor: pointer;
	color: #fff;
	background: #f96d6d;}
	
/* ---------------------------------------
  ショッピングカート
  ご注文 入力・確認画面 テーブル
--------------------------------------- */
.order_table {
	width: 850px;
	margin: 0 auto;
	border: 1px solid #999;
	border-bottom: none;}
.order_table tr {
	border-bottom: 1px solid #999;}
.order_table tr:last-child {
	border-bottom: 1px solid #999;}
.order_table th {
	width: 205px;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	background: #333;
	color: #fff;
	font-weight: normal;
	border-right: 1px solid #999;}
.order_table thead th {
	height: 40px;
	padding: 0 20px;
	vertical-align: middle;
	border-bottom: 1px solid #999;}
.order_table th span {
	padding: 2px 7px;
	margin: 0 5px;
	background: #c80000;
	border-radius: 10px;
	font-size: 1.0rem;
	font-size: 10px;}
.order_table td {
	padding: 20px;
	text-align: left;
	letter-spacing: 0.1em;}
.payment_ext{
	margin-left:20px;
	font-size: 1.4rem;
}
.payment_ext .ext_msg{
	color:#F00;
}
.req_style {
	padding: 2px 7px;
	margin: 0 5px;
	color:#FFF;
	background: #c80000;
	border-radius: 10px;
	font-size: 1.2rem;
	font-size: 12px;}

/* ---------------------------------------
  ショッピングカート
  ご注文 入力・確認画面 フォーム・ボタン類
--------------------------------------- */		
.order_table > tbody > tr > td > .table_input,
.order_table > tbody > tr > td > span > .table_input,
.order_table > tbody > tr > td > .textarea_address,
.order_table > tbody > tr > td > .table_select,
.order_table > tbody > tr > td > .textarea_comment {
	font-size: 1.8rem;
	font-size: 18px;
	background: #fff;
	padding: 3px 10px;
	letter-spacing: 0.1em;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	border: 2px solid #efefef;	
	border-radius: 3px;
	transition: 0.5s;}
.order_table > tbody > tr > td > .table_input {
	width: 100%;}	
.order_table > tbody > tr > td > span > .table_input {
	width: 200px;}
.order_table > tbody > tr > td > .textarea_address {
	width: 100%;
	height: 77px;}
.order_table > tbody > tr > td > .table_select {
	width: 180px;
	background: #fff;}
.order_table > tbody > tr > td > .textarea_comment {
	width: 100%;
	height: 200px;}
.order_table > tbody > tr > td > .table_input:hover,
.order_table > tbody > tr > td > span > .table_input:hover,
.order_table > tbody > tr > td > .textarea_address:hover,
.order_table > tbody > tr > td > .table_select:hover,
.order_table > tbody > tr > td > .textarea_comment:hover {
	border: 2px solid #ccc;
	cursor: pointer;}
.order_table tbody > tr > td > input[type="text"]:disabled,
.order_table tbody > tr > td > span > input[type="text"]:disabled,
.order_table tbody > tr > td > input[type="tel"]:disabled,
.order_table tbody > tr > td > input[type="email"]:disabled,
.order_table tbody > tr > td > textarea[type="text"]:disabled,
.order_table tbody > tr > td > label > select:disabled{
	background-color: #ddd !important;
	border: 2px solid #ddd !important;
	cursor: not-allowed !important;} /* 禁止カーソル */
	
/* ---------------------------------------
  ショッピングカート 完了画面
--------------------------------------- */
.order_doneBox {
	text-align: left;
	padding: 20px 30px;}
.order_doneBox a {
	text-decoration: underline;}
.order_doneBox i {
	font-size: 6.0rem;
	font-size: 60px;
	color: #e0b1ba;}
.order_doneBox div p {
	overflow: auto;}
	
/* =======================================

  完了
  
======================================= */		
.done {
	width: 850px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 0 5px 20px;
	color: #333;
	border: 3px solid #999;
	text-align: left;}

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

  お問い合わせ
  
======================================= */
.inquireBox a {
	text-decoration: underline;}
.inquire_table tbody th {
	text-align: left !important;}	
.inquire_table tbody td > .inquire_input {	
	width: 100%;}
.inquire_table tbody td:last-child {
	border-bottom: none !important;}
.inquire_table tbody td > .inquire_input{
	font-size: 1.8rem;
	font-size: 18px;
	background: #fff;
	padding: 3px 10px;
	letter-spacing: 0.1em;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	border: 2px solid #efefef;	
	border-radius: 3px;
	transition: 0.5s;}
.spamDate {
	width: 850px;
	margin: 0 auto;
	background: #333;
	border: 1px solid #999;
	padding: 15px 0;}
.spamDate > div > .inquire_input {
	width: 300px;
	font-size: 1.8rem;
	font-size: 18px;
	background: #fff;
	padding: 3px 10px;
	letter-spacing: 0.1em;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	border: 2px solid #efefef;	
	border-radius: 3px;
	transition: 0.5s;}
.inquire_table tbody > tr > td > input[readonly="readonly"],
.inquire_table tbody > tr > td > textarea[readonly="readonly"] {
	background-color: #ddd !important;
	border: 2px solid #ddd !important;
	cursor: not-allowed !important;} /* 禁止カーソル */
  
/* =======================================

  カレンダーを強制上書き

======================================= */
.calheader{
    color:#000 !important;}
.calweekdaycell{
    color: #333 !important;}
.calcell {
	padding: 2px !important;
	line-height: none !important;}