@charset "UTF-8";
/* CSS Document */

/*------------------------------------------
    Pro
-------------------------------------------*/
div.list-item {
	padding: 10px 0;
	border-top: solid 1px #ccc;
}
div.list-item.first {
	border-style: none;
}
div.list-item div.list-item-image {
	float: left;
	width: 35%;
	text-align: center;
}
div.list-item div.list-item-image img {
	border: 3px solid #e0e0e0;
	padding: 5px;
	max-width: 270px;
	height: 180px;
}
div.list-item div.list-item-content {
	float: left;
	width: 65%;
}
div.list-item div.list-item-content div.list-item-name span.item-no,
div.list-item div.list-item-content div.list-item-name span.item-no-mark {
	display: none;
}
div.list-item div.list-item-content div.list-item-name a {
	color: #09c;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
}
div.list-item div.list-item-content div.list-item-name a:hover {
	color: #ff9c3d;
}
div.list-item div.list-item-content div.list-item-name ul.item-name-right {
	float: right;
}
div.list-item div.list-item-content div.list-item-name ul.item-name-right li.bookmark {
	float: left;
}
div.list-item div.list-item-content div.list-item-name ul.item-name-right li.contact {
	float: left;
}
div.list-item div.list-item-content dl.list-item-info {
	padding: 10px 0;
}
div.list-item div.list-item-content dl.list-item-info dt {
	float: left;
	font-weight: bold;
	margin-right: 20px;
}
div.list-item div.list-item-content dl.list-item-info dt,
div.list-item div.list-item-content dl.list-item-info dd {
	padding: 3px 0;
	border-top: solid 1px #ccc;
}
div.list-item div.list-item-content dl.list-item-info dd {
	min-height: 20px;
	margin-left: 5px;
}

/*------------------------------------------
    Inquiry
-------------------------------------------*/
div.page-pro div.inquiry {
}
div.page-pro div.inquiry table.listing {
	width: 100%;
	border-collapse: collapse;
}
div.page-pro div.inquiry table.listing th {
	text-align: left;
	background-color: #eee;
	vertical-align: top;
}
div.page-pro div.inquiry table.listing th,
div.page-pro div.inquiry table.listing td {
	padding: 5px;
	border: solid 1px #ccc;
}
div.page-pro div.inquiry table.listing tr.button-area th,
div.page-pro div.inquiry table.listing tr.button-area td {
	border-style: none;
	text-align: right;
}
div.page-pro div.inquiry table.listing tr.button-area input {
	padding: 5px 10px;
}
div.page-pro div.inquiry table.listing td textarea {
	height: 60px;
}


/*------------------------------------------
    side owner
-------------------------------------------*/

#owner {
	border: 2px solid #e0e0e0;
	background: #fafafa;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f1f1f1;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image {
	padding: 2px;
	width: 229px;
	text-align: center;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image h4 a {
	text-decoration: none;
	color: #0099cc;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image h4 a:hover {
	color: #ff9c3d;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image img {
	height: 140px;
	max-width: 220px;
	margin-top: 10px;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image div.photo-base {
	background-image: url('../../img/user/mypage/home/photo_base.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 162px;
	margin: 0 auto;
	width: 222px;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image div.online-state-area {
	position: relative;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image div.online-state-area div.online-state-inner {
	position: absolute;
	top: -20px;
	right: 10px;
	padding: 0 5px 0 20px;
	background-color: #fff;
	background-position: 3px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
div.userProfileArea div.userProfileImageIntroductionArea div.image div.online-state-state-1 div.online-state-inner { background-image: url('../../img/user/chat/online_state/online.png'); }
div.userProfileArea div.userProfileImageIntroductionArea div.image div.online-state-state-5 div.online-state-inner { background-image: url('../../img/user/chat/online_state/offline.png'); }

div.userProfileArea div.userProfileImageIntroductionArea div.introduction {
	padding: 5px 10px 10px 10px;
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.support-lang {
	text-align: center;
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.contact-area {
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.contact-area div.contact-button {
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.contact-area div.contact-button a {
	width: 100%;
	padding: 3px 0;
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.contact-area div.contact-content div.contact-post {
	max-height: 200px;
	overflow-y: scroll;
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.contact-area div.contact-content div.contact-form {
	padding: 2px;
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.contact-area div.contact-content div.contact-form textarea {
	width: 100%;
}
div.userProfileArea div.userProfileImageIntroductionArea div.introduction div.contact-area div.contact-content div.contact-form input {
	width: 100%;
	padding: 3px 0;
}



div.rightColumn div.updatedFrame div.item-self-area {
	display: none;
}