/* 仕入リストタイトル */
.s_list_title{
     background-color:#ccffff;
     padding:5px 0;
     border-top:2px solid #c0c0c0;
     border-bottom:2px solid #c0c0c0;
     margin-top:10px;
}

*{

     margin:0;
     padding:0;
}
input[type=checkbox].ri_check {
transform: scale(1.0);
vertical-align:middle;
}
.left{
text-align:left;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
input[type=checkbox].ch {
     transform: scale(0.5);
     vertical-align:middle;
}
input[type=checkbox] {
   -webkit-transform: scale(2.0);
   transform: scale(2.0);
   margin: 10px;
    vertical-align: middle;
}


/* メニュー */
#menu{
margin: 10px 0;

}


#menu ul{
margin: 0; 
padding: 0; 
list-style: none;

font-size: 80%;
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;

}
#menu li a{
display: block;
width: 80px;
padding: 5px 0;
margin: 0px 0px 0px 0px;
text-decoration: none;
border:outset 3px #DDD;
background-color: #EEE;
text-align: center;
color: #000000;
}
#menu li a:hover{
border: inset 3px #95A38D;
background-color: #95A38D;
}

/* キーワードフォーム スマホ用 */
form p.key_form {
position: relative;
}

form p.key_form.txt_form {
width: 272px;
}

form p.key_form .reset-button {
background-color: #000000;
border:none;
background:none;
position: absolute;
height:26px;
top: 4px;
left: 315px;
}

select, input, textarea, button,submit { 
     vertical-align:top; 
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;

     position:relative; 
     margin: 2px 4px 2px 0;
     *margin-right:3px; 
     top:1px;
}


     
input { 
     height: 25px; 
     line-height: 20px; 
}
button, input[type="submit"],
button, input[type="button"] {
     overflow:visible; 
     height:25px;
     padding:1px 5px;
     margin-bottom:5px;
}

select { 
     height: 25px; 
     line-height: 20px;
}




input[type=checkbox] {
  transform: scale(1.5);
}
.list-left{
text-align:center;
vertical-align:top;
width:40%;
word-break: break-all；
}
 .list-left{
text-align:center;
vertical-align:top;
width:30%;
word-break: break-all；
}
.trend_img img{
width:60%;
}

     
html{
        text-align:center;
        width:96%;
        margin:auto;
    }

body, form {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     vertical-align:top;
     background:transparent;
}

div,span{

}

.head-list ul {
  list-style: none;
  font-size:0;
  margin:0;
  padding:0;
}

.head-list li {
  font-size:100%;
  text-align:center;
  display: inline-block;
  width: 19%;
} 
select, input, textarea, button,submit { 
     vertical-align:top; 
     font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
     position:relative; 
     margin: 2px 4px 2px 0;
     *margin-right:3px; 
     top:1px;
}

input { 
     height: 30px; 
     line-height: 20px; 
}

button, input[type="submit"],
button, input[type="button"] {
     overflow:visible; 
     height:30px;
     padding:1px 5px;
     margin-bottom:5px;
}

select { 
     height: 30px; 
     line-height: 20px;
}


input[type=checkbox] {
  transform: scale(1.5);
}
.list-left{
text-align:center;
vertical-align:top;
width:25%;
word-break: break-all；
}
.sc_btn {
background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 65px;
	padding: 10px 0;
        font-size:14px;

}
.dl_btn {
        background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa035), to(#ff8300));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 65px;
	padding: 10px 0;
        font-size:14px;

}

.kw_btn {

        background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 65px;
	padding: 10px 0;


        font-size:13px;
}
.md_btn a{
color:#FFFFFF;
}
.md_btn {
        background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa035), to(#ff8300));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 60px;
	padding: 8px 0;
        font-size:14px;
}
.cmr_btn {
	background: #EEE;
	border-top: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	color:#111;
	width: 131px;
	padding: 10px 0;
}

.head-list ul {
  list-style: none;
  font-size:0;
  margin:0;
  padding:0;
}
.head-list li {
  font-size:100%;
  text-align:center;
  display: inline-block;
  width: 19%;
} 

a {
text-decoration: none;
}

table,td {
text-align:left;
}

.s80 {
font-size: 0.80em;
}
.yoko{
width:100%;
}
.zaiko-left{
text-align:left;
vertical-align:top;

}
.list-left img{
width:85%;
}

.zaiko-left{
width:28%;
text-align:left;
vertical-align:top;
}
.tokki{
text-align:left;
font-size: 0.90em;
border:1px solid #0000ff;
padding:5px;
margin-top:5px;
margin-bottom:10px;
}
.border-red{
border-bottom:1px solid #ff0000;
padding:0px;
}


/*商品データテーブル*/
.data_tb{
width:100%;
font-size:0.8em;
font-weight:lighter;
border:1px solid #c0c0c0;
margin:10px 0;
}

.data_tb td{
padding:3px;
}

.data_tb_left{
width:98px;
border-bottom:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
}

.data_tb_right{
border-bottom:1px solid #c0c0c0;
}

.data_tb_h{
border-bottom:1px solid #c0c0c0;
font-weight:bold;
}


/*詳細*/
h1{
	font-size:18px;
}
.clear{
	clear:both;
	visibility: hidden;
	height: 0;
}
.search_box{
width:350px;
text-align:center;
}
.search_left{
	float:left;
	vertical-align:middle;
	display:table-cell;
}
table {
	border-collapse: collapse;

}
.kakaku{
	width:60%;
	text-align:left;
	float:right;
        font-size:0.9em;
margin-bottom:10px;
}
.kakaku_left{
	width:40%;
	float:left;
	display:table-cell;
    overflow: auto;
}
.kakaku_left img{

}
.img_tbl{
	text-align:center;
	vertical-align:middle;
}

.ta{
	text-align:left;
}
.ta_left{
	width:30%;
	float:left;
	test-align:left;
	vertical-align:middle;
	display:table-cell;
}
.souba_tb{
	width:100%;
	border:solid 2px #c0c0c0;
     font-size:90%;
}
.souba_tb th{
	border-bottom:solid 2px #c0c0c0;
	padding:3px;
}
.souba_tb td{
	padding:2px;
     font-size:90%;
}
.souba_left{
	text-align:left;
width:25%;
}
.souba_right{
	text-align:right;
width:25%;
}
.trend_img img{
	width:60%;
}

/* 上へ戻るボタン */

#pageTop {

  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* イベントテーブル */
.ev_table{
/*
font-size:90%;
*/
width:100%;
border: 1px solid #D3D3D3;
word-break: break-all;
}

.ev_th{
padding:3px;
border: 1px solid #D3D3D3;
text-align:center;
}

.ev_td{
font-size:75%;
padding:3px;
border: 1px solid #D3D3D3;
text-align:left;
}

.ev_td_2{
font-size:65%;
width:70px;
padding:3px;
border: 1px solid #D3D3D3;
text-align:left;
}


/* キーワードフォーム スマホ用 */
form p.key_form {
position: relative;
}

form p.key_form.txt_form {
width: 272px;
}

form p.key_form .reset-button {
background-color: #000000;
border:none;
background:none;
position: absolute;
height:26px;
top: 4px;
left: 312px;
}
/* 仕入リストタイトル */
.s_list_title{
     background-color:#ccffff;
     padding:5px 0;
     border-top:2px solid #c0c0c0;
     border-bottom:2px solid #c0c0c0;
     margin-top:10px;
}


/* トップページ */
/*
.top_news
{
     text-align:left;padding:0 10px;
     font-size:90%;
}

.top_news dt
{
     font-weight:bold;
     margin-top:10px;
}
*/




/* 上へ戻るボタン */

#pageTop {

  position: fixed;
  bottom: 1px;
  left: 308px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ff8300;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;

}

 

#pageTop a:hover {
  text-decoration: none;
}

/* モード切替ボタン */

#chenge {

  position: fixed;
  bottom: 1px;
  left: 8px;
}

#chenge a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ff8300;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;

}

 
#chenge a:hover {
  text-decoration: none;
}


/* 検索窓フォーカスボタン */

#searchTop {

  position: fixed;
  bottom: 1px;
  left: 108px;

}

 

#searchTop a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #0099cc;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
  font-size:70%;
}

 

#searchTop a:hover {
  text-decoration: none;
}

/* キーワード検索窓フォーカスボタン */

#keyTop {
  position: fixed;
  bottom: 1px;
  left: 58px;
}


#keyTop  a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #0099cc;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size:70%;
  line-height: 25px;
  vertical-align: middle;
  font-size:70%;
}

#keyTop a:hover {
  text-decoration: none;
}

/* カメラスキャン単品ボタン */
#scan1 {

  position: fixed;
  bottom: 1px;
  left: 8px;

}


#scan1  a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #0099cc;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size:70%;
  line-height: 25px;
  vertical-align: middle;
}

#scan1 a:hover {
  text-decoration: none;
}

#scan1 img{
width:10px;

}


/* カメラスキャンセットボタン */

#scan2 {
  position: fixed;
  bottom: 1px;
  left: 208px;

}


#scan2  a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #0099cc;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size:70%;
  line-height: 25px;
  vertical-align: middle;
}

#scan2 a:hover {
  text-decoration: none;
}

#scan2 img{
width:10px;

}


/* ホームボタン */

#homeTop {

  position: fixed;
  bottom: 1px;
  left: 158px;

}

 

#homeTop a {
  display: block;
  z-index: 999;
  padding: 10px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ff8300;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
  font-size:70%;

}

 
#homeTop a:hover {
  text-decoration: none;
}


#homeTop img{
width:25px;

}




#contents{
     padding-bottom:37px; /*フッターの高さと同じ*/
}
#footer{
    display: block;
    height: 50px;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
background-image: url("../img/space2.png")
}
 
#footer img {
    max-width: 99%;
}

.frame {
      font-size:90%;
      vertical-align:middle;
      padding:3px;
      margin-top:3px;
      width: 65px;
      height: 22px;
      line-height: 26px;
      border:solid 1px #c0c0c0;
      background-color:#E0E0E0;
      color: #000000;
}
.frame2 {
      font-size:90%;
      vertical-align:middle;
      padding:3px;
      margin-top:3px;
      margin-right:10px;
      width: 65px;
      height: 22px;
      line-height: 26px;
      border:solid 1px #c0c0c0;
      background-color:#E0E0E0;
      color: #000000;
}