@charset "shift_jis";
/* CSS Document */

html, body {min-width: 1060px;}

/* =========================================================
共通パーツ
========================================================= */
#all{
	font-size: 1.2em;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
}

#all a{
	color:#000b74;
	}

input.btn-01{
	border: none;
	cursor:pointer;
	color:#FFF;
	background:#404040;
	padding: 10px 15px;
	font-size: 1.33em;

	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}

input.btn-01:hover{
	background: #999;
}

input.red{
	border:1px solid #C00;
	color: #000;
}

/*ページトップ*/
.backtotop {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 9000;
	display: none;
}

.backtotop a {
	border: 1px solid #CCCCCC;
	color:#666666;
	display: block;
	padding: 20px 6px 6px 6px;
	margin: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background:#FFFFFF url(../img/cmn/arrow_02.gif) no-repeat center 3px;
	text-align: center;
}


/*ページ送り*/

.backtotop a:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.backtotop a img{
	padding-right: 3px;
}


.page-navi ul {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

.page-navi ul li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.page-navi ul li span,
.page-navi ul li a {
	color: #333333 !important;
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}

.page-navi ul li span,
.page-navi ul li a:hover {
	background: #333333;
	color:#FFFFFF !important;
	border-color: #333333;
}

/*ポップアップページ*/
#popup .wrap{
	width: 700px;
	margin: 0 auto;
	padding-top: 30px;
	
}

#popup a.close{
	text-decoration: none;
	color:#FFF;
	background:#404040;
	padding: 10px 15px;
	font-size: 1.33em;

	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}

#popup a.close:hover{
	background: #999;
}

/* =========================================================
header
========================================================= */
#header {
	background:url(../img/cmn/bg_header.jpg) repeat-x left top;
	height: 258px;
	min-width: 1060px;
}

#header .wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding:50px 30px 0 30px;
}

#header .wrap p.logo {
	width: 466px;
	margin: 0 auto 50px auto;
}



#header .wrap .size {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 86px;
}

#header .wrap .size p{
	text-align: center;
	font-size: 12px;
}

#header .wrap .size ul li{
	float: left;
	padding: 10px 5px;
	height: 50px;
	vertical-align: middle;
}

#header .wrap .size ul li a{
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#header .wrap .size ul li.a{
	font-size: 16px;
}

#header .wrap .size ul li.a a{
	padding: 0 5px;
}

#header .wrap .size ul li.b{
	margin-top:3px;
	font-size: 12px;
}

#header .wrap .size ul li.b a{
	padding: 2px 5px;
}


#header .wrap .kikan {
	position: absolute;
	top: 60px;
	left: 287px;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 1.16em;
}

#header .wrap ul.menu {
	margin: 0 auto;
	width: 796px;
	/*background:url(../img/cmn/bg_menu.gif) no-repeat center top;*/
}

#header .wrap ul.menu li {
	float: left;
	padding:0 29px;
	background:url(../img/cmn/line_mn.gif) no-repeat right top;
}

#header .wrap ul.menu li.last{
	background:none;
}

#header .wrap ul.menu li a{
	display: block;
	height: 46px;
}

#header .wrap ul li.mn-01 a{background:url(../img/cmn/mn_01_on.gif) no-repeat left top;}
#header .wrap ul li.mn-02 a{background:url(../img/cmn/mn_02_on.gif) no-repeat left top;}
#header .wrap ul li.mn-03 a{background:url(../img/cmn/mn_03_on.gif) no-repeat left top;}
#header .wrap ul li.mn-04 a{background:url(../img/cmn/mn_04_on.gif) no-repeat left top;}

#information #header .wrap ul li.mn-01 img,
#privacypolicy #header .wrap ul li.mn-03 img,
#form #header .wrap ul li.mn-04 img{ visibility: hidden;}

/* =========================================================
path
========================================================= */
#path {
	background: #f2f2f2;
	margin-bottom: 60px;
	padding: 5px 30px;
	min-width: 1000px;
}
#path ol {
	list-style-type: none;
	width: 1000px;
	margin: 0 auto;
}
#path ol li {
	float: left;
	font-size: 0.83em;
	line-height: 15px;
	padding: 0 0 0 15px;
	background: url(../img/cmn/path.gif) no-repeat 0 0;
}
#path ol li.home {
	background: none;
	padding: 0;
}


/* =========================================================
main
========================================================= */

#all .main {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 30px 0;
}

#all .main .contents {
	width: 700px;
}


#all .main .local {
	width: 250px;
}

#all .main .local form {
}

#all .main .local form h2 {
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 1.2em;
	background: url(../img/cmn/line_01.gif) no-repeat left top;
	height: 26px;
	padding:7px 20px;
	margin-bottom:20px;
}

#all .main .local form .search-exb {
	margin-bottom: 50px;
	padding-bottom: 20px;
	background:url(../img/cmn/line_l.gif) no-repeat left bottom;
}

#all .main .local form .search-exb .bid-list{
	border: 1px solid #d9d9d9;
	background: #f3f3f3;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

#all .main .local form .search-exb .bid-list .title{
	text-align: center;
	background: #d5d5d5 url(../img/cmn/line_01.gif) repeat-y left top;
	padding-bottom:10px;
	margin-bottom: 20px;
}
#all .main .local form .search-exb .bid-list .title h2{
	height: auto;
	margin-bottom:0px;
}
#all .main .local form .search-exb .bid-list .title p{
	color:#333333;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}

#all .main .local form .search-exb .bid-list .block{
	margin:0 20px 30px 20px;
}

#all .main .local form .search-exb .bid-list .block p.name{
	color:#000b74;
}

#all .main .local form .search-exb .bid-list .block p.yen{
	border-top: 1px solid #FFFFFF;
	font-size: 1.7em;
	margin:5px 0 0 0;
	padding:3px 0 0 0;
	text-align: right;
}

#all .main .local form .search-exb .bid-list .block p.en{
	font-size:0.83em;
}

#all .main .local form .search-exb .bid-list p.fade{
	text-align: center !important;
	padding: 0 !important;
}

#all .main .local form .search-exb .bid-list p.fade img{
	margin: 0 !important;
	padding: 0 !important;
}


#all .main .local form .search-exb select.select-cg{
	width: 250px;
}

#all .main .local form .search-exb .fadeInput{
	padding-top: 10px;
	text-align: center;
	color: #7f7f7f;
}

#all .main .local form .search-exb .fadeInput input{
	margin:20px 5px 0 5px;
}

/*
#all .main .local form .search-exb .select {
	background: url(../img/cmn/line_l.gif) no-repeat left top;
	margin-bottom: 5px;
}

#all .main .local form .search-exb .select p{
	background: url(../img/cmn/line_l.gif) no-repeat left bottom;

	font-size: 1.33em;
}

#all .main .local form .search-exb .select p a{
	display: block;
	text-decoration: none;
	padding:20px 0 20px 25px;
	line-height: 1;
	background: url(../img/cmn/arrow_01.gif) no-repeat left center;
}

#all .main .local form .search-exb .select p a span{
	font-size: 0.62em;
}*/

#all .main .local form .search-exb h3 {
	margin: 20px 0 7px 0;
}

#all .main .local form .search-exb h3 span{
	font-weight: normal;
	color: #7f7f7f;
}

#all .main .local form .search-exb .kakaku{
	width: 100%;
	border-spacing: 0;
	white-space: nowrap;
}

#all .main .local form .search-exb .kakaku .bar{
	margin:0 5px;
}

#all .main .local form .search-exb input.txt-01,
#all .main .local form .search-exb .kakaku input.txt-02,
#all .main .local form .search-exb .lotno input.txt-03
{
	background: #f7f7f7;
	border:1px solid #d9d9d9;
	margin:0 10px 0 0;
	padding:7px;
	line-height:1;
}

#all .main .local form .search-exb input.txt-01{
	width: 234px;
}

#all .main .local form .search-exb .kakaku input.txt-02{
	margin:0 0 0 5px;
	width: 76px;
}

#all .main .local form .search-exb .lotno{
	vertical-align: top;
	margin:0 0 30px 0;
	padding:0!important;
}

#all .main .local form .search-exb .lotno h3{
	display: inline;
	margin:0 !important;
	color: #333333!important;
}

#all .main .local form .search-exb .lotno input{
	vertical-align: middle;
	margin:0 0 0 10px!important;
}

#all .main .local form .search-exb .lotno input.txt-03{
	width: 105px;
}

#all .main .local form .search-exb img {
}

#all .main .local form .search-exb p {
}

#all .main .local form .search-exb p img {
}

#all .main .local form .search-keyw {
}

#all .main .local form .search-keyw h2 {
	background: url(../img/cmn/line_01.gif) no-repeat left 0.3em;
	height: auto;
}

#all .main .local form .search-exb p.bar{
	text-align: center;
	padding: 5px;
}

#all .main .local form .search-keyw dl {
	margin-bottom:20px;
}

#all .main .local form .search-keyw dl dt {
	background:#FFFFFF url(../img/cmn/line_l.gif) no-repeat left top;
	cursor:pointer;
}

#all .main .local form .search-keyw dl dt p {
	text-decoration: none;
	color:#000000;
	line-height: 1.5;
	background:url(../img/cmn/arrow_01.gif) no-repeat left center;
	padding:15px 0 15px 25px;
}

#all .main .local form .search-keyw dl dt p span {
	font-size:0.80em;
	color: #7f7f7f;
}

#all .main .local form .search-keyw dl dd{
	display: none;
}
#all .main .local form .search-keyw dl dd:last-child{
/*	display: block;*/
}

#all .main .local form .search-keyw dl dd ul{
	padding:15px 0 15px 25px;
}

#all .main .local form .search-keyw dl dd ul li{
	background:url(../img/cmn/mark_01.gif) no-repeat left 0.5em;
	padding:0 0 5px 10px;
}


/* =========================================================
footer
========================================================= */
#footer {
	padding:50px 0 80px 0;
	background:url(../img/cmn/line_w.gif) repeat-x center top;
	min-width: 1060px;
}

#footer .wrap {
	width: 1000px;
	margin: 0 auto;
	padding:0 30px;
}

#footer .wrap ul {
	width: 442px;
}

#footer .wrap ul li {
	float: left;
	background:url(../img/cmn/line_mn.gif) no-repeat right top;
}

#footer .wrap ul li img {
}


#footer .wrap ul li.last{
	background:none;
}

#footer .wrap ul li a{
	display: block;
	height: 33px;
}

#footer .wrap ul li.mn-01 a{background:url(../img/cmn/fmn_01_on.gif) no-repeat left top;}
#footer .wrap ul li.mn-02 a{background:url(../img/cmn/fmn_02_on.gif) no-repeat left top;}
#footer .wrap ul li.mn-03 a{background:url(../img/cmn/fmn_03_on.gif) no-repeat left top;}
#footer .wrap ul li.mn-04 a{background:url(../img/cmn/fmn_04_on.gif) no-repeat left top;}

/**/

#footer .wrap .copy {
	text-align: right;
}
#footer .wrap .copy a {
	color:#333;
	text-decoration:none;
}

#footer .wrap .copy p.logo {
	font-weight: bold;
}


/* セキュリティシール */
.security {
	width: 1000px;
	text-align:right;
	margin: 20px auto;
}







/* =========================================================
top
========================================================= */

#top h1 {
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 3em;
	text-align: center;
	margin: 60px 0;
	padding:0 30px;
}
#top h1 small {
	display:block;
	font-size:0.5em;
	margin:20px 0 0;
	opacity:0.8;
}

/*summary*/
#top #summary{
	/*
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	background:url(../img/cmn/line_w.gif) no-repeat left bottom;
	padding:0 30px 80px 30px;
	margin-bottom: 80px;
	*/
	margin:0 0 80px;
}

#top #summary .f-left {
	float:none !important;
	width: 700px;
	line-height:2;
}

#top #summary .f-right{
	float:none !important;
	width: 700px;
	margin-top:30px;
}

#top #summary .f-right table {
	background-color: #f3f3f3;
	border-collapse: collapse;
	border-spacing: 0;
}

#top #summary .f-right table tr {
}

#top #summary .f-right table tr th {
	padding: 18px;
	white-space:nowrap;
	border-bottom: 1px solid #FFFFFF;
}

#top #summary .f-right table tr td {
	padding: 18px;
	border-bottom: 1px solid #FFFFFF;
}

#top #summary .f-right table tr td table {
}

#top #summary .f-right table tr td table {
}

#top #summary .f-right table tr td table tr {
}

#top #summary .f-right table tr td table tr th {
	padding: 5px;
	border: none;
}

#top #summary .f-right table tr td table tr td {
	padding: 5px;
	border: none;
}

#top #summary .f-right table tr td table tr td a {
}

#top #summary .text_en {
	margin-top:20px;
	padding-top:21px;
	border-top:dashed 1px #ccc;
}



/* =========================================================
カテゴリー一覧
========================================================= */

#category{
	background:url(../img/cmn/line_w.gif) no-repeat left bottom;
	margin:0 0 80px;
}

#category h2{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 1.5em;
	background: url(../img/cmn/line_01.gif) no-repeat left top;
	height: 26px;
	padding:7px 20px;
	margin-bottom:20px;
}

#category p{
}

#category .en{
	font-size: 0.92em;
	color:#7f7f7f;
}

#category .f-left {
	text-align: center;
}

#category .f-left img{
	margin-bottom: 2px;
}
#category li {
	width: 115px;
	float: left;
	margin:0 11px 30px 15px;
	background: #FFFFFF;
}
#category .list_button {
	padding-top:90px;
}
/*
#category li.bl-hover{
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
*/

#category li p {
}

#category li .thumb {
	width: 115px;
	margin-bottom: 7px;
}

#category li .thumb a {
}

#category li .ttl {
}

#category li .ttl a {
}

#category li .ttl_en {
	font-size: 0.83em;
	color: #7f7f7f;
}


/* =========================================================
詳細
========================================================= */
#detail{
}

#detail .header {
	background: url(../img/cmn/line_l.gif) repeat-x left bottom;
	padding: 0 0 50px 0;
}
#detail .header p.lot {
	font-size: 2.8em;
}
#detail .header h1.name {
	font-size: 3em;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	line-height: 1.2;
}
#detail .header h1.name span.katagaki {
	font-size: 0.67em;
}
#detail .header h1.name span.sep {
	color: #ccc;
}
#detail .header p.en {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 10px 0 0 0;
	font-size: 18px;
}
#detail .header p.en span.sep {
	color: #ccc;
}
#detail .header p.category {
	color: #666;
	margin: 10px 0 0 0;
	font-size:14px;
}
#detail .header p.category span {
	font-size: 12px;
}

#detail p.data {
	padding: 20px 0;
}

#detail .bid {
	background: #f2f2f2 url(../img/cmn/line_l.gif) repeat-x 0 0;
	padding: 20px;
}
#detail .bid table{
	width: 100%;
}

#detail .bid table td{
}

#detail .bid p.error {
	background: #c00;
	color: #fff;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px 0;
	position: relative;
}
#detail .bid p.error:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin: 0 0 0 -10px;
	border-top: solid 10px #c00;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}
#detail .bid p.price {
	line-height:1.5;
	text-align: center;
}

#detail .bid p.price span{
	color:#7f7f7f;
}

#detail .bid p.yen{
	text-align: right;
}

#detail .bid p.yen strong {
	font-size: 22px;
	font-weight: normal;
}

#detail .bid .input{
	text-align: right;
	padding-right: 1.5em;
}

#detail .bid .input span{
	font-size: 22px;
}

#detail .bid input[type=text] {
	font-size: 1em;
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 5px;
	width: 100px;
	box-sizing: border-box;
	text-align: right;
	/*position:absolute;
	top: 0;
	left: 10px;*/
}

#detail .bid p.btn{
	/*position:absolute;
	top: 0;
	right: 0;*/
	text-align: center;
	margin:20px 0 0 0;
}

#detail .bid p.btn span{
	color: #7f7f7f;
	line-height: 1.8;
}

#detail .bid .form p.btn input[type=image] {
}

#detail .image {
	background: url(../img/cmn/line_l.gif) repeat-x 0 bottom;
}
#detail .image .l {
	height: 400px;
	background: red;
}

#detail #cycle {
	padding: 0 0 50px;
}
/* #cycle-slide */
#detail #cycle #cycle-slide {
	position: relative;
}
#detail #cycle #cycle-slide div {
	text-align: center;
	width: 100% !important;
	position: static !important;
}
#detail #cycle #cycle-slide div dl{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#detail #cycle #cycle-slide div dd{
	font-size:0.83em;
	margin:10px 0 0 0;
	text-align:left;
}
/* #cycle-nav */
#detail #cycle #cycle-nav {
	padding: 40px 85px 0 95px;
}
#detail #cycle #cycle-nav div {
	float: left;
	padding: 10px 10px 0 0;
}
#detail #cycle #cycle-nav div a {
	display:table-cell;
	width: 90px;
	height: 90px;
	vertical-align: middle;
	text-align: center;
}
#detail #cycle #cycle-nav div a img {
	border: 4px solid #fff;
	background: #ccc;
	padding: 1px;
}
#detail #cycle #cycle-nav div a:hover img,
#detail #cycle #cycle-nav div.activeSlide a img {
	border: none;
	padding: 5px;
}
/* #cycle-nav */
#detail #cycle p.hosoku {
	font-size: 12px;
	text-align: center;
}

#detail .hosoku,
#detail .artist {
	padding: 50px 0;
	background: url(../img/cmn/line_l.gif) repeat-x 0 0;
}
#detail .hosoku h2,
#detail .artist h2 {
	font-size: 1.5em;
	margin:20px 0 0;
}
#detail .artist h2:first-child {
	margin:0;
}

#detail .navi {
	text-align: center;
}

#detail .navi p{
	display: inline-block;
	color:#7f7f7f;
}

#detail .navi input.btn-01{
	font-size:1.17em;
	padding: 3px 15px;
	margin-bottom: 2px;
}

/*#detail ul.navi p.f-left input.btn-01,
#detail ul.navi p.f-right input.btn-01{
	padding: 15px 15px !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
}*/

#detail .navi_top{
	padding-bottom: 30px;
	margin-bottom:30px;
	background: url(../img/cmn/line_l.gif) repeat-x left bottom;
}

#detail .navi_btm{
	background: url(../img/cmn/line_l.gif) repeat-x 0 0;
	padding: 50px 0 60px 0;
}

/*#detail .navi li.prev {
	float: left;
}
#detail .navi li.next {
	float: right;
}*/


/* =========================================================
作品一覧
========================================================= */
#search ul.list li{
	width: 209px;
	float: left;
	margin:0 20px 30px 0;
	padding:0 0 10px;
	background: url(../img/cmn/line_l.gif) repeat-x left bottom;
}
#search ul.list .box_01 a {
	display:block;
	width:209px;
	height:350px;
}
#search ul.list .box_02 {
	margin:10px 0 0;
}
#search h2{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	margin-bottom: 10px;
}

#search .shiborikomi {
	background: #f3f3f3;
	margin-bottom: 50px;
	padding-top:20px;
	width: 680px;
}

#search .shiborikomi table.block-01 {
	border-collapse:collapse;
	border-spacing:0;
	background: url(../img/cmn/line_l.gif) repeat-x left bottom;
	width: 640px;
	margin: 0 20px 20px 20px;
}

#search .shiborikomi table.block-01 tr {
}

#search .shiborikomi table.block-01 tr th {
	vertical-align: top;
	white-space: nowrap;
	padding-right: 10px;
}

#search .shiborikomi table.block-01 tr th p {
	background:#666666;
	color: #FFF;
	padding: 1px 5px;
}

#search .shiborikomi table.block-01 tr td {
	vertical-align: top;
	padding:0 10px 20px 0;
}

#search .shiborikomi h3 {
	margin-left: 20px;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 1.17em;
}

#search .shiborikomi table.block-02 {
	width:680px;
	border-spacing:0 20px;
}

#search .shiborikomi table.block-02 tr {
}

#search .shiborikomi table.block-02 tr th {
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	padding: 0 15px 0 20px;
	border-right:1px solid #CCCCCC;
}

#search .shiborikomi table.block-02 tr th span{
	font-size: 0.83em;
}

#search .shiborikomi table.block-02 tr td {
	vertical-align: top;
	padding: 0 20px 0 15px;
/*	text-indent:-1.8em;
	padding-left:1.8em;*/
}


#search .shiborikomi table.block-02 tr td ul {
}

#search .shiborikomi table.block-02 tr td ul li {
	margin-bottom:5px;
	background:url(../img/cmn/mark_01.gif) no-repeat left 0.5em;
	padding-left:10px;
}

#search .shiborikomi table.block-02 tr td ul li img{
	vertical-align: middle;
	margin-left: 5px;
}

#search .shiborikomi table.block-02 tr td ul li input {
}

#search p.box_03,
#search p.box_04,
#search p.box_05{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
}

#search p.box_05{
		color: #7f7f7f;
}


/* =========================================================
入札フォーム
========================================================= */
#bid h1{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	margin-bottom:20px;
}

#bid h2{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	background:url(../img/cmn/line_01.gif) no-repeat left center;
	margin:30px 0 20px 0;
	padding:5px 0 5px 10px;
}

#bid table.title{
	font-size:0.83em;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#bid table.title thead th{
	padding:0 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#bid table.title thead th span{
	color:#7f7f7f;
}

#bid table.title tbody{
	background:#f3f3f3;
}

#bid table.title tbody th{
	padding: 10px;
}
#bid table.title tbody td{
	padding: 10px;
}
#bid table.title tbody td.error{
	padding-bottom:0px;
}
#bid table.title tbody td.error p{
	background: #c00;
	color: #fff;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px 0;
	position: relative;
}
#bid table.title tbody td.error p:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin: 0 0 0 -10px;
	border-top: solid 10px #c00;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}

#bid table.title tbody td.box-01{ width: 230px;}
#bid table.title tbody td.box-02{ text-align: center;}
#bid table.title tbody td.box-03{ white-space: nowrap; text-align: center;}
#bid table.title tbody td.box-03 input.txt{ font-size:1.17em; margin:0 0 0 5px; width: 70px; text-align: right;}
#bid table.title tbody td.box-04{ text-align: center; width: 3.5em;}

#bid table.title tbody td input.btn-change,
#bid table.title tbody td input.btn-delete{
	border: none;
	cursor:pointer;

    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;

	}

#bid table.title tbody td.box-03 input.btn-change{
	color:#FFF;
	background:#404040;
	padding: 2px 3px;
	margin:5px 0 0 0;
}

#bid table.title tbody td.box-03 input.btn-change:hover{
	background: #999;
}

#bid table.title tbody td.box-04 input.btn-delete{
	color:#FFF;
	background: #C00000;
	padding: 5px 10px;
	}

#bid table.title tbody td.box-04 input.btn-delete:hover{
	/*background: #D39696;*/
}

#bid .btn-list{
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
}

#bid .block-frame{
	border:1px solid #CCCCCC;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}

#bid .btn-list input{
	padding:5px 10px;
}

#bid .btn-list span{
	color:#7f7f7f;
}

#bid dl{
	line-height:1.8;
}

#bid dl dt{
	font-size:1.17em;
	font-weight: bold;
	margin-bottom:10px;
}

#bid dl dd{
	margin-left: 1em;
	margin-bottom:10px;
}

#bid dl dd .kome{
  text-indent:-1em;
  padding-left:1em;
}

#bid dl dd ul li{
	background:url(../img/cmn/mark_01.gif) no-repeat left 0.5em;
	padding-left: 15px;
	margin:5px 0;
}


#bid .address{
	background:#f3f3f3;
	padding: 10px;
	font-size: 1.5em;
	margin-bottom: 40px;
}

#bid .address table td{
	padding:0 5px;
}

#bid .attention,
#bid dl.attention_en{
	border:1px solid #C00;
	padding: 10px;
	margin-bottom: 30px;
}

#bid .attention h3{
	font-size: 1.5em;
	margin-bottom: 10px;
}

#bid .attention dl dt{
	color:#C00;
}

#bid dl.attention_en dt{
	color:#C00;
}

#bid dl.attention_en ol{
	margin-left: 20px;
}

#bid .consent{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.33em;
}

#bid .consent input[type="checkbox"]{
	margin-right: 10px;
}

#bid .btn-form{
	text-align: center;
	margin-bottom: 40px;
}

#bid .btn-form input{
	margin-bottom: 3px;
}

#bid .btn-form span{
	color:#7f7f7f;
}

.bid_breadcrumbs {padding:0 0 20px; text-align:center;}
.bid_breadcrumbs img {margin:0 5px 0 0;}


/* エラーチェック用 */
#bid .change {
	display:none;
	text-align:center;
	padding:0 100px 0 500px;
}
#bid .change input {
	background:#900 !important;
	font-size:1em !important;
}
#bid table.title .error_row {background:#fdb6b6}
#bid .title_error {
	display:none;
	color:#c00;
	margin-bottom:100px;
}




/* =========================================================
入札フォーム
========================================================= */

#contact h1{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	width: 800px;
	margin: 0 auto 40px auto;
}


#contact h2{
	width: 790px;
	margin: 0 auto  20px auto;
	padding:5px 0 5px 10px;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	background:url(../img/cmn/line_01.gif) no-repeat left center;
}

#contact h2 span{
	color: #7f7f7f;
	font-size:0.83em;
}

#contact p.summary{
	width: 800px;
	color: #C00;
	margin: 0 auto 5px auto;
}

#contact table .attention{
	font-size: 0.92em;
}

#contact table.title{
	width: 800px;
	margin: 0 auto 10px auto;
	border-collapse: collapse;
}

#contact table.title thead th{
	padding:0 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#contact table.title thead th span{
	color:#7f7f7f;
}

#contact table.title tbody{
	background:#f3f3f3;
}

#contact table.title tbody th{
	padding: 10px;
}
#contact table.title tbody td{
	padding: 10px;
}

#contact table.title tbody td.box-01{
}

#contact table.title tbody td.box-02,
#contact table.title tbody td.box-03{
	text-align: center;
}

#contact table.table-01{
	width: 800px;
	margin: 0 auto;
	border: 1px solid #d9d9d9;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
}

#contact table.table-01 th{
	width: 150px;
	background:#f3f3f3;
}

#contact table.table-01 th span.en{
	color: #7f7f7f;
}

#contact table.table-01 th,
#contact table.table-01 td{
	border: 1px solid #d9d9d9;
	text-align: left;
	vertical-align:top;
	padding: 10px;
}

#contact table.table-01 td input{
	margin-bottom: 5px;
	padding:3px;
}

#contact table.table-01 ul li{
	text-indent:-1.8em;
  	padding-left:1.8em;
	line-height: 1.8;
}

#contact table.table-01 ul li input{
	margin-right: 5px;
	vertical-align: middle;
}

#contact table.table-01 textarea.txt{
	width: 100%;
}
#contact table.table-01 input.disabled{
	background: #f0f0f0;
}

#contact table.table-02 th,
#contact table.table-02 td{
	border: none;
	text-align: left;
	padding: 5px 10px;
	text-indent:-1.8em;
  	padding-left:1.8em;
}

#contact table.table-02 input[type="radio"]{
	margin-right: 8px;
	vertical-align: middle;
}

#contact table.table-03{
	width: 400px;
	margin:0 auto;
	text-align: center;
	margin-bottom: 50px;
}

#contact table.table-03 input{
	margin-bottom: 3px;
}

#contact table.table-03 span{
	color:#7f7f7f;
}

/*#contact table.table-bid{
	width: 400px;
}*/

#contact table.table-03 input.bid{
	padding:10px 90px;
}


/*2019-11-25 追加*/
#contact table.table-01.add,
#contact table.table-01.add td,
#contact table.table-01.add th{border: none;}

/* =========================================================
サンクスページ
========================================================= */
#contact.thanks .block-01 p{
	margin: 0 0 1em 0;
	background:#FFFFFF;
}

#contact.thanks .block-01 p.en{
	color: #666;
}

#contact.thanks .block-01{
	border:1px solid  #CCC;
	width:680px;
	margin: 0 auto 40px auto;
	padding: 30px 60px;
	zoom:1;
	
}

#contact.thanks .block-02{
	background:#f3f3f3;
	padding: 10px;
	font-size: 1.5em;
	width: 780px;
	margin: 0 auto 40px auto;
}

#contact.thanks .block-02 table td{
	padding:0 5px;
}

#contact.thanks .btn-top{
	text-align: center;
	margin-bottom: 50px;
}

#contact.thanks .btn-top span{
	color: #7f7f7f;
}

/* =========================================================
作品一覧
========================================================= */

#list h1{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	margin-bottom:20px;
}

#list h2{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	background:#f3f3f3;
	margin:30px 0 20px 0;
	padding:10px;
}

#list ul{
	margin-top: 10px;
	padding-top: 30px;
	background:url(../img/cmn/line_l.gif) repeat-x left top;
}

#list ul li{
	float: left;
	background:url(../img/cmn/arrow_01.gif) no-repeat left 0.2em;
	padding-left: 15px;
	margin:0 15px 10px 0;
}

#list table{
	padding: 10px;
	width: 100%;
}

#list table tr{
	background:url(../img/cmn/line_w.gif)  repeat-x left bottom;
}

#list table td{
	padding: 10px;
}
#search #list table {margin:0 !important; width:680px;}



/* =========================================================
ご利用案内,交換会トップ,ご入札をご検討の方,ご出品をご検討の方
========================================================= */

#howto{}
#howto h1,
#about h1{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	margin-bottom:20px;
}
#howto h1 a {float:right;}
#howto h1 a:hover, h2 a:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

#howto h2,
#about h2{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	background:url(../img/cmn/line_01.gif) no-repeat left center;
	margin:30px 0 20px 0;
	padding:5px 0 5px 10px;
}

#howto h3,
#about h3{
	margin-bottom: 15px;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 1.17em;
}

#howto p.summary,
#about p.summary{
	background:url(../img/cmn/line_l.gif) repeat-x left bottom;
	padding-bottom: 15px;
	line-height: 2;
}

#howto ul li{
	background:url(../img/cmn/mark_01.gif) no-repeat left 0.5em;
	padding-left: 15px;
	margin:5px 0;
}

#howto .kome,
#about .kome{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom: 5px;
}

#howto ul.anchor,
#about ul.anchor{
	background:url(../img/cmn/line_l.gif) repeat-x left bottom;
	padding-bottom: 10px;
}

#howto ul.anchor li,
#about ul.anchor li{
	background: url("../img/cmn/arrow_01.gif") no-repeat scroll left 0.4em;
	padding: 0 0 5px 20px;
	font-size: 1.33em;
}

#howto table.tesuryo,
#about table.tesuryo{
	width: 660px;
	margin:0 0 20px 0;
	border-collapse: collapse;
	border-spacing:0;
}

#howto table.tesuryo td,
#about table.tesuryo td{
	padding: 5px 10px;
	vertical-align: top;
}

#howto table.tesuryo td table,
#about table.tesuryo td table{
	border-spacing:0;
}
#howto table.tesuryo td table.inner td,
#about table.tesuryo td table.inner td{

	padding: 0;
}
#howto table.tesuryo caption,
#about table.tesuryo caption{
	display:none;
}

#howto table.tesuryo td.end,
#about table.tesuryo td.end{
	border-top:1px solid #999999;
}

#howto dl{}

#howto dt,
#about dt{
	font-size: 1.17em;
	font-weight: bold;
	margin-bottom: 5px;
}
.auction_detail dt {
	background:#efefef;
	padding:5px 8px;
}
.auction_detail strong {
	display:block;
	border-bottom:solid 1px #ccc;
	padding:0 0 4px;
	margin:20px 0 10px;
}

#howto dd,
#about dd{ /*padding-left:2em;*/ margin-bottom: 20px;}

#howto .block-howto,
#about .block-howto{
	margin-bottom: 40px;
}

#howto .block-howto .box-01,
#about .block-howto .box-01{
	float: left;
	margin-right: 20px;
}

#howto .block-howto .box-02,
#about .block-howto .box-02{
	overflow: hidden;
}

#howto .block-howto ul li,
#about .block-howto ul li{
	margin-left: 0;
	background: none;
}

#howto .block-howto ul li.kome,
#about .block-howto ul li.kome{
	text-indent:-2em;
	padding-left:2em;
}


/* =========================================================
終了のお知らせ
========================================================= */

#end {
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 40px;
}

#end h1 {
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	margin-bottom:20px;
}

#end h2 {
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	background:url(../img/cmn/line_01.gif) no-repeat left center;
	margin:30px 0 20px 0;
	padding:5px 0 5px 10px;
}

#end p {
	font-size: 1.2em!important;
	margin-bottom: 20px;
}

#end p+h2 {
	margin-top: 40px;
}

#end .en {
	color: #7f7f7f;
}

#end .btn-lng{
	text-align: right;
}

#end .btn-lng a{
	border: none;
	cursor:pointer;
	color:#FFF;
	background:#404040 url(../img/cmn/arrow_03.gif) no-repeat 8px center ;
	padding: 7px 10px 7px 20px;
	font-size: 1.17em;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	text-decoration: none;
}

#end .btn-lng a:hover{
	background: #999 url(../img/cmn/arrow_03.gif) no-repeat 8px center ;
}


/* =========================================================
アクセス
========================================================= */
#access h1,
#plivacy h1{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	margin-bottom:20px;
}

#access dt,
#plivacy dt{
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	background:url(../img/cmn/line_01.gif) no-repeat left center;
	margin:30px 0 20px 0;
	padding:5px 0 5px 10px;
	font-weight: bold;
}

#plivacy dt{
	background: none;
	padding:5px 0 5px 0;
}

#access dl dd ul li,
#plivacy dl dd ul li{
	background: url("../img/cmn/mark_01.gif") no-repeat scroll left 0.5em transparent;
	margin: 5px 0;
	padding-left: 15px;
}

#access .address,
#plivacy .address{
	background:#f3f3f3;
	padding: 10px;
	font-size: 1.5em;
	margin: 0 0 30px 0;
}

#access .address table td,
#plivacy .address table td{
	padding:0 5px;
}







/* =========================================================
PDFリンクボタン
========================================================= */
.btn-02{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	border: none;
	color:#fff !important;
	text-decoration:none !important;
	background:#c00;
	padding: 10px 15px;
	font-size: 1.33em;
	margin:10px 0;

	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}

.btn-02:hover{
	background: #f33;
}



/* =========================================================

　作品詳細のタグリスト

========================================================= */

/* エリア */
.detail_tags:before, .detail_tags:after {content:""; display:table;}
.detail_tags:after {clear:both;}
.detail_tags {
	/zoom:1;
	padding: 50px 0;
	background: url(../img/cmn/line_l.gif) repeat-x 0 0;
}

/* リスト */
.detail_tags dl {
	float:left;
	line-height:1.8;
	margin:0 20px 0 0;
}
.detail_tags dt, .detail_tags dd {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.detail_tags dt {
	color:#fff;
	background:#404040;
	padding:0 10px;
}




.vacation {
	background:#efefef;
	padding:20px;
	margin:20px 20px 0;
}
.vacation strong {
	border:none;
	margin:0;
}





/* =========================================================

　ヘッダ新デザイン

========================================================= */

/* エリア */
#header_new:before, #header_new:after {content:""; display:table;}
#header_new:after {clear:both;}
#header_new {
	/zoom:1;
	width:1000px;
	margin:20px auto 15px;
}

/* ロゴ */
#header_new strong {
	float:left;
	width:176px;
	margin:2px 0 0;
}
#header_new strong img {width:100%;}

/* メニュー */
#header_new div {
	float:right;
	width:780px;
}

/* 年代 */
#header_new p {
	background:url(../img/cmn/headerline.gif) left center repeat-x;
	text-align:right;
}
#header_new p span {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#555;
	background:#fff;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	padding:0 0 0 10px;
}

/* リスト */
#header_new ul:before, #header_new ul:after {content:""; display:table;}
#header_new ul:after {clear:both;}
#header_new ul {
	/zoom:1;
	margin:15px 0 0;
}
#header_new li {
	float:left;
	background:url(../img/cmn/menuline.gif) right top no-repeat;
	width:195px;
	text-align:center;
}
#header_new li:last-child {background:none;}


/* クローズ用 */
#header_close {
	margin:20px auto 15px;
	text-align:center;
}



/* =========================================================

　パンくず新デザイン

========================================================= */

/* エリア */
#path {margin:0;}



/* =========================================================

　右バー入札新デザイン

========================================================= */

/* エリア */
.f-right .bid {
	background:#f3f3f3;
	padding:12px;
	margin:0 0 20px;
	border:solid 1px #d9d9d9;
}

/* テーブル */
.f-right .bid table {width:100%;}
.f-right .bid td {padding:0 0 10px;}

/* エラー */
.f-right .bid p.error {
	background:#c00;
	color:#fff;
	padding:10px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	margin:0 0 20px 0;
	position:relative;
}
.f-right .bid p.error:after {
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	left:50%;
	bottom:-10px;
	margin:0 0 0 -10px;
	border-top:solid 10px #c00;
	border-left:solid 10px transparent;
	border-right:solid 10px transparent;
}

/* 見出し */
.f-right .bid p.price {
	font-size:0.9em;
	line-height:1.5;
	text-align:center;
}
.f-right .bid p.price span {
	color:#7f7f7f;
	font-size:0.7em;
}

/* 最低売却価格 */
.f-right .bid p.yen{
	font-size:1em;
	text-align:right;
}
.f-right .bid p.yen strong {
	font-size:1em;
	font-weight:normal;
}

/* 入札希望価格 */
.f-right .bid .input {
	font-size:1em;
	text-align:right;
	padding-right:1.1em;
}
.f-right .bid .input span {
	font-size:1em;
}
.f-right .bid input[type=text] {
	font-size:1em;
	background:#fff;
	border:1px solid #d9d9d9;
	padding:5px;
	width:55px;
	box-sizing:border-box;
	text-align:right;
}

/* ボタン */
.f-right .bid p.btn {
	text-align:center;
	margin:0;
}
.f-right .bid p.btn span {
	color:#7f7f7f;
	line-height:1.8;
}



/* =========================================================

　詳細新デザイン

========================================================= */

.detail_header {
	background: url(../img/cmn/line_l.gif) repeat-x left bottom;
	padding: 0 0 30px 0;
	margin:0 0 20px;
}
.detail_header p.lot {
	font-size: 2em;
}
.detail_header h1.name {
	font-size: 2.4em;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	line-height: 1.2;
}
.detail_header h1.name span.katagaki {
	font-size: 0.67em;
}
.detail_header h1.name span.sep {
	color: #ccc;
}
.detail_header p.en {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 0 0;
	font-size: 18px;
}

.detail_header p.en span{
	font-style: italic;
}
.detail_header p.en span.sep {
	color: #ccc;
}
.detail_header p.category {
	color: #666;
	margin: 10px 0 0 0;
	font-size:14px;
}
.detail_header p.category span {
	font-size: 12px;
}



/* =========================================================

　ページ送り新デザイン

========================================================= */

/* エリア */
.detail_nav {
	background:#f8f8f8;
	padding:10px 0;
}
.detail_nav div:before, .detail_nav div:after {content:""; display:table;}
.detail_nav div:after {clear:both;}
.detail_nav div {
	/zoom:1;
	max-width:1000px;
	margin:0 auto;
}

/* ブロック */
.detail_nav .left {float:left;}
.detail_nav .right {float:right;}
.detail_nav .right a {margin:0 0 0 20px;}

/* カウント */
.detail_nav small {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:1.1em;
	line-height:28px;
	margin:0 10px;
	padding:0 10px;
	border-left:solid 1px #666;
	border-right:solid 1px #666;
}



/* =========================================================

　タブ

========================================================= */

.tab {
	width:680px;
	text-align:right;
	margin-bottom:20px;
}
.tab a {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#fff !important;
	background-color:#999;
	background-position: 10px center;
	background-repeat:no-repeat;
	padding: 5px 15px 5px 35px;
	font-size:0.8em;
	text-decoration:none;

	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}
.tab a:hover, .tab .active {background-color:#404040;}

.tab .view01 {background-image:url(/koukankai/design/img/cmn/tab_thumb.gif);}
.tab .view02 {background-image:url(/koukankai/design/img/cmn/tab_list.gif);}





/* =========================================================

　レスポンシブ

========================================================= */

@media only screen and (max-width:768px){
	@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);

	/* =========================================================
	
	　Main
	
	========================================================= */
html, body {min-width: auto;}

	#all .main {
		width:auto;
		margin:0;
		padding:0;
	}
	#all .main .contents {
		float:none !important;
		width:auto;
		margin:2% 2% 0;
		box-sizing: border-box;
	}



	/* =========================================================
	
	　ヘッダ
	
	========================================================= */

	/* エリア */
	#header_new {
		width:auto;
		margin:2% 2% 0;
	}

	/* ロゴ */
	#header_new strong {
		float:none !important;
		display:block !important;
		width: 100%;
		text-align:center;
	}
	#header_new strong img {width:30%;}

	/* メニュー */
	#header_new div {
		float:none;
		display:block;
		width:auto;
	}

	/* 年代 */
	#header_new p {
		background:none;
		text-align:center;
	}
	#header_new p span {
		display:block;
		background:transparent;
		font-size:1em;
		font-weight:normal;
		padding:0;
		margin:2% 0 0;
	}

	/* リスト */
	#header_new ul {margin:3% 0 0;}
	#header_new .menu01 {width:20%;}
	#header_new .menu02 {width:25.5%;}
	#header_new .menu03 {width:28.2%;}
	#header_new .menu04 {width:26.3%;}
	#header_new li img {width:95%;}


	/* クローズ用 */
	#header_close {
		margin:2% 2% 0;
	}



	/* =========================================================
	
	　右ナビ
	
	========================================================= */

	#all .main .local {
		float:none !important;
		width:auto;
		margin:5% 2% 0;
	}
	#all .main .local form h2 {
		font-size:1.2em;
		height:auto;
		padding:2% 5%;
		margin-bottom:2%;
	}
	#all .main .local form .search-exb {
		background:url(../img/cmn/line_l.gif) repeat-x left bottom;
		width:auto;
		margin:0 0 2%;
		padding-bottom:2%;
	}
	#all .main .local form .search-keyw {
		width:auto;
		margin:0;
	}
	#all .main .local form .search-exb .bid-list {
		margin-bottom:3%;
		padding-bottom:2%;
	}
	#all .main .local form .search-exb .bid-list .title {
		padding-bottom:1%;
		margin-bottom:2%;
	}
	#all .main .local form .search-exb .bid-list .block {
		margin:0 2% 2.5% 2%;
		border-bottom:solid 1px #fff;
	}
	#all .main .local form .search-exb .bid-list .block p.yen {
		font-size:1.2em;
		margin:1% 0 0 0;
		padding:0.5% 0 0 0;
		border:none;
		text-align:left;
	}
	#all .main .local form .search-exb select.select-cg {width:99%;}
	#all .main .local form .search-exb .fadeInput{padding-top:1%;}
	#all .main .local form .search-exb .fadeInput input {margin:2% 0.5% 0 0.5%;}
	#all .main .local form .search-exb h3 {margin:2% 0 1% 0;}
	#all .main .local form .search-exb .kakaku .bar {margin:0 0.5%;}
	#all .main .local form .search-exb input.txt-01,
	#all .main .local form .search-exb .kakaku input.txt-02,
	#all .main .local form .search-exb .lotno input.txt-03 {
		margin:0 1% 0 0;
		padding:1%;
	}
	#all .main .local form .search-exb input.txt-01 {width:97%;}
	#all .main .local form .search-exb .kakaku input.txt-02 {
		margin:0 0 0 0.5%;
		width:90%;
	}
	#all .main .local form .search-exb .lotno {margin:0 0 3% 0;}
	#all .main .local form .search-exb .lotno input {margin:0 0 0 0.5% !important;}
	#all .main .local form .search-exb .lotno input.txt-03 {width:30%;}
	#all .main .local form .search-exb p.bar {padding:0.5%;}
	#all .main .local form .search-keyw dl {margin-bottom:2%;}
	#all .main .local form .search-keyw dl dt {background:#FFFFFF url(../img/cmn/line_l.gif) repeat-x left top;}
	#all .main .local form .search-keyw dl dt p {padding:1.5% 0 1.5% 5%;}
	#all .main .local form .search-keyw dl dd ul {padding:1.5% 0 1.5% 2.5%;}
	#all .main .local form .search-keyw dl dd ul li {
		background:url(../img/cmn/mark_01.gif) no-repeat left center;
		padding:0 0 0.5% 5%;
	}



	/* =========================================================
	
	　フッタ
	
	========================================================= */

	#footer {
		padding:3% 0 0;
		min-width:0;
	}
	#footer .wrap {
		width:auto;
		margin:0 2% 3%;
		padding:0;
	}
	#footer .wrap ul {width:auto;}
	#footer .wrap ul li img {width:100%;}
	#footer .wrap ul li.last {background:none;}
	#footer .wrap ul li a {height:auto;}
	#footer .wrap ul li.mn-01 {width:19.3%}
	#footer .wrap ul li.mn-02 {width:24.5%}
	#footer .wrap ul li.mn-03 {width:27.4%}
	#footer .wrap ul li.mn-04 {width:28.2%}
	#footer .wrap .copy {text-align:center;}
 	#footer .f-left {float:none !important; display:block;}
 	#footer .f-right {float:none !important; display:block;}

	/* セキュリティシール */
	.security {
		width:auto;
		margin:3% 2%;
	}



	/* =========================================================
	
	　Top
	
	========================================================= */

	#top h1 {
		font-size:1.4em;
		margin:5% 0;
		padding:0;
	}
	#top h1 small {margin:1% 0 0;}

	/*summary*/
	#top #summary {margin:0;}
	#top #summary .f-left {
		width:auto;
		font-size:1em;
		line-height:1.5;
	}
	#top #summary .f-right {
		width:auto;
		margin-top:2%;
	}
	#top #summary .f-right table tr th {padding:2%;}
	#top #summary .f-right table tr td {padding:2%;}
	#top #summary .f-right table tr td table tr th {padding:1%;}
	#top #summary .f-right table tr td table tr td {padding:1%;}
	#top #summary .text_en {
		margin-top:2%;
		padding-top:2%;
	}

	#top #summary table {max-width:95%;box-sizing: border-box;}
	#top #summary tr, #top #summary th, #top #summary td {
		display:block;
		width:100%;
	}
	#top #summary th {
		background:#f3f3f3 !important;
		text-align:left;
	}
	#top #summary td {background:#fff !important;}



	/* =========================================================
	
	　カテゴリ一覧
	
	========================================================= */

	#category {margin:0 0 3%;}
	#category li {
		width:29.33%;
		margin:0 2% 4%;
	}
	#category li .thumb {
		width:100%;
		margin-bottom:0;
	}
	#category li .thumb img {
		width:100%;
		height:auto !important;
	}
	#category li .ttl {
		margin:1.5% 0 0;
	}
	#category li .ttl_en {margin:1% 0 0;}



	/* =========================================================
	
	　パンくず
	
	========================================================= */

	#path {
		margin:2% 0;
		padding:2% 5%;
		min-width:0;
	}
	#path ol {width:auto;}
	#path ol li {line-height:1.2em;}



	/* =========================================================
	
	　ご利用案内,交換会トップ,ご入札をご検討の方,ご出品をご検討の方
	
	========================================================= */

	#howto h1, #about h1 {
		font-size:1.5em;
		margin-bottom:2%;
	}
	#howto h2, #about h2 {
		font-size:1.2em;
		margin:2.5% 0 2% 0;
		padding:0.5% 0 0.5% 10px;
	}
	#howto h3, #about h3 {
		margin-bottom:1.5%;
		font-size:1.1em;
	}
	#howto p.summary, #about p.summary {padding-bottom:1.5%;}
	#howto ul li {margin:0.5%x 0;}
	#howto .kome, #about .kome{margin-bottom:0.5%x;}
	#howto ul.anchor, #about ul.anchor {padding-bottom:0.5%;}
	#howto ul.anchor li, #about ul.anchor li {
		padding:0 0 0.5% 20px;
		font-size:1.1em;
	}
	#howto table.tesuryo, #about table.tesuryo {
		width:100%;
		margin:0 0 2% 0;
	}
	#howto table.tesuryo td, #about table.tesuryo td {padding:0.5% 1%;}
	#howto dt, #about dt {
		font-size:1em;
		margin-bottom:0.5%;
	}
	.auction_detail dt {padding:0.5% 0.8%;}
	.auction_detail strong {
		padding:0 0 0.4%;
		margin:2% 0 1%;
	}
	#howto dd, #about dd {margin-bottom:2%;}
	#howto .block-howto, #about .block-howto {margin-bottom:4%;}
	#howto .block-howto .box-01, #about .block-howto .box-01 {margin-right:2%; width:30%;}
	#howto .block-howto .box-01 img, #about .block-howto .box-01 img {width:100%;}
	#howto .block-howto .box-02, #about .block-howto .box-02 {
		float:right;
		width:65%;
	}
	#howto table.tesuryo caption, #about table.tesuryo caption {
		display:block;
		width:100%;
		text-align:left;
		font-weight:bold;
	}
	#howto table.tesuryo th, #about table.tesuryo th {display:none;}
	#howto table.tesuryo col, #about table.tesuryo col {width:auto !important;}
	.bid_input_items td {display:block;}



	/* =========================================================
	
	　作品一覧
	
	========================================================= */

	#search ul.list li {
		width:29.33%;
		margin:0 2% 4%;
		padding:0 0 1%;
	}
	#search ul.list .box_01 a {
		width:100%;
		height:150px;
	}
	#search ul.list .box_02 {margin:1% 0 0;}
	#search h2 {
		font-size:1.2em;
		margin-bottom:1%;
	}
	#search .shiborikomi {
		margin-bottom:3%;
		padding-top:2%;
		width:auto;
	}
	#search .shiborikomi table.block-01 {
		width:auto;
		margin:0 2% 2% 2%;
	}
	#search .shiborikomi table.block-01 tr th {
		padding-right:0;
		display:-moz-inline-box;
		display:inline-block;
		/display:inline;
		/zoom:1;
	}
	#search .shiborikomi table.block-01 tr th p {
		display:block;
		padding:2% 10px;
		width:auto;
	}
	#search .shiborikomi table.block-01 tr td {
		padding:0;
		display:block;
		margin:1% 0;
	}
	#search .shiborikomi h3 {
		margin-left:2%;
	}
	#search .shiborikomi table.block-02 {
		width:auto;
		border-spacing:0 2%;
	}
	#search .shiborikomi table.block-02 tr th {padding:0 1.5% 0 2%;}
	#search .shiborikomi table.block-02 tr td {padding:0 2% 0 1.5%;}
	#search .shiborikomi table.block-02 tr td ul li {
		margin-bottom:0.53%;
		padding-left:1%;
	}
	#search .shiborikomi table.block-02 tr td ul li img {margin-left:0.5%;}

	#search #list table {width:100%;}
	#search #list .artist_name {display:none;}
	#search #list .t-right {display:none;}



	/* =========================================================
	
	　タブ
	
	========================================================= */

	.tab {
		width:auto;
		margin-bottom:2%;
	}
	.tab a {
		background-position:10px center;
		padding:2% 1.5% 2% 35px;
	}



	/* =========================================================
	
	　詳細新デザイン
	
	========================================================= */

	.detail_header {
		padding: 0 0 1.5% 0;
		margin:2%;
	}
	.detail_header p.lot {font-size:1.2em;}
	.detail_header h1.name {
		font-size: 1.4em;
	}
	.detail_header p.en {
		margin:1% 0 0 0;
		font-size:1.1em;
	}
	.detail_header p.category {
		margin:1% 0;
		font-size:1.1em;
	}
	.detail_header p.category span {font-size:1em;}



	/* =========================================================
	
	　ページ送り新デザイン
	
	========================================================= */

	/* エリア */
	.detail_nav {padding:1% 0;}
	.detail_nav div {
		max-width:auto;
		margin:0 2%;
	}



	/* =========================================================
	
	　詳細
	
	========================================================= */

	#detail p.data {padding:2% 0;}
	#detail .image .l {height:300px;}
	#detail #cycle {padding:0 0 3%;}
	#detail #cycle #cycle-slide {width:100%;}
	#detail #cycle #cycle-slide div img {
		width:100%;
		height:auto;
	}
	#detail #cycle #cycle-slide div dd {margin:1% 0 0 0;}
	#detail #cycle #cycle-nav {padding:3% 2%;}
	#detail #cycle #cycle-nav div {
		width:20%;
		margin:2% 2% 0;
		padding:0;
	}
	#detail #cycle #cycle-nav div a {
		width:100%;
		height:auto;
		background:#ccc;
	}
	#detail #cycle #cycle-nav div a img {
		width:100%;
		border:none;
		padding:0;
	}

	#detail #cycle #cycle-nav div a:hover img,
	#detail #cycle #cycle-nav div.activeSlide a img {
		border:none;
		padding:0;
		opacity:0.6;
	}

	#detail #cycle p.hosoku {font-size:1em;}
	#detail .hosoku, #detail .artist {padding:3% 0;}
	#detail .hosoku h2, #detail .artist h2 {font-size:1.1em;}



	/* =========================================================
	
	　入札
	
	========================================================= */

	#bid h1 {
		font-size:1.5em;
		margin-bottom:2%;
	}
	#bid h2 {
		font-size:1.2em;
		margin:2.5% 0 2% 0;
		padding:0.5% 0 0.5% 10px;
	}
	#bid table.title {margin-bottom:1%;}
	#bid table.title th {padding:0 1%;}
	#bid table.bid {margin-bottom:1%;}
	#bid table.bid th {padding:1%;}
	#bid table.bid td {padding:1%;}
	#bid table.bid td.error p {
		padding:1%;
		margin:0 0 2% 0;
	}
	#bid table.bid td.error p:after {
		bottom: -1%;
		margin: 0 0 0 -1%;
	}
	#bid table.bid td.box-01{ width: 230px;}
	#bid table.bid td.box-02{ text-align: center;}
	#bid table.bid td.box-03{ white-space: nowrap; text-align: center;}
	#bid table.bid td.box-03 input.txt{ font-size:1.17em; margin:0 0 0 5px; width: 70px; text-align: right;}
	#bid table.bid td.box-04{ text-align: center; width: 3.5em;}
	.bid_breadcrumbs {padding:0 0 2%;;}
	.bid_breadcrumbs img {
		width:22%;
		margin:0 0.5% 0 0;
	}
	#form .local.f-right {display:none;}


	/* エラーチェック用 */
	#bid .change {
		padding:0;
	}
	#bid .title_error {margin-bottom:10%;}



	/* =========================================================
	
	　送信フォーム
	
	========================================================= */

	#contact {margin:2% 2% 0;}
	#contact h1 {
		font-size:1.5em;
		margin-bottom:2%;
		width:auto;
	}
	#contact h2 {
		font-size:1.2em;
		margin: 0 auto 2%;
		padding:0.5% 0 0.5% 10px;
		width:auto;
	}

	#contact p.summary {
		width:auto;
		margin:0 auto 0.5%;
	}
	#contact table.title {
		width:auto;
		margin: 0 auto 0.1%;
	}
	#contact table.title th {padding:0 0.1%;}
	#contact table.bid { 
		width:100%;
		margin:0 auto 0.25%;
	}
	#contact table.bid th, #contact table.bid td {
		display:block;
		padding:1%;
	}
	#contact table.table-01 {
		width:100%;
		margin-bottom:4%;
		border-collapse:collapse;
		border-spacing:0;
	}
	#contact table.table-01 th, #contact table.table-01 td {
		display:block;
		width:auto;
		padding:1%;
	}
	#contact table.table-02 {width:100%;}
	#contact table.table-02 td {
		display:table-cell;
		padding:0 0 0 30px;
	}
	#contact table.table-03 {
		width:auto;
		margin:0 auto;
		text-align: center;
		margin-bottom:3%;
	}
	#contact table.table-03 input.bid{padding:1% 5%;}
	#contact table.table-01 .input_name input {width:40% !important;}
	#contact table.table-01 .input_mail input {width:90% !important;}
	#contact table.table-01 .input_company input {width:90% !important;}
	#contact table.table-01 .input_address>input {width:90% !important;}



	/* =========================================================
	
	　サンクスページ	
	
	========================================================= */

	#contact.thanks .block-01 {
		width:auto;
		margin: 0 auto 4%;
		padding:3% 6%;
	}
	#contact.thanks .block-02 {
		padding:1%;
		width:auto;
		margin:0 auto 4%;
	}



	/* =========================================================
	
	　終了のお知らせ
	
	========================================================= */

	#end {
		padding:0;
		margin:2% 2% 0;
	}
	#end h1 {
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
		font-size:1.5em;
		margin-bottom:2%;
	}
	#end h2 {
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
		font-size:1.2em;
		background:url(../img/cmn/line_01.gif) no-repeat left center;
		margin:3% 0 2%;
		padding:5px 0 5px 10px;
	}

	#end p {
		font-size:1em!important;
		margin-bottom:2%;
	}
	#end p+h2 {margin-top:4%;}
	#end .btn-lng a {font-size:1em;}
}

/*===============================================
画面の横幅が768pxまで(2019.06.05追記)
===============================================*/
@media screen and (max-width:768px){
	#header{
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		height: 70vw;
	}
	#header .wrap{
		width: 100%;
		box-sizing: border-box;
		padding: 30vw 30px 0 30px;
	}
	#header .wrap p.logo{
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 8vw auto;
	}
	#header .wrap p.logo img{
		width: 100%;
		box-sizing: border-box;
	}

	.e404 #howto h2{
		font-size: 4.5vw;
		margin: 2.5% 0 2% 3px;
		padding: 0.5% 0 0.5% 10px;
		background: none;
		border-left: 3px solid #adadad;
		line-height: 1.3;
	}
	.e404 #howto h1{
		font-size: 5.3vw;
		line-height: 1.3;
	}
}