@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
html,body,div,a,table,thead,tbody,tfoot,tr,td {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto  , "メイリオ", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height:100%;
}
table#center {
	max-width : 1200px;
	margin : auto;
}
#left_frame {
	--background-color:lightcyan;
	background-color:white;
	height:800px;
	--left:0;
	--top:0;
	vertical-align:top;
	--width:180px;
	width:80px;

	--display: grid;
	--grid-template-columns: 1fr 1fr;
	--grid-auto-rows:
	--max-content;
	--width: 200px;
	--gap: 15px;
	padding-left : 35px;
	padding-right : 15px;
}

#right_frame {
	background-color: white;
	vertical-align:top;
	height:100%;
	margin:0;
	white-space: nowrap;
	--padding : 0 40px 0 0;
	padding : 20px 30px 0 25px;
}
.preload {
	position:absolute;
	top:200px;
	left: 500px;
	display:none;
	z-index:10;
}
.uppertable {
	border-collapse: collapse;
	margin:10px;
	background-color : lightgray;
	box-shadow : 2px 2px 1px rgba(0,0,0,0.25);
}
#shobunrui {
	font-weight:bold;
}
.lupper {
	border-style:none;
	margin:0;
	padding:0;
	width:70px;
	_height:15px;
	--background-color:lightgray;
	color:black;
	text-align:right;
}
.lupper2 {
	border-style:none;
	margin:0;
	padding:0;
	width:10px;
	--background-color:lightgray;
}
.upper {
	border-style:none;
	margin:0;
	padding:0;
	width:500px;
	_height:28px;
	--background-color:lightgray;
	color:black;
}
.upperfooter {
	margin:0;
	padding:0;
	height:4px;
	--background-color:lightgray;
}

.name {
	border-style:none;
	margin:0px;
	padding:0px;
	width:200px;
	_height:15px;
	--background-color:azure;
	color:black;
	_border:1px solid blue;
}
.smaller {
	color:lightgray;
	padding:2px;
	margin:2px;
	width:60px;
	height:60px;
	display:block;
	border:inset 3px;
}
.button_drawing {
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding:10px 20px;
    color:white;
    background-color:#0f72a3;
    border-radius:5px;
	width : 60px;
	height: 12px;
	font-size:12px;
	display:block;
	vertical-align:middle;
	margin-left:5px;
	margin-right:5px;
}
.lupper3 {
	width:80px;
	display:inline-block;
}
.noukb0 {
	background-color:white;
	vertical-align:middle;
}
.noukb1 {
	background-color:rgb(209 243 255);
}
.noukb {
	padding : 6px 0 0 0;
	height : 16px;
}
.noukb2 {
	background-color:white;
}
.noukb3 {
	background-color:#afaeae;
	vertical-align:middle;
}
.noukb4 {
	background-color:#afaeae;
	vertical-align:middle;
}

#table_id {
	display:table;
	margin : 10px;
}
.everyone {
	--width :500px;
	width :100%;
	--height:50px;
	height:70px;
	--display:inline-block;
	display:flex;
	align-items : center;
	justify-content : space-between;
}
.login {
	--padding:6px 10px 3px;
	padding : 10px 20px;
	--width:40px;
	--height:34px;
	color:white;
	display:inline-block;
	--vertical-align:midle;
	--background-color:green;
	background-color:#02b2f2;
	text-align:center;
	text-decoration: none;
	--margin : 0 20px;
}

.button {
	vertical-align: top;
    _font-weight:bold;
    text-align:center;
    --padding:4px 0 0px;
    padding:10px 1px;
    --color:white;
    --background:linear-gradient(darkblue,#0066cc);
	background:#0f72a3;
	--border-top:solid 2px lightblue;
	--border-left:solid 2px lightblue;
	--border-bottom:solid 2px black;
	--border-right:solid 2px black;
	border-top:solid 1px white;
	border-left:solid 1px white;
	border-bottom:soli1 2px black;
	border-right:solid 1px black;
	width : 86px;
	height: 105px;
    display:none;
	z-index:0;
}

div[class^="cbn"],div[class*=" cbn"] {
	padding : 10px;
	margin-right : 15px;
	margin-bottom : 15px;
}
#btnHIN {
	width : 1000px;
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows : max-content;
}
.buttonback {
    text-align:center;
    padding:10px;
    color:white;
    background:#00537c;
	width : 86px;
	height: 35px;
	word-break:normal;
	vertical-align:middle;
    display:none;
	z-index:0;
}
.buttonback:hover {
	opacity : 0.5;
	cursor : pointer;
}
.buttonimg {
	width : 80px;
	height : 80px;
	display:inline-block;
	vertical-align: top;
	position : relative;
	border-radius : 10px;
	z-index : 0;
}
.buttonname {
	width : 82px;
	height : 20px;
	font-size : 9px;
	display:inline-block;
	color : white;
	word-break:normal;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	vertical-align: top;
	z-index:1;
}
#chubunrui2 {
	--margin:2px 0 0 0;
	--padding:2px 0 0 0;
	--width : 730px;
	width : 100%;
	--height: 18px;
	font-size:14px;
	--display:inline-block;
	--float:left;
	background-color:lightgray;
	--border:groove 1px;
	--word-break:normal;
	vertical-align:middle;
	--white-space: normal;
	margin : 10px;
	padding : 15px;
	grid-column : 1 / span 5;
}

#search {
    font-weight:bold;
    text-align:center;
    padding:4px 0 4px;
    color:white;
    background-color:#0066cc;
    border-radius:5px;
    box-shadow:2px 2px darkblue;
	width : 50px;
	height: 12px;
	display:inline-block;
	word-break:normal;
	margin:2px;
	vertical-align:middle;
}
.hinbox {
	margin : 7px;
	padding : 10px;
	width : 120px;
	--height: 160px;
	min-height: 160px;
	font-size:14px;
	display:inline-block;
	float:left;
	background-color:lightgray;
	--border:groove 1px;
	word-break:normal;
	vertical-align:middle;
	white-space: normal;
	box-shadow : 0.5px 1px 0.5px rgba(0,0,0,0.25);
}
.small {
	color:lightgray;
	--padding:2px;
	padding:10px;
	--margin:2px 5px 2px 5px;
	width:100px;
	height:100px;
	display:block;
	--border:groove;
}
.hinname {
	--padding:2px;
	padding : 10px 10px;
	--width:110px;
	width:100px;
	display:block;
	font-size : 12px;
	--height:36px;
	--background-color:lightgray;
	background-color:#d3d3d3;
	--color:black;
	--border-top:solid 2px white;
	--border-left:solid 2px white;
	--border-bottom:solid 2px gray;
	--border-right:solid 2px gray;
}
.title {
    text-align:center;
    padding:10px 5px 0px;
	background-color:white;
	width : 200px;
	min-width : 200px;
	height: auto;
	display:inline-block;
	word-break:normal;
	vertical-align:middle;
	margin-right : 40px;
}
.request {
	height:50px;
	vertical-align:top;
	_display:inline-block;
	display:none;
}
.topmessage {
	margin:10px;
	display:inline-block;
	--width:170px;
	width:max-content;
	font-size : 15px;
	--vertical-align:midle;
	--word-break:all;
}
.topmessage2 {
	--color:green;
	color:black;
	--font-size:10px;
	display:inline-block;
	--width:75px;
	width:350px;
	vertical-align:midle;
	--word-break:all;
	text-align:right;
}
.inbox {
	font-size:10px;
	background-color:#d1f3ff;
	border:groove 2px lightgray;
	text-align:center;
	vertical-align:midle;
	padding : 10px 0;
}
.inbox2 {
	font-size:12px;
	margin:0px;
	background-color:white;
	text-align:center;
}
.outbox {
	font-size:12px;
	font-weight:900;
	text-align:center;
	padding : 0;
}

.error {
	color : red;
}
.selbox {
	width :60px;
	height:50px;
	display:inline-block;
	text-align:right;
	background-color:#d1f3ff;
	border:solid 1px #727272;
	white-space: normal;
	word-break:normal;
	padding:1px;
	vertical-align:middle;
}
.nobox {
	width :60px;
	height:50px;
	background-color:#deedf4;
	display:inline-block;
	border:solid 1px #727272;
	margin : 0;
	padding:1px;
}
.spobox {
	width :60px;
	height:40px;
	font-size : 12px;
    background:#0f72a3;
	display:inline-block;
	color:white;
	text-align:center;
	white-space: normal;
	word-break:break-all;
	border:solid 1px #727272;
	margin:auto;
	padding:10px 1px 1px;
	vertical-align:middle;
}
.spoboy {
	width :60px;
	height:30px;
	font-size : 12px;
    background:#0f72a3;
	display:inline-block;
	color:white;
	text-align:center;
	white-space: normal;
	word-break:break-all;
	border:solid 1px #727272;
	margin : 0;
	padding:21px 1px 1px 1px;
	vertical-align:middle;
}
.tank {
	text-align:right;
	font-weight: bold; 
	display:inline-block;
}
.crlf {
	line-height:50%;
}

#btnDBN {
	font-size:13px;
	font-weight:900;
}
.dbnrui {
	color : white;
	padding : 10px;
	margin-right : 15px;
	margin-bottom : 15px;
	--display:inline-block;
}
.bnnrui:hover {
	opacity : 0.6;
	cursor : pointer;
}
.button:hover {
	opacity : 0.6;
	cursor : pointer;
}
.topmenu:hover {
	opacity : 0.5;
	cursor : pointer;
}
.login:hover {
	opacity : 0.6;
	cursor : pointer;
}
.dosearch:hover {
	opacity : 0.6;
	cursor : pointer;
}
#btn33 {
	font-size:14px;
	font-weight:900;
}
#btn99 {
	font-size:14px;
	font-weight:900;
}
.spoahide {
	display:none;
}
.spobhide {
	display:none;
}
.barakbhide {
	display:none;
}
.TOP {
	display : none;
	position: relative;
	width:1000px;
	z-index:1;
}
.matrix_mode {
	display:none;
	position: relative;
	z-index:2;
}
#matrix {
	position: relative;
	z-index:3;
}
#daibunrui {
	display:inline-box;
}
#chubunrui {
	display:inline-box;
}
.topmenu {
    font-weight:bold;
	display:inline-block;
    --text-align:center;
    --padding:10px 0 10px;
    padding:30px 30px 30px;
    color:white;
    --background:linear-gradient(darkblue,blue);
    background : #00537C;
    --box-shadow:2px 2px black;
	--width : 150px;
	height: 12px;
	word-break:normal;
	vertical-align:middle;
	font-size : 16px;
	margin : 0 5px;
}
.searchbox {
	display:inline-block;
	_height : 30px;
}
.searchstr {
	background-color :white;
	display:inline-block;
	width : 160px;
	height : 20px;
	border : solid 1.8px #202020;
--	margin : 10px 5px;
	margin : 5px 5px;
}
.dosearch {
	--background-color :blue;
	background-color : #02b2f2;
	color : white;
	display:inline-block;
	--padding : 5px;
	padding : 7px 12px;
	width : 30px;
	border-radius : 5px;
	text-align : center;
}
.select_chu {
	--display : inlin-block;
	--width : 180px;
	width : 230px;
	text-align : center;
	color : white;
	font-size : 18px;
	--background-color : green;
	background-color : #0f72a3;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	padding : 20px 0;
	margin : 15px 0;
}
.swiper-container {
    width: 1000px;
    height: 400px;
}
.nodata {
	color : green;
	margin : 100px;
	font-size : 16px;
}
.TOPIMG {
    width: 1000px;
    height: 400px;
	object-fit : cover;
}
#TOPTITLE {
  display: none;
  position: absolute;
  top : 15px;
  left : 180px;
  padding: 6px;
  border-radius: 8px;
  background: #333;
  color: #fff;
  z-index : 1;
}
.searcharea {
	display :inline-block;
	--font-size : 10px;
	padding : 0;
	margin : 10px;
	font-weight bold;
	font-size :16px;
}
#request {
	display : none;
}
#shippingcost {
	display : none;
}
#howtouse {
	display : none;
}
#tokutei {
	display : none;
}
a {
text-decoration: none;
}
.hidden {
	display:none;
}
.irisuu_c {
	text-align:right;
}
.irisuu_p {
	margin-top : 4px;
	text-align:right;
}