﻿.torihikiMsg
{
    font-size: 100%;
    color: #cd5c5c;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
}

/******************************* dp/ichiran.aspx用 *******************************/
.dpOtoiawase
{
    margin-top: 5px;
    background-color: #fff5e9;
    border:1px solid #fe7c04;
    padding:1px;
}
.dpOtoiawase span
{
    display:block;
    margin:0;
    padding:0;
}
.cu-title{ font-size: 12px; font-weight: bold; line-height: 1.4em;}
.cu-name{ font-size: 11px; line-height: 1.2em;}
.cu-tel{font-size: 12px; line-height: 1.2em;}
.cu-mail{}
.cu-bikou{ font-size: 11px; line-height: 1.2em;}


/* レイアウト幅用 */
/*
*.widthR
{
	width:780px;
}
*/

/* 商品テーブル用（販促物） */
table.tblIchiran
{
	border:solid 1px #333330;
	width:780px;
}

/* 商品テーブル内の商品タイプDIV用（販促物） */
.divShouhin
{
	height:120px;
	width:330px;
	
	text-align: left;	
	overflow: auto;
	scrollbar-base-color: #ec9f15;			/* 以下スクロールバーの設定(エラーではないです) */
	scrollbar-arrow-color: #ffffff;
}

/* 商品テーブル内の単価用（販促物） */
table.tblTanka
{
	width:130px;
}

table.tblTanka td
{
	text-align:right;
}

/* 商品テーブル内の単価DIV用（販促物） */
*.divTanka
{
	height:90px;
	width:150px;
	
	text-align: center;
	overflow: auto;
	scrollbar-base-color: #ec9f15;			/* 以下スクロールバーの設定(エラーではないです) */
	scrollbar-arrow-color: #ffffff;
}


/* 商品テーブル用（備品） ************************************************************************/
div.dpPager
{
    background-color:#efefef;
    margin-bottom: 10px;
}

table.bihinouter
{
	width:770px;
	margin: 0 auto;
}

table.bihininner
{
    border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	width:380px;
	height:280px;
	overflow: scroll;
	background-color: #fcfcfc;
}

table.hansokubutsuinner
{
    border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	overflow: scroll;
	background-color: #fcfcfc;
}

/* 商品テーブル内の単価用（備品） */
table.tblTankaB
{
	font-size:95%;
}

table.tblTankaB td
{
	text-align:right;
}

/* 商品テーブル内の単価DIV用（備品） */
*.divTankaB
{
	height:90px;
	width:140px;
	
	text-align: center;
	overflow: auto;
	
	scrollbar-base-color: #ec9f15;			/* 以下スクロールバーの設定(エラーではないです) */
	scrollbar-arrow-color: #ffffff;
}
/************************************************************************************************/

.cat1
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.cat1, .cat2
{
    /*display:inline;*/ 
    overflow:hidden;
}

.cat2
{
	margin-left:3px;
	line-height: 1.8em;
}

.catCnt
{
	font-size: 0.7em;
	color: Gray;
}

.catSelect
{
	color: White;
	background-color: #df6609;
}

/******************************* admin/bihin.aspx用 *******************************/

table.tblBihinTanka
{
	border:solid 1px gray;
}

table.tblBihinTanka tr
{
	border:solid 1px gray;
}

table.tblBihinTanka th
{
	width:160px;
}

table.SiteNav
{
	background-color:#666e99;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

table.SiteNav td a
{
    color:white;
	background-color:#666e99;
	border-top-color:#a3bac2;
	border-left-color:#a3bac2;
	border-bottom-color:#333766;
	border-right-color:#333766;
	line-height:1.4em;
	padding-left:1em;
	padding-right:1em;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	border-top-style:solid;
	border-left-style:solid;
	border-bottom-style:solid;
	border-right-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:1px;
}

.dtable {
  display:table;
  background-color: #fffded;
  border: 1px solid #999999;
  border-collapse: collapse;
  border-spacing: 0;
  text-align:left;
  font-size: .9em;
}
.dtable div.row{
  display:table-row;
}
.dtable div.dheader{
  font-weight:bold;
}
.dtable div.cell{
  display:table-cell;
  border-bottom: 1px solid #999999;
  padding: 10px;
}

.ep_qty
{
    font-size: 14px;    
}

.BroderTable
{
    border: 1px solid #666666;
    text-align: center;
    border-collapse: collapse;
}

.BroderTable th
{
    height: 30px;
    border: 1px solid #666666;
}

.BroderTable td
{
    height: 30px;
    border: 1px solid #666666;
}

.Description
{
    font-size: 12px;   
}

.VerticalMiddle
{
    vertical-align: middle;   
}

.css_btn_class 
{
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #B0B0B0;
	padding:7px 22px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#000000;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.css_btn_class:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.css_btn_class:active 
{
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com :) */

.css_btn_slim
{
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #B0B0B0;
	padding:3px 1px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#000000;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.css_btn_slim:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.css_btn_slim:active 
{
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com :) */

.css_btn_gd
{
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #B0B0B0;
	width: 120px;
	padding:3px 1px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#000000;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.css_btn_gd:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.css_btn_gd:active 
{
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com :) */

.TdWide td
{
    height: 33px;
}

.bold
{
    line-height: 1.3em;
    font-weight: bold;   
}

.Banner
{
    width: 340px;
    text-align: left;
}

.BannerMargin
{
    width:10px;
}

.GoodsDisp, .GoodsDisp table
{
    border-collapse: collapse;
}

.GoodsDisp
{
    font-size: 12px;
    border:1px solid #999999;
    width: 355px;
    height: 225px;
    margin: 0 10px 10px 0;
    border-collapse: collapse;
}

.ichiran_pager
{
    background-color: #efefef;
    font-size: 18px;
    margin-right: 8px; 
    text-align: center;
    padding: 5px;
    margin: 10px 0; 
}

.ichiran_pager a, .ichiran_pager span
{
    margin: 0 5px;
}

.ichiran_pager input[type="submit"]
{
    margin: 0 5px;
}

.pager_button
{
    width: 50px;
}

.VerticalBottom
{
    vertical-align: bottom;
}

.pager a, .pager span
{
    font-size: 18px;
    margin-right: 8px;   
}

.centering
{
    text-align: center;
}

.MarginBottom
{
    margin-bottom: 15px;   
}

.NumericText
{
    text-align: right;
    padding-right: 3px; 
}

.Preview
{
    margin: 10px;
}   

.circle {
    width:20px;
    padding:2px;
    height:20px;
    
    bottom:20px;
    right:-20px;
    
    position:absolute;
    background:white;
    border-radius:50%;
    box-shadow:1px 1px 1px rgba(0,0,0,0.4);
    text-indent:1px;
    font-weight:bold;
    text-align:center;
    font-size:11px;
    line-height:16px;
    color:white;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: bottom center;
    -webkit-animation-name: animation-bell;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: bottom center;
    -moz-animation-name: animation-bell;

    background: rgb(255,0,132); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,132,1)), color-stop(100%,rgba(255,0,132,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}

@-webkit-keyframes animation-bell {
0%{
    -webkit-transform: scale(1, 1);
    }
48%{
    -webkit-transform: scale(1, 1);
    }
50%{
    -webkit-transform: scale(1.3, 0.7);
    }
53%{
    -webkit-transform: scale(0.7, 1.3) translate(0, -15px);
    }
57.5%{
    -webkit-transform: scale(1, 1) translate(0, -3px);
    }
59%{
    -webkit-transform: scale(1, 1) translate(0, 0px);
    }
100% {
    -webkit-transform: scale(1, 1);
}
}
@-moz-keyframes animation-bell {
0%{
    -moz-transform: scale(1, 1);
    }
48%{
    -moz-transform: scale(1, 1);
    }
50%{
    -moz-transform: scale(1.3, 0.7);
    }
54%{
    -moz-transform: scale(0.7, 1.3) translate(0, -15px);
    }
58%{
    -moz-transform: scale(1, 1) translate(0, -3px);
    }
59%{
    -moz-transform: scale(1, 1) translate(0, 0px);
    }
100% {
    -moz-transform: scale(1, 1);
}
}



.btn-push {
  display: inline-block;
  max-width: 120px;
  text-align: left;
  background-color: #f0ab35;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 6px;
  border-radius: 4px;
  border-bottom: 4px solid #d37800;
}