@charset "EUC-JP";

/*■■ 共通 ■■*/

#main .inner {
	padding: 0px 9px 0px 10px;
	width: 670px;
}

#main div.cate-title {
	background: url(../img/title_bg1.jpg) no-repeat left top;
	width: 650px;
	margin: 0px 0px 5px;
	padding: 12px 10px;
	clear: both;
}

#main div.cate-title h2 {
	font-size: 16px;
	color: #669900;
}

#main div.cate-title a:link {
 color:#669900;
}

#main div.sub-title {
	background: url(../img/title_bg2.gif) repeat-x left bottom;
	width: 660px;
	margin: 0px 0px 10px;
	padding: 5px;
}

#main div.sub-title h3 {
	font-size: 14px;
	color: #996600;
	margin: 0px;
	padding: 5px 10px;
	border-left: 5px solid #99CC00;
}

#main div.sub-title h3 a:link{
 color:#996600;
}

/*　テキスト　*/

p.text {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/*******************************************************************************************************************/

/*■■ オススメするリフォームプラン　共通 ■■*/

body.osusume h2.cate-title {
	color: #663300;
	width: 650px;
	margin: 0px auto 15px;
	font-size: 16px;
	font-weight: bold;
}

body.osusume  div.system-free {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/*******************************************************************************************************************/

/*■■ 古民家再生リフォーム・バリアフリー・介護リフォーム ■■*/

#kominka h1#title {
	background: url(../img/kominka_title.jpg) no-repeat left top;
}

/*　type B　*/

#kominka div.type-b {
	width: 666px;
	border: 2px solid #996600;
	background: #FFF;
	margin-bottom: 40px;
}

#kominka div.type-b h3.sub-title {
	font-size: 16px;
	color: #FFF;
	background: #996600;
	margin-bottom: 10px;
	padding: 10px;
}

#kominka div.type-b div.system-free  {
	width: 650px;
	margin-bottom: 10px;
}

/*　type C　*/

#kominka div.arrow {
	background: url(../img/kominka_arrow.gif) no-repeat center bottom;
}

#kominka div.sp {
	clear: both;
	width: 670px;
	padding-bottom: 40px;
}

#kominka div.type-c {
	width: 668px;
	border: 1px solid #996600;
}

#kominka div.type-c h3.sub-title {
	font-size: 14px;
	color: #996600;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-bottom: 1px dotted #996600;
}

#kominka div.type-c div.system-free  {
	width: 650px;
	margin-bottom: 10px;
}

/*******************************************************************************************************************/

/*■■ バリアフリー・介護リフォーム ■■*/

#barrier-free h1#title {
	background: url(../img/barrier-free_title.jpg) no-repeat left top;
}

/*　ビフォー・アフター　*/

#barrier-free div.line {
	width: 670px;
	border-bottom: 1px dotted #D6D6D6;
	margin-bottom: 40px;
}

#barrier-free div.sp {
	margin-bottom: 15px;
}

#barrier-free table.photo {
	width: 650px;
	margin-bottom: 20px;
}

#barrier-free table.photo img {
	border-style: none;
}

#barrier-free table.photo td.left {
	background: url(../img/barrier-free_bg1.gif) repeat-x left top;
	width: 290px;
	padding: 4px;
}

#barrier-free table.photo td.right {
	background: url(../img/barrier-free_bg2.gif) repeat-x left top;
	width: 290px;
	padding: 4px;
}


/*******************************************************************************************************************/

/*■■ 耐震リフォーム ■■*/

#taishin h1#title {
	background: url(../img/taishin_title.jpg) no-repeat left top;
}

/*******************************************************************************************************************/

/*■■ リフォーム施工事例（空間別・暮らし別）　共通 ■■*/

/*　タイトル　*/

body.case div#title,
body.reform div#title {
	background: url(../img/title_bg4.jpg) no-repeat left bottom;
	margin-bottom: 20px;
	width: 670px;
}

body.case div#title h1,
body.reform div#title h1 {
	text-indent: -9999px;
	height: 68px;
	width: 670px;
}

body.case div#title p,
body.reform div#title p {
	text-align: right;
	font-size: 24px;
	color: #669900;
	line-height: normal;
	display: block;
	float: right;
	background: url(../img/title_bg5.jpg) left top;
	padding: 0px 8px 10px;
	margin: 0px 2px 5px;
}

body.case div.case-list,
body.reform div.reform-list {
	width: 670px;
	margin: 0px;
	padding: 0px;
}

/*　事例　*/

body.case dl.box {
	margin: 0px 15px 40px 0px;
	padding: 0px;
	float: left;
	width: 320px;
	background: url(../img/bg_03.jpg) repeat left top;
	display: inline;
}

body.case dl.box dt.title {
	background: url(../img/title_bg6.jpg) no-repeat left top;
	width: 300px;
	margin: 0px 0px 5px;
	padding: 12px 10px;
	font-size: 14px;
	font-weight: bold;
}

body.case dl.box dt.title a {
	color: #669900;
}

body.case dl.box dd.left {
	width: 120px;
	float: left;
	margin: 0px;
	padding: 0px;
}

body.case dl.box dd.left img {
	border-style: none;
}

body.case dl.box dd.right {
	width: 180px;
	float: right;
	margin: 0px;
	padding: 0px 8px 0px 0px;
}

/*　詳細　*/

body.reform #main h2#name {
	margin-bottom: 10px;
}

body.reform #main div#data {
	margin-bottom: 10px;
	width: 670px;
	clear: both;
	padding-bottom: 20px;
	border-bottom: 1px dotted #996600;
}


body.reform #main #data .photo-ri {
	border-style: none;
}

body.reform #main #data .left {
	width: 330px;
}

body.reform #main #data .left h3 {
	margin-bottom: 10px;
}

body.reform #main #data .left ul.type {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

body.reform #main #data .left ul.type li {
	float: left;
	padding-right: 2px;
	padding-bottom: 10px;
}


body.reform #main #data .left table {
	margin-bottom: 15px;
	width: 330px;
	float: left;
}

body.reform #main #data .left th {
	background: #ECE3C6;
	font-weight: normal;
	text-align: left;
	padding: 5px 7px;
	border-bottom: 1px dotted #996600;
	vertical-align: top;
	color: #996600;
	width: 106px;
}

body.reform #main #data .left td {
	border-bottom: 1px dotted #996600;
	padding: 5px 7px;
	text-align: left;
	vertical-align: top;
}

body.reform #main #data .left ul.photo {
	list-style: none;
	margin: 0px 15px;
	padding: 0px;
}

body.reform #main #data .left ul.photo li {
	margin: 0px;
	padding: 0px;
	width: 100px;
	text-align: center;
	display: block;
	float: left;
	height: 90px;
}

body.reform #main #data .left ul.photo li img {
	border-style: none;
}

/**/

body.reform #main div.cate-title h2 {
	color: #996600;
}

body.reform div.system-free {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/*　施工前→施工後　*/

body.reform #main table#sekou {
	clear: both;
	width: 670px;
	background: #FFF;
	border-bottom: 1px dotted #996600;
	margin-bottom: 40px;
}

body.reform #main table#sekou td {
	padding: 10px;
	text-align: center;
}

body.reform #main table#sekou td img {
	border-style: none;
}

body.reform #main table#sekou th {
	padding: 10px 10px 0px;
}

/**/

body.reform #main h3.sub-title {
	border-top: 1px dotted #996600;
	border-bottom: 1px dotted #996600;
	font-size: 16px;
	padding: 8px 5px;
	margin: 0px 0px 15px;
	width: 660px;
}

body.reform dl.box {
	margin: 0px 20px 40px 0px;
	padding: 0px;
	float: left;
	width: 300px;
}

body.reform dl.box dt {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 0px 0px 10px;
	text-align: center;
}

body.reform dl.box dt img {
	border-style: none;
}

body.reform dl.box dd {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 0px;
}
	
/*******************************************************************************************************************/

/*■■ 空間別リフォーム施工事例 ■■*/

#kukan div#title h1 {
	background: url(../img/kukan_title.jpg) no-repeat left top;
}

/*******************************************************************************************************************/

/*■■ 暮らし別リフォーム施工事例 ■■*/

#kurashi div#title h1 {
	background: url(../img/kurashi_title.jpg) no-repeat left top;
}

/*******************************************************************************************************************/

/*■■ リフォーム提案館のご案内 ■■*/

#teian h1#title {
	background: url(../img/teian_title.jpg) no-repeat left top;
}

#teian div.system-free {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/*******************************************************************************************************************/

/*■■ リフォームの流れ ■■*/

#flow h1#title {
	background: url(../img/flow_title.jpg) no-repeat left top;
}

#flow div.section-flow {
	width:670px;
	margin: 0px;
	padding: 0px 0px 32px;
	float: left;
}

#flow div.arrow {
	background: url(../img/flow_arrow.gif) no-repeat left bottom;
}

#flow div.last {
	background: url(../img/flow_last.gif) no-repeat left bottom;
}

#flow div.box {
	width:670px;
	margin: 0px;
	padding: 0px;
	background: url(../img/flow_bg.gif) repeat-y left top;
	float: left;
}

#flow .left {
	width:60px;
	margin: 0px;
	padding: 40px 0px 0px;
	background: #E3D3A7 url(../img/flow_step.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #996600;
	float: left;
}

#flow .right {
	width: 600px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right;
}

#flow .right h3.sub-title  {
	background: url(../img/title_bg3.jpg) no-repeat left top;
	width: 580px;
	margin: 0px 0px 5px;
	padding: 12px 10px;
	font-size: 16px;
	color: #669900;
}

#flow .right .system-free {
	width: 600px;
}


/*******************************************************************************************************************/

/*■■ 保証とサービス ■■*/

#guarantee h1#title {
	background: url(../img/guarantee_title.jpg) no-repeat left top
}

#guarantee div.system-free {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/*******************************************************************************************************************/

/*■■ 吉田木材のリフォームコンセプト ■■*/

#balance h1#title {
	background: url(../img/balance_title.jpg) no-repeat left top;
}

#balance div.system-free {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/*　type C　*/

#balance div.type-c {
	width: 666px;
	border: 2px solid #996600;
	background: #FFF;
	margin-bottom: 40px;
}

#balance div.type-c h3.sub-title {
	font-size: 16px;
	color: #FFF;
	background: #996600;
	margin-bottom: 10px;
	padding: 10px;
}

#balance div.type-c div.system-free  {
	width: 650px;
	margin-bottom: 10px;
}

/*******************************************************************************************************************/

/*■■ イベント情報 ■■*/

#event h1#title {
	background: url(../img/event_title.jpg) no-repeat left top;
}

#event div.event-title {
	width: 668px;
	border: 1px solid #996600;
	margin-bottom: 10px;
	background: url(../img/event_bg.gif) repeat-y left top;
}


#event div.event-title p {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	float: left;
	padding: 10px 12px;
	width: 126px;
}

#event div.event-title h3 {
	font-size: 16px;
	font-weight: bold;
	color: #996600;
	padding: 10px 12px;
	float: left;
	width: 494px;
}

#event div.system-free {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

#event table.photo {
	margin: 0px 0px 15px;
	padding: 0px;
	width: 460px;
}

#event table.photo td {
	width: 200px;
	vertical-align: top;
	padding-right: 30px;
}

#event table.photo td img {
	margin-bottom: 5px;
	border-style: none;
}

#event p.pdf {
	background: url(../img/icon_PDF.gif) no-repeat left 2px;
	padding-left: 15px;
	margin: 0px 10px 15px;
	clear: both;
}

/*******************************************************************************************************************/

/*■■ 会社概要 ■■*/

#company h1#title {
	background: url(../img/company_title.jpg) no-repeat left top;
}

#company table#data {
	width: 670px;
}

#company th.title {
	background: #ECE3C6;
	font-weight: normal;
	text-align: left;
	padding: 8px;
	border-bottom: 1px dotted #996600;
	width: 154px;
	vertical-align: top;
	color: #996600;
}

#company td.system-free {
	background: #FFFEEE;
	border-bottom: 1px dotted #996600;
	padding: 8px;
	width: 423px;
}

/*******************************************************************************************************************/

/*■■ サイトマップ ■■*/

#sitemap #main div.cate-title {
	margin-bottom: 20px;
}

#sitemap h1#title {
	background: url(../img/sitemap_title.jpg) no-repeat left top;
}

#sitemap #main ul {
	margin: 0px 40px 10px;
	padding: 0px;
	list-style: none;
}

#sitemap #main ul li {
	margin: 0em 0em 1em;
	padding: 0em 0em 0em 2em;
	background: url(../img/icon_02.gif) no-repeat left 4px;
}

#sitemap #main ul li a:link {
	color: #996600;
}

/*******************************************************************************************************************/

/*■■ 個人情報の取扱いについて ■■*/

#joho h1#title {
	background: url(../img/privacy_title.jpg) no-repeat left top;
}

#joho #main ul {
	margin: 0em 2.5em 3.25em;
	padding: 0em;
}

#joho #main p.sp {
	margin-bottom: 20px;
}

#joho #main ol {
	margin: 0em 2.5em 3.25em;
	padding: 0em;
}

/*******************************************************************************************************************/

/*■■ リフォームスタッフ ■■*/

#staff h1#title {
	background: url(../img/staff_title.jpg) no-repeat left top;
}

#staff #main div.cate-title h2 {
	float: left;
}

#staff #main div.cate-title p {
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #996600;
	margin-top: 2px;
}

/*　プロフィール　*/

#staff div.profile {
	clear: both;
	float: left;
	width: 670px;
	margin: 0px;
	padding: 0px 0px 10px;
}

#staff div.profile .photo-le p {
	background: #ECE3C6;
	border-top: 5px solid #99CC00;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
}

#staff div.profile .photo-le p a {
	color: #996600;
}

#staff div.profile .right {
	width: 500px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#staff div.profile table {
	width: 500px;
	margin: 0px 0px 10px;
	padding: 0px;
}

#staff div.profile th {
	width: 100px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: #ECE3C6;
}

#staff div.profile td {
	padding: 0px 5px;
	vertical-align: top;
	text-align: left;
	width: 388px;
}

#staff div.profile .right p.sp {
	border-top: 1px dotted #996600;
	padding-top: 10px;
}

/*　スタッフのコメント　*/

#staff div.comment {
	clear: both;
	width: 670px;
	margin: 0px 0px 40px;
	padding: 10px 0px 0px;
	background: #ECE3C5 url(../img/staff_img_03.gif) no-repeat left top;
}

#staff div.comment div.bottom {
	width: 670px;
	margin: 0px;
	padding: 0px 0px 10px;
	background: url(../img/staff_img_04.gif) no-repeat left bottom;
}

#staff div.comment div.bottom h3 {
	float: left;
}


#staff div.comment div.bottom div {
	float: right;
	width: 510px;
	padding-right: 10px;
}

#staff div.comment div.bottom h4 {
	font-size: 12px;
}