/* 全体 */
*{
     margin:0;
     padding:0;
}
p{
     margin-bottom:10px;
}
hr{
     margin:5px 0;
}

body {
     width:100%;
     margin:0;
     padding:0;
     border:0;
     outline:0;
     vertical-align:baseline;
     background:transparent;
     font-size:100%;
}

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

form {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     vertical-align:baseline;
     background:transparent;
}

a
{
     text-decoration: none;
}

table,td
{
     text-align:left;
     border-collapse: collapse;
}

h1{
     font-size:18px;
}

.clear
{
     clear:both;
     visibility: hidden;
     height: 0;
}

.left{
     text-align:left;
}

.center{
     text-align:center;
}

.right{
     text-align:right;
}

.s80
{
     font-size: 0.80em;
}

.yoko
{
     width:100%;
}




/*　フォーム　*/
input[type=checkbox] {
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
     margin: 10px;
     vertical-align: middle;
}

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

select, input, textarea, button,submit
{ 
     vertical-align:middle;
     position:relative;  
     font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
     position:relative; 
     margin: 2px 4px 2px 0;
     *margin-right:3px; 
     top:1px;
}

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


input[type=checkbox] {
  transform: scale(1.5);
}
input[type=checkbox].ch {
     transform: scale(1.0);
     vertical-align:middle;
}
input[type=checkbox].nuke
{
     -webkit-transform: scale(2.0);
     transform: scale(2.0);
     margin: 10px;
     vertical-align: middle;
}

/* トップメニュー */
#menu
{
     margin: 5px 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;
}




/*　検索ボタン　*/
.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:13px;

}

.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:13px;
}

.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:13px;
}

.cmr_btn
{
     background: #EEE;
     border-top: 3px solid #DDD;
     border-left: 3px solid #DDD;
     border-right: 3px solid #BBB;
     order-bottom: 3px solid #BBB;
     color:#111;
     width: 131px;
     padding: 8px 2px;
}
.tp_btn a
{
     color:#0000ff;
     font-size:90%;
}

.tp_btn
{
     background: -moz-linear-gradient(top,#ffffff 0%,#ffffff);
     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
     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:90%;
}

.tp_none
{
     padding: 10px 0;
}






.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
{
     order-bottom:1px solid #c0c0c0;
}

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


/*詳細*/

.search_box{
width:350px;
text-align:center;
}
.search_left{
	float:left;
	vertical-align:middle;
	display:table-cell;
}

.kakaku{
	width:60%;
	text-align:left;
	float:right;
        font-size:0.9em;
}
.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:30%;
}


/* 上へ戻るボタン */
#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:80%;
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:90%;
padding:3px;
border: 1px solid #D3D3D3;
text-align:left;
}

.ev_td_2{
font-size:90%;
width:80px;
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: transparent;
border:none;
background:none;
position: absolute;
height:26px;
top: 4px;
left: 312px;
}

input[type=checkbox].ri_check {
transform: scale(1.0);
vertical-align:middle;
}


/* 仕入リストタイトル */
.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;
}



/*
.ev_td_2{
font-size:80%;
width:56px;
padding:3px;
border: 1px solid #D3D3D3;
text-align:left;
}


.head-list ul {
  text-align:left;
  list-style: none;
  font-size:0;
  margin:0;
  padding:0;
}
.head-list li {
  font-size:90%;
  text-align:center;
  display: inline-block;
  width: 23%;
}
.head-title {
  margin:10px 0;
}  
*/



/* 上へ戻るボタン */

#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;
}