/* -------------------------------------------------------- 
	Contents Style Sheet of SAKURA FUDOSAN.
	Last Update 2007-12-6

	1.Share Style 
	2.about_hakuba.html
	3.about_japan.html
	4.area
	5.resideatial.html
	6.details.html

----------------------------------------------------------- */

/*
 1.Share Style [
----------------------------------------------------------- */
.main_top {
	width: 858px;
	height: 85px;
	background: url(images/main_top.gif) no-repeat;
}
.mainContent {
	clear: both;
	padding: 58px 36px 0 40px;
}
.mainContent2 {
	clear: both;
	padding: 37px 36px 0 40px;
}
.title {
	margin: 60px 0 0 40px;
	font-size: 20px;
	color: #50AE49;
	font-weight: bold;
}
.right_area {
	float: right;
	width: 200px;
}
.clear {
	clear: both;
}
.b_top {
	width: 146px;
	padding-left: 692px;
}
.sb {
	float: right;
}

/*
 2.about_hakuba.html [
----------------------------------------------------------- */
.back_hakuba {
	width: 850px;
	background: url(images/about/b_img_hakuba.gif) no-repeat;
	margin: 0 4px 0 4px;
}
p.ah {
	float: left;
	width: 440px;
}
.photo_y {
	margin-bottom: 10px;
}
.photo_x {
	float: left;
	margin-right: 10px;
}
/*
 3.about_japan.html [
----------------------------------------------------------- */
.back_japan {
	width: 850px;
	background: url(images/about/b_img_japan.gif) no-repeat;
	margin: 0 4px 0 4px;
}
.text_left {
	float: left;
	width: 552px; 
	padding-bottom: 10px;
}

.img_right   { float: left; margin-left: 22px; width: 200px; display: inline }

.img_left  { float: left; width: 200px }
.text_right   { float: left; margin-left: 22px; width: 552px; display: inline }

.line_s {
	width: 552px;
	border-bottom: 1px solid #A0D0A0;
	margin: 10px 0 10px 0;  
}
.line_title {
	width: 552px;
	border-bottom: 1px solid #A0D0A0;
	margin: 5px 0 10px 0;  
}
.line  { clear: both; margin: 10px 0 15px; border-bottom: 1px solid #a0d0a0; width: 774px }
.line2   { clear: both; margin: 0px 0px 15px; padding: 10px 0px 0px; border-bottom: 1px solid #a0d0a0; width: 774px }
dl.aj {
	margin-top: 10px;
	border-top: 1px solid #A0D0A0;
}
dl.aj dt {
	padding-top: 10px;
}
dl.aj dd {
	padding-top: 5px;
	text-indent: 25px;
	line-height: 1.5em;
}
/*
 4.area [
----------------------------------------------------------- */
ul.a_navi {
	padding-left: 63px;
}
ul.a_navi li {
	float: left;
}
.area_text {
	clear: both;
	float: left;
	width: 460px; 
	padding: 0 23px 0 23px;
}
.area_text2 {
	clear: both; 
	padding: 0 23px 0 23px;
}
p.area_title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.0em;
}
p.area {
	padding-top: 15px;
	font-size: 11px;
	line-height: 1.3em;
}
.r_photo {
	float: left;
	border: 1px solid #848484;
	padding: 1px;
	width: 262px;
	margin-bottom: 50px;
}

/*
 5.resideatial.html [
----------------------------------------------------------- */
.dot {
	clear: both;
	width: 770px;
	height: 41px;
	background: url(images/dot.gif) repeat-x center;
}
table.residential_list {
	width: 770px;
	font-size: 12px;
}
.l_photo {
	float: left;
	border: 1px solid #848484;
	padding: 2px;
	width: 98px;
}
.list_title {
	color: 5AB94F;
	font-weight: bold;
	padding: 0 0 10px 15px;
	line-height: 1.0em;
}
.residential_text {
	width: 315px;
	background: url(images/residential/template/shadow.gif) no-repeat bottom right;
	font-size: 11px;
	line-height: 1.3em;
	padding: 0 15px 0 15px;
}
.type {
	width: 186px;
	font-weight: bold;
	padding-left: 20px;
}
.sb_more img{
	float: right;
	margin-top: 15px;
}

/*
 6.details.html [
----------------------------------------------------------- */
.title_text   { color: #50ae49; font-weight: bold; font-size: 20px; vertical-align: bottom; padding: 55px 0px 0px 40px }
.b_top2    { vertical-align: top; padding-left: 667px; width: 146px; display: block }
.detail_left {
	float: left;
	width: 460px;
	height: 470px;
	background: url(images/details/template/shadow.gif) no-repeat right;
}
.detail_right {
	float: left;
	width: 300px;
	margin-left: 12px;
}
.sb2 {
	float: right;
	margin-right: 10px;
}
.d_dot {
	height: 1px;
	width: 440px;
	background: url(images/dot.gif) repeat-x;
	margin-top: 9px;
}
p.detail  { font-size: 11px; letter-spacing: 0; width: 440px }
.box-h55m40txt20green { color: #50ae49; font-weight: bold; font-size: 20px; padding: 55px 0px 0px 40px; display: block }
/* ____ Detailed Information on Article table ___________ */
.td-border1-greenb       { font-weight: bolder; font-size: 12px; padding: 2px 0px 0px; border-bottom: 1px solid #a0d0a0; width: 35%; border-collapse: collapse; border-spacing: 0px }
.td-border1-green       { font-size: 12px; padding: 2px 0px 0px; border-bottom: 1px solid #a0d0a0; width: 65%; border-collapse: collapse; border-spacing: 0px }
.btn01 { float: left }
.btn02 { float: left; margin-left: 10px }
dl.d_list {
	margin-top: 48px;
	width: 440px;
	line-height: 1.5em;
}
dl.d_list dt {
	float: left;
	width: 143px;
	border-bottom: 1px solid #A0D0A0;
	font-weight: bold;
}
dl.d_list dd {
	float: left;
	width: 297px;
	border-bottom: 1px solid #A0D0A0;
}
ul.s_photo li{
	padding-top: 20px;
	float: left;
}
li.s_photo_x {
	padding-left: 10px;
}

/*____ floatを使い用語定義を横並び ___________ */
/* margin、padding は 0 なんで dt、dd それぞれの line-height 値の半分を足した値をマイナス */
.sosiki dt   { font-weight: bold; font-size: 12px; line-height: 1.6em; margin: 0; padding: 0; width: 15em }
.sosiki dd   { font-size: 12px; line-height: 1.6em; margin-top: -1.6em; margin-left: 15em; padding: 0 }

#company01 dt    { color: #000; font-weight: bold; margin-bottom: 5px; width: 15em; }
#company01 dd    { margin-bottom: 5px; margin-left: 15em; margin-top: -2.3em; }

#company02 dt     { margin-bottom: 10px; width: 15em }
#company02 dd    { margin-bottom: 10px; margin-left: 10em; margin-top: -2.3em; }

#kaso01 dt    { margin-bottom: 10px; width: 15em; }
#kaso01 dd    { margin-bottom: 10px; margin-left: 4em;  margin-top: -2.3em; }

/* ____ レイアウトbox ___________ */
.box-h25  { margin-bottom: 10px; padding-top: 25px; border-bottom: 1px solid #a0d0a0 }
.box-h48   { margin-top: 48px }