@charset "utf-8";

/***************************************************
	optional.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.n02 a {	background-position: 0 -55px;}

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

#contents.index .main .list {
	float: left;
	width: 322px;
	padding: 0 30px 20px 0;
}
#contents.index .main .list.n02	{	padding-right: 0;}

#contents.index .main .list li {
	float: right;
	width: 185px;
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 2.0;
}
#contents.index .main .list li.image {
	float: left;
	width: 121px;
}
#contents.index .main .list li.text {
	min-height: 90px;
	_height: 90px;
}
#contents .banner_l {
	width: 347px;
	float: left;
}
#contents .banner_r {
	width: 80px;
	float: right;
}

/* リフォーム情報トップ reform/index.html
------------------------------------------------------------ */
#contents.r_index .main h3 {	padding: 0 0 5px 0;}
#contents.r_index .main h4 {	padding: 10px 0 5px;}
#contents.r_index .main #contents_reform p {
	margin: 0 0 25px 10px;
	padding: 0;
	line-height: 17px;
	color: #333333;
	background: url(../img/temp/line.gif);
	width: 655px;
}
#contents.r_index .main .image {	padding: 0 0 25px 10px;}
#contents.r_index .main .image img {	padding-right: 10px;}
#contents.r_index .main dfn {	display: block;	text-align: right;}
#contents.r_index .main .banner_reform_pdf{ padding: 0 0 10px 0;}

/* リフォーム進め方 reform/plan.html
------------------------------------------------------------ */
#contents.r_plan .main h3 {	padding: 0 0 5px 0;}
#contents.r_plan .main table {
	width: 653px;
	margin: 10px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	line-height: 1.5;
}
#contents.r_plan .main td {	padding: 10px 0 10px 0;}
#contents.r_plan .main td.td_text {
	margin: 0;
	padding: 0;
	line-height: 17px;
	color: #333333;
	background: url(../img/temp/line.gif);

}
#contents.r_plan .main td.td_img{
	padding: 0 20px 0 0;
}

/* リフォームメニュー reform/menu.html
------------------------------------------------------------ */
#contents.r_menu .main h3 {	padding: 0 0 5px 0;}
#contents.r_menu .main table {
	width: 635px;
	margin: 10px 0px 0px 30px;
	padding: 5px 5px 5px 5px;
	line-height: 1.5;
}
#contents.r_menu .main td {	padding: 5px 0 5px 5px;}
#contents.r_menu .main td img {	padding-right: 10px;}
#contents.r_menu .main td.td_img img { margin-right:20px;}

/* 住まいのメンテナンス reform/maintenance.html
------------------------------------------------------------ */
#contents.r_maintenance .main h3 {	padding: 0 0 5px 0;}
#contents.r_maintenance .main .img {
	padding: 10px 0 25px;
	text-align: center;
}
#contents.r_maintenance .main #contents_mente p {
	margin: 0 0 10px 10px;
	padding: 0;
	line-height: 17px;
	color: #333333;
	background: url(../img/temp/line.gif);
	width: 655px;
}

/* アフターケア after/index.html
------------------------------------------------------------ */
#contents.a_index .main h3 {	padding: 0 0 15px 0;}

#contents.a_index .main h4 {	margin-left: 10px;}
#contents.a_index .main .box01 dfn {
	display: block;
	margin: 15px 0 15px 10px;
}
#contents.a_index .main .box01 p {
	width: 655px;
	margin: 0px 0px 15px 18px;
	padding: 0px;
	line-height: 17px;
	background: url(../img/temp/line.gif);
}

#contents.a_index .main .box02 {
	float: left;
	width: 310px;
	padding-left: 10px;
}
#contents.a_index .main .box02 h4 {	margin: 20px 0px;}
#contents.a_index .main .box02 ul {
	margin: 40px 0 30px 0;
	padding: 0;
}
#contents.a_index .main .box02 li {
	margin: 0 0 15px;
	padding: 0;
}
#contents.a_index .main .box02 p {
	line-height: 17px;
	background-image: url(../img/temp/line.gif);
}
#contents.a_index .main .box02 cite {
	margin: 20px 0 0 0;
	padding: 0;
}
#contents.a_index .main .box02 dl	{
	float: left;
	width: 310px;
	margin: 0;
	padding: 0;
}
#contents.a_index .main .box02 dd	{
	margin: 0px;
	color: #666666;
	font-size: 13px;
	font-wight: bold;
	line-height: 120%;
}
#contents.a_index .main .box03 {
	float: left;
	width: 340px;
	padding: 15px 0 0 10px;
}
#contents.a_index .main .box03 dfn {
	display: block;
	margin-bottom: 15px;
}

/* アフターケア 保証 after/mente.html
------------------------------------------------------------ */
#contents.a_mente .main h3 {	padding: 0 0 15px 0;}
#contents.a_mente .main dfn {
	display: block;
	padding: 0 0 15px 5px;
}
#contents.a_mente #contents_a_mente .main p {
	padding: 0 0 15px 5px;
}

/* セミオーダー semi/index.html
------------------------------------------------------------ */
#contents.semi .main h3 {	padding: 10px 0 15px 10px;}
#contents.semi .main p.semi1 {
	width: 655px;
	margin: 0px 0px 25px 10px;
	padding: 0px;
	line-height: 17px;
	background-image: url(../img/temp/line.gif);
}

#contents.semi .main .semi02 {	margin: 0 0 25px 10px;}
#contents.semi .main .semi02 .semi_order{
	float: left;
	width: 205x;
	margin: 10px 0;
	_margin: 0;
}
#contents.semi .main .semi02 .semi_order2{
	float: left;
	width: 205px;
	margin: 10px 0 10px 20px;
	_margin: 0 0 0 10px;
}
#contents.semi .main .semi02 .txt {
	width: 194px;
	min-height: 90px;
	_height: 90px;
	padding: 0 8px;
	color:#395689;
	line-height: 1.5;
	background: url(../img/optional/semi/semi_bg.gif) repeat-y;
}
#contents.semi .main .semi03{ 
	margin: 0 0 20px 0;
	min-height: 175px
}
#contents.semi .main .semi03 h3,
#contents.semi .main .semi04 h3 {
	float: left;
	width: 350px;
	margin-left: 10px;
	_margin-left: 5px;
}
#contents.semi .main .semi03 dfn {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 183px;
	text-align:center;
}
#contents.semi .main .semi04 dfn {
	float: right;
	margin: 0;
	padding: 0px;
	width: 183px;
	text-align:center;
}
#contents.semi .main .semi03 p,
#contents.semi .main .semi04 p {
	float: left;
	width: 450px;
	margin: 0px 0px 15px 18px;
	_margin: 0px 0px 15px 8px;
	padding: 0px;
	line-height: 17px;
	background: url(../img/temp/line.gif);
}

/* ご入居までのスケジュール schedule/index.html
------------------------------------------------------------ */
#contents.schedule .main h3 {
	float: left;
	width: 147px;
}
#contents.schedule .main h4 {
	float: left;
	width: 420px;
	padding: 25px 0 0;
}

#contents.schedule .main p.contents_text {
	width: 562px;
	margin: 15px 0px 20px 10px;
	padding: 0px;
	line-height: 17px;
	background: url(../img/temp/line.gif);
}
#contents.schedule .main dfn {
	display: block;
	margin-left: 10px;
}

/* Go！Go！モデルハウス modelhouse/index.html
------------------------------------------------------------ */
#contents.modelhouse .main h3 {	padding: 0 0 15px 0;}
#contents.modelhouse .main h4 {	padding: 0 0 20px 10px;}
#contents.modelhouse .main p {
	padding: 0 10px 10px;
}
#contents.modelhouse .main .formbg {
	width : 655px;
	height: 70px;
	margin: 5px;
	padding: 5px;
	background: url(../img/optional/modelhouse/background.jpg);
}
#contents.modelhouse .main .formbtn {
	float: left;
	width : 310px;
	padding: 10px 0px 10px 11px;
}
#contents.modelhouse .main .modelimg {
	float: left;
	width : 245px;
	padding: 5px 0 20px 50px;
}

/* RAKUSAI GALLERY gallery/index.html
------------------------------------------------------------ */
#contents.gallery .main h3 {	padding: 0 0 15px 0;}
#contents.gallery .main .cpt1 p {
	width: 645px;
	margin-left: 10px;
	line-height: 17px;
	background: url(../img/temp/line.gif);

}
#contents.gallery .main .cpt1 dfn {
	display: block;
	margin: 15px 0 20px 10px;
}

#contents.gallery .main .cpt2 {
	float: left;
	width: 400px;
	padding-left: 10px;
}
#contents.gallery .main .cpt2 p {
	width: 400px;
	margin: 10px 0;
	line-height: 17px;
	background: url(../img/temp/line.gif);
}
#contents.gallery .main .cpt2 h4 {	padding: 10px 0;}
#contents.gallery .main .cpt3 {
	float: left;
	width: 250px;
}
#contents.gallery .main .cpt3 ul {
	padding: 0 0 0 15px;
}
#contents.gallery .main .cpt3 li {
	padding: 0 0 15px 0;
}