/* コカイド */
* {		font-size: 12px; }

html {		background : url('/img/bg01.png') repeat-y; }

body {		margin: 0;
		padding: 0;
		background : url('/img/bg02.png') repeat-y;
		background-position: center;
		/* background-position: 90px; */
		text-align: center;
}

a {		text-decoration: none; }

a:hover {	text-decoration: underline; }

img {		border: none; }

#top {		width: 900px;
		margin: 0 auto;
		/* margin: 0 0 0 90px; */
}

#main {		width: 900px;
		margin: 0;
		padding: 10px 0 5px 0;
		text-align: left; }

h1 {		width: 267px;
		height: 50px;
		margin: 0 10px 0 10px;
		padding: 4px 0 0 0;
		float: left; }

h1 a {		width: 267px;
		height: 41px;
		margin: 0;
		padding: 0;
		background : url('/img/logo2.png') no-repeat;
		display: block;
		text-indent: -5000px;
		overflow: hidden; }

#pr {		margin: 0 10px 0 0;
		padding: 0 60px 0 0;
		width: 530px; /* 590 */
		height: 60px;
		float: left;
		background: url('http://realestate.kokaido.jp/qrcode.php?s=2&url=http://www.arc-e.net/') no-repeat;
		background-position: top right;
}

#pr ul {	list-style-type: none;
		margin: 0;
		padding: 0; }

#pr li {	float: left; }

#pr li a {	display: block;
		margin: 2px 0 0 2px;
		padding: 2px 3px;
		border: 1px solid #DDDDDD;
		background: #F8F8F8;
		font-size: 12px;
		color: #000088; }

#pr li a:hover {
		display: block;
		margin: 2px 0 0 2px;
		padding: 2px 3px;
		border: 1px solid #AAAAAA;
		background: #EEEEEE;
		font-size: 12px;
		color: #000000; }

#content {	clear: both;
		margin: 0;
		padding: 0; }

.contents {	clear: left;
		padding: 3px 10px 10px 10px; }

#foot {		clear: both;
		width: 850px;
		margin: 0 auto;
		text-align: center;
		padding: 5px 0;
		border-top: 1px solid #F690B6; }

/* ****** */

#listsug {	width: 520px;
		padding-left: 10px;
		float: left; }

#map {		width: 360px;
		float: left; }

#map2 {		width: 350px;
		height: 260px; }

/* ****** */

#map3 {		width: 250px;
		height: 400px; }

/* ****** */

#comp {		width: 400px;
		float: left; }

#map4 {		margin-top: 10px;
		width: 470px;
		height: 300px;
		float: left; }

/* ****** */

#indexl {	width: 470px;
		float: left; }

#indexl2 {	margin: 0;
		padding: 0 0 0 10px; }

#indexr {	width: 430px;
		float: left;
		background-position: right; }

#indexr2 {	margin: 0;
		padding: 0 10px 0 10px; }

/* ****** */

.sug_r, .sug_b, .sug_g, .sug_s 	{
		margin-left: 3px;
		margin-bottom: 10px;
		padding-left: 5px; }

.sug_r { 	border-left: 5px solid #FF4066; }
.sug_b { 	border-left: 5px solid #4069FF; }
.sug_g { 	border-left: 5px solid #40FF60; }
.sug_s { 	border-left: 5px solid #888888; }


.sug_r img, .sug_b img,.sug_g img, .sug_s img {
		border: none;
		padding: 0; }

.sug_r_h2, .sug_b_h2, .sug_g_h2, .sug_s_h2 {
		margin: 0;
		padding: 0 0 0 10px;
		line-height: 20px;
		font-size: 14px;
		color: #FFFFFF;
		letter-spacing: .1em;
		border-left: 6px double #FFFFFF; }

.sug_r_h2 { 	background: #CC0000; }
.sug_b_h2 { 	background: #0000AA; }
.sug_g_h2 { 	background: #009900; }
.sug_s_h2 { 	background: #777777; }

.sug_r_h3, .sug_b_h3 {
		margin: 5px 0; }

.sug_r_h3_2, .sug_b_h3_2 {
		font-size: 14px;
		margin: 5px 0; }

.thumbimg1 {	float: left;
		margin: 5px 10px 0 5px; }

.sugtbl1 {	background: #F8F8F8; }

.sugtbl2{	background: #F8F8F8;
		width: 380px;
		margin: 10px 0 0 10px;	}

.sugtbl1 td, .sugtbl2 td {
		padding: 2px 5px 2px 5px; }

.listtbl {	background: #DDDDDD;
		width: 880px; }

.listtbl td {	padding: 2px 5px 2px 5px; }

.ff {		background: #FFFFFF; }

.ee {		background: #EEEEEE;
		text-align: right; }

.eec {		background: #EEEEEE;
		text-align: center;
		font-weight: bold; }

.morer {	text-align: right;
		padding-right: 30px; }

.morer_b {	margin: 0;
		padding: 0; }

.morer_r {	margin: 0;
		padding: 0; }

.whatsnew {	list-style-type: none;
		margin: 10px 0 10px 12px;
		padding: 0; }

/* ****** */

#left {		float: left;
		width: 260px;
		margin: 10px 0;
		padding: 0; }

.leftpic {	border: none;
		margin-top: 10px; }

#right {	float: left;
		width: 600px;
		margin: 10px 0;
		padding: 0; }

.entry {	width: 615px;
		background: #CCCCCC; }

.contact {	background: #CCCCCC; }

.contacttbl {	background: #DDDDDD;
		width: 220px; }

.mailtbl {	background: #DDDDDD;
		width: 370px; }

.contacttbl td, .mailtbl td {
		padding: 2px 5px 2px 5px; }

.att {		background: #FFFFFF;
		color: #FF0000;
		font-weight: bold; }
