@charset "utf-8";

/***************************************************
	real.css
	物件情報レイアウトスタイル定義
***************************************************/
/* ------------------------------------------------------------
Font Size (default:13px)
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
------------------------------------------------------------ */

#gnavi li.n03 a {	background-position: 0 -55px;}

/* トップページ index.html
------------------------------------------------------------ */
#contents.index .main h3,
#contents.index .main h4 {	margin-bottom: 20px;}

#contents.index .main .box_about p.text {
	padding: 10px;
}
#contents.index .main .box_about p.btn {
	padding: 10px 10px 50px;
}
#contents.index .main .box_about p.image {text-align:center;}
#contents.index .main .box_rakusai p.image {
	float: left;
	width: 206px;
}
#contents.index .main .box_rakusai p.text {
	float:right;
	width: 429px;
	margin: 10px 20px 0 0;
	padding: 0 5px;
	line-height: 24px;
	background: url(../img/temp/border02.gif);
	display: inline;
}
#contents.index .main .box_rakusai p.btn {
	float:right;
	width: 429px;
	padding: 30px 20px 0 0;
	text-align: right;
}

/* 洛西建設について about/index.html
------------------------------------------------------------ */
#contents.about_index .main h4 {
	margin: 10px 0 15px 10px;
	padding: 0px;
}
#contents.about_index .main dfn {
	width: 207px;
	float: right;
	padding-right: 5px;
}
#contents.about_index .main p.company_about_text{
	float: left;
	width: 665px;
	margin: 0 0 25px 10px;
	padding: 0;
	line-height: 17px;
	background: url(../img/temp/line.gif);
	display: inline;
}
#contents.about_index .main h5 {
	float: left;
	width: 436px;
	padding: 0 0 11px 10px;
}
#contents.about_index .main ol {
	clear: both;
	margin-top: 10px;
}
#contents.about_index .main li {
	margin: 0 0 5px 10px;
	list-style-position: inside;
	list-style-type: decimal;
	border-bottom: 1px dotted #CCCCCC;
}

/* 会社概要 about/com.html
------------------------------------------------------------ */
#contents.about_com .main table {
	padding: 0px;
	margin: 20px auto 0;
	line-height: 2.0;
}
#contents.about_com .main th {
	color: #003366;
	font-weight: normal;
	text-align: left;
}
#contents.about_com .main table img {	vertical-align: baseline;}

/* コンセプト about/concept.html
------------------------------------------------------------ */
#contents.about_concept .main h4 {
	margin: 10px 0px 15px 10px;
	padding: 0px;
}
#contents.about_concept .main h4.n02 {	clear: both;	padding-top: 20px;}
#contents.about_concept .main dfn {
	float: right;
	width: 200px;
}
#contents.about_concept .main address {
	float: right;
	width: 180px;
}
#contents.about_concept .main p.concept_text {
	float: left;
	width: 611px;
	margin: 0 0 15px 25px;
	padding: 0;
	line-height: 17px;
	color: #333333;
	background: url(../img/temp/line.gif);
	display: inline;
}
#contents.about_concept .main p.btn	{
	padding-top: 10px;
	background: none;
}
/* 事業内容 about/biz.html
------------------------------------------------------------ */
#contents.about_biz .main h3 {
	margin: 0 0 15px 0;
}
#contents.about_biz .main dfn {
	display: block;
	width: 655px;
	margin: 0 0 20px 10px;
	background: url(../img/temp/line.gif);
	line-height: 17px;
}
#contents.about_biz .main h4 {
	float: left;
	width: 235px;
	padding: 0 0 40px 10px;
}
#contents.about_biz .main #contents_biz p {
	float: right;
	width: 410px;
	margin-top: 40px;
	margin-right: 7px;
	line-height: 17px;
	background: url(../img/temp/line.gif);
	display: inline;
}

/* 沿革 about/history.html
------------------------------------------------------------ */
#contents.about_history .main h4 {
	margin: 10px 0 15px 10px;
}
#contents.about_history .main #contents_history p{
	margin: 0 20px 10px 10px;
	line-height: 17px;
	color: #333333;
	background: url(../img/temp/line.gif);
}
#contents.about_history .main h5 {
	margin: 25px 0 20px 10px;
}
#contents.about_history .main table {
	margin-left: 20px;
	line-height: 2.0;
}
#contents.about_history .main table img {	vertical-align: baseline;}

/* 施工実績 about/jisseki.html
------------------------------------------------------------ */
#contents.about_jisseki .main #bunjou {
	margin-left: 8px;
	padding-top: 100px;
	background: url(../img/company/about/bunjou.jpg) no-repeat;
}
#contents.about_jisseki .main #doboku {
	margin-left: 8px;
	padding-top: 160px;
	background:  url(../img/company/about/doboku.jpg) no-repeat;
}
#contents.about_jisseki .main #doboku h6 {
	font-size: 14px;
	margin-left: 20px;
	color: #003366;
}

/* もっと住みたい街 rakusai/index.html
------------------------------------------------------------ */
#contents.r_index .main h3 {	margin-bottom: 0px;}
#contents.r_index .main .cpt {
	width: 340px;
	float: left;
	padding-left: 5px;
	padding-top: 15px;
}
#contents.r_index .main .cpt h3 {	padding: 10px 0;}
#contents.r_index .main .cpt p {
	width: 330px;
	margin: 0 0 15px;
	padding: 0px;
	line-height: 17px;
	background-image: url(../img/temp/line.gif);

}
#contents.r_index .main .img {
	float: left;
	width: 325px;
}
#contents.r_index .main .img ul {
	margin: 0;
	padding: 0;
}
#contents.r_index .main .img li {
	margin: 5px 0 0 0;
}

/* 洛西建設のこだわり rakusai/feature.html
------------------------------------------------------------ */
#contents.r_feature .main h3.t01 {	margin-bottom: 15px;}

#contents.r_feature .main #be h3 {	margin-bottom: 10px;}

#be h3 {
	width: 655px;
}
#be p {
	margin: 0px 0px 25px 10px;
	padding: 0px;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	background-image: url(../img/temp/line.gif);
	background-repeat: repeat;
	width: 655px;
}
#be2 h3 {
	width: 200px;
	margin-left: 10px;
	float: left;
	margin-bottom: 15px;
}


#be2 p {
	margin: 0px 0px 15px 10px;
	padding: 0px;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	background-image: url(../img/temp/line.gif);
	background-repeat: repeat;
	width: 445px;
	float: left;
}

#be2 dl	{
	margin: 10px 0px 15px 10px;
	padding: 0px;
	width: 400px;
	float: left;
	
}
#be2 dd	{
	color: #666666;
	font-size: 13px;
	font-wight: bold;
	margin: 0px;
	line-height: 120%;
}

/* 洛西建設のスタッフ rakusai/staff.html
------------------------------------------------------------ */
#contents.r_staff .main h3.t01 {	margin-bottom: 15px;}
#contents.r_staff .main #stuff h3 {
	width: 655px;
	margin-left: 10px;
	margin-bottom: 4px;
}
#contents.r_staff .main #stuff p {
	margin: 0px 0px 35px 10px;
	padding: 0px;
	line-height: 17px;
	background-image: url(../img/temp/line.gif);
	width: 655px;
}
#contents.r_staff .main #stuff dfn {
	display: block;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
}
#contents.r_staff .main #intro .staff {
	float: left;
	width: 330px;
	padding: 0;
	margin: 0;
}
#contents.r_staff .main .staff dfn {
	float: left;
	width: 140px;
	padding: 0px;
	margin: 0 0 15px 0;
}
#contents.r_staff .main .staff p {
	float: right;
	width: 170px;
	padding: 0px;
	margin: 0 5px 10px 0;
}
#contents.r_staff .main #intro {
	padding: 0px;
	margin: 0 0 0 5px;
}

#contents.r_staff .main .staff .headline {
	background-color: #E4E9F1;
	padding: 3px;
	line-height: 140%;
	color: #003366;
}
#contents.r_staff .main #intro h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#contents.r_staff .main .staff .lead {
	line-height: 17px;
	color: #333333;
	background-image: url(../img/temp/line.gif);
}
