@charset "utf-8";
/*	main:	#B33737		*/
/*	Xmain:	#6A6A3E		*/
/*	second:	#E3ECC8		*/
/*	text:	#006531		*/
/*	border:	#B33737		*/

/***********************************************/
/* Header                                      */
/***********************************************/

#navi .nl {
	border-bottom: 5px solid #B33737;	
}

#navi .nl li.active {
	background-position: left -242px;
}
#navi .nl li.active a {
	background-position: right -242px;
}

#breadcrumb .path li.bold {
	color: #006531;
}

/***********************************************/
/* footer                                     */
/***********************************************/
#footer {
	border-top: 3px solid #B33737;
}

/***********************************************/
/* side                                        */
/***********************************************/

/*
.sideBox .area, .sideBox .cat {
	background: #B33737;
	background: -webkit-gradient(linear, left top, left bottom, from(#B33737), to(#27B180));
	background: -webkit-linear-gradient(#B33737, #27B180);
	background: linear-gradient(#B33737, #27B180);	
	border: 1px solid #B33737;
}
*/
.sideBox {
	position: relative;
}


.sideBox li.selected a {
	background-color: #f6f6f6;
	font-weight: bolder;
	color: #444;
}

.sideBox li.selected a:before {
	position: relative;
  	font: 11px 'FontAwesome';
	content: "\f0a9";
  	color: #B33737;	
  	padding-right: 5px;
}

/*
#areaBox .title {
	background: #f29418;
	background: -webkit-gradient(linear, left top, left bottom, from(#f29418), to(#db7c00));
	background: -webkit-linear-gradient(#f29418, #db7c00);
	background: linear-gradient(#f29418, #db7c00);
	border: 1px solid #db7c00;
}
*/

#catBox {
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
	font-size: 80%;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

#catBox .title {
	font-size: 100%;
	padding: 5px 0px;
	/*
	background: #18BD9C;
	background: -webkit-gradient(linear, left top, left bottom, from(#18BD9C), to(#15a487));
	background: -webkit-linear-gradient(#18BD9C, #15a487);
	background: linear-gradient(#18BD9C, #15a487);
	border: 1px solid #15a487;
	*/
	background: #737373;
	background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#595959));
	background: -webkit-linear-gradient(#737373, #595959);
	background: linear-gradient(#737373, #595959);
	border: 1px solid #6666;	
	text-align: center;
	font-weight: normal;
	color: #FFF;
	border-radius: 4px 4px 0px 0px;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
}
#catBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#catBox ul li{
	padding-bottom: 5px;
	border-right: 1px solid #ccccba;
	border-left: 1px solid #ccccba;
	border-top: 1px solid #ccccba;	
}

#catBox li.selected {
	background-color: #f6f6f6;
}

#catBox li a {
	display: block;
	padding: 5px 10px;

}

#catBox li a:hover,
#catBox li.selected a:hover {
	color: #444;
	background-color: #eef;
	text-decoration: none;
}

#catBox li a.selected {
	color: #444;
	font-weight: bolder;
}

#catBox li a.selected:before {
	position: relative;
  	font: 11px 'FontAwesome';
	content: "\f0a9";
  	color: #B33737;	
  	padding-right: 5px;
}


#catBox li ul.subList li {
	border: none;
	padding-bottom: 0;
}
	

#catBox li ul.subList li a {
	border-top: none;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 2px;
}

#catBox li ul.subList li a:before {
	position: relative;
	top: -2px;
	left: 7px;
  	font: 11px 'FontAwesome';
  	content: "\f0da";
  	color: #ccc;
  	padding-right: 13px;
}

#catBox li ul.subList li a.selected:before {
	content: "\f0a9";
  	color: #B33737;	
}

#catBox li ul.subList li a:before {
	
}
.sZZ {
	background-color: #eee; 
	background: -moz-linear-gradient(top,#FFECEC 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFECEC), to(#fff));
	background: linear-gradient(#eee, #fff);	
}

.sAC {
	background-color: #FFECEC; 
	background: -moz-linear-gradient(top,#FFECEC 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFECEC), to(#fff));
	background: linear-gradient(#FFECEC, #fff);	
}
.sSL {	
	background-color: #ECFFEC; 
	background: -moz-linear-gradient(top,#ECFFEC 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECFFEC), to(#fff));
	background: linear-gradient(#ECFFEC, #fff);	
}
.sWO { 	
	background-color: #ECECFF; 
	background: -moz-linear-gradient(top,ECECFF 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECECFF), to(#fff));
	background: linear-gradient(#ECECFF, #fff);		
}
.sTE { 	
	background-color: #FFFFEC; 
	background: -moz-linear-gradient(top,#FFFFEC 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFEC), to(#fff));
	background: linear-gradient(#FFFFEC, #fff);	
}
.sES { 	
	background-color: #ECFFFF;
	background: -moz-linear-gradient(top,#ECFFFF 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECFFFF), to(#fff));
	background: linear-gradient(#ECFFFF, #fff);		
}
.sFI { 	
	background-color: #FFECFF; 
	background: -moz-linear-gradient(top,#FFECFF 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFECFF), to(#fff));
	background: linear-gradient(#FFECFF, #fff);	
}

#keyword {
	width: 95%;
}

#classified input[type="submit"] {
	margin-top: 5px;
	
}


.aZZ {
	background-color: #666;
}
.aTO {
	background-color: #393;
}

.aVA {
	background-color: #039;
}

.aVI {
	background-color: #933;
}

.aCA {
	background-color: #c60;
}

.aBA {
	background-color: #c06;
}

.aMO {
	background-color: #60c;
}

.aYY {
	background-color: #ddd;
	color: #444;
}



.sideBox input {
	border: 1px solid #ccc;
	padding: 2px;
	vertical-align: middle;
}



#pdArea, #pdCat {
	display: none;
}



/***********************************************/
/* Title                                        */
/***********************************************/
h1 {
	color: #fff;
	font-size: 110%;
	text-align: left;
	background: url(/image/em/classified/bg.png) no-repeat left -32px;
	height: 30px;
	margin: 0 auto;
	padding-top: 16px;
	padding-left: 28px;
	line-height: 1;	
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
	margin-bottom: 15px;
}



/***********************************************/
/* Main Contents                                */
/***********************************************/


.adTop {
	clear: both;
	margin: 0;
}

.borderT3 {
	border-top: 3px solid #B33737;
}

.borderB3 {
	border-bottom: 3px solid #B33737;	
}

#mainColumn .adBottom {
	margin: 0;
	margin-bottom: 10px;
}

#mainColumn .alignR {
	padding-right:10px;	
}

#mainColumn table {
	padding: 0;
}

#mainColumn td.left {
	width: 580px;
	padding: 10px;
	vertical-align: top;
}
	
#mainColumn td.right {
	padding: 10px  10px  10px 0;
	width: 230px;
	vertical-align: top;
	line-height: 2;
}



.arrow {
	font-weight: bolder;
	background: url(/image/em/bbs/arrow.gif) no-repeat left 2px;
	padding-left: 20px;
}


.notice, .notice2 {
	font-size: 70%;
	color: #999;
	line-height: 1.5;
}

.bAC { 	background-color: #FFECEC; }
.bSL {	background-color: #ECFFEC; }
.bWO { 	background-color: #ECECFF; }
.bTE { 	background-color: #FFFFEC; }
.bES { 	background-color: #ECFFFF; }
.bFI { 	background-color: #FFECFF; }

/***********************************************/
/* Table                                       */
/***********************************************/

.mainList {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
	background-image: -webkit-linear-gradient(#FFF, #eee);
	background-image: linear-gradient(#FFF, #eee);
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	clear: both;
}

.mainList .photo {
	float: right;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-left: 5px;
}

.mainList .top {
	margin: 0;
	margin-right: 100px;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
}
.subCat {
	color:	#444;
	font-size: 11px;	
}

.mainList .user {
	margin: 0;
	padding: 0;
	color:	#444;
	font-size: 13px;
	float: right;
	display: inline-block;
	width: auto;
}

.mainList .user:before {
	position: relative;
	top: 0px;
	right: 5px;
  	content: "by";
  	color: #ccc;
  	font-size: 12px;
}

.mainList p {
	display: block;
	font-size: 13px;
	border-radius: 5px;
	padding: 0;
	margin: 0px;
	margin-top: 5px;
	margin-right: 100px;
}

.mainList .bottom {
	padding: 0;
	margin: 0px;
	margin-top: 5px;
	margin-right: 100px;	
}

.mainList .bottom a {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: linear-gradient(#fff, #eee);	
	border: 1px solid #DDD;
	color:#111;
	width: 80px;
	padding: 3px;
	font-size: 12px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

.mainList .bottom a:hover {
	background: -moz-linear-gradient(top,#eee 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: linear-gradient(#eee, #fff);
	text-decoration: none;	
}

.mainList .bottom a:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 12px 'FontAwesome';
  	content: "\f061";
  	color: #B33737;
  	padding-left: 5px;	
}

.mainList a.noMob {
	display: block;
}

.mainList a.mob {
	display: none;
}

#item {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #999;
	padding: 10px 15px;
	margin: 15px 0;
	-webkit-box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	font-size: 14px;
	overflow: auto;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
	background-image: -webkit-linear-gradient(#FFF, #eee);
	background-image: linear-gradient(#FFF, #eee);
	
}

#item .top {
	margin-bottom: 10px;
}

#item .middle {
	padding: 0;
	margin: 0;
}

#item .middle p {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 10px;
	background-color: white;
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFe), to(#ffd));
	background-image: -webkit-linear-gradient(#FFe, #ffd);
	background-image: linear-gradient(#FFe, #ffd);
	/*
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	*/
}

.withPic {
	margin-left: 265px;	
}

#item img {
	float: left;
	background-color: #fff;	
/*	padding: 5px; */
	border: 1px solid #ccc;	
	margin-right: 10px;
}



#item .place {
	color: #aaa;
}

#item .number {
	margin: 0;
	padding: 0;
	color:	#B33737;
	font-size: 13px;
	float: right;
	display: inline-block;
	width: auto;
}

#item dl {
	padding-left: 5px;
	width: auto;
}

#item dt {
	float: left;
	width: 5.5em;
}

#item dt:before {
	position: relative;
	top:  0;

  	font: 14px 'FontAwesome';
  	color: #B33737;
}

#item dt.user:before {
	right: 1px;	
  	padding-right: 7px;	
  	content: "\f007";
}

#item dt.contact:before {
	right: 2px;	
  	padding-right: 4px;	
  	content: "\f0e0";
}

#item dt.update:before {
	right: 2px;	
  	padding-right: 4px;	
  	content: "\f044";
}

#item span.phone {
}
#item span.phone:before {
	position: relative;
  	font: 13px 'FontAwesome';
	content: "\f098";
  	color: #B33737;	
  	padding-right: 5px;		
}


#item dd {
	margin-left: 75px;
}

#item ul {
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

#admin {
	margin-top: 30px;
	background-color: #f0f0f0;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	padding-left: 45px;
	position: relative;
}

#admin:before {
	position: absolute;
	left: 5px;
	content: "管理：　";
  	color: #666;	
}

#admin form {
	display: inline;
}

#itemTitle {
	
}


#itemTitle h2 {
	line-height: 1.5;
	padding: 5px 0;
	margin: 0;
	margin-bottom: 4px;
	border-bottom: 2px solid #096;
}	


span.icn {
	font-size: 11px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0;
	margin-right: 5px;
	width: 80px;
	display: inline-block;
	text-align: center;
}

#detail {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	margin: 15px 0;
	-webkit-box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	font-size: 14px;	
}

#detail .title {
	border-left: 3px solid #B33737;
	border-bottom: 1px dotted #999; 
/*	
box-shadow:rgba(102, 102, 102, 0.0392157) 0px 4px 0px 0px;
-webkit-box-shadow:rgba(102, 102, 102, 0.0392157) 0px 4px 0px 0px;
-moz-box-shadow:rgba(102, 102, 102, 0.0392157) 0px 4px 0px 0px;	
*/
	font-weight: bold;
	color: #333;
	font-size: 14px;
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
		
}


span.author{
	font-weight: normal;
  	padding-left: 10px;
  	margin: 0;
  	
}


span.author:before {
	position: relative;
	top: 0px;
	right: 8px;
	font: 16px 'FontAwesome'; 
  	content: "\f007";
  	color: #aaa;
  	font-size: 12px;
}


span.time{
	width: 130px;
	display: block;
	text-align: right;
	font-size: 12px;
	color: #aaa;
	float: right;
}

div.contact {
	/*border-top: 1px solid #eee; */
}

/***********************************************/
/* Register                                    */
/***********************************************/
#typeF p, #typeP p, #typeS p, #typeB p{
	margin: 10px;
	margin-top: 5px;
}

#typeF label.bg, #typeP label.bg, #typeS label.bg, #typeB label.bg {
	display: block;
	background-color: #eee;
}

#typeF label input, #typeP label input, #typeB label input {
	margin-bottom: 2px;	
}

#ad_msg　{
	margin-left: 10px;
}

.emailTitle {
	margin-bottom: 5px;
}

.phoneTitle {
	border-top: 1px dotted #ccc;
	margin-bottom: 5px;
	padding-top: 3px;
}

.emailTitle:before {
	position: relative;
  	font: 11px 'FontAwesome';
	content: "\f0e0";
  	color: #B33737;	
  	padding-right: 5px;	
}

.phoneTitle:before {
	position: relative;
  	font: 13px 'FontAwesome';
	content: "\f098";
  	color: #B33737;	
  	padding-right: 5px;		
}


/***********************************************/
/* Payment                                     */
/***********************************************/

.stepTitle {
	background-color: #eee;
	color: #c60;
	font-weight: bold;
	border-radius: 5px;
	clear: both;
}

.step {
	font-size: 14px;
	vertical-align: top;
	margin: 10px 0;
}

.step img {
	border: 1px solid #ccc;
	float: right;
	margin-left: 5px;
	margin-bottom: 10px;
}



/***********************************************/
/* TABLE                                      */
/***********************************************/

.gtable {
	font-size: 80%;
	border-collapse: collapse;
	width: 100%;
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	margin-bottom: 15px;
			
}

.gtable td {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #f9f9f9;
}

.gtable th {
	border: 1px solid #ccc;
	padding: 5px;	
	background-color: #eee;
	color: #444;
	text-align: center;
	font-weight: normal;
}

.gtable td.stitle {
	background-color: #f6f6f6;
}

.gtable input {
	border: 1px solid #ccc;
	padding: 2px;
	vertical-align: middle;
}

.gtable select {
	border: 1px solid #ccc;
}

.gtable textarea {
	border: 1px solid #ccc;
}

/***********************************************/
/* top of the table                            */
/***********************************************/

#pager-top {
	font-size: 80%;
	color: #666;
	padding: 0;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-left: 150px;
}


#form-btn {
	float: right;
	width: 150px;
	font-size: 13px;
	margin-bottom: 10px;
}
#form-btn a {
	border: 1px solid #900;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	color: #fff;
	line-height: 35px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	padding: 5px 42px;
}
#form-btn a:hover {
	border: 1px solid #900;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #cf0404 0%, #ff3019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cf0404 0%,#ff3019 100%); /* W3C */
	text-decoration: none;
}
#form-btn a:active {
	background: #ff3019;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #ccc;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

#form-btn a:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 14px 'FontAwesome';
  	content: "\f061";
  	color: #fff;
}

/***********************************************/
/* General                                     */
/***********************************************/

.colorMain {	color: #B33737; }
.colorText {	color: #006531; }


/* ========================================================================
タブレット用設定
---------------------------------------------------------------------------*/
@media (max-width:767px){

#leftColumn {
	width: 100%;
	padding: 0;
}

#areaBox {
	width: 49%;
	float: left;
}

#catBox {
	width: 49%;
	float: right;
}

#searchBox {
	width: 49%;
	float: left;
}

#adSide {
	clear: both;
	width: 100%;
}
.mainList {
	position: relative;
}

.mainList .top {
	margin-right: 0;
}

.mainList .user {
	min-width: 60%;
	float: left;
	margin: 5px 0 0 5px;
}

.mainList p {
	display: block;
	margin-top: 25px;
}
.mainList .top, .mainList .bottom,  .mainList p{
	margin-right: 100px;	
}

.notice {
	margin-top: 60px;
}

.adTop {
	height: auto;
}

.adTop iframe {
	margin: 0 auto 0 0;
}

#pager-top {
	padding: 5px 0;
}


#form-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 360px 6px auto 325px;	
	width: 150px;
	display: block;
}


#pdArea, #pdCat {
	display: block;
	width: 150px;
	z-index: 5;
	border-top: 1px solid #ccc;
	height: 25px;
	float: left;
	position: relative;
}
#pdArea {
	margin-right: 10px;
}
div.chevron-d{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 7;
}

#pdArea li, #pdCat  li {
	display: none;
	height: 32px;	
}

#pdArea li.selected, #pdCat li.selected {
	display: block;
}


.step img {
	width: 50%;
}

#admin .expire {
	display: block;
}

}

/* ========================================================================
モバイル用設定
---------------------------------------------------------------------------*/
@media (max-width : 499px){
	
#mainList ul li div.r {
	display: none;	
}
	
h1 {
	padding-top: 18px;	
	font-size: 95%;	
}

#form-btn {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 404px 6px auto 6px;	
	width: 140px;
	display: block;
	height: 30px;
	padding: 0;
}
#form-btn a {
	padding: 5px 37px;
}

.notice {
	margin-top: 100px;
}

#pager-top {
	border-top: 1px dotted #ccc;
	margin-top: 5px;
	padding: 5px 0;
}
.mainList {
	position: relative;
}

.mainList a.noMob {
	display: none;
}

.mainList a.mob {
	display: block;
}

.mainList .subCat {
	font-size: 10px;
}
.mainList .photo {
	position: static;
	width: 70px;
	height: 70px;
}

.mainList .top, .mainList .bottom {
	margin-right: 0;
}

.mainList p {
	overflow: auto;
	margin-right: 0;
}


#pdArea, #pdCat {
	width: 140px;	
}

.stepImg {
	width: 100%;
}
.step img {
	width: 100%;
}

#item img {
	width: 100%;
	margin-bottom: 15px;	
}

.withPic {
	clear: both;
	margin-left: 0;
}

#admin form {
	display: block;
}

#cat {
	font-size: 12px;
}

}