/* オブジェクト
------------------------------------------------*/

ul.side{
	padding:0;
	margin:0 0 10px;
}

ul.side li{
	display:inline-block;
	padding:0;
	margin:0;
}

ul.side li{
	margin:0 0 5px;
}

ul.side.side4 li{
	width:24%;
}

/* オブジェクト
------------------------------------------------*/

ul.objList{
	margin:0 0 30px;
	padding:0;
	list-style:none;
	border-top:1px solid;
}

ul.objList li{
	margin:0;
	padding:10px 0;
	border-bottom:1px solid;
}

ul.objList li a{
	text-decoration:none;
}

ul.objList li a:hover{
	text-decoration:underline;
}

ul.objList li > div:not(.box){
	display:table-cell;
	padding:10px;
	vertical-align:top;
	text-align:center;
}

ul.objList li > div.attentionArea{
	width:auto !important;
	max-width:none !important;
	margin-bottom:5px !important;
}

ul.objList li > div.attentionArea li{
	border:none !important;
}

ul.objList li div.objListInner{
	text-align:left;
}

ul.objList li div:first-child{
	max-width:120px;
}

ul.objList li div:first-child .iconText{
	margin:-10px auto 0;
	white-space:nowrap;
}

ul.objList li div.objListInner .rightTop{
	position:absolute;
	right:5px;
	top:10px;
}

ul.objList li .iconPhoto{
	width:120px;
	height:120px;
}

ul.objList.half li .iconPhoto,ul.objList.side li .iconPhoto,ul.objList.message li .iconPhoto{
	width:60px;
	height:60px;
}

ul.objList li .iconImg.icon-cancel{
	width:12px;
	height:12px;
	margin-top:3px;
}

ul.objList li h2{
	margin:0 0 10px;
	padding:0;
	font-size:16px;
	word-wrap: break-word;
}

ul.objList li h2 a{
	display:block;
}

ul.objList li h3{
	margin:0;
	display:inline;
}

ul.objList li p{
	margin:0 0 5px;
}

ul.objList li span{
	font-size:11px;
	display:block;
	line-height:150%;
}

ul.objList li .iconText{
	display:inline-block;
}

ul.objList li .categoryArea{
	margin:0;
}

ul.objList li .categoryArea span,.detail .iconArea a,.detail .iconArea em{
	background:url(../images/contents/icon/check-circle_on.png) no-repeat 0 50%;
	padding:2px 0 2px 18px;
	background-size:14px auto;
	display:inline-block;
	white-space:nowrap;
	font-weight:normal;
}

/* ハーフ・サイド */

ul.objList.half{
	border:none;
}

ul.objList.half li{
	width:48%;
	display:inline-block;
}

ul.objList.half li h2 a,ul.objList.side li h2 a{
	width:auto;
	white-space:normal;
	font-size:16px;
	line-height:140%;
	overflow:hidden;
}

ul.objList.half li > p,ul.objList.side li > p{
	/*text-align:right;*/
}

ul.objList.half li div.objListInner,ul.objList.side li div.objListInner{
	padding-bottom:0px !important;
}

ul.objList.side li .iconText,ul.objList.half li .iconText{
	font-size:9px !important;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:50px;
	margin:0;
}

ul.objList.half li:nth-child(1),ul.objList.half li:nth-child(2){
	border-top:1px solid;
}

ul.objList.half li:nth-child(2n + 1){
	margin-right:3%;
}

ul.objList li .ellipsis{
	display:block;
	height:48px;
}

/* 査定商品 */

ul.objList.item li h2 span.iconText{
	font-size:12px;
	margin-right:5px;
}

ul.objList.item li div:first-child .iconText strong{
	font-size:16px;
	display:block;
	padding-top:8px;
}

ul.objList.item li div:first-child .iconText{
	font-size:10px;
}

/* メッセージ */

ul.objList.message li .objListContact{
	font-size:11px;
	border-top:1px dotted #CCC;
	padding:10px 5px 0;
	position:relative;
}

ul.objList.message li .objListContact img{
	height:18px;
	width:18px;
	position:absolute;
	top:-9px;
	left:50%;
	margin-left:-9px;
}

ul.objList.message li .objListContact .a{
	display:inline;
}

ul.objList.message li .objListContact span.text{
	display:block;
	height:auto;
	padding:10px 0 0;
}

ul.objList.message li .objListContact span.iconText{
	margin:0 5px 0 0;
}

ul.objList.message li .objListContact span.none{
	display:none;
}

ul.objList.message li div.objListInner{
	position:relative;
	min-width:630px;
}

ul.objList.message li div.objListThumb .iconText{
	margin:-10px -10px 0;
	white-space:nowrap;
	font-size:11px;
}

ul.objList.message li div.objListInner .rightTop .iconText{
	margin:0 5px 0 0;
}

/* メンバー */

ul.objList.user li div.objListInner{
	position:relative;
	width:600px;
}

ul.objList.half.user li div.objListInner{
	width:240px;
}

ul.objList.user.sub{
	position:relative;
}

ul.objList.user.sub li div.objListInner{
	position:inherit;
}

ul.objList.user li .iconImg.operateFavorite{
	margin:0 0 0 5px;
	position:absolute;
	top:-15px;
	right:5px;
	border:none;
	width:25px;
	height:25px;
	background-size:20px auto;
	z-index:1;
	background-color:#FFF;
	border-top:1px solid;
	border-right:1px solid;
	border-left:1px solid;
	border-bottom:2px solid #9d9c98 !important;
}

ul.objList.user.half li .iconImg.operateFavorite{
	right:10px;
}

ul.objList.user.sub li .iconImg.operateFavorite{
	right:10px;
	top:-25px;
}

ul.objList.user li .iconImg.operateFavorite:focus{
	outline:none;
}

ul.objList.user li .ellipsis{
	display:block;
	height:24px;
}

/* ニュース */

ul.objList.news,ul.objList.news li{
	border:none;
}

ul.objList.news .iconText{
	font-size:10px;
	margin:0 10px 0 5px;
	width:80px;
	text-align:center;
}

ul.objList.news .iconText.yet{
	width:auto;
	margin:0 10px 0 -5px;
}

ul.objList.news li strong{
	white-space:nowrap;
}

ul.objList.news li strong,ul.objList.news li a,ul.objList.news li div{
	display:table-cell;
}

ul.objList.news li div{
	padding:0;
}

ul.objList.news li strong{
	white-space:nowrap;
}

/* サムネイル */

ul.thumbList{
	margin:0 -20px 0 0;
	padding:0;
	list-style: none;
	/*height:100%;*/
}

ul.thumbList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.thumbList li{
	width:33%;
	height:250px;
	float:left;
	overflow:hidden;
	z-index:0;
	margin: 0 0 20px;
}

ul.thumbList li.pickup,.ooh ul.thumbList li{
	width:50%;
	height:350px;
}

ul.thumbList li.end{width:34%;}

ul.thumbList li a{
	margin:0 20px 0 0;
	display:block;
	height: 250px;
	position: relative;
-moz-background-size:cover;
background-size:cover;
	background-position: 50% 50%;
}

ul.thumbList li.pickup a,.ooh ul.thumbList li a{height: 350px;}

ul.thumbList li .categoryIcon,ul.thumbList li .price,ul.thumbList li .area{
	position:absolute;
	z-index:99;
	right: 0;
}

ul.thumbList li .categoryIcon{
	top:14px;
	left:0px;
	font-weight: bold;
}

ul.thumbList li .categoryIcon span{
	padding:5px 10px;
	display:inline-block;
	color:#FFF;
}

ul.thumbList li .price{
	top:14px;
	font-size:16px;
	background-color:#FFF;
	color: #000;
	padding: 0 5px 0 0;
	font-weight: bold;
}

ul.thumbList li .price.vacancy{
	background-color:#959595;
	color: #FFF;
	padding:3px 6px;
}

ul.thumbList li .price span{
	background-color:#000;
	color: #FFF;
	display: inline-block;
	padding: 3px 6px;
	margin: 0 5px 0 0;
}

ul.thumbList li .area{
	top:50px;
	font-size:14px;
	color: #FFF;
	right: 4px;
	width: 100%;
	text-align: right;
}

ul.thumbList li .area span{
	display:block;
	padding:0;
	color:#FF0;
}

ul.thumbList li.pickup .area{
	font-size:16px;
}

ul.thumbList li .txt{
	position:absolute;
	left:0;
	bottom:0;
	padding:12px;
	z-index:99;
	overflow: hidden;
	color: #FFF;
	display: block;
	background:#000;
	margin: 0;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
	font-weight: normal;
}

ul.thumbList li .txt h3{
	font-weight:normal;
	color:#FF0;
	font-size: 12px;
	text-overflow: ellipsis;
	margin: 0;
}

ul.thumbList li .txt h3 span{
	font-size:10px;
	color:#FFF;
	padding: 0 4px;
}

/* ノーマル
---------------------------------------------------*/

ul.list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.list li{
	background:url(../images/contents/arrow/m02.png) no-repeat 0 8px;
	padding:0 0 0 14px;
	margin:0;
}

ul.float{
	margin-right:-30px;
}

ul.float:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.float li{
	float:left;
	margin-right:30px;
	white-space:nowrap;
}

/* メニュー
---------------------------------------------------*/

ul.listMenu{
	margin:0;
	padding:0;
	list-style:none;
}

ul.listMenu li{
	padding:0;
	margin:0 0 5px;
}

ul.listMenu li a{
	display:block;
	padding:5px 10px 5px 25px;
	background:url(../images/contents/icon/arrow02_on.png) no-repeat 10px 50%;
	background-size:10px auto;
}

ul.listMenu li a:hover,ul.listMenu li a.on{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#FFF !important;
	background-image:url(../images/contents/icon/arrow02_wh.png);
}

/* フレーム
---------------------------------------------------*/

ul.frameList{
	width:100%;
	margin:0 0 50px;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

ul.frameList.point{
	font-size:18px;
	font-weight:bold;
}

ul.frameList.point li{
	width: 27%;
	padding:2%;
}

ul.frameList .tableImg img{
	width:180px;
	height:auto;
}

ul.frameList li{
	width: 26%;
	padding:3%;
	margin:0 2% 0 0;
	list-style: none;
	margin-bottom: 0px;
	position: relative;
	/* [disabled]border:1px solid #CCC; */
	text-align: left;
	background-color: #f7f7f7;
}

ul.frameList.frame1 li{
	width: 100%;
	margin-right:0px;
	margin-bottom: 20px;
}
ul.frameList.frame2 li{
	width: 42%;
	margin-bottom: 20px;
}
ul.frameList.frame4 li{width: 17%;}

ul.frameList li img{
	width:100%;
	height:auto;
	margin:0 0 10px;
}

ul.frameList li p{
	text-align:left;
}

ul.frameList li h3{
	font-size:20px;
	margin-bottom:5px;
}

ul.frameList li h3 span{
	font-size:14px;
	font-weight:normal;
}

ul.frameList.case li h3 span{
	display:block;
	margin:0;
}

ul.frameList li span{
	font-size:11px;
}

ul.frameList li:last-child{
    margin-right:0px;
}

ul.frameList.catch li h3{
	text-align:center;
	font-size:22px;
}

ul.frameList.catch{
	font-size:14px;
}

ul.frameList.catch li{
	background-color:#EFEFEF;
}

ul.frameList.catch strong{
	font-size:16px;
}

ul.frameList span.icon{
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	overflow:visible;
	width:55px;
	height:55px;
	position:absolute;
}

/* チェック */

ul.frameList.check li{
	position:relative;
	font-weight:bold;
	font-size:18px;
}

ul.frameList.check li div{
	padding-left:60px;
}

ul.frameList.check span.icon{
	left:15px;
	top:50%;
	margin-top:-27px;
}

ul.frameList.check span.icon img{
	width:35px;
	height:auto;
	margin:10px;
}

/* システム */

ul.frameList.system li{
	padding:1%;
	width:30%;
	background-color:transparent;
	text-align:center;
}

ul.frameList.system h3{
	margin-bottom:0px;
}

/* 流れ */

ul.frameList.flow.frame4,
ul.frameList.flow.frame5{
	margin-bottom:20px;
}

ul.frameList.flow.frame4 li,
ul.frameList.flow.frame5 li{
	background-color:transparent;
	width:23%;
	padding:0 1%;
	margin:0;
}

ul.frameList.flow.frame5 li{
	width:18%;
}

/* 選べる利用方法 */

ul.frameList.select li{
	text-align:center;
}

ul.frameList.select li img{
	width:100%;
	max-width:210px;
}

ul.frameList.select li h3{
	text-align:center;
}

ul.frameList.select li div{
	text-align:left;
}

/* 特長 */

ul.frameList.feature h3{
	position:relative;
	padding-left:55px;
}

ul.frameList.feature h3 span.icon{
	left:-10px;
	top:-14px;
}

ul.frameList.feature li img.imgLeft{
	width:200px;
	height:auto;
	margin:0 10px 10px 0;
}

/* お客様の声 */

ul.frameList.voice.frame1 li img.imgLeft{
	width:200px;
	height:auto;
	margin:0 10px 10px 0;
}

/* ステップ */

.frameList.step{
	margin-bottom:0px;
}

.frameList.step h3{
	position:relative;
	padding-left:45px;
}

.frameList.step h3 span.icon{
	left:-20px;
}

/* 査定事例 */

ul.frameList.case{
	margin-bottom:0px;
}

ul.frameList.case .tableImg{
	width:40%;
}

ul.frameList.case .tableImg img{
	width:100%;
}

ul.frameList.case ul{
	padding:0;
	margin:0 0 15px;
}

ul.frameList.case ul li{
	white-space:nowrap;
	width:45%;
	display:inline-block;
	margin:0 0 15px 5%;
	padding:0;
	text-align:right;
}

ul.frameList.case ul li:last-child{
	width:95%;
	margin:0 0 0 5%;
}

ul.frameList.case ul li div{
	font-size:14px;
	background-color:#FFF;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	padding:5px 10px;
	display:block;
	position:relative;
}

ul.frameList.case ul li div span{
	display:inline-block;
	position:absolute;
	top:-10px;
	left:0;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	padding:2px 5px;
	background-color:#000;
	color:#FFF;
	font-size:10px;
	line-height:100%;
}

ul.frameList.case ul li.on div{
	font-weight:bold;
	font-size:16px;
}

ul.frameList.case strong{
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	font-size:24px;
	padding:10px;
	display:block;
	color:#FFF;
}

ul.frameList.case strong i{
	font-size:18px;
}

/* フロー
---------------------------------------------------*/

ul.flow{
	margin:0;
	padding:0;
	list-style:none;
}

ul.flow li{
	margin:0 0 20px;
	padding:20px;
	background-color: #EFEFEF;
	position:relative;
}

ul.flow li:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 

ul.flow li h2{
	margin:0 0 5px;
	font-size: 20px;
}

ul.flow li img{
	width:150px;
	height:auto;
	margin:0 20px 0 0;
}

ul.flow li .num{
	padding:10px;
	font-size:24px;
	height:24px;
	min-width:24px;
	position:absolute;
	letter-spacing:-2px;
	top:-10px;
	left:-10px;
	border-radius:25px;        /* CSS3草案 */
	-webkit-border-radius:25px;    /* Safari,Google Chrome用 */
	-moz-border-radius:25px;   /* Firefox用 */
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

ul.flow li ol li{
	margin:0 0 5px;
	padding:0;
}

/* メッセージ
---------------------------------------------------*/

ul#importList li{
	margin-bottom:10px;
}

ul#importList ul.list li{
	margin:3px 0px;
}

ul#importList li .error{
	display:inline-block;
}

ul#importList li .importListCSV{
	margin-top:5px;
	color:#999;
}

ul#importList li .attentionArea{
	margin:5px 0;
}

ul#importList li .link{
	cursor:pointer;
}

/* よくあるご質問
---------------------------------------------------*/

dl.questionList{
	margin:0 0 25px;
	padding:0;
	border-top: 1px solid #CCCCCC;
	text-align:left;
}

dl.questionList.simple{
	border:none;
}

dl.questionList dt{
	font-weight: bold;
	padding:3px 0 3px 40px;
	background:url(../images/contents/icon/question-circle_ye.png) no-repeat 0 50%;
	background-size:30px auto;
	margin:11px 0 6px;
	font-size:16px;
}

dl.questionList dt a{
	font-weight:normal;
}

dl.questionList dd{
	border-bottom:1px solid #CCCCCC;
	padding: 0 0 15px;
	margin: 0;
}

dl.questionList dd p{
	margin:0 0 10px;
}

/* メッセージ
---------------------------------------------------*/

#messageListArea{
	padding:20px 0 0;
	margin:20px 0 0;
	/*border-top:1px dotted;*/
}

ul#messageList{
	margin:0;
	padding:10px 0 0;
	list-style:none;
}

ul#messageList li{
	margin:0;
	padding:0;
	margin-left:30px;
	margin-bottom:30px;
	position:relative;
}

ul#messageList li form{
	display:inline;
	margin-left:5px;
}

ul#messageList li.myself{
	margin-right:30px;
	margin-left:0;
}

ul#messageList li.master{
	margin-left:0;
	marker-right:0;
}

ul#messageList li > div{
	display:table;
}

ul#messageList li > div:first-child{
	width:100%;
}

ul#messageList li .iconPhoto{
	width:35px;
	height:35px;
	display:inline-block;
	position:absolute;
	top:-8px;
	left:0;
}

ul#messageList li > div > div{
	display:table-cell;
}

ul#messageList li > div > div:first-child{
	padding-left:45px;
}

ul#messageList li > div > div:last-child{
	text-align:right;
	padding-right:10px;
}

ul#messageList li > div:last-child{
	background-color:#EFEFEF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:15px;
	margin-top:10px;
	display:block;
}

ul#messageList li.myself > div:last-child{background-color:#d4f2ff;}
ul#messageList li.master > div:last-child{background-color:#fffbc0;}
ul#messageList li.status0 > div:last-child{background-color:#F6F6F6; text-align:center; color:#999;}