/*************************************************************************
	topPage
*************************************************************************/


/************ articleArea *************/

div#article_area{
	width : 478px;
	height : 200px;
	background : transparent url(./../images/article_base.jpg) no-repeat;
	position : relative;
}

div#article_area h2{
	display : none;
}

div#article_area p{
	width : 240px;
	font-size : 12px;
	line-height : 16px;
	color : #fff;
	position : absolute;
	top : 57px;
	right : 10px;
}

div#article_area p a{
	color : #fff;
	text-decoration : none;
}

div#article_area p a:hover{
	text-decoration : underline;
}

div#detail{
	width : 188px;
	height : 46px;
	background : transparent url(./../images/article_link.gif) no-repeat;
	position : absolute;
	bottom : 7px;
	right : 7px;
}

div#detail a{
	width : 188px;
	height : 46px;
	background : transparent url(./../images/article_link.gif) no-repeat;
	text-indent : -9999px;
	display : block;
}

div#detail a:hover{
	background : transparent url(./../images/article_link_on.gif) no-repeat;
}


/************ bukkenListArea *************/

div.title_box{
	margin-top : 10px;
	width : 478px;
	height : 28px;
	background : transparent url(./../images/subtitle01.gif) no-repeat;
}

div.title_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.title_box h3{
	width : 100px;
	height : 28px;
	background : transparent url(./../images/subtitle01.gif) no-repeat;
	text-indent : -9999px;
	float : left;
}

.title_box p{
	margin : 4px 2px 0px 0px;
	width : 80px;
	height : 20px;
	background : transparent url(./../images/bt_list.gif) no-repeat;
	float : right;
}

.title_box a{
	width : 80px;
	height : 20px;
	display : block;
	background : transparent url(./../images/bt_list.gif) no-repeat;
	text-indent : -9999px;
	text-decoration : none;
}

.title_box a:hover{
	background : transparent url(./../images/bt_list_on.gif) no-repeat;
}


.item_box{
	clear : both;
	padding : 10px 5px 5px 5px;
	border-bottom : #999 dotted 1px;
}

div.item_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.item_box h4 a{
	color : #333;
}

.item_box h4 a:hover{
	color : #39c;
}

div.photo{
	float : left;
	width : 100px;
}

div.bukken_info{
	float : right;
	width : 300px;	
}

div.bukken_info:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.whereabout{
	font-size : 0.8em;
	color : #333;
}

.whereabout a{
	color : #39c;
}


.bukken_info table{
	width : 200px;
	float : left;
}

.bukken_info td{
	font-size : 0.8em;
}

td.line{
	color : #666;
}

td.size span{
	font-size : 1.2em;
	font-weight : bold;
}

td.price span{
	font-size : 1.5em;
	font-weight : bold;
	color : #f00;
}

.item_box p{
	clear : both;
	padding : 10px 0px 0px 10px;
	font-size : 0.7em;
	color : #666;
}

div.estimation{
	padding-top : 20px;
	width : 100px;
	float : right;
}


/*************************************************************************
	memberPage	bukken_detail
*************************************************************************/

.member_page h2{
	clear : both;
	margin : 0 auto;
	margin-top : 15px;
	padding : 3px 0px 0px 10px;
	width : 660px;
	height : 30px;
	font-size : 23px;
	background : transparent url(./../images/title_member.gif) no-repeat;
}

.member_page h3{
	margin : 10px 0px 10px 10px;
	padding : 4px 0px 0px 13px;
	height : 24px;
	font-size : 1em;
	background : transparent url(./../images/arrow04.gif) no-repeat;
}

.member_page h4{
	margin : 0px 0px 10px 0px;
	padding : 4px 0px 0px 13px;
	font-size : 0.9em;
}


#contents_inside{
	margin : 0 auto;
	margin-top : 15px;
	width : 650px;
	position : relative;
}

#contents_inside table{
	font-size : 0.8em;
	color : #333;
}

#contents_inside th{
	text-align : left;
}


p.bukken_photo{
	width : 300px;
	float : left;
}

/************** bukkenEstimation *******************/

#bukken_estimation{
	padding-bottom : 15px;
	width : 330px;
	float : right;
}

div#bukken_estimation:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#bukken_estimation table{
	margin-top : 10px;
	width : 290px;
	color : #333;
	border-collapse : collapse;
	border : #666 solid 1px;
}

#bukken_estimation th{
	font-weight : normal;
	border : #666 solid 1px;
	background-color : #eee;
}

#bukken_estimation td{
	border : #666 solid 1px;
}

#bukken_estimation{
	color : #333;
}

#bukken_estimation h4{
	font-size : 0.9em;
	color : #333;
}

#bukken_estimation p{
	padding : 5px 0px 5px 5px;
}


/************** bukkenDetail *******************/

table#bukken_detail{
	margin-bottom : 10px;
	width : 650px;
	font-size : 0.8em;
	color : #333;
	border-collapse : collapse;
	border : #666 solid 1px;
}

#bukken_detail th{
	padding : 2px;
	font-weight : normal;
	border : #666 solid 1px;
	background-color : #eee;
}

#bukken_detail td{
	padding : 2px;
	border : #666 solid 1px;
}

#bukken_detail td a{
	color : #5081bc;
}


h4.table_title{
	margin : 0;
	padding : 3px 5px 5px 15px;
	clear : both;
	color : #fff;
	font-size : 14px;
	background-color : #333;
}

h4.room_num{
	margin : 0 auto;
	width : 650px;
	margin-top : 20px;
	padding : 5px 0px 5px 10px;
	font-size : 1.2em;
	color : #333;
	border-top : #333 solid 3px;
	border-bottom : #999 solid 1px;
}

/************** bukkenPost *******************/

#latestpost{
	font-size : 0.8em;
	color : #333;
}

#latestpost a{
	color : #5081bc;
}


div#index_list{
	margin : 0 auto;
	margin-top : 10px;
	width : 650px;
}

#bukken_list02 th{
	padding : 5px;
	text-align : left;
	color : #333;
	border : #999 solid 1px;
	background-color : #eee;
}

div#index_list a{
	color : #5081bc;
}

#index_list a:hover{
	color : #f90;
}

p.date_box{
	clear : both;
	padding : 5px 0px 5px 10px;
	font-size : 0.8em;
	color : #666;
}

/************** otherTables *******************/

table#bukken_list02{
	width : 650px;
	font-size : 0.8em;
	border : #999 solid 1px;
	border-collapse : collapse;
}

#bukken_list02 td{
	padding : 5px;
	border : #999 solid 1px;
}

p.size span{
	font-size : 1.2em;
	font-weight : bold;
}

p.price span{
	font-size : 1.5em;
	font-weight : bold;
	color : #f00;
}

#bukken_list02 h4{
	padding : 10px 0px 5px 5px; 
}

#bukken_list02 h4 a{
	font-size : 16px;
	color : #333;
}

#bukken_list02 h4 a:hover{
	color : #39c;
}

table.listing_table{
	margin-bottom : 10px;
	width : 650px;
	border : #666 solid 1px;
	border-collapse : collapse;
}

table.listing_table a{
	color : #5081bc;
}

table.listing_table a:hover{
	color : #f60;
}

.listing_table th{
	padding : 3px;
	border : #666 solid 1px;
	background-color : #eee;
	padding: 5px;
}

.listing_table td{
	padding : 5px;
	border : #666 solid 1px;
}

.listing_table ul{
	margin-left : 5px;
	list-style: none;
}

.listing_table ol{
	margin-left : 25px;
}

table.comment_table{
	width : 650px;
}

.comment_table th{
	margin : 10px 0px 10px 0px;
	padding : 10px 0px 10px 5px;
	border-top : #333 solid 2px;
	border-bottom : #666 dotted 1px;
}

.comment_table td{
	padding : 10px 0px 20px 0px;
}

.comment_table a{
	color : #5081bc;
}

table.bukkenevaluation{
	margin : 5px;
	border : #666 solid 1px;
	border-collapse : collapse;
	color : #333;
}

.bukkenevaluation th{
	padding : 3px;
	border : #666 solid 1px;
	background-color : #eee;
	text-align : center;
}

.bukkenevaluation td{
	padding : 3px;
	border : #666 solid 1px;
}

table.evaluation_table{
	margin : 10px 15px 10px 15px;
	border : #fff solid 1px;
	border-collapse : collapse;
	color : #333;
}

.evaluation_table th{
	padding : 5px;
	border : #999 solid 1px;
	background-color : #eee;
	font-size : 1.2em;
	text-align : center;
}

.evaluation_table td{
	padding : 5px;
	border : #999 solid 1px;
	font-size : 1.2em;
}

.comment_guide{
	padding : 0px;
	font-size : 0.8em;
	color : #333;
	position : absolute;
	top : -5px;
	right : 5px;
}

.comment_guide form{
	margin : 0;
	padding : 0;
}

#list_navi{
	margin : 5px 0px 10px 0px;
	font-size : 0.8em;
	color : #333;
	text-align: right;
}

#list_navi a{
	color : #5081bc;
}

#list_navi a:hover{
	color : #f90;
}


/************** otherPageElements *******************/

div#map{
	border : #ccc solid 1px;
}

#search_box{
	margin : 5px 5px 5px 5px;
	padding : 5px;
	width : 210px;
	background-color : #eee;
	border : #ccc solid 1px;
	text-align : center;	
}

#search_box form{
	margin : 0;
	padding : 0;	
}

#relation_type{
	margin : 20px 0px 10px 5px;
	font-size : 0.8em;
	line-height : 1.4em;
}

table.company_table{
	width : 300px;
	border : #666 solid 1px;
	border-collapse : collapse;
	color : #333;
}

.company_table th{
	padding : 3px;
	border : #666 solid 1px;
	background-color : #eee;
}

.company_table td{
	padding : 3px;
	border : #666 solid 1px;
}

#narrowing_box{
	padding : 5px 5px 10px 5px;
	margin-bottom : 10px;
	width : 340px;
	font-size : 0.8em;
	border-bottom : #999 dotted 1px; 
}


/*************************************************************************
	loginPage
*************************************************************************/

form#login_form{
	margin : 0px 0px 10px 0px;
	background-color : #eee;
}

.login_page a{
	padding-left : 10px;
	font-size : 0.9em;
}

/*************************************************************************
	newAccountPage
*************************************************************************/

div#condition_box{
	overflow : auto;
	margin : 10px 0px 10px 0px;
	padding : 10px;
	width : 600px;
	height : 200px;
	font-size : 1.0em;
	border : #ccc solid 1px;
}

div#condition_box ol{
	font-size : 1.2em;
}

div#condition_box ul{
	font-size : 1.2em;
}


/*************************************************************************
	staticPages
*************************************************************************/

.static_page div{
	margin : 0 auto;
	margin-bottom : 20px;
	width : 620px;
	font-size : 0.8em;
	color : #333;
}

.static_page p{
	margin : 0 auto;
	margin-bottom : 5px;
	width : 620px;
	font-size : 0.8em;
	color : #333;
}

.static_page h4{
	margin : 0px 0px 5px 0px;
	font-size : 1em;
	color : #333;
}

.static_page h5{
	margin : 0px 0px 5px 0px;
	font-size : 0.9em;
	color : #333;
}

.static_page h6{
	margin : 0px 0px 5px 0px;
	font-size : 0.8em;
	color : #333;
}

ul.list01{
	margin : 5px 0px 20px 15px;
	list-style : none;	
}

.list01 li{
	margin : 0px 0px 5px 0px;
	font-size : 0.8em;
	color : #333;	
}

ul.list02{
	margin : 5px 0px 20px 40px;	
}

.list02 li{
	margin : 0px 0px 5px 0px;
	font-size : 0.8em;
	color : #333;	
}

ul.list03{
	margin : 5px 0px 20px 40px;
	list-style : square;	
}

.list03 li{
	margin : 0px 0px 5px 0px;
	font-size : 0.8em;
	color : #333;	
}

.static_page ol{
	margin : 5px 0px 20px 40px;
	font-size : 0.8em;
	color : #333;	
}

.static_page ol li{
	margin : 0px 0px 5px 0px;
}

.dl_box div{
	float : left;
	margin : 0px 0px 0px 10px;
	width : 200px;
}

div.dl_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.dl_box p{
	width : 200px;
	font-size : 1.1em;
	color : #333;
}


.clearall{
	clear : both;
}

.form_error
{
	color: red;
}

.must
{
	color: red;
}
.example
{
	color: gray;
}



/*************************************************************************
	privacy
*************************************************************************/

#privacy{
	width : 620px;
	margin : 10px auto;
	font-size : small;
	line-height : 140%;
}

#privacy h3{
	margin-top : 20px;
	color : #335784;
}

#privacy div, #privacy p, #privacy h4, #privacy h5{
	margin-top : 10px;
	font-size : small;
}

#privacy li{
	margin-left : 40px;
}