@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", tahoma, arial, helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 16px;
	}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	padding: 0;
	vertical-align:bottom;
	max-width:100%;
	height: auto;
	object-fit: cover;
	}

#wrapper {
	width: 95%;
	margin: auto;
	text-align: left;
}

#menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
	-webkit-box-sizing: border-box; /* 古いWebkit系用 */
-moz-box-sizing: border-box;     /* 古いFirefox用 */
box-sizing: border-box;           /* 標準 */
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
	-webkit-box-sizing: border-box; /* 古いWebkit系用 */
-moz-box-sizing: border-box;     /* 古いFirefox用 */
box-sizing: border-box;           /* 標準 */
}
#menu li a{
display: block; 
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #8acb33;
padding: 6px 15px;
text-decoration: none;
color: #333;
width: 100%; 
margin: 0px;
text-align: left;
	-webkit-box-sizing: border-box; /* 古いWebkit系用 */
-moz-box-sizing: border-box;     /* 古いFirefox用 */
box-sizing: border-box;           /* 標準 */
}
#menu li a:hover{
border-top: 1px solid #abe88a;
border-left: 1px solid #abe88a;
border-right: 1px solid #abe88a;
background-color: #abe88a;
}
#menu #shita li a{
display: block; 
border-left: 1px solid #9F99A3;
border-right: 1px solid #9F99A3;
border-bottom: 1px solid #9F99A3;
background-color: #EEEEEE;
padding:padding: 6px 15px;
text-decoration: none;
color: #333;
width: 100%; 
margin: 0px;
text-align: left;
	-webkit-box-sizing: border-box; /* 古いWebkit系用 */
-moz-box-sizing: border-box;     /* 古いFirefox用 */
box-sizing: border-box;           /* 標準 */
}
#menu #shita li a:hover{
border-left: 1px solid #8593A9;
border-right: 1px solid #8593A9;
border-bottom: 1px solid #8593A9;
background-color: #9EB7DD;
	-webkit-box-sizing: border-box; /* 古いWebkit系用 */
-moz-box-sizing: border-box;     /* 古いFirefox用 */
box-sizing: border-box;           /* 標準 */
}

.cart01 {
width: 99.2%; 
border: solid 2px #85bb17;
	text-align:center;
	margin: auto;
}

.cart02 {
width: 99.2%; 
border: solid 2px #ca639a;
	text-align:center;
	margin: auto;
}

.cart03 {
width: 99.2%; 
border: solid 2px #2fb463;
	text-align:center;
	margin: auto;
}

table.teiki {
	width: 100%;
	  border-collapse: collapse;
}
table th.teiki {
	padding: 5px;
	text-align: center;


}
table td.teiki {
	padding: 8px;
	text-align: center;
	background-color: #FFFFFF;

}

table.normal {
	width: 100%;
  border-collapse: collapse;
}
table th.normal {
	padding: 5px;
	text-align: center;

}
table td.normal {
	padding: 8px;
	text-align: center;
	background-color: #FFFFFF;

}

.fix_menu_smartphone{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
}
.fix_menu_smartphone img{
  width:50%;
}

img.top10 {
margin-top: 10px;
}

img.top20 {
margin-top: 20px;
}

img.width50-left {
width: 99%;
outline: 1px solid #d7d5da;
	outline-offset: -1px;
	margin-top: 10px;
	margin-right: 1%;
}

img.width50-right {
width: 99%;
outline: 1px solid #d7d5da;
	outline-offset: -1px;
	margin-top: 10px;
	margin-left: 1%;
}

img.width50 {
width: 50%;
}

img.width80 {
width: 80%;
}

.item-all
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    }
 
.item-all a
    {
    display: block;
    text-decoration: none;
    }
 
.item-all:hover
{
    opacity: 0.85 ;
}

a:link { color: #0033CC; }
a:visited { color: #000080; }
a:hover { color: #c43230; }
a:active { color: #f78008; }

.lead-txt{
	font-size: 20px;
	color: #f98c0b;
	font-weight: normal;
	margin: 1.5em 0;
	font-weight: bold;
}