.main_img{
width:250px;
}
*{

     margin:0;
     padding:0;
}
hr{
     margin:5px 0;
}

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

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

p
{
     margin:10px auto;
}

a {
     text-decoration: none;
}

table,td {
     text-align:left;
}


.left{
     text-align:left;
}
.center{
     text-align:center;
}
.right{
     text-align:right;
}

/* トップメニュー */
#menu{
     margin: 10px 0;
}

#menu ul{
     margin: 0; 
     padding: 0; 
     list-style: none;
     font-size: 14px;
}

#menu li{ 
     display: inline; 
     padding: 0; 
     margin: 0; 
     float: left;
}

#menu li a{
     display: block;
     width: 100px;
     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;
}
/* トップメニュー　END */





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

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

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

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


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












.trend_img img{
     width:50%;
}

.list-left img{
     width:120px;
}

.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:30%;
}

     


.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: 80px;
	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: 80px;
	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: 80px;
	padding: 10px 0;


        font-size:14px;
}
.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: 80px;
	padding: 8px 0;
        font-size:14px;
}

.tp_btn a{
color:#0000ff;
font-size:14px;
}
.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: 80px;
	padding: 8px 0;
        font-size:90%;
}
.tp_none {
	padding: 10px 0;
}




.head-title {
  margin:10px 0;
}  
.s80 {

}
.yoko{
width:100%;
word-break: break-all;
}
.zaiko-left{
text-align:left;
vertical-align:top;

}


.zaiko-left{
width:28%;
text-align:left;
vertical-align:top;
}
.tokki{
text-align:left;
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-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:75%;
	text-align:left;
	float:right;

}
.kakaku_left{
	width:20%;
	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;

}
.souba_tb th{
	border-bottom:solid 2px #c0c0c0;
	padding:3px;
}
.souba_tb td{
	padding:2px;

}
.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:100%;
width:100%;
border: 1px solid #D3D3D3;
word-break: break-all;
}

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

.ev_td{

padding:3px;
border: 1px solid #D3D3D3;
text-align:left;
}

.ev_td_2{

width:120px;
padding:3px;
border: 1px solid #D3D3D3;
text-align:left;
}

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

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

form p.key_form .reset {
background-color:　＃FFFFFF;
border:none;
background:none;
text-align:center;
position: absolute;
height:26px;
top: 4px;
left: 390px;
}

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

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