@charset "utf-8";

#contents #main {
	width: 980px;
}

#contents h3 {
	font-size: 120%;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 15px;
	margin: 0 0 100px 0;
	background: -moz-linear-gradient(#FFFFFF 0%, #F5F2E8 100%);
}

#contents h3 b {
	background: url(../img/owner/border.png) no-repeat;
	background-position: left;
	padding: 15px;
}



#ui-tab01 {
	position: relative;
}

#ui-tab01 ul.tab-nav {
	width: 444px;
	float: left;
	position: absolute;
	bottom: 0;
}

#ui-tab01 ul.tab-nav li {
	float: left;
	width: 220px;
	text-align: center;
	margin: 0 2px 0 0;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

#ui-tab01 ul.tab-nav li.sell a {
background-color:#ff8b00;
	background: linear-gradient(#ff9900, #ff6600);
	text-decoration: none;
	display:block;
	padding: 10px 0 10px 0;
	color: #FFFFFF;
	text-shadow: 1px 1px gray;
	border-radius: 5px 5px 0 0;
}

#ui-tab01 ul.tab-nav li.lend a {
background-color:#88c136;
	background: linear-gradient(#90c539, #6ab21e);
	text-decoration: none;
	display:block;
	padding: 10px 0 10px 0;
	color: #FFFFFF;
	text-shadow: 1px 1px gray;
	border-radius: 5px 5px 0 0;
}


#ui-tab01 ul.tab-nav li a {
background-color:#c6c6c6;
background:-moz-linear-gradient(top, #FF9900 50%, #FF6600 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, #FF9900), color-stop(100%, #FF6600));
	background:linear-gradient(top, #ffffff 0%, #FF9900 70%, #FF6600 100%);
	text-decoration: none;
	display:block;
	padding: 10px 0 10px 2px;
	color: #FFFFFF;
	text-shadow: 1px 1px black;
	border-radius: 5px;
}
#ui-tab01 a,
#ui-tab01 a:hover,
#ui-tab01 a:focus,
#ui-tab01 a:active,
#ui-tab01 .ui-tabs-deselectable a:hover,
#ui-tab01 .ui-tabs-deselectable a:focus,
#ui-tab01 .ui-tabs-deselectable a:active{
    cursor: pointer;
}
#ui-tab01 .ui-tabs-selected a:link,
#ui-tab01 .ui-tabs-selected a:visited{
    cursor: default;
	position:relative;
	bottom:0px;
	color: #FF6600;
	background: #FFFFFF;
}
#ui-tab01 ul.tab-nav li a:hover{
	color: #FFFFFF;
}

#ui-tab01 ul.tab-nav li a:first-letter {
	font-size: 200%;
}


#ui-tab01 ul.tab-nav h4.sell {
	background: -moz-linear-gradient(#FF9900 0%, #feb340 50%, #FFFFFF 100%);
	border-radius: 5px 5px 0 0;
	padding: 10px 0 3em 10px;
	margin: 0;
	width: 448px;
	float: left;
}

#ui-tab01 ul.tab-nav h4.lend {
	background: -moz-linear-gradient(#90C539 0%, #a0cb55 50%, #FFFFFF 100%);
	border-radius: 5px 5px 0 0;
	padding: 10px 0 3em 10px;
	margin: 0;
	width: 290px;
	float: right;
}


/* 
#ui-tab01 ul.tab-nav li.sell .ui-tabs-selected,
#ui-tab01 ul.tab-nav li.sell .ui-tabs-selected{
	border-bottom:1px solid #FF6600;
}

#ui-tab01 ul.tab-nav li.lend .ui-tabs-selected,
#ui-tab01 ul.tab-nav li.lend .ui-tabs-selected{
	border-bottom:1px solid #6AB21E;
}
 */

#fragment-1{
	border-top: 3px solid #FF6600;
	padding-top:30px !important;
}

#fragment-2{
	border-top:3px solid #6AB21E;
	padding-top:30px !important;
}

#fragment-1 h4 {
	width: 870px;
	background: url(../img/owner/sub_titile_back01.jpg) no-repeat;
	padding: 31px 0 10px 50px;
	color: #FFFFFF;
	margin: 0 0 30px 0;
}

#fragment-2 h4 {
	width: 870px;
	background: url(../img/owner/sub_titile_back02.jpg) no-repeat;
	padding: 31px 0 10px 50px;
	color: #FFFFFF;
	margin: 0 0 30px 0;
}

.box {
	background: url(../img/owner/shadow.jpg) no-repeat;
	background-position: bottom;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 40px 0;
}

/* 一戸建ての売却をお考えの方 */

.box #think {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 65px 20px;
	border: 1px solid #E8E8E8;
	background: url(../img/owner/bg_img01.png) no-repeat;
	background-position: 480px 90px;
}

.box #think div {
	width: 450px;
	background: url(../img/owner/arrow.png) no-repeat;
	background-position: 160px 95px;
	padding: 0 0 80px 0;
}

.box #think div p {
	background: url(../img/owner/icon01.png) no-repeat;
	background-position: 5px 0.4em;
	padding: 0 0 0 20px;
}

.box #think p.strong b{
	background: none;
	padding: 0 0 0 5px;
}


/* TEIWAで売却先を探すメリット */

.box #merit01 {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 50px 20px;
	border: 1px solid #E8E8E8;
}

.box #merit01 dl {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 20px 0;
}

.box #merit01 dl dt {
	background: url(../img/owner/icon01.png) no-repeat;
	background-position: 5px 0.4em;
	padding: 0 0 0 20px;
}

.box #merit01 dl dd {
	padding: 0 0 0 20px;
	width: 860px;
}

.box #merit01 {
	background: url(../img/owner/bg_img02.png) no-repeat;
	background-position: 25px 410px;
}

.box #merit01 p {
	padding: 20px 0 0 200px;
}


/* 物件売却の流れ */

.box #flow {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 50px 20px;
	border: 1px solid #E8E8E8;
}

.box #flow ol {
	width: 860px;
	margin: 0 auto;
}

.box #flow ol li {
	float: left;
	background: url(../img/owner/arrow_right.png) no-repeat;
	background-position: right;
	padding: 0 35px 0 5px;
}

.box #flow ol li:first-of-type {
	padding: 0 35px 0 0;
}

.box #flow ol li:last-of-type {
	background: none;
	padding: 0 0 0 5px;
}


/* TEIWAに管理をお任せいただくメリット */

.box #merit02 {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 30px 20px;
	border: 1px solid #E8E8E8;
}

.box #merit02 dl {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 20px 0;
}

.box #merit02 dl dt {
	background: url(../img/owner/icon02.png) no-repeat;
	background-position: 5px 0.4em;
	padding: 0 0 0 20px;
}

.box #merit02 dl dd {
	padding: 0 0 0 20px;
	width: 860px;
}


/* 過去にこのようなお困り事はありませんでしたか？ */

.box #trouble {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 30px 20px;
	border: 1px solid #E8E8E8;
}

.box #trouble .list {
	margin: 0 0 30px 0;
}

.box #trouble ul.le {
	float: left;
	width: 300px;
}

.box #trouble ul.ri {
	float: right;
	width: 450px;
}

.box #trouble li {
	background: url(../img/owner/icon02.png) no-repeat;
	background-position: 5px 0.4em;
	padding: 0 0 0 20px;
}

.box #trouble div.box {
	width: 850px;
	padding: 20px;
	background: url(../img/owner/bg_img03.png), #FBFDE5;
	border: 1px solid #E8E8E8;
	background-repeat: no-repeat;
	background-position: 712px;
}

.box #trouble div.box p.title {
	margin: 0 0 20px 0;
}


/* TEIWAの管理業務 */

.box #management {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 50px 20px;
	border: 1px solid #E8E8E8;
}

.box #management .work {
	width: 900px;
}

.box #management .work li:first-of-type {
	border-bottom: 1px solid #81C027;
	border-left: 5px solid #81C027;
	padding: 5px 0 5px 10px;
	margin: 0 0 15px 0;
	background: none;
}

.box #management .work li {
	background: url(../img/owner/icon02.png) no-repeat;
	background-position: 5px 0.4em;
	padding: 0 0 0 20px;
}

.box #management .block01 {
	width: 280px;
	float: left;
}

.box #management .block02 {
	width: 280px;
	float: left;
	margin: 0 0 0 30px;
}

.box #management .block03 {
	width: 280px;
	float: right;
}