@charset "utf-8";
@import url(default.css);

/*
	div#wrapper: font-size: 93% 12px
	10px: 82.8% (0.93 x 0.8279 = 77%)
	11px: 91% (0.93 x 0.91 = 85%)
	13px: 107.5% (0.93 x 1.075 = 100%)
	14px: 116% (0.93 x 1.16 = 108%)
	16px: 132% (0.93 x 1.32 = 123.1%)
	18px: 149% (0.93 x 1.489 = 138.5%)
	20px: 165% (0.93 x 1.65 = 153.9%)
	22px: 180% (0.93 x 1.795 = 167%)
	24px: 195.6% (0.93 x 1.956 = 182%)
	25px: 203% (0.93 x 2.03 = 189%)
	26px: 212% (0.93 x 2.118 = 197%)
	http://developer.yahoo.com/yui/fonts/
*/

/* ============================ outline
*/
body {
	background-image: url(../images/owner/hd_bg.jpg);
}


div#HD ul {
	position: absolute;
}
div#HD ul {
	right: 0px;
	bottom: 16px;
}
div#HD li {
	display: inline;
	float: left;
	width: 122px;
	height: 26px;
	margin-left: 6px;
}
div#HD li a {
	display: block;
	background: url(../images/common/owner_o2.jpg) no-repeat;
}
div#HD li a:hover {
	background-color: #fff;
}
div#HD li a:hover img {
	visibility: hidden;
}
div#HD li a {
	width: 122px;
	height: 26px;
}
div#HD li.r1 a {
	background-position: 0px -76px;
}
div#HD li.r2 a {
	background-position: 0px -50px;
}
div#HD li.r3 a {
	background-position: -122px -50px;
}

ul#gnavi {
	width: 980px;
	height: 50px;
	background: url(../images/common/owner_o2.jpg) no-repeat;
}
ul#gnavi li {
	float: left;
	width: 196px;
	height: 50px;
}
ul#gnavi li a {
	display: block;
	width: 196px;
	height: 50px;
	background: url(../images/common/owner_o2.jpg) no-repeat;
}
ul#gnavi li a:hover {
	background-color: #fff;
}
ul#gnavi li a:hover img,
body.top ul#gnavi li.n1 a img,
body.support ul#gnavi li.n2 a img,
body.prop ul#gnavi li.n3 a img,
body.voice ul#gnavi li.n4 a img {
	visibility: hidden;
}
ul#gnavi li.n2 a {
	background-position: -196px 0px;
}
ul#gnavi li.n3 a {
	background-position: -392px 0px;
}
ul#gnavi li.n4 a {
	background-position: -588px 0px;
}
ul#gnavi li.n5 a {
	background-position: -784px 0px;
}


/* =========== owner
*/
body.top div#contents {
	margin-top: 16px;
	background: url(../images/owner/top_bg.jpg) repeat-x;
}

body.top div#main {
	width: 100%;
	background: url(../images/owner/top_con_bg.jpg) no-repeat;
	overflow: hidden;
}
body.top div#main h2 {
	padding-top: 40px;
	padding-left: 362px;
}
body.top div#main p.x {
	padding-top: 12px;
	padding-bottom: 36px;
	padding-left: 366px;
	color: #fff;
	font-size: 132%;
	font-weight: bold;
}
body.top div#main div.d1 {
	display: inline;
	float: left;
	width: 548px;
	margin-left: 20px;
	padding-top: 20px;
	border: solid #ccc 1px;
	background-color: #fff;
	text-align: center;
}
body.top div#main div.d1 p {
	position: relative;
	width: 428px;
	margin-top: 30px;
	padding: 10px 0 16px 120px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	font-size: 132%;
	text-align: left;
}
body.top div#main div.d1 p img.a {
/*	float: left;
	margin-top: -26px;
	margin-left: -100px;
*/
position: absolute;
top: -16px;
left: 20px;
	z-index: 2;
}
body.top div#main div.d1 p a {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/owner/ya.gif) 0px 50% no-repeat;
}
body.top div#main div.d1 p a:link,
body.top div#main div.d1 p a:visited,
body.top div#main div.d1 p a:hover {
	color: #fff;
}
body.top div#main div.d2 {
	float: left;
	width: 370px;
	margin-left: 18px;
	background-color: #fc0;
}
body.top div#main div.d2 p {
	width: 342px;
	margin: 0 0 14px 14px;
	padding: 0;
	font-size: 116%;
}
body.top div#main div.d2 ul {
	width: 342px;
	margin-left: 14px;
}
body.top div#main div.d2 ul li {
	margin: 0 0 8px;
	padding: 6px;
	background-color: #fff;
	font-size: 132%;
	font-weight: bold;
}

body.support div#contents p {
	padding: 10px 0 20px;
	text-align: center;
}
body.support div#contents p.catch {
	text-align: left;
}
body.support div#contents ul {
	width: 980px;
	margin-bottom: 20px;
	overflow: hidden;
}
body.support div#contents ul li {
	float: left;
	width: 462px;
	padding: 8px;
	border: solid #f90 1px;
	background-color: #fc6;
	font-size: 116%;
	overflow: hidden;
}
body.support div#contents ul.u1 li div {
	height: 6.5em;
}
body.support div#contents ul.u2 li div {
	height: 13em;
}
body.support div#contents ul.u3 li div {
	height: 11.4em;
}
body.support div#contents ul li strong {
	display: block;
	margin-bottom: 4px;
	font-size: 128%;
}
body.support div#contents ul li em {
	color: #c00;
	font-weight: bold;
	line-height: 2;
}
body.support div#contents ul li.a {
	margin-right: 20px;
}
body.support div#contents ul li div {
	padding: 10px;
	border: solid #f90 1px;
	background-color: #fff;
	height: 100%;
}
body.support div#contents ul li img {
	float: left;
	margin-right: 10px;
}

body.voice div#contents {
	font-size: 116%;
}
body.voice div#contents p {
	padding: 10px 0 18px;
}
body.voice div#contents dt {
	padding: 6px 8px;
	background-color: #ddd;
	font-size: 114%;
	font-weight: bold;
}
body.voice div#contents dt img {
	margin-top: -16px;
	margin-right: 6px;
}
body.voice div#contents dd {
	padding-bottom: 18px;
	padding-left: 50px;
}
body.voice div#contents dd strong {
	color: #f00;
}

#lnavi {
	padding: 15px 0;
	text-align: center;
}
#lnavi li {
	display: inline;
	padding: 0 15px;
	border-left: solid 1px #333;
}
#lnavi li:first-child {
	border-left-style: none;
}
#lnavi li.current {
	font-weight: bold;
}
body.b1 .catch,
body.b1 .serv,
body.b1 sbst {
	margin-bottom: 30px;
}
body.b1 .catch {
	height: 460px;/* 360px;*/
	background: url(../images/owner/property/top_catch.jpg) no-repeat;
}
body.b1 .catch p {
	width: 860px;
	margin-left: 60px;
	padding-top: 350px;
}
body.prop .catch p,
body.b1 .feat p,
body.prop .sbst p,
body.prop .req p,
body.prop .note {
	font-size: 116%;
	margin-bottom: 1em;
}
body.prop #contents h2 {
	height: 50px;
	margin-bottom: 15px;
	padding-left: 30px;
	background: url(../images/owner/property/bg_bar.gif) no-repeat;
	font-size: 149%;
	font-weight: bold;
	line-height: 50px;
}
body.prop #contents .net h2 {
	position: relative;
	height: auto;
	margin-bottom: 0;
	padding-left: 0;
	background-image: none;
	line-height: 1;
	z-index: 1;
}
body.b1 .serv p {
	text-align: center;
}
.v {
	color: red;
}
body.b1 .feat {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
body.b1 .feat dl {
	display: inline;
	float: left;
	width: 302px;
	margin-left: 37px;
}
body.b1 .feat dl.fc {
	margin-left: 0;
}
body.b1 .feat dd {
	height: 12em;
	margin: 0 1px;
	padding: 10px;
	border: solid 11px #fc0;
	background-color: #fff;
}
* html body.b1 .feat dd {
	border-width: 10px;
}
body.b1 .feat dd img {
	margin-bottom: 10px;
}
body.b1 .sn {
	margin-bottom: 20px;
}
body.b1 .sn1,
body.b1 .sn2 {
	margin-right: 31px;
}
body.b1 .net {
	width: 100%;
	padding-bottom: 60px;
	overflow: hidden;
}
body.b1 .net p {
	position: relative;
	display: inline;
	float: left;
	width: 276px;
	margin-top: -10px;
	z-index: 2;
}
body.b1 .net p.nn2 {
	width:366px;
}
body.b1 .net p.nn1 {
	margin-left: 11px;
}
body.b1 .net p.nn1,
body.b1 .net p.nn2 {
	margin-right: 20px;
}

body.prop p.c {
	clear: both;
	padding: 40px 0 30px;
	text-align: center;
}
body.b2 .catch dt,
body.b4 .catch h3 {
	margin-bottom: 12px;
	padding: 8px 20px;
	background-color: #fc0;
	font-size: 132%;
	font-weight: bold;
	line-height: 1;
}
body.b2 .catch dd {
	font-size: 116%;
	margin-bottom: 24px;
}
body.b2 .catch dd.fin {
	margin-bottom: 0;
}
body.b2 .catch dd ol {
	list-style-type: decimal;
	margin-bottom: 10px;
	padding-left: 1.8em;
}
body.b2 .req p.c {
	text-indent: -24px;
}
body.b4 .catch img.rel {
	float: left;
	margin-right: 10px;
}
body.b4 .catch dl {
	float: left;
	width: 370px;
	padding: 0 2px;
}
body.b4 .catch dt {
	margin: 0 -2px;
}
body.b4 .catch dd {
	padding: 14px;
	background-color: #fc0;
}
body.b4 .catch dd li {
	margin: 0 1px 5px;
	padding: 6px 10px;
	background-color: #fff;
	font-size: 132%;
	font-weight: bold;
	line-height: 1;
}
body.b4 .catch dd li img {
	vertical-align: middle;
}
body.b4 .catch dd li.x {
	margin: 0;
	padding: 0;
}
body.b4 .catch div {
	clear: both;
}