@charset "UTF-8";
#main {
	padding-top:40px;
	padding-bottom:40px;
}
/*screen*/
#screen {
	height:180px;
	margin:0 auto;
	background-color:#556f87;
	text-align:center;
}
#pg_c_market #screen {
	background-color:#877f55;
}
#pg_j_market #screen {
	background-color:#5874ad;
}
#pg_support #screen {
	background-color:#875555;
}
#screen h1 {
	display:inline-block;
	text-align:left;
	color:#FFF;
	font-size:28px;
	line-height:28px;
	padding-left:55px;
	margin-top:60px;
	position:relative;
}
#screen h1::before {
	content:'';
	width:45px;
	height:45px;
	position:absolute;
	left:0;
	top:-5px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#screen h1 span.up {
	display:block;
	font-size:14px;
	margin-right:0;
	line-height:16px;
	margin-top:6px;
	text-align:center;
}
#screen h1 span.lw {
	display:block;
	width:160px;
	box-sizing:border-box;
	font-size:12px;
/*	margin-right:15px;*/
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	line-height:14px;
	background-color:#FFF;
	color:#556f87;
	border-radius:4px;
	padding:2px 0;
	text-align:center;
}
#pg_guide #screen h1::before {background-position:-2px -132px;}
#pg_support #screen h1::before {background-position:-134px -132px;}
#pg_contact #screen h1::before {background-position:-176px -132px;}
#pg_c_market #screen h1::before {background-position:-43px -132px;}
#pg_j_market #screen h1::before {background-position:-86px -132px;}
#pg_err #screen h1::before {background-position:-45px -83px;}


/*guide*/
#pg_guide #content {
	max-width:100%;
}
#pg_guide #content > .bone > section {
	margin-bottom:70px;
}
#pg_guide #content > .bone section > p{
	padding-right:90px;
	margin-bottom:2em;
}
#guide_whatis .box {
	border:1px solid #d1d1d1;
	padding:30px 50px;
	margin:0 auto 30px;
	border-radius:3px;
}
#guide_whatis .box figure {
	margin-bottom:8px;
}
#guide_whatis .box figure img {
	width:100%;
	height:auto;
}
#guide_whatis .box p.url {
	font-size:9px;
	color:#c0cccd;
	padding-left:30px;
	margin:5px 0 10px;
}
#guide_whatis .box p.url a{
	font-size:9px;
	color:#c0cccd;
	text-decoration:none;
}
#guide_sigoto {
	background:url(../img/bg_guide.jpg) no-repeat center 40px;
	min-height:460px;
	margin-bottom:60px;
}
#guide_sigoto .flex div {
	width:50%;
	text-align:center;
}
#guide_sigoto .st5 {
	display:inline-block;
	width:80%;
	margin-top:300px;
}
#guide_sigoto .st5 .sp2 {
	font-size:12px;
}
#guide_sigoto .st5 a {
	color:#FFF;
}
#guide_about .base {
	padding:0 20px;
}
#guide_about .box {
	width:30%;
	height:326px;
	border:1px solid #d1d1d1;
	border-radius:4px;
	position:relative;
	box-sizing:border-box;
	float:left;
	margin-right:5%;
	margin-bottom:30px;
}
#guide_about .box:nth-child(3n) {
	margin-right:0;
}
#guide_about .box figure{
	width:100%;
	height:170px;
	overflow:hidden;
	border-radius:3px 3px 0 0;
}
#guide_about .box figure img {
	width:105%;
	height:auto;
}
#guide_about .box p {
	height:70px;
	padding:0 10px;
	margin:10px 0 0;
}
#guide_about a.btn {
	margin:0 10px;
}
#guide_about .num {
	position:absolute;
	left:-15px;
	top:-15px;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#e6c16a;
	color:#FFF;
	text-align:center;
	font-size:28px;
}
#guide_vision .box {
	border:1px solid #d1d1d1;
	padding:30px 50px;
	margin:0 auto 30px;
	border-radius:3px;
}
#guide_vision .box figure {
	margin-bottom:8px;
}
#guide_vision .box figure img {
	width:100%;
	height:auto;
}
#guide_vision .box p {
	margin-bottom:20px;
}
a.btn {
	border-radius:4px;
	background: linear-gradient(#fefefe, #dedede);
	color:#111;
	border:1px solid #d1d1d1;
	display:block;

	padding:8px 0;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	position:relative;
	cursor:pointer;
}
a.btn span{
	display:block;
	width:150px;
	border:0 none;
	background-color:#fcfcfc;
	border-radius:4px;
	font-size:10px;
	margin:2px auto;
}
a.btn::after {
	display:inline-block;
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #d1d1d1;
	border-left:2px solid #d1d1d1;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-5px;
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
a.btn3 {color:#FFF;}
a.btn:hover {background: rgba(0, 0, 0, 0) linear-gradient(#f6f3f3, #d1cfcf) repeat scroll 0 0;}
a.btn2 {background: linear-gradient(#9DA8A4, #859992) #9DA8A4;}
a.btn2:hover {background: linear-gradient(#859992, #708a81) #708a81;}
a.btn3 {background: linear-gradient(#DCBD5F, #cbad51) #cbad51;}
a.btn3:hover {background: linear-gradient(#cbad51, #bb9d43) #bb9d43;}
a.btn3::after {
	border-top:2px solid #FFF;
	border-left:2px solid #FFF;
}
.btn_s {
	width:300px;
}
a.btn_s2 {
	display:inline-block;
	border:1px solid #5fc3f1;
	padding:6px 12px;
	border-radius:3px;
	color:#FFF;
	text-decoration:none;
	text-shadow:0 0 2px #347b9c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d4ff), color-stop(1, #5fc3f1));
	background:-moz-linear-gradient(top, #77d4ff; 5%, #5fc3f1 100%);
	background:-webkit-linear-gradient(top, #77d4ff 5%, #5fc3f1 100%);
	background:-o-linear-gradient(top, #77d4ff 5%, #5fc3f1 100%);
	background:-ms-linear-gradient(top, #77d4ff 5%, #5fc3f1 100%);
	background:linear-gradient(to bottom, #77d4ff 5%, #5fc3f1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d4ff', endColorstr='#5fc3f1',GradientType=0);
}

#pg_support #content > .bone > section {
	margin-bottom:40px;
}
#pg_support #content > .bone > section p {
	margin-bottom:20px;
}
#pg_support #content > .bone > section#support_flow p {
	margin-bottom:0;
}
#support_flow .box {
	border:1px solid #d1d1d1;
	border-radius:4px;
	padding:30px 40px 25px 25px;
	position:relative;
	margin-left:20px;
	margin-top:80px;
}
#support_flow .box::after {
	content:'';
	width:121px;
	height:51px;
	background:url(../img/arw2.png) no-repeat;
	position:absolute;
	left:50%;
	bottom:-51px;
	margin-left:-60px;
}
#support_flow .box:last-child::after {
	display:none;
}
#support_flow .box h3 {
	position:absolute;
	left:-20px;
	top:-50px;
	background-color:#658097;
	color:#FFF;
	font-size:18px;
	width:140px;
	border-radius:4px;
	text-align:center;
	padding:6px 0;
}
#support_flow .box h3 span::after{
	content: "";
	height:0;
	width:0;
	display:block;
	border: 5px solid transparent;
	border-top-color: #556f87;
	position: absolute;
	bottom: -10px;
	left:50%;
	margin-left:-6px;
	z-index:50;
}
#support_flow .box h4 {
	margin-bottom:10px;
}
#support_flow .box p {
	padding-left:30px;
}

/*contact*/
.box_anti {
	display:none;
}
/*contents_market*/
#base_c_top {
	margin-top:40px;
}
#base_c_top .box {
	display:block;
	width:49%;
	max-width:470px;
	position:relative;
}

#base_c_top .box .inr{
	border:1px solid #d1d1d1;
	border-radius:0 0 4px 4px;
	padding:15px;
}
#base_c_top .box h2{
	border-radius:4px 4px 0 0;
	overflow:hidden;
}
#base_c_top .box .btn {
	margin-top:30px;
	padding-top:15px;
	padding-bottom:15px;
}
#base_c_top .box .ic{
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:20;
}

/*market*/
#base_mailauth {
	max-width:450px;
	padding:35px 25px;
	margin:20px auto 40px;
	border:1px solid #d1d1d1;
	border-radius:4px;
	text-align:center;
	box-sizing:border-box;
}
#base_mailauth dl input {
	width:100%;
	height:40px;
	margin-bottom:20px;
	box-sizing:border-box;
	font-size:16px;
}
#base_mailauth dt {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#7e7e7e;
}
#base_mailauth .btn_area input {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fefefe), color-stop(1, #dedede));
	background:-moz-linear-gradient(top, #fefefe 5%, #dedede 100%);
	background:-webkit-linear-gradient(top, #fefefe 5%, #dedede 100%);
	background:-o-linear-gradient(top, #fefefe 5%, #dedede 100%);
	background:-ms-linear-gradient(top, #fefefe 5%, #dedede 100%);
	background:linear-gradient(to bottom, #fefefe 5%, #dedede 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede',GradientType=0);
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	font-size: 18px;
	outline: medium none;
	padding: 8px 10px;
	text-shadow: 0 2px 0 #fff;
	display:block;
	width:100%;
	margin:0 auto;
}
.base_mailauth_lower {
	padding: 15px 30px;
	max-width: 760px;
	margin: 0 auto 20px;
	background-color:#fffef1;
}
.leading_s {
	max-width:760px;
	margin:0 auto;
}
.attention h3 {
	font-size:14px;
	font-weight:bold;
	color:#cc3300;
}
.attention ul {
	padding:15px;
}
#base_form .tb_normal th {
	width:180px;
}
p.notice {
	color:#e28400;
	font-size:14px;
}
.notice_gr {
	color:#333;
	padding:12px;
	background-color:#F0F0F0;
}
.agree_area {
	border:4px solid #d1d1d1;
	margin-top:30px;
	padding:25px;
}
.agree_area dl {
	border-bottom:1px solid #d1d1d1;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:15px;
}
.agree_area dt{
	font-size:16px;
	display:inline-block;
	width:70%;
}
.agree_area dd{
	font-size:16px;
	display:inline-block;
	width:28%;
	vertical-align:top;
}
.agree_area dd label:first-child {
	margin-right:10px;
}
.agree_area .tx {
	font-weight:bold;
	margin-bottom:30px;
}
.agree_area label {
	display:inline-block;
	min-width:160px;
	box-sizing:border-box;
	border:1px solid #d1d1d1;
	border-radius:10px;
	padding:8px 12px;
	background:linear-gradient(#fefefe, #dedede) repeat scroll 0 0;
}
#base_list .box {
	border:1px solid #d1d1d1;
	width:320px;
	width:31%;
	height:420px;
	float:left;
	margin-right:15px;
	margin-right:3%;
	margin-bottom:30px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
}
#base_list .box:nth-child(3n) {
	margin-right:0;
}
#base_list .box h3 {
	font-size:18px;
	font-weight:bold;
	padding:0 10px;
	height:58px;
	overflow:hidden;
}
#base_list .box p.desc {
	padding:0 10px;
	font-size:14px;
	line-height:1.3;
	height:80px;
	overflow:hidden;
}
#base_list .box figure {
	text-align:center;
	background-color:#f5f5f5;
	margin-bottom:5px;
	overflow:hidden;
	padding:16px 0;
}
#base_list .box figure img {
	max-width:160px;
/*
	height:128px;
	width:auto;
*/
}
#base_list .price_info {
	text-align:center;
	border-top:1px solid #d1d1d1;

	width:100%;
	margin:10px auto 20px;
	padding-top:5px;

	text-align: left;
	padding-left:10px;
}
#base_list .box {
	border:1px solid #d1d1d1;
	width:100%;
	height:auto;
	float:none;
	margin-right:0;
	margin-bottom:30px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}
#base_list .box figure{
	width:200px;
	float:left;
	margin-bottom:0;
}
#base_list .box_c {
	padding:15px 10px 15px 210px;
	min-height:220px;
	padding-bottom:85px;
	box-sizing:border-box;
}
#base_list .box h3,
#base_list .box p.title,
#base_list .box p.desc {
	height:auto;
}
#base_list .box h3 {
	font-size:18px;
	margin-bottom:10px;
}
.box .desc {
	margin-bottom:10px;
}

#base_list dl.info {
	display:table;
	border-bottom:1px solid #eee;
	width:100%;
	margin-bottom:8px;
	padding-bottom:8px;
}
#base_list dl.info dt,
#base_list dl.info dd {
	display:table-cell;
	vertical-align:top;
}

#base_list dl.info dt {
	width:60px;
	text-align:center;
}
#base_list dl.info dd {
	font-size:14px;
	text-align:left;
	padding-left:10px;
}
#base_list dl.info dt > span {
	border:1px solid #d1d1d1;
	border-radius:4px;
	padding:2px 9px;
	display:inline-block;
	width:60px;
	font-weight:bold;
	font-size:12px;
	color:#777777;
}
#base_list dl.title dd {
	font-size:24px;
	line-height:1.2;
	font-weight:bold;
}


.leading_link {
	margin:20px 0;
	text-align:right;
}
.leading_link a{
	display:inline-block;
	background-color:#93c3c7;
	color:#FFF;
	padding:8px 32px 8px 32px;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
	position:relative;
}
.leading_link a:hover{
	background-color:#A2D7DB;
}
.leading_link a:after {
	display:inline-block;
	content:'';
	width:6px;
	height:6px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	position:absolute;
	top:50%;
	margin-top:-3px;

}
.leading_link a:after {
	right:15px;
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.price_info dt,
.price_info dd {
	display:inline-block;
}
.price_info .bid_history {
	font-size:18px;
	color:#999;
}
.price_info .label_price {
	font-weight:bold;
	font-size:16px;
}
.price_info .price {
	font-weight:bold;
	font-size:24px;
	color:#cb5201;
}
#base_list .btn_bid{
	cursor:pointer;
	background-color:#cb5201;
	color:#FFF;
	border:0 none;
	border-radius: 4px;
	box-shadow: 0 4px 0 #9c4104;
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
	transition: color 0.3s ease 0s, box-shadow 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
	width:96%;
	max-width:300px;
	margin-left:0;
	margin-bottom:10px;

	text-align:center;
	text-decoration:none;
	position:absolute;
	bottom:10px;
	left:215px;
}
#base_list .btn_read{
	display:inline-block;
	background-color:#00d18c;
	color:#FFF;
	border:0 none;
	border-radius: 80px;
	box-shadow: 0 3px 0 #16956b;
	padding:5px 0;
	margin-right:5px;
	font-size:16px;
	font-weight:bold;
	transition: color 0.3s ease 0s, box-shadow 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
	width:96%;
	max-width:140px;
	text-align:center;
	text-decoration:none;

}
#base_list .endauction_box {
	padding-bottom:30px;
}
#base_list .end_auction {
	position:absolute;
	left:0;
	bottom:0;
	width:96%;
	margin-left:2%;
	margin-bottom:10px;
	    padding:10px 0;
	text-align:center;
	background-color:#e8e7e7;
}
#deicde_bidder {
	text-align:center;
}
#deicde_bidder input {
	cursor:pointer;
	background-color:#cb5201;
	color:#FFF;
	border:0 none;
	border-radius: 4px;
	box-shadow: 0 4px 0 #9c4104;
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
	transition: color 0.3s ease 0s, box-shadow 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
	width:96%;
	max-width:320px;

	text-align:center;
	text-decoration:none;
	margin-top:30px;
	margin-bottom:100px;
    
}
/*history*/
#base_history .box {
	border:1px solid #d1d1d1;
	width:320px;
	float:left;
	margin-right:20px;
	margin-bottom:30px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
}
#base_history .box figure {
	text-align:center;
	background-color:#f5f5f5;
	margin-bottom:5px;
	overflow:hidden;
	padding:16px 0;
}
#base_history .box h3 {
	font-size:18px;
	font-weight:bold;
	padding:0 10px;
	height:60px;
	overflow:hidden;
}
#base_history .price_info{
	text-align:center;
}
#base_bidders {
	float:left;
	max-width:650px;
	width:100%;
}
#base_bidders .headding {
	font-weight:bold;
	border-bottom:1px solid #d1d1d1;
	padding-bottom:15px;
	margin-bottom:10px;
}
#base_history .sbox {
	border-bottom:1px solid #d1d1d1;
	margin-bottom:10px;
	padding-bottom:10px;
}
#base_history .sbox .date{
	color:#777;
}
#base_history .sbox .name{
	font-weight:bold;
	font-size:16px;
}
#base_history .sbox .price{
	font-weight:bold;
	color:#cb5201;
}

#base_history .sbox ul {
	display:inline-block;
}
#base_history .sbox .btn {
	display:inline-block;
	width:300px;
	float:right;
}
#base_history .end_auction {
	color:#cb5201;
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	    padding:25px 0;
	text-align:center;
	background-color:#fef6dc;
}

#base_history .sbox .bid_end {
	display:inline-block;
	width:300px;
	float:right;
	text-align:center;
	background-color:#cb5201;
	color:#FFF;
	font-size:18px;
	padding:20px 0;
}

#base_decition_mail .box {
	border:1px solid #d1d1d1;
	max-width:320px;
	margin:0 auto;
}
#base_decition_mail .box figure {
	text-align:center;
	background-color:#f5f5f5;
	margin-bottom:5px;
	overflow:hidden;
	padding:16px 0;
}
#base_decition_mail .box dl {
	padding:8px 15px 8px;
	display:table;
	width:100%;
	box-sizing:border-box;
	border-top:1px solid #eee;
}
#base_decition_mail .box dt {
	border:1px solid #d1d1d1;
	text-align:center;
	width:80px;
	display:table-cell;
	border-radius:6px;
	padding:5px 0;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}
#base_decition_mail .box dd {

	display:table-cell;
	margin:0 0 5px 5px;
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
}
#base_decition_mail .box h3 {
	font-size:18px;
	font-weight:bold;
	padding:0 10px;
	overflow:hidden;
	margin-bottom:20px;
}
.apr {
	margin:20px auto;
	font-size:24px;
	color:#cb5201;
	text-align:center;
}
#base_j_top {
	margin-top:40px;
}
#base_j_top .box {
	display:block;
	position: relative;
	width:49%;
	max-width:470px;
}
#base_j_top .box .inr{
	border:1px solid #d1d1d1;
	border-radius:0 0 4px 4px;
	padding:15px;
}
#base_j_top .box h2{
	border-radius:4px 4px 0 0;
	overflow:hidden;
}
#base_j_top .box .btn {
	margin-top:30px;
	padding-top:15px;
	padding-bottom:15px;
}

#base_j_top .box .ic{
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:20;
}
#base_c_top a.box,
#base_j_top a.box {
	text-decoration:none;
	color:#333;
}
#base_c_top .inr,
#base_j_top .inr {
	min-height:90px;
}
#base_c_top a.box:hover,
#base_j_top a.box:hover {
	background-color:#fffef1;
}
#base_c_top,
#base_j_top {
	padding-bottom:80px;
}
#base_list .btn_entry {
	display:block;
	cursor:pointer;
	background-color:#00b3ff;
	color:#FFF;
	border:0 none;
	border-radius: 4px;
	box-shadow: 0 4px 0 #0f85c4;
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
	transition: color 0.3s ease 0s, box-shadow 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
	width:96%;
	max-width:300px;
	margin:15px auto 10px;


	text-align:center;
	text-decoration:none;

	position:absolute;
	bottom:10px;
	left:210px;

}
#box_msg {
	text-align:center;
	border:6px solid #ddd;
	padding:30px 15px;
	margin:40px 10px;
}
#box_msg p {
	font-size:14px;
}
#box_msg p.err {
	color:#cc3300;
	font-weight:bold;
}
form #flashMessage,
.error-message,
#err_msgMessage,
#doneMessage {
	background-color: #FF9F40;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding: 6px 10px;
	font-size:14px;
}
#box_msg #flashMessage,
#box_msg #err_msgMessage,
#box_msg #doneMessage {
	background-color:#7bd030;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding: 6px 10px;
	font-size:14px;
}

/*pager*/
.pager .total {
	display:block;
	margin-bottom:10px;
}
.pager .prev,
.pager .next {
	display:inline-block;
	width:48%;
	max-width:160px;
}
.pager .prev {
	float:left;
}
.pager .next {
	float:right;
}
.pager .prev a,
.pager .next a{
	display:block;
	width:100%;
	background-color:#93c3c7;
	color:#FFF;
	padding:8px 0;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
	position:relative;
}
.pager .prev a:hover,
.pager .next a:hover{
	background-color:#A2D7DB;
}
.pager .prev a:after,
.pager .next a:after {
	display:inline-block;
	content:'';
	width:6px;
	height:6px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	position:absolute;
	top:50%;
	margin-top:-3px;

}
.pager .prev a:after {
	left:15px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.pager .next a:after {
	right:15px;
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.pager .disabled {
	display:none;
}