@charset "utf-8";
*{
	margin:0;
	padding:0;
}
/*javascriptが無効*/
#non-indication{
	width:868px;
	margin:0 auto;
	text-align:center;
	color:#ff0000;
	line-height:200%;
}
/*javascriptが無効*/

html{
	height:100%;
	margin-bottom:1px;
}

html>/**/body{
	overflow:-moz-scrollbars-vertical;
}

html:first-child body{
	min-height:100%;
	padding-bottom:1px;
} 

body{
	margin:0;
	padding:0;
	color:#666;
	font-size:12px;
	height:100%;
}

a{
	color:#0000ff;
	text-decoration:none;
}

a:hover{
	color:#0000ff;
	text-decoration:underline;
}

a img{
	border:none;
	padding:0;
	margin:0;
}

p{
	line-height:200%;
}

form{
	margin:0;
	padding:0;
}

.kind{
	padding:0;
}

#user{
	text-indent:1em;
	margin:10px auto;
}

#error{
	text-align:center;
	padding:10px 10px; 
	background:url("../img/slash.png") #fff;
	border:solid 1px #d4d4d4;
	overflow:auto;
	height:190px;
	width:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-106px;
	margin-left:-150px;
}

#logout{
	text-align:center;
	padding:10px 10px; 
	background:url("../img/slash.png") #fff;
	border:solid 1px #d4d4d4;
	overflow:auto;
	height:190px;
	width:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-106px;
	margin-left:-150px;
}

#logout p{
	margin-top:30px;
}

.error_text{
	color:#ff0000;
	line-height:200%;
	margin-top:10px;
}

#id_area,
#password_area{
	width:80%;
	text-align:right;
	margin:10px 0;
}

#save_area{
	text-align:center;
	font-size:10px;
	margin:10px 0;
}

#id_area input#id,
#password_area input#password{
	width:10.5em;
}

#submit{
	text-align:center;
}

/*======================================
	 Header Module
=======================================*/
#header_box{
	width:100%;
	height:36px;
	text-align:center;
	background:url("../img/header.png") repeat-x;
}

#header_frame{
	width:862px;
	margin:0 auto;
	text-align:left;
	cursor:default;
}

#header_title{
	float:left;
	margin:2px 0 0 0;
}

#header_title a img{
	border:none;
}

#header_button_area{
	float:right;
	margin:2px 0 0 0;
}

#header_button_area ul li{
	display:inline;
	float:left;
	margin:0 0 0 3px;
}

#qr_button,
#access_button,
#headline_button,
#template_button,
#help_button,
#logout_button{
	margin:0;
	height:16px;
}

#template_button{
	width:60px;
	_width:80px;
}

*:first-child+html #template_button{
	width:80px;
}

/*======================================
	 Forms Module
=======================================*/
fieldset{
	margin:0;
	padding:0;
	border:none;
}

legend{
	display:none;
}

form#login{
	padding:10px 10px; 
	background:url("../img/slash.png") #fff;
	border:solid 1px #d4d4d4;
	overflow:auto;
	height:190px;
	width:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-106px;
	margin-left:-150px;
}

#logo{
	text-align:center;
}

input,
textarea{
	margin:0 10px;
	padding:1px 0.2em;
	border-width:1px;
	border-style:solid;
	border-color:#d4d4d4 #eee #eee #d4d4d4;
	background:url("../img/bg_input.gif") no-repeat #fff;
	resize:none;
}

input:hover,
textarea:hover{
	border:1px solid #00b8fd;
}

input:focus,
textarea:focus{
	border:1px solid #000;
}

textarea{
	padding:0.4em 8px;
	font-size:12px;
}

input[type="checkbox"]{
	padding:2px;
}

.photo_comment{
	width:190px;
}

input.inputField{
}

input.radio{
	background-color:transparent;
	background:none;
	border:none;
}

input.submit{
	color:#666;
	_padding:0; /* for IE */
	border-width:1px;
	border-style:solid;
	border-color:#c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	background:url("../img/bg_grad.gif") repeat-x;
	font-size:85%;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}

input.submit:hover{
	color:#000;
	border-color:#000;
}

input.button{
	color:#666;
	_padding:0; /* for IE */
	border-width:1px;
	border-style:solid;
	border-color:#c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	background:url("../img/bg_grad.gif") repeat-x;
	font-size:85%;
	text-transform:uppercase;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 10px;
}

input.button:hover{
	color:#000;
	border-color:#000;
}

input.delete{
	color:#666;
	_padding:0; /* for IE */
	border-width:1px;
	border-style:solid;
	border-color:#c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	background:url("../img/bg_grad.gif") repeat-x;
	font-size:85%;
	text-transform:uppercase;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 10px;
	margin:10px 0 0 0;
}

input.delete:hover{
	color:#000;
	border-color:#000;
}

#button{
	display:block;
	height:24px;
	width:128px;
}

/*アイコンのセレクトボックス*/
.type{
	width:335px;
	margin:0 0 0 10px;
	background:#fbfbfb;
	color:#666;
	border:solid 1px #ccc;
}

#recommended,
#attention{
	margin:0 auto;
	width:100%;
	clear:both;
}

#recommended .change_area,
#attention .change_area{
	width:78px;
	text-align:center;
}

#recommended .send_area,
#attention .send_area{
	text-align:center;
}

#recommended .entry_area,
#attention .entry_area{
	background:#eee;
	vertical-align:middle;
}

#recommended .entry_area .recommended_text,
#attention .entry_area .attention_text{
	float:left;
	color:#444;
	text-indent:0.5em;
}
#recommended .entry_area .caution_text,
#attention .entry_area .caution_text{
	float:right;
	font-size:9px;
	line-height:9px;
	margin:3px 0 0 0;
	color:#27537a;
}

/*ｵｽｽﾒ・注目セレクトボックス*/
input.recommended,
input.attention,
select{
	width:395px;
	background:#fbfbfb;
	color:#666;
	border:solid 1px #ccc;
}

option.focus{
	background:#fcfcfc;
	color:#444;
}

option.default{
	background:#fff;
}

label:hover{
	background:#eee;
	color:#333;
}

/*ｵｽｽﾒ・注目セレクトボックス*/
.newhouse{
	color:#4682b4;
}

.oldhouse{
	color:#ee7800;
}

.newmansion{
	color:#f5739a;
}

.oldmansion{
	color:#44916a;
}

.land{
	color:#946c45;
}

.rental{
	color:#745399;
}

/*テキストボックス（プライス）*/
input.numonly{
	ime-mode:disabled;
	text-align:right;
}

/*======================================
	 table Module
=======================================*/
#wrapper{
	width:868px;
	margin:0 auto;
	display:none;
}

table#read_box{
	width:868px;
	clear:both;
	border-top:solid 1px #d4d4d4;
	border-right:solid 1px #d4d4d4;
	border-collapse:collapse;
	border-spacing:0;
	margin:10px 0 0 0;
}

table#read_box td,
table#read_box th{
	border-bottom:solid 1px #d4d4d4;
	border-left:solid 1px #d4d4d4;
	padding:5px;
	font-weight:normal;
}

table#read_box th.read_entry{
	background:#eee;
	color:#000066;
	text-align:center;
}

table#read_box td{}

table#read_box td a{}

table#read_box tr.odd_row{
	background:#fff;
}

table#read_box tr.even_row{
	background:#fbfbfb;
}

table#read_box tr.odd_row:hover,
table#read_box tr.even_row:hover,
table#read_box tr.odd_row:hover a,
table#read_box tr.even_row:hover a{
	background:#d9eaf4;
}

table#read_box tr.odd_row:hover a:hover,
table#read_box tr.even_row:hover a:hover{
}

table#read_box th.read_entry a,
table#read_box th.read_entry a:link,
table#read_box th.read_entry a:active,
table#read_box th.read_entry a:visited{
	color:#fff;
	display:block;
	text-decoration:none;
}

* html table#read_box th.read_entry a{
}

table#read_box th.read_entry a:hover{
	text-decoration:underline;
}

table#read_box tr.checked{
	background:#eef6f9;
}

#editing_box{
	width:100%;
	margin:0 auto;
}

input.short_form{
	width:60%;
}

select.short_form{
	width:61.2%;
}

textarea.long_form{
	width:58.2%;
}

/*編集画面の画像登録テーブル*/
#photo_box{
	margin:20px auto;
	width:82%;
}

#photo_box .entry_area{
	background:url("../img/slash.png") repeat-x;
	text-indent:12px;
}

#photo_box .photo_area{
	background:#fcfcfc;
	text-indent:12px;
}

#photo_box .delete_img{
	text-align:center;
	vertical-align:bottom;
	background:#fcfcfc;
}

.no{
	font-size:10px;
	color:#444;
	font-family:"ＭＳ ゴシック","Osaka－等幅";
}

.button_area{
	text-align:center;
	padding:20px 0 0 0;
}

.item{
	width:30%;
	text-indent:92px;
}

#company_box{
	width:868px;
	clear:both;
	border-top:solid 1px #d4d4d4;
	border-right:solid 1px #d4d4d4;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
}

#company_box td{
	border-bottom:solid 1px #d4d4d4;
	border-left:solid 1px #d4d4d4;
	padding:5px;
}

.company_item{
	width:20%;
	background:#eee;
}

div.grippie{
	background:#eee url("../img/grippie.png") no-repeat scroll center 2px;
	border:solid #ddd 0 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	margin-left:10px;
}

/*ｱｲｺﾝの設定*/
#icon_area{
	font-size:9px;
	margin:0 0 0 120px;
	cursor:default;
}

/*現地販売会*/
.icon_sales{
	font-size:9px;
	color:#666;
	border:1px solid #fff462;
	margin:0 2px 0 0;
	background:#fff462;
}

/*価格変更*/
.icon_price{
	font-size:9px;
	color:#666;
	border:1px solid #ffa07a;
	margin:0 2px 0 0;
	background:#ffa07a;
}

/*即入居可*/
.icon_immediately{
	font-size:9px;
	color:#666;
	border:1px solid #ffc0cb;
	margin:0 2px 0 0;
	background:#ffc0cb;
}

/*新築物件*/
.icon_newarticle{
	font-size:9px;
	color:#666;
	border:1px solid #ccccff;
	margin:0 2px 0 0;
	background:#ccccff;
}

/*内覧可*/
.icon_openhouse{
	font-size:9px;
	color:#666;
	border:1px solid #afeeee;
	margin:0 2px 0 0;
	background:#afeeee;
}

/*社有物件*/
.icon_property{
	font-size:9px;
	color:#666;
	border:1px solid #c4dd69;
	margin:0 2px 0 0;
	background:#c4dd69;
}

/*headlineのアイコン*/
.icon_2{
	font-size:9px;
	color:#666;
	border-top:1px solid;
	border-bottom:1px solid;
	border-right:2px solid;
	border-left:2px solid;
	border-color:#89c3eb;
	margin:0 2px 0 0;
	background:#89c3eb;
}

.icon_3{
	font-size:9px;
	color:#666;
	border:1px solid #fff462;
	margin:0 2px 0 0;
	background:#fff462;
}

.icon_4{
	font-size:9px;
	color:#666;
	border:1px solid #ccccff;
	margin:0 2px 0 0;
	background:#ccccff;
}

.icon_5{
	font-size:9px;
	color:#666;
	border:1px solid #ffa07a;
	margin:0 2px 0 0;
	background:#ffa07a;
}

.icon_6{
	font-size:9px;
	color:#666;
	border-top:1px solid;
	border-bottom:1px solid;
	border-right:2px solid;
	border-left:1px solid;
	border-color:#ffc0cb;
	margin:0 2px 0 0;
	background:#ffc0cb;
}

.icon_7{
	font-size:9px;
	color:#666;
	border:1px solid #c4dd69;
	margin:0 2px 0 0;
	background:#c4dd69;
}

.icon_8{
	font-size:9px;
	color:#666;
	border-top:1px solid ;
	border-bottom:1px solid;
	border-right:2px solid;
	border-left:3px solid;
	border-color:#afeeee;
	margin:0 2px 0 0;
	background:#afeeee;
}

/*======================================

	 button Module
	
=======================================*/
button{
	color:#666;
	_padding:0; /* for IE */
	border-width:1px;
	border-style:solid;
	border-color:#c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	background:url("../img/bg_grad.gif") repeat-x;
	font-size:85%;
	text-transform:uppercase;
	cursor:pointer;
	white-space:nowrap;
}

#write{
	float:right;
}

#write button{
	margin:0 0 0 3px;
}

html>/**/body div #write button{
	float:left; /* for firefox */
}

#preview_button_area{
	margin:0 3px 5px 0;
	float:right;
}

html:first-child button{/* Opera */
	padding:2px;
}

#new,
#view{
	float:left;
}

.editing{
	margin:0 1px;
}

.delete{
	margin:0 1px;
}

/*注意書き*/
.footnote{
	font-size:9px;
	margin:0 0 0 10px;
	color:#bcbcbc;
}

/*======================================
	 access Module
=======================================*/
#access_navi_area{
	text-align:center;
	margin-bottom:20px;
}

#access_navi_area button{
	color:#666;
	border-width:1px;
	border-style:solid;
	border-color:#c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	background:url("../img/bg_grad.gif") repeat-x;
	font-size:85%;
	text-transform:uppercase;
	cursor:pointer;
	white-space:nowrap;
	margin:0 2px;
}

span.access_navi{
	color:#000;
	margin:0 2px 0 0px;
	border-width:1px;
	border-style:solid;
	border-color:#c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	background:url("../img/bg_grad.gif") repeat-x;
	font-size:11px;
	text-transform:uppercase;
	white-space:nowrap;
	padding:2px 0px 0px 2px;
	/padding:3px 17px 0px 17px;
	width:auto;
}

#daymode_button_area{
	float:right;
}

#daymode_button_area form.button{
	width:10em;
}

#month_button_area{
	text-align:center;
}

#month_button_area form{
	display:inline;
}

span.access_data{
	font-weight:bold;
}

#footer{
	text-align:center;
	font-size:9px;
	margin-bottom:24px;
}

#footer a{
	text-decoration:none;
}

/*======================================
	loading
=======================================*/
#preloader{
	position:absolute;
	top:50%;
	left:50%;
}

#no_cookie{
	color:silver;
}

/*======================================
	demo
=======================================*/
#codicil{
	position:absolute;
	right:0;
	bottom:0;
	z-index:-9999;
	padding:10px;
	font-size:12px;
	white-space:nowrap;
	line-height:14px;
}

#codicil p{
	margin:0;
	padding:0;
}

#codicil ul{
	margin:0 0 0 1em;
	padding:0;
}