@charset "utf-8";

@import "base.css";
@import "common.css";


/* ● personalヘッダー・メインビジュアル --------------------*/

body {background: #F3F3F3 url(../img/personal/bg.gif) top center repeat-x;}
#topicpath a {color:#408E11;text-decoration:underline;}
#topicpath a:hover {color:#ccc;text-decoration:none;}

#Perhead_box {
	width: 1050px;
	margin: 0 auto;
	height: 300px;
	background-image: url(../img/personal/bg_inner.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#Perhead_box #Header{
	background-image: url(../img/header/freedial_p.gif);
	background-position: right 40px;
}
#Container_inner{	
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/page/bg_container.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-top: 10px;}
#Container{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#Title_header{
	margin-bottom: 7px;
	}
#Sub{
	padding-left: 15px;
	width: 190px;
}
#Main {
	float: right;
	width: 640px;
	margin-bottom: 40px;
	margin-right: 20px;
	}

/*　#Personal
-------------------------------------*/
#Personal {
	width: 640px;
}
#Personal a {color:#408E11;text-decoration:underline;}
#Personal a:hover {color:#999;text-decoration:none;}
#Personal h3 {margin-bottom: 20px;}
#Personal h4 {margin-bottom: 20px;font-size: 140%;}
#Personal h5 {
	margin-bottom: 20px;
	font-size: 140%;
	background-image: url(../img/personal/shadow_line_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
}
#Personal .serviceCol2-box {width: 640px;padding-top: 10px;}
#Personal .serviceCol2-box .serviceCol2-clearfix {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#Personal .Col2-setleft  {display: block;float: left;width: 310px;}
#Personal .Col2-setright {display: block;float: right;width: 310px;}
#Personal .serviceCol2-box .info-block-top {
	background-image: url(../img/contents/contbox310-top.gif);
	background-repeat: no-repeat;
	height: 4px;
	overflow: hidden;
}
#Personal .serviceCol2-box .info-block {
	background-image: url(../img/contents/contbox310-body.gif);
	background-repeat: repeat-y;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#Personal .serviceCol2-box .info-block-bottom {
	background-image: url(../img/contents/contbox310-bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}#Personal .info-block h4 {margin-bottom: 7px;}
#Personal .info-block p {padding-top: 8px;padding-right: 12px;padding-bottom: 4px;padding-left: 12px;margin: 0px;}
#Personal .info-block .detail {display: block;text-align: right;padding-right: 12px;}
#Personal .info-block .detail a {background-image: url(../img/contents/s-arrow.gif);background-repeat: no-repeat;background-position: left center;padding-left: 7px;}


#Personal .info-block h4 a{
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 35px;
	width: 302px;
	}
#Personal .info-block .service-01 a {background-image: url(../../personal/img/service-01.jpg);}
#Personal .info-block .service-02 a {background-image: url(../../personal/img/service-02.jpg);}
#Personal .info-block .service-03 a {background-image: url(../../personal/img/service-03.jpg);}
#Personal .info-block .service-04 a {background-image: url(../../personal/img/service-04.jpg);}
#Personal .info-block .service-05 a {background-image: url(../../personal/img/service-05.jpg);}

#Personal .info-block h4 a:hover{
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

#Personal .tel{color: #459812;font-weight: bold;}

/*　left_shadow_box
-------------------------------------*/
.left_shadow_box {
	background-image: url(../img/personal/shadow_line_body.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 30px;
}
.left_shadow_box .left_shadow_inner {
	background-image: url(../img/personal/shadow_line_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.left_shadow_box .left_shadow_inner .left_shadow_clearfix {
	background-image: url(../img/personal/shadow_line_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 18px;
	padding-bottom: 10px;
}
#Personal .price {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#Personal .price th {
	font-weight: bold;
	color: #FFF;
	background-image: url(../img/personal/thbg.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #459812;
	border-left-color: #459812;
	font-size: 12px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}
#Personal .price td {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
}

#Personal .flow-02 {
	background-image: url(../../personal/img/flow-02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 640px;
	overflow: hidden;
}
#Personal .flow-03 {
	background-image: url(../../personal/img/flow-03.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 640px;
	overflow: hidden;
}
#Personal .flow-body-1 {
	background-image: url(../../personal/img/flow-01.gif);
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-repeat: no-repeat;
	height: 70px;
	padding-top: 30px;
}
#Personal .flow-body {
	background-image: url(../../personal/img/flow-body.gif);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#Personal .flow-body p {
	margin: 0px;
}
#Personal .flow-btm {
	background-image: url(../../personal/img/flow-bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 640px;
	overflow: hidden;
	margin-bottom: 10px;
}
#Personal .contact-btn {
	display: block;
	height: 82px;
	width: 225px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../../personal/img/inquiry-btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#Personal .contact-btn a{
	display: block;
	height: 55px;
	width: 225px;
	text-indent: -9999px;
}
#Personal .contact-btn a:hover{
	background-image: url(../../personal/img/inquiry-btn.jpg);
	background-repeat: no-repeat;
	background-position: -225px 0px;
}
#Personal .img-photo {
	background-image: url(../../personal/img/estate-sale/photo-bg.gif);
	background-repeat: no-repeat;
	padding: 5px;
	margin-bottom: 20px;
}