@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%;
}
#left_frame {
	background-color:lightcyan;
	height:800px;
	left:0;
	top:0;
	vertical-align:top;
	width:180px;
}

#right_frame {
	background-color: white;
	vertical-align:top;
	height:100%;
	margin:0;
	white-space: nowrap;
}
table#center {
	max-width : 1200px;
	margin:auto;
}
.preload {
	position:absolute;
	top:200px;
	left: 500px;
	display:none;
	z-index:10;
}
.uppertable {
	border-collapse: collapse;
	border:inset 2px;
	cellspacing:0;
	cellpadding:0;
	margin:2px;
}
#shobunrui {
	font-weight:bold;
}
.lupper {
	border-style:none;
	width:60px;
	background-color:azure;
	color:black;
	text-align:right;
}
.lupper2 {
	border-style:none;
	width:10px;
	background-color:azure;
}
.upper {
	border-style:none;
	width:500px;
	height:28px;
	background-color:azure;
	color:black;
}
.upperfooter {
	height:4px;
	background-color:azure;
}

.name {
	border-style:none;
	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;
}

#table_id {
	display:table;
}
.everyone {
	width :500px;
	height:50px;
	display:inline-block;
}
.login {
	padding:6px 10px 3px;
	width:40px;
	height:34px;
	color:white;
	display:inline-block;
	vertical-align:midle;
	background-color:green;
	text-align:center;
	text-decoration: none;
}

.button {
	vertical-align: top;
    _font-weight:bold;
    text-align:center;
    padding:4px 0 0px;
    color:white;
    background:linear-gradient(darkblue,#0066cc);
	border-top:solid 2px lightblue;
	border-left:solid 2px lightblue;
	border-bottom:solid 2px black;
	border-right:solid 2px black;
	width : 86px;
	height: 105px;
    display:none;
	z-index:0;
}
.buttonback {
    _font-weight:bold;
    text-align:center;
    padding:18px 0 0 0;
    color:white;
    background:linear-gradient(darkblue,#0066cc);
	border-top:solid 2px lightblue;
	border-left:solid 2px lightblue;
	border-bottom:solid 2px black;
	border-right:solid 2px black;
	width : 86px;
	height: 35px;
	word-break:normal;
	vertical-align:middle;
    display:none;
	z-index:0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.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;
	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;
	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;
}

#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 {
	width : 120px;
	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;
}
.small {
	color:lightgray;
	padding:2px;
	margin:2px 5px 2px 5px;
	width:100px;
	height:100px;
	display:block;
	border:groove;
}
.hinname {
	padding:2px;
	width:110px;
	display:block;
	height:36px;
	background-color:lightgray;
	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:20px 5px 12px;
	background-color:white;
	width : 170px;
	height: auto;
	display:inline-block;
	word-break:normal;
	vertical-align:middle;
}
.request {
	height:50px;
	vertical-align:top;
	_display:inline-block;
	display:none;
}
.topmessage {
	margin:10px;
	display:inline-block;
	width:170px;
	vertical-align:midle;
	word-break:all;
}
.topmessage2 {
	color:green;
	font-size:10px;
	display:inline-block;
	width:75px;
	vertical-align:midle;
	word-break:all;
	text-align:right;
}
.inbox {
	font-size:10px;
	margin:14px;
	background-color:white;
	border:inset 2px lightgray;
	text-align:center;
	vertical-align:midle;
}
.outbox {
	text-align:center;
}

.error {
	color : red;
}
.selbox {
	width :60px;
	height:40px;
	display:inline-block;
	text-align:center;
	border:ridge 1px blue;
	white-space: normal;
	word-break:normal;
	padding:1px;
	vertical-align:top;
}
.nobox {
	width :60px;
	height:40px;
	background-color:white;
	display:inline-block;
	border:ridge 1px blue;
	disable:disable;
	padding:1px;
}
.spobox {
	width :60px;
	height:30px;
    background:linear-gradient(#0066cc,#0099CC);
	display:inline-block;
	color:white;
	text-align:center;
	white-space: normal;
	word-break:break-all;
	border:ridge 1px blue;
	margin:auto;
	padding:1px;
	vertical-align:middle;
}
.spoboy {
	width :60px;
	height:30px;
	_line-height:40px;
    background:linear-gradient(#0066cc,#0099CC);
	display:inline-block;
	color:white;
	text-align:center;
	white-space: normal;
	word-break:break-all;
	border:ridge 1px blue;
	padding:11px 1px 1px 1px;
	vertical-align:middle;
}

#btnDBN {
	font-size:13px;
	font-weight:900;
}
.dbnrui {
	display:inline-block;
}
#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;
    color:white;
    background:linear-gradient(darkblue,blue);
    box-shadow:2px 2px black;
	width : 150px;
	height: 12px;
	word-break:normal;
	vertical-align:middle;
}
.searchbox {
	display:inline-block;
	_height : 30px;
}
.searchstr {
	background-color :white;
	display:inline-block;
	width : 134px;
}
.dosearch {
	background-color :blue;
	color : white;
	display:inline-block;
	padding : 5px;
	width : 30px;
	border-radius : 5px;
	text-align : center;
}
.select_chu {
	display : inlin-block;
	width : 180px;
	text-align : center;
	color : white;
	font-size : 18px;
	background-color : green;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.swiper-container {
    width: 1000px;
    height: 400px;
}
.nodata {
	color : green;
	margin : 100px;
	font-size : 16px;
}
.TOPIMG {
    width: 1000px;
    height: 400px;
}
#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;
}
#request {
	display : none;
}
#shippingcost {
	display : none;
}
#howtouse {
	display : none;
}
#tokutei {
	display : none;
}
a {
text-decoration: none;
}
.hidden {
	display:none;
}