/* アート不動産 */

* {
	margin: 0;
	padding: 0; }


body {
	height: 100%;
	background: #FFFFEA;
	font-size: 15px;
	color: #333; }

p,
li {
	line-height: 135%; }

h1, h2, h3, h4, h5, h6 {
	line-height: 100%;
	font-weight: normal; }
h1 {
	overflow: hidden;
	padding: 4px 0;
	background: #7b2;
	font-size: 0.8em;
	text-align: center;
	color: #fff; }
h2{
	padding: 11px 0;
	background: url(../images/h2_ttl.gif) center left no-repeat;
	font-size: 1em;
	font-weight: bold;
	text-indent: 1.8em; 
	color: #fff;}
h2.menu {
	background: url(../images/h2_bg.gif) center left no-repeat; }
h3 {
	padding: 4px 8px;
	background: #fb6;
	font-weight: bold;
	color: #555; }

hr {
	margin: 4px 0 }

a {
	text-decoration: none;
	color: #333; }
a:link,
a:active {
	color: #333; }
a:visited {
	color: #333; }
a:hover {
	color: #490; }

table {
	border: 0;
	border-collapse: collapse; }
th {
	font-weight: bold;
	text-align: center; }

img {
	border: 0; }



div#container {
	width: 800px;
	height: 100%;
	margin: 0 auto; }

div#leftside {
	width: 180px;
	float: left; }
div#rightside {
	width: 600px;
	float: right; }

div#header {
	width: 100%; }
div#header_menu {
	width: 100%;
	padding: 4px 0;
	background: #f92; }
div#header_menu ul {
	margin-right: 1.2em;
	list-style-type: none; }
div#header_menu li {
	line-height: 0; }
div#header_menu li a {
	display: block;
	float: right;
	margin-left: 1.2em;
	background: url(../images/sc_arrow.gif) center left no-repeat;
	text-indent: 1.2em;
	line-height: 1em; }

div#menu {
	width: 100%; }
div#menu ul {
	width: 180px;
	margin: 0;
	padding-bottom: 8px;
	list-style-type: none; 
	background: #fff; }
div#menu li {
	line-height: 0; }
div#menu li a {
	display: block;
	padding: 11px 0 5px 0;
	background: url(../images/menu_li_bg.gif) no-repeat;
	text-indent: 2.2em;
	line-height: 15px;
	vertical-align: center; }
div.menu_box_top {
	margin-top: 4px;
	width: 100%;
	height: 8px;
	background: url(../images/conbg_top.gif) no-repeat; }
div.menu_box_middle {
	width: 100%;
	margin: 0;
	padding: 4px 0;
	background: url(../images/conbg_middle.gif) repeat-y; }
div.menu_box_middle p {
	width: 160px;
	line-height: 15px;
	float: right; }
div.menu_box_bottom {
	width: 100%;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url(../images/conbg_bottom.gif) no-repeat; }
div#banner {
	width: 160px; }
div#banner p {
	margin-bottom: 0.5em; }

div#footer {
	width: 100%;
	margin-bottom: 1em;
	padding: 4px 0;
	border-top: solid 2px #fed;
	border-bottom: solid 2px #fed;
	background: #7b2;
	color: #fff; }
div#footer div.hr {
	width: 100%;
	margin: 4px 0;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: #ccc; }
div#footer p,
div#footer address {
	font-size: 0.85em; }
div#footer address {
	font-style: normal;
	text-align: center; }



/* トップページ */
#index_copy {
	width: 600px;
	height: 250px;
	background: url(../images/topimg_bg.gif) 0 0 no-repeat; }
#index_copy .yt_tbl {
	float: left;	
	width: 320px;
	height: 115px;
	margin-top: 135px;
	background: #fff; }
#index_copy .yt_box {
	float: right;
	width: 269px;
	height: 250px;
	border-right: solid 1px #000; }
#index_copy table {
	width: 320px;
	height: 115px;
	border-left: solid 1px #ccc;
	border-bottom: solid 3px #7b2;}
#index_copy table td {
	padding: 0;
	font-size: 13px;
	text-align: center;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;}
#index_copy td.copy {
	background: #fed;
	font-weight: normal; 
	color: #930; }
#index_copy a.m_btn {
	display: block;
	width: 60px;
	height: 50px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(../images/yt_tbl_btn.gif) 0 0 no-repeat; }
#index_copy a.m_btn:hover {
	background-position: 0 -50px; }
#index_copy img {
	margin: 5px 0 2px 0 ; }





div#info {
	width: 100%; }
div#infobox {
	width: 100%;
	padding-bottom: 1px;
	background: #ccc; }
div#infobox_inner {
	height: 120px;
	margin: 0 1px;
	background: #fff;
	overflow: auto; }
div#infobox_inner p {
	margin: 0 1em 1em 1em; }


div#osusume,
div.osusumebox,
div.osusumebox_inner {
	width: 100%; }
div.osusumebox_inner {
	padding: 0 1px; }
table.osusume {
	width: 100%;
	border-left: solid 1px #ccc;
	border-bottom: solid 4px #7b2;
	float: right;
	background: #fff; }
table.osusume th,
table.osusume td {
	padding: 3px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size: 0.85em;}
table.osusume th {
	background: #fed;
	font-weight: normal; 
	color: #930; }
table.osusume td {
	text-align: center; }





/* 会社概要 */
table.company {
	width: 100%;
	line-height:100%;
	border-collapse: separate;
	border-spacing: 0 6px; 
	background: url(../images/co_bg.jpg) top right no-repeat; }
table.company th {
	width: 25%;
	border-left: solid 6px #7b2;
	border-right: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	padding-left: 16px;
	color: #5a0;
	background: #fed; }
table.company td {
	font-size: 0.9em;
	line-height: 1.25em;
	width: 75%;
	padding: 8px;
	text-align: left;
	border-left: solid 4px #FFFFEA;
	border-bottom: dotted 1px #ccc;
	color: #333; }
div#companymap {
	width: 100%;
	padding: 1px 0;
	background: #7b2; }
div#companymap_inner {
	width: 598px;
	height: 340px;
	margin: 0 1px;
	background: #fff; }

/* プライバシーポリシー */
ol li {
	margin-left: 2em;
	margin-bottom: 0.5em;
	font-size: 12px; }
ol li ol li {
	list-style-type: lower-roman; }
ol li ol li ol {
	margin-top: 8px;
	padding-top: 4px;
	border: solid 1px #fb6;
	background: #fed; }
ol li ol li ol li {
	list-style-type: lower-alpha; }
ol li.nonum {
	list-style-type: none; }


/* リンク */
div#link{
	width: 570px;
	margin-left: 14px;
	color: #666; }
div#link h3{
	font-weight: bold;
	font-size: 1em;
	padding: 6px 0 2px 4px;
	width: 100%;
	background: #fdb;
	border-left: solid 4px #7b2;
	border-bottom: solid 1px #7b2;
	color: #555;}
div#link table{
	width: 570px;
	margin-left: 6px;}
div#link th,td {
	padding: 16px 4px; }
div#link th {
	width: 44%;
	border: solid 1px #999; }
div#link td {
	width: 56%;
	background: #fed;
	border: solid 1px #999; }
div#link th a {
	color: #666;
	font-weight: normal; }
div#link th a:hover {
	color: #fff;
	background: #fb6; }
div#link td a:hover {
	color: #7b2; }


/* 検索関連 */
p.odrbtn {
	margin: 5px 0;
	font-size: 0.9em;
	text-align: right; }
p.odrbtn input {
	font-size: 0.9em; }

table.navi {
	width: 100%; }
table.navi td {
	padding: 2px 4px;
	background: #fb6;
	font-size: 0.9em;
	font-weight: bold;
	color: #7b2; }
table.navi td a {
	color: #555; }
table.navi td a:hover {
	color: #9e4; }

div#cblistbox {
	width: 598px;
	margin: 0 auto; }

table.clist,
table.blist {
	width: 100%;
	margin-bottom: 1px;
	border-right: solid 1px #7b2;
	border-bottom: solid 3px #7b2;
    background: #fff; }
table.clist th,
table.clist td,
table.blist th,
table.blist td {
	padding: 3px 0;
	border-top: solid 1px #7b2;
	border-left: solid 1px #7b2;
	font-size: 0.9em;
	text-align: center; }
table.clist th,
table.blist th {
	background: #fed;
	color: #333; }





/* 明細関連 */
div#header_m {
	width: 100%;
	height: 70px;
	background: url(../images/meisai_header.gif) no-repeat; }

div#header_m div.btn {
	margin: 32px 40px 0 0;
	padding: 3px;
	border: outset 3px #ccc;
	background: #ccc;
	font-size: 0.8em;
	float: right; }
div#header_m div.btn a {
	color: #000; }
div#header_m h3{
	padding: 4px 8px;
	background: #ccc;
	font-weight: bold;
	color: #333; }


table.meisai {
    width: 100%;
    float: right;
	border-top: solid 1px #7b2;
	border-left: solid 1px #7b2; 
	border-bottom: solid 3px #7b2; 
    background: #fff;}
table.meisai th,
table.meisai td {
	padding: 3px;
	border-left: solid 1px #7b2; 
	border-right: solid 1px #7b2;
	border-bottom: solid 1px #7b2;
	font-size: 0.95em; }
table.meisai th {
	background: #fed; }
table.phlist {
	width: 100%; }
table.phlist td {
	padding-bottom: 1em; }



/* 管理画面 */
div#admin {
	width: 100%; }

table.admin {
	width: 98%;
	margin: 0 auto;
	border-top: solid 1px #dbe;
	border-left: solid 1px #dbe; }
table.admin th,
table.admin td {
	padding: 3px;
	border-right: solid 1px #dbe;
	border-bottom: solid 1px #dbe;
	font-size: 0.9em;
	text-align: center; }
table.admin th {
	background: #ede; }

table.admin td input.wmax,
table.admin td textarea {
	width: 95%;
	font-size: 0.9em; }





.hsp {
	font-size: 1px;
	line-height: 1%;
	overflow: hidden; }
.clear {
	clear: both; }

.big {
	font-size: 1.25em; }
.small {
	font-size: 0.8em; }

.fleft {
	float: left; }
.fright {
	float: right; }

.left {
	text-align: left; }
.center {
	text-align: center; }
.right {
	text-align: right; }

.bold {
	font-weight: bold; }

.red {
	color: #f00; }
.peach{
	color: #fb6; }
.ivory{
	color: #ffc; }
.blue {
	color: #33c; }
.green {
	color: #7b2; }
.gray {
	color: #666; }
.black {
	color: #000; }

.redbold {
	font-weight: bold;
	color: #f00; }