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

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

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

#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 #C65400;
}

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

/*
.sideBox .area, .sideBox .cat {
	background: #C65400;
	background: -webkit-gradient(linear, left top, left bottom, from(#C65400), to(#27B180));
	background: -webkit-linear-gradient(#C65400, #27B180);
	background: linear-gradient(#C65400, #27B180);	
	border: 1px solid #C65400;
}
*/
.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: #C65400;	
  	padding-right: 5px;
}



#keyword {
	width: 95%;
}

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


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

.aVA {
	background-color: #039;
}

.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/stay/bg.png) no-repeat left 0px;
	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;
}

h2 {
	padding: 4px;
	margin: 15px 0;
	color: #fff;

	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
	background-color: #EA761D;
	font-size: 16px;
	clear: both;
	margin-top: 15px;
}

h2:before {
	position: relative;
  	font: 16px 'FontAwesome';
	content: "\f054";
  	color: #fdc5aa;	
  	padding-right: 5px;	
}

h3 {
	font-size: 16px;
	padding-left: 5px;
	border-left: 5px solid #EA761D;
	border-bottom: 1px solid #aaa;
	clear: both;
}
p, ol {
	font-size: 15px;
}

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


.adTop {
	clear: both;
	margin: 0;
	margin-bottom: 15px;
}

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

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

#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;
}

.bRR { 	background-color: #FFECEC; }
.bHS {	background-color: #ECECFF; }
.bCD { 	background-color: #FFFFEC; }
.bBB { 	background-color: #ECFFEC; }

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

.mainList {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	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: left;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.mainList .top {
	margin: 0;
	margin-left: 135px;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
}




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

.mainList table {
	margin: 0;
	margin-top: 5px;
	font-size: 13px;
	border-radius: 5px;
	margin-left: 135px;		
}

.mainList table th {
	width: 45px;
}

.mainList table th:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 12px 'FontAwesome';
  	content: "\f0da";
  	color: #000;
  	padding-left: 5px;		
}

.mainList table td {
	padding-right: 20px;	
}

.mainList .bottom {
	padding: 0;
	margin: 0px;
	margin-top: 5px;
	margin-left: 135px;	
}



.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);
	*/
}


#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:	#C65400;
	font-size: 13px;
	float: right;
	display: inline-block;
	width: auto;
}

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

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

#item dt:before {
	position: relative;
	top:  0;
  	font: 14px 'FontAwesome';
  	color: #C65400;
  	padding-right: 5px;
}

#item dt.location:before {
  	content: "\f041";
  	padding-left: 3px; 
  	padding-right: 8px; 	
}

#item dt.money:before {
  	content: "\f0d6";
}

#item dt.payment:before {
  	content: "\f09d";
}

#item dt.contact:before {
  	content: "\f0e0";
}

#item dt.update:before {
  	content: "\f044";
}
#item dt.gender:before {
	content: "\f228";
}
#item dt.phone:before {
	content: "\f098";
  	padding-left: 1px; 
  	padding-right: 7px;	
}
#item dt.mini-stay:before {
	content: "\f073";
}
#item dd {
	margin-left: 90px;
}

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



#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 #C65400;
	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: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;
}

a.btn-arrow {
	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:#069;
	width: auto;
	padding: 4px;
	padding-right: 10px;
	font-size: 13px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

a.btn-arrow: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;	
}

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

/***********************************************/
/* unitMenu                                */
/***********************************************/
#unitMenu {
	list-style-type: none;
	font-size: 14px;
	line-height: 1;
	margin: 0 0 15px 0;
	padding: 0;
}
#unitMenu li {
	float: left;
	padding: 5px 10px;
}

#unitMenu li:before {
	position: relative;
  	font: 11px 'FontAwesome';
	content: "\f0da";
  	color: #ccc;	
  	padding-right: 5px;	
}

#unitMenu li.selected {
	background-color: #eee;
	border-radius: 5px;
}

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

/***********************************************/
/* Map                                         */
/***********************************************/

#canvas_wrapper {
	max-width: 100%;
	min-width: 280px;
	padding: 4px;
	border: 1px solid #CCC;  
	margin: auto;
}
 
#canvas_wrapper img {
	max-width: none;
}
 
#map-canvas {
	height:300px;
	width:100%;
}

/***********************************************/
/* 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;
}

/***********************************************/
/* Availability                                */
/***********************************************/
.available {
	border: 1px solid #CCC;
	border-radius: 6px;	
	padding: 10px;		
	margin-bottom: 15px;	
	overflow: hidden;
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	background-image: url(/image/em/stay/sokuho.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #ffe;
	padding-left: 95px; 
}
.available p {
	font-size: 85%;
	padding: 0px;
	padding-top: 5px;
}

.available p.border {
	padding-bottom: 7px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.available a.room {
	width: 250px;
	padding: 2px 5px;
	margin-right: 10px;
	border: none;
	border-radius: 5px;
	background-color: #bf8300;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1b739), to(#bf8300));
	background-image: -webkit-linear-gradient(#f1b739, #bf8300);
	background-image: linear-gradient(#f1b739, #bf8300);
	-webkit-box-shadow: 1px 2px 5px #ccc;
	box-shadow: 1px 2px 5px #ccc;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.available a.room:hover {
	background-color: #f1b739;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bf8300), to(#f1b739));
	background-image: -webkit-linear-gradient(#bf8300, #f1b739);
	background-image: linear-gradient(#bf8300, #f1b739);
}

/***********************************************/
/* Calendar                                    */
/***********************************************/
div.calendar
{
	display: table;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 12px;
	
}
div.calendar div.box
{
	display: table-cell;
	width: 33%
	border-collapse: collapse;
}

div.calendar .a1 table {
	margin-left: 0;
	margin-right: auto;
}
div.calendar .a2 table{
	margin-left: auto;
	margin-right: auto;
}

div.calendar .a3 table{
	margin-right: 0;
	margin-left: auto;
}



div.calendar div.box table {
	margin-top: 5px;		
    	width: 95%;
}

div.calendar div.box  table th {
    	background: #EEEEEE;
}
div.calendar div.box table th, 
div.calendar div.box table td {
    	border: 1px solid #CCCCCC;
    	text-align: center;
    	padding: 3px;
}

div.calendar div.box table td.un {
	background-color: #fcc;
}

ul.vacancy {
	text-align: right;
	margin-bottom: 0;
}
ul.vacancy li {
	background-image: url(/image/em/stay/available.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 10px 0 30px;
	display: inline;
	font-size: 14px;
}

ul.vacancy li.un {
	background-image: url(/image/em/stay/unavailable.png);
}

strong.point {
	clear: both;
	font-size: 14px;
}

.point {
	margin-right: 5px;
}

.point:before {
	position: relative;
  	font: 14px 'FontAwesome';
	content: "\f0da";
  	color: #000;	
  	padding-right: 5px;
}

.im img{
	vertical-align:middle;
}

/***********************************************/
/* Review                                      */
/***********************************************/

div.review {
	border: 1px solid #CCC;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);
	background-image: linear-gradient(#FFF, #f6f6f6);
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	font-size: 14px;
}

.review p {
	padding: 0px;
	padding-top: 5px;
}
.review h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: none;
	border-bottom: 1px dotted #CCC;
	color: #000;
	margin-bottom: 10px;
	font-size: 16px;
}
.review img {
	vertical-align: middle;
}

/***********************************************/
/* Section 1                             */
/***********************************************/
.pic1 {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

.mTop {
	margin-top: 25px;
}

div.data1 {
	padding: 0px;
	padding-bottom: 10px;
	margin-right: 240px	
}

div.data1 table {
	font-size: 12px;
	font-family: ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	background: #FFF;
	width: 100%;
	margin-bottom: 10px;
}
div.data1 table,
div.data1 table td,
div.data1 table th{
	border: 1px solid #b5b5b5;
}
div.data1 table td,
div.data1 table th{
	padding: 3px;
	line-height: 1.6;
}
div.data1 table th{
	width: 120px;
	text-align: center;
	font-weight: normal;
	background: #eee;
}

div.data1 table th.nw{
	width: auto;
}
div.data1 table td {
	background: #fff;
}


dl.data1 {
	float: right;
	width: 200px;
	margin-left: 10px;
	padding-bottom: 10px;
	margin-right: 0;
	line-height: 1.6;
	font-size: 14px;
	margin: 0;
}

dl.data1 dt {
	font-weight: bolder;
}
dl.data1 dt:before {
	position: relative;
	top: -1px;
  	font: 14px 'FontAwesome';
	content: "\f0da";
  	color: #000;	
  	padding-right: 5px;
}

dl.data1 dd {
	padding-left: 10px;
	margin: 0;
}



/***********************************************/
/* 2 column                                    */
/***********************************************/

div.col2 {
	display: table;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 14px;
}

div.col2 div.box1 {
	display: table-cell;
	width: 50%
}

div.col2 div.box2 {
	display: table-cell;
}


/***********************************************/
/* 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: #C65400; }
.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 p {
	display: block;
}
.mainList .top, .mainList .bottom,  .mainList p{
	margin-left: 135px;	
}

.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 .photo {
	position: static;
	width: 90px;
	height: 90px;
}

.mainList .top  {
	margin-left: 0px;	
}

.mainList table  {
	margin-top: 5px;
	margin-left: 0px;	
}

.mainList table td, .mainList table th {
	padding: 0;
}

.mainList .bottom {
	margin-left: 0;
}

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


.mainList a.noMob {
	display: none;
}
.mainList a.mob {
	display: block;
	float: right;
	margin: 5px 0 5px 5px;
}

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


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

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

#cat {
	font-size: 12px;
}

div.data1 {
	clear: both;
	margin-right: 0;

}

.pic1 {
	float: left;
	margin-left: 0px;
}



div.col2 {
	display: block;
}

div.col2 div.box1 {
	display: block;
	width: 100%
}

div.col2 div.box2 {
	display: block;
}


div.calendar
{
	display: block;
	
}
div.calendar div.box
{
	display: block;
	width: 100%
}

div.calendar div.box table {
    	width: 100%;
}

dl.data1 {
	float: left;
	width: 100%;
}

}