@charset "utf-8";
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
    display: block;
}

body{
    /*line-height:1.4; font-size:1.2rem; font-size:12px;*/
    -webkit-text-size-adjust:100%;
    background:#F1F1F1;
    color:#333333;
    font-size:12px;
	font-weight:200;
    font-family: sans-serif;
    min-width:980px;
}

ol, ul          {list-style: none;}

div, p{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

p               {line-height:1.6;}
li              {list-style:none;}
fieldset        {border:none;}

/*clearfix*/
.clearfix:after{
    content: ".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

.clearfix       {min-height:1px;}
* html .clearfix{height: 1px; font-size:62.5%; font: inherit;}

/*フロート解除*/
.clear			{clear:both; font-size:0; line-height:0; height:1px;}
.clear_plain    {clear:both;}

a				{color: #FF6600; text-decoration: none;}
a:hover			{color: #FF6600; text-decoration: underline;}
a.white			{color: #FFFFFF; text-decoration: none;}
th				{text-align:left; font-weight:normal;}
a img			{border:none;}
.em				{font-weight:bold !important;}

/* ボックス */
.mt60			{margin-top:60px;}
.mt50			{margin-top:50px;}
.mt40			{margin-top:40px;}
.mt30			{margin-top:30px;}
.mt20			{margin-top:20px;}
.mt15			{margin-top:15px;}
.mt10			{margin-top:10px;}
.mt05			{margin-top:5px;}
.mt03			{margin-top:3px;}
.mt02			{margin-top:2px;}
.mt01			{margin-top:1px;}
.mb40			{margin-bottom:40px;}
.mb30			{margin-bottom:30px;}
.mb20			{margin-bottom:20px;}
.mb15			{margin-bottom:15px;}
.mb10			{margin-bottom:10px;}
.mb05			{margin-bottom:5px;}
.ml05			{margin-left:5px;}
.ml10			{margin-left:10px;}
.ml20			{margin-left:20px;}
.mr05			{margin-right:5px;}
.mr20			{margin-right:20px;}
.mr30			{margin-right:30px;}
.pt10			{padding-top:10px;}
.pt20			{padding-top:20px;}
.pb10			{padding-bottom:10px;}
.pb20			{padding-bottom:20px;}
.pb30			{padding-bottom:30px;}

/* 汎用 */
.txt_r			{text-align:right;}
.txt_c			{text-align:center;}
.float_l		{float:left;}
.float_r		{float:right;}
.fs_small		{line-height:1.1 !important; font-size:8.6pt !important;/*padding:0; margin:0;*/}
.border_r		{-webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px; overflow:hidden;}

#whole960t {
	width:960px;
	text-align:center;
	margin:0 auto;
	position:relative;
	color:#333333
}

#whole960b {
	width:960px;
}

#whole960m {
	width:960px;
}

a {
	color:#48A901;
}

.txt_sub {
	font-size:8pt;
	color:#666666;
}

.whole_t {
	background:url(../images/bg_whole_t.jpg) no-repeat center top;
	padding-top:308px;
	position:relative;
}

.whole_b {
	background:url(../images/bg_whole_b.jpg) no-repeat center bottom;
	padding-bottom:40px;
}

.whole_m {
	background:url(../images/bg_whole_m.jpg) repeat-y center top;
}

.btn_img a:hover img {
	position:relative;
	top:2px;
}

.exhibit_box {
	width:835px;
}

.exhibit {
	width:260px;
	float:left;
	padding-top:15px;
	background:url(../images/exhibit_t.jpg) no-repeat center top;
	margin-top:35px;
}

.exhibit_m {
	margin-right:27px;
}

.exh_b {
	background:url(../images/exhibit_b.jpg) no-repeat center bottom;
	padding-bottom:20px;
	height:auto !important;
	min-height:390px;
	height:390px;
}

.exh_b_mini {
	background:url(../images/exhibit_b.jpg) no-repeat center bottom;
	padding-bottom:20px;
	height:auto !important;
	min-height:180px;
	height:180px;
}

.exh_b_mid {
	background:url(../images/exhibit_b.jpg) no-repeat center bottom;
	padding-bottom:20px;
	height:auto !important;
	min-height:330px;
	height:330px;
}

.exh_in {
	margin:0 20px 0px;
}

.sell_item{
    display: -webkit-flex;
    display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    list-style: none;
	margin: 30px 0;
}

.sell_item li {
	width: 27%;
	margin: 0 3% 30px;
	position: relative;
}

.sell_item li.sell_item_big {
	height:auto !important;
	min-height:480px;
	height:480px;
}

.sell_item img {
	width:100%;
	height:auto;
	background:#CCE2FD;
	border:1px solid #ccc;
}

.sell_item a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.sell_name {
	font-weight:bold;
	font-size:12pt;
	color:#FF0099;
	margin-top:5px;
}

.sell_price {
	font-size:10pt;
	margin-top:8px;
	font-weight:bold;
}

.sell_txt {
	font-size:8.4pt;
	padding-top:10px;
	line-height:1.1;
	color:#234187;
}

.sell_tag_crypton {
	background:url(../images/c_crypton.png) no-repeat left top;
	position:absolute;
	top:-2px;
	left:-2px;
	width:64px;
	height:64px;
	z-index:10;
}

.sell_tag_sega {
	background:url(../images/c_sega.png) no-repeat left top;
	position:absolute;
	top:-2px;
	left:-2px;
	width:64px;
	height:64px;
	z-index:10;
}

.sell_tag_cospa {
	background:url(../images/c_cospa.png) no-repeat left top;
	position:absolute;
	top:-2px;
	left:-2px;
	width:64px;
	height:64px;
	z-index:10;
}

.sell_tag_groove {
	background:url(../images/c_groove.png) no-repeat left top;
	position:absolute;
	top:-2px;
	left:-2px;
	width:64px;
	height:64px;
	z-index:10;
}

.sell_tag_sapporo {
	background:url(../images/c_sapporo.png) no-repeat left top;
	position:absolute;
	top:-2px;
	left:-2px;
	width:64px;
	height:64px;
	z-index:10;
}

.sell_tag_animate {
	background:url(../images/c_animate.png) no-repeat left top;
	position:absolute;
	top:-2px;
	left:-2px;
	width:64px;
	height:64px;
	z-index:10;
}

a.return_top {
	display:block;
	width:140px;
	height:38px;
	background:url(../images/top_n.jpg) no-repeat center top;
}

a.return_top:hover {
	background:url(../images/top_on.jpg) no-repeat center top;
}

.reader {
	font-size:11pt;
	margin-top:15px;
	line-height:1.2;
}

.line_h {
	line-height:1.4;
}

.label {
	padding:3px 5px 2px 5px;
	color:#FFFFFF;
	background:#3366CC;
	font-weight:bold;
	margin-right:5px;
}

.h_event {
	margin:0.5em 0 0.8em;
	color:#0099CC;
	font-weight:bold;
	font-size:13pt;
}

#backtotop{
    position: fixed;
    right: 0;
    bottom: 20px;
    width: 40px;
    height: 40px;
    display: none;
    background: url(../images/backtotop_bg.png) repeat center;
    cursor: pointer;
    z-index: 999;
    text-align: center;
    font-size: 2.0rem;
    font-size: 20px;
    color: #ffffff;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

#backtotop i{
    line-height:40px;
    height:40px;
}