@charset "UTF-8";
/*==================================================
追加サイドバナー
==================================================*/
.side_observ {
	height: 296px;
	margin: 0 0 10px;
	background: url(../img/observation_bg.png) no-repeat 0 20px;
}
.side_observ h2 {
	float: left;
	padding: 40px 0 0 24px;
}
.side_observ .date {
	width: 97px;
	height: 81px;
	float: left;
	padding: 25px 0 0;
	background: url(../img/observation_bg_date.png) no-repeat 0 0;
}
.side_observ .date dt {
	padding:0 0 0 30px;
}
.side_observ .date dd {
	padding:10px 0 0 5px;
	font-size: 12px;
	color: #614900;
	text-align: center;
	line-height: 120%;
}
.side_observ .img {
	margin: -5px 0 0 30px;
}
.side_observ .info {
	padding: 20px 24px 40px 24px;
	font-size: 12px;
	line-height: 140%;
}
.side_observ .info dt {
	padding: 0 0 3px;
	color: #4390a0;
}
.side_observ .info dd a {
	color: #666;
}
.side_observ .info dd a:hover {
	text-decoration: underline;
}
/*==================================================
リフォーム料金
==================================================*/
#price_index,
#price {
	margin: 0 auto;
	width: 640px;
	position: relative;
}
/* index
---------------------------------*/
#price_index h2 {
	margin: 0 0 20px;
	text-align: center;
}
#price_index h3 {
	margin: 0 auto 15px;
}
#price_index .list {
	overflow: hidden;
	padding: 6px 6px 20px;
	margin: 0 0 20px;
	border: 1px solid #ded7d4;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#price_index .list ul {
	overflow: hidden;
	padding: 0 8px 4px;
}
#price_index .list ul li {
	float: left;
	margin: 0 5px 10px;
}
#price_index .list ul li a {
	display: block;
}
#price_index .list ul li a:hover {
	opacity: 0.7;
}
/* pege
---------------------------------*/
#price {
	color: #555;
	font-size: 14px;
}
#price .backpage {
	text-align: right;
	padding: 5px 0;
}
#price .backpage a {
	padding: 0 0 0 18px;
	color: #62371e;
	font-size: 12px;
	background: url(../../price/images/icn_back.gif) no-repeat 0 0;
}
#price .backpage a:hover {
	opacity: 0.9;
}
#price h2 {
	padding: 19px 0 17px 20px;
	margin: 0 0 10px;
	background: url(../../price/images/bg_pagettl.jpg) no-repeat 0 0;
}
#price .readtxt {
	padding: 0 0 20px;
}
#price .point {
	padding: 14px 40px 0;
	margin: 0 0 20px;
	border: 1px solid #ded7d4;
	border-top: none;
	background: #fff;
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
#price .cont {
	margin: 0 0 40px;
}
#price .cont:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#price .point h4 {
	width: 575px;
	padding: 7px 12px;
	margin: 0 0 20px -19px;
	background: url(../../price/images/bg_pointttl.gif) no-repeat 0 0;
}
#price .point h5 {
	padding: 0 0 20px;
}
#price .point p {
	padding: 0 0 20px;
	line-height: 150%;
}
#price .point p.supp {
	clear: both;
	font-size: 11px;
}
#price .point p.center {
	text-align: center;
}
#price .photo_left {
	float: left;
	padding: 0 20px 20px 0;
}
#price .txt_right  {
	float: right;
}
#price .point dl {
	margin-top: 20px;
	text-align: center;
	border: 1px dashed #b38a53;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
#price .point dt {
	padding: 10px 0;
	text-align: center;
	background: #faf0c7;
	border-top-left-radius: 11px; 
	border-top-right-radius: 11px;
	-webkit-border-top-left-radius: 11px;
	-webkit-border-top-right-radius: 11px;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px; 
}
#price .point dd {
	padding: 15px 20px;
}
#price .point dd img {
	padding: 0 0 15px;
}
#price .point dd p {
	text-align: left;
	padding: 0 !important;
}
#price ul.list_col2 {
	overflow: hidden;
}
#price ul.list_col2 li {
	float: left;
}
#price ul.list_col2 li img {
	padding: 0 0 8px;
}
#price .pricebox {
	padding: 5px;
	background: #e81b2e  url(../../price/images/price_bg.gif) no-repeat 5px 5px;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}
#price .pricebox h3 {
	float: left;
	padding: 42px 0 0 50px;
}
#price .pricebox h3+p {
	float: left;
	padding: 30px 0 0 130px;
}
#price .pricebox h3+p.txtnone {
	padding-top: 50px;
}
#price .pricebox h4 {
	clear: both;
	padding: 60px 0 0;
	text-align: center;
}
#price .pricebox dl {
	width: 290px;
	float: left;
}
#price .pricebox dt {
	padding: 0 0 10px;
}
#price .pricebox dd {
	padding: 20px 15px;
	background: #fff;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}
#price .pricebox dl.loan60 {
	margin: 10px 10px 10px 15px;
}
#price .pricebox dl.loan120 {
	margin: 10px 15px 10px 10px;
}
#price .pricebox .rate {
	text-align: right;
	padding: 0 15px 10px;
}
/* bathroom */
.bathroom01 .point01 .txt_right,
.bathroom05 .point02 .txt_right,
.bathroom06 .point01 .txt_right {
	width: 130px;
}
.bathroom01 .point01 dl,
.bathroom05 .point02 dl,
.bathroom06 .point01 dl {
	clear: both;
}
.bathroom05 .point02 ul,
.bathroom06 .point01 ul {
	overflow: hidden;
	width: 482px;
	margin: 0 auto;
}
.bathroom05 .point02 li,
.bathroom06 .point01 li {
	width: 215px;
	float: left;
	margin: 0 13px;
	line-height: 140%;
}
.bathroom01 .point03 li {
	width: 299px;
}
.bathroom01 .point03 li+li {
	width: 226px;
	margin-left: 33px;
}
.bathroom02 .point01 .txt_right {
	width: 180px;
}
.bathroom02 .point01 ol {
	overflow: hidden;
	width: 516px;
	margin: 15px auto 0;
}
.bathroom02 .point01 li {
	width: 164px;
	float: left;
	padding: 0 4px;
	font-size: 11.5px;
	text-align: left;
	line-height: 145%;
}
.bathroom02 .point01 li img {
	width: 100%;
}
.bathroom02 .point01 li span {
	font-size: 12px;
	font-weight: bold;
}
.bathroom02 .point03 {
	margin: 0 0 20px !important;
}
.bathroom02 .point03 dl {
	width: 280px;
	float: right;
	margin-right: -20px;
}
.bathroom05 .point04 .txt_right {
	width: 217px;
}
.bathroom06 .point03 .txt_right {
	width: 150px;
}
.bathroom06 .point04 .txt_right {
	width: 200px;
}
/* kitchen */
.kitchen01 .point01 ul {
	padding: 10px 0 20px 0;
}
.kitchen01 .point01 ul li {
	padding: 0 0 10px;
}
.kitchen01 .point01 ul em {
	display: block;
	color: #7e604a;
	font-weight: bold;
	font-size: 15px;
}
.kitchen02 .point01 li {
	width: 272px;
	float: left;
}
.kitchen02 .point01 li img {
	float: left;
	padding: 0 10px 0 0;
}
.kitchen02 .point01 li p {
	width: 100px;
	float: left;
}
.kitchen02 .point01 li+li {
	margin: 0 0 0 10px;
}
.kitchen02 .point02 p.txt_right,
.kitchen02 .point03 p.txt_right {
	width: 270px;
}
.kitchen02 .point02 p img {
	padding: 20px 0 0;
}
.kitchen02 .point04 p.txt_right {
	width: 230px;
}
.kitchen03 .point01 p.txt_right {
	width: 140px;
}
.kitchen03 .point02 p.txt_right {
	width: 230px;
}
.kitchen03 .point03 p.txt_right {
	width: 230px;
}
.kitchen03 .point04 p.txt_right {
	float: left !important;
}
.kitchen03 .point05 p.txt_right {
	width: 230px;
}
.kitchen04 .point02 p.txt_right {
	width: 180px;
}
.kitchen04 .point04 p.txt_right {
	width: 225px;
}
.kitchen05 .point02 p img {
	padding: 0 0 10px;
}
 .kitchen05 .point02 h6 {
	padding: 10px 0 10px;
 	font-size: 15px;
}
.kitchen05 .point04 p.txt_right {
	width: 155px;
}
.kitchen05 .point04 p.txt_right img {
	padding: 0 0 10px;
}
.kitchen06 .point01 p.txt_right {
	width: 140px;
}
.kitchen06 .point04 p.txt_right {
	width: 190px;
}
.kitchen06 .point04 h6 {
	padding: 15px 0 10px;
	clear: both;
	font-size: 16px;
}
.kitchen06 .point04 ul li {
	width: 266px;
	float: left;
	font-weight: bold;
}
.kitchen06 .point04 ul li+li {
	margin-left: 20px;
}
.kitchen06 .point04 ul li img {
	padding: 10px 0 0;
}
.kitchen06 .point04 ul+p {
	clear: both;
	padding: 15px 0 20px !important;
}
.kitchen06 .point05 p.txt_right {
	width: 230px;
}
.kitchen06 .point06 p.txt_right {
	float: left !important;
}
/* toilet */
.toilet01 .point table {
	
}
.toilet01 .point01 p.txt_right,
.toilet01 .point02 p.txt_right,
.toilet01 .point03 p.txt_right {
	width: 280px;
}
.toilet01 .info img {
	width: 100%;
}
.toilet01 table.list {
	width: 100%;
	font-size: 12.5px;
	margin: 30px 0;
	border-spacing: 0;
	border: 1px solid #ded7d4;
}
.toilet01 table.list th {
	border-left: 1px solid #ded7d4;
	border-bottom: 1px solid #ded7d4;
	background: #d7e7f6;
}
.toilet01 table.list .th_width {
	width: 20px;
	padding: 2px;
}
.toilet01 table.list .td_width {
	width: 150px;
}
.toilet01 table.list td {
	text-align: center;
	border-left: 1px solid #ded7d4;
	border-bottom: 1px solid #ded7d4;
	background: #fff;
}
.toilet02 .point01 p.txt_right {
	width: 230px;
}
.toilet_common .point01 dd img {
	padding: 10px 0 0 !important;
}
.toilet_common .point02 dt {
	padding-left:40px !important;
}
.toilet_common .point02 dd:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.toilet_common .point02 dd img {
	float: left;
	margin-top: -30px;
}
.toilet_common .point02 dd p {
	width: 310px;
	float: right;
}
.toilet_common .point05 p.txt_right {
	width: 230px;
}
.toilet_common .point06 ul {
	overflow: hidden;
	width: 570px;
	margin-right: -15px;
}
.toilet_common .point06 ul li {
	width: 270px;
	float: left;
	margin: 0 15px 15px 0;
}
.toilet_common .point06 ul li img {
	padding: 0 0 10px;
}
.toilet03 .point03 img {
	padding: 0 0 10px;
}
.toilet03 .point06 .chasm {
	overflow: hidden;
	padding: 0 0 20px;
}
.toilet03 .point06 ul.function img {
	float: left;
}
.toilet03 .point06 ul.function p {
	width: 160px;
	float: right;
	font-size: 12px;
	padding: 0 !important;
}
.toilet03 .point06 ul.function p em {
	display: block;
	padding: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
}
.toilet04 .point03 .photo_left {
	padding-right: 15px !important;
}
.toilet04 .point03 p+p {
	clear: both;
}
/*==================================================
マツヤニュース
==================================================*/
#news {
	margin: 0 auto;
	width: 640px;
}
#news .article {
	margin-bottom: 60px;
}
#news .article abbr {
	width: 200px;
	font-size: 85%;
	display: block;
	color: #444444;
}
#news h1.category_title {
	font-weight: bold;
	line-height: 140%;
	text-indent: 0;
	margin-bottom: 30px;
	font-size: 139%;
}
#news .article .detail {
	border-bottom: dotted 1px #5cb88e;
	font-weight: bold;
	line-height: 140%;
	text-indent: 0;
	padding: 5px 0 0 0;
	margin-bottom: 15px;
	font-size: 124%;
	color: #5cb88e;
}
#news .article p {
	margin: 20px 0;
}
#news .article p img.center {
	display: block;
	text-align: center;
	margin: auto;
}
#news p.back {
	display: block;
	text-align: center;
	margin: 30px auto 20px;
}
/*==================================================
お客様の声
==================================================*/
#voice {
	margin: 0 auto;
	width: 640px;
}
#voice h2 {
	font-size: 124%;
	font-weight: bold;
	color: #DF91A3;
	margin-bottom: 15px;
}
.voice_tp {
	width: 640px;
	height: 15px;
	background: url(../img/img_voice_tp.png) left top no-repeat;
}
.voice_md {
	padding: 0 20px;
	width: 600px;
	background: url(../img/img_voice_md.png) left top repeat-y;
	position: relative;
}
.voice_btm {
	margin-bottom: 20px;
	width: 640px;
	height: 15px;
	background: url(../img/img_voice_btm.png) left top no-repeat;
}
.voice_md .voice_ttl {
	width: 610px;
	padding: 0 0 10px;
	background: url(../img/img_voice_ttl_bottom.gif) 0 100% no-repeat;
}
.voice_md .voice_ttl_inner {
	padding: 10px 0 0;
	background: url(../img/img_voice_ttl_head.gif) 0 0 no-repeat;
}
.voice_md h2 {
	padding: 0 130px 0 20px;
	color: #ffffff;
	background: url(../img/img_voice_ttl_center.gif) repeat-y;
}
.voice_md .voice_info {
	position: absolute;
	top: 0;
	right: 23px;
	color: #ffffff;
	font-size: 83%;
}
.voice_md .img {
	width: 180px;
	float: left;
}
.voice_md .cmt p {
	margin-top: 10px;
}
.voice_md .img img {
	padding: 4px;
}
/*==================================================
リフォームの流れ
==================================================*/
#flow {
	position: relative;
}
#flow .bg_paint {
	background: url(../img/img_flow_bg.png) top left no-repeat;
	height: 1240px;
}
#flow .p1 {
	position: absolute;
	right: 20px;
}
#flow .p2 {
	position: absolute;
	left: 43px;
	top: 1015px;
}
#flow ol li.flow1 {
	position: absolute;
	left: 40px;
}
#flow ol li.flow2 {
	position: absolute;
	left: 265px;
}
#flow ol li.flow3 {
	position: absolute;
	right: 20px;
	top: 160px;
}
#flow ol li.flow4 {
	position: absolute;
	left: 235px;
	top: 305px;
}
#flow ol li.flow5 {
	position: absolute;
	left: 30px;
	top: 360px;
}
#flow ol li.flow6 {
	position: absolute;
	left: 30px;
	top: 665px;
}
#flow ol li.flow7 {
	position: absolute;
	left: 260px;
	top: 615px;
}
#flow ol li.flow8 {
	position: absolute;
	right: 25px;
	top: 550px;
}
#flow ol li.flow9 {
	position: absolute;
	right: 40px;
	top: 885px;
}
#flow ol li.flow10 {
	position: absolute;
	left: 237px;
	top: 945px;
}
/*==================================================
リフォームQ&A
==================================================*/
#faq {
	margin: 0 auto;
	width: 640px;
}
#faq h3 {
	margin-top: 30px;
	width: 640px;
	height: 42px;
	background: url(../img/img_faq_ttlbg.png) no-repeat;
	color: #ffffff;
	line-height: 42px;
	padding-left: 45px;
}
#faq .matsuura {
	margin: 15px auto 0 auto;
	width: 430px;
	background: url(../img/img_faq_sugiura.png) left top no-repeat;
	padding-left: 170px;
	min-height: 80px;
	overflow: visible;
}
#faq .kiura {
	margin: 15px auto 0 auto;
	width: 430px;
	background: url(../img/img_faq_kiura.png) left top no-repeat;
	padding-left: 170px;
	min-height: 80px;
	overflow: auto;
}
#faq .tanaka {
	margin: 15px auto 0 auto;
	width: 430px;
	background: url(../img/img_faq_tanaka.png) left top no-repeat;
	padding-left: 170px;
	min-height: 80px;
	overflow: auto;
}
#faq span {
	color: #ff0000;
	font-weight: bold;
}
/*==================================================
リフォーム料金
==================================================*/
#price {
	margin: 0 auto;
	width: 640px;
	position: relative;
}
/*==================================================
住宅再生工房マツヤとは？
==================================================*/
#about {
	margin: 0 auto;
	width: 640px;
	position: relative;
}
#about ul.index {
	margin: 30px auto 0 auto;
	width: 615px;
}
#about ul.index li {
	float: left;
}
#about .illust1 {
	position: absolute;
	top: 250px;
	left: 230px;
}
/* 住宅再生とは？ */
#about h1.regeneration {
	background: url(../img/bg_about_regeneration1.jpg) no-repeat;
	height: 220px;
}
#about p.bg_regeneration {
	padding: 0 15px;
	line-height: 34px;
	background: url(../img/bg_about_regeneration2.gif);
}
#about .illust2 {
	position: absolute;
	top: -5px;
	right: 10px;
}
/* マツヤの仕事 */
#about h1.works {
	background: url(../img/bg_about_works1.jpg) no-repeat;
	height: 220px;
}
#about p.bg_works {
	padding: 0 15px;
	line-height: 34px;
	background: url(../img/bg_about_works2.gif);
}
/* アフターサービス */
#about h1.service {
	background: url(../img/bg_about_service1.jpg) no-repeat;
	height: 220px;
}
#about dl.bg_service {
	width: 640px;
	clear: both;
	background-color: #eff4e6;
}
#about dl.bg_service dt {
	text-indent: 1em;
	padding: 10px 0 10px 0;
	float: left;
	font-weight: bold;
	color: #4e9b0f;
	width: 130px;
	background: url(../img/bg_about_service2.gif);
}
#about dl.bg_service dd {
	padding: 10px 0 10px 0;
	padding-left: 160px;
	width: 480px;
	background: url(../img/bg_about_service2.gif);
}
#about dl.bg_service2 {
	margin-top: 30px;
	width: 640px;
	clear: both;
	background-color: #eff4e6;
}
#about dl.bg_service2 dt {
	text-indent: 160px;
	padding: 10px 0 10px 0;
	float: left;
	font-weight: bold;
	color: #4e9b0f;
	width: 300px;
	background: url(../img/bg_about_service2.gif);
}
#about dl.bg_service2 dd {
	padding: 10px 0 10px 0;
	background: url(../img/bg_about_service2.gif);
}
#about .illust3 {
	position: absolute;
	top: 450px;
	right: 30px;
}
#about .illust4 {
	position: absolute;
	top: 755px;
	left: 5px;
}
/* 職人紹介 */
#about h1.craftman {
	background: url(../img/bg_about_craftman.jpg) no-repeat;
	height: 220px;
}
#about div.profile {
	clear: both;
}
#about div.profile div.left {
	width: 175px;
	float: left;
}
#about div.profile div.right {
	float: right;
	width: 465px;
}
#about div.profile div.right h3 {
	margin-top: -8px;
	padding-top: 5px;
	padding-left: 20px;
	background:url(../img/bg_name.png) no-repeat;
	font-weight: bold;
	font-size: 124%;
	color:#456461;
	height: 71px;
}
#about div.profile div.right h3 span {
	font-size: 77%;
	font-weight: normal;
	display: block;
}
#about div.profile div.right table {
	width: 100%;
	border-top: dotted 1px #cccccc;
	padding-bottom: 40px;
}
#about div.profile div.right table th {
	width: 35%;
	padding: 6px;
	border-bottom: dotted 1px #cccccc;
	text-align: left;
}
#about div.profile div.right table td {
	padding: 6px;
	border-bottom: dotted 1px #cccccc;
}
/*==================================================
リンク
==================================================*/
#link {
	margin: 0 auto;
	width: 640px;
}
#link dl {
	width: 640px;
}
#link dl dt {
	float: left;
	width: 150px;
	padding: 10px 0;
	line-height: 75px;
}
#link dl dd {
	padding: 10px 0 10px 160px;
	border-bottom: dotted 1px #cccccc;
	text-indent: 1.5em;
	background: url(../img/bg_bullet1.png) no-repeat 160px 50%;
	line-height: 75px;
}
/*==================================================
プライバシーポリシー
==================================================*/
#privacy {
	margin: 0 auto;
	width: 640px;
}
#privacy h3 {
	width: 640px;
	height: 45px;
	font-size: 124%;
	color: #544839;
	font-weight: bold;
	line-height: 45px;
	text-indent: 1em;
	background: url(../img/bg_ttl.gif) no-repeat;
	margin-bottom: 15px;
}
#privacy p {
	margin-bottom: 30px;
}
/*==================================================
お知らせ
==================================================*/
#info {
	margin: 0 auto;
	width: 640px;
}
#info .article {
	position: relative;
	margin-bottom: 60px;
}
#info h1.category_title {
	font-weight: bold;
	line-height: 140%;
	text-indent: 0;
	margin-bottom: 30px;
	font-size: 139%;
}
#info h1.detail,
#info h2.detail {
	background: url(../img/bg_info_h3.gif) repeat-y 0 0;
	border-bottom: dotted 1px #eb7d7d;
	line-height: 140%;
	text-indent: 0;
	width: 620px;
	padding: 5px 0 10px 20px;
	margin-bottom: 15px;
	font-size: 124%;
}
#info h1.detail span,
#info h2.detail span {
	font-size: 77%;
	display: block;
	font-weight: normal;
	color: #444444;
}
#info p.img {
	text-align: center;
}
#info p {
	margin: 20px 0;
}
#info p.back {
	text-align: center;
	margin: 30px auto 20px;
}
/*==================================================
お問い合わせ
==================================================*/
#contact {
	margin: 0 auto;
	width: 640px;
}
#contact p.tel {
	margin: 10px 0 0 0;
}
#contact table {
	width: 640px;
	margin: 30px 0 20px 0;
	border-spacing: 1px;
}
#contact table th {
	padding: 10px;
	text-align: left;
	white-space: nowrap;
	margin-top: -5px;
	background: url(../img/bg_table_border.gif) top left repeat-x;
	background-color: #faecc5;
}
#contact table th span {
	color: #ff0000;
	font-weight: normal;
	font-size: 77%;
}
#contact table td {
	padding: 10px;
	background: url(../img/bg_table_border.gif) top left repeat-x;
	line-height: 300%;
}
#contact table td span {
	font-size: 77%;
}
p.submit {
	padding: 6px 0 30px 0;
	text-align: center;
}
/*==================================================
スタッフブログ
==================================================*/
#blog {
	margin: 0 auto;
	width: 640px;
}
#blog h1.category_title {
	font-weight: bold;
	line-height: 140%;
	text-indent: 0;
	margin-bottom: 30px;
	font-size: 139%;
}
#blog .article {
	position: relative;
	margin-bottom: 60px;
}
#blog .editer {
	position: absolute;
	left: 115px;
	top: 11px;
	font-size: 85%;
}
#blog .article h1,
#blog .article h2,
#blog .article h3 {
	background: url(../img/bg_blog_h3.gif) repeat-y 0 0;
	border-bottom: dotted 1px #5cb88e;
	line-height: 140%;
	text-indent: 0;
	width: 620px;
	padding: 11px 0 10px 20px;
	margin-bottom: 15px;
	font-size: 124%;
	color: #5cb88e;
}
#blog .article h1 span,
#blog .article h2 span,
#blog .article h3 span {
	font-size: 77%;
	display: block;
	font-weight: normal;
	color: #444444;
}
#blog p.img {
	text-align: center;
}
#blog p {
	margin: 20px 0;
}
#blog p.back {
	text-align: center;
	margin: 30px auto 20px;
}
/*==================================================
会社概要
==================================================*/
#company {
	margin: 0 auto;
	width: 640px;
}
#company h1,
#company h2 {
	width: 640px;
	height: 45px;
	font-size: 124%;
	color: #544839;
	font-weight: bold;
	line-height: 45px;
	text-indent: 1em;
	background: url(../img/bg_ttl.gif) no-repeat;
	margin-bottom: 15px;
}
#company h3 {
	width: 600px;
	height: 33px;
	font-size: 108%;
	color: #544839;
	font-weight: normal;
	line-height: 33px;
	text-indent: 1em;
	background: url(../img/bg_ttl3.gif) no-repeat;
	margin: 0 auto 10px auto;
}
#company table {
	width: 600px;
	margin: 0 auto 30px auto;
}
#company table th {
	padding: 7px;
	text-align: left;
	border-bottom: dotted 1px #cccccc;
}
#company table td {
	padding: 7px;
	border-bottom: dotted 1px #cccccc;
}
#company dl.outline {
	width: 600px;
	 margin: 0 auto;
}
#company dl.outline dt {
	padding: 7px 0;
	width: 170px;
	float: left;
	text-indent: 1em;
	border-bottom: dotted 1px #cccccc;
}
#company dl.outline dd {
	padding: 7px 0;
	width: 430px;
	float: right;
	border-bottom: dotted 1px #cccccc;
}
#company .greeting {
	margin: 0 auto;
	width: 600px;
	background: url(../img/bg_president.jpg) no-repeat top right;
}
#company .greeting p {
	margin: 0 auto 20px 0;
	width: 430px;
}
#company .belief p {
	margin: 0 auto;
	width: 600px;
}
#company .cop_img {
	margin: 0 auto 20px auto;
	width: 600px;
}
#company .map {
	margin: 0 auto 20px auto;
	width: 586px;
	border: 1px solid #EC5128;
	padding: 5px;
}
#company dl.by {
	width: 600px;
	margin: 0 auto; 
}
#company dl.by dt {
	padding-top: 10px;
	font-weight: bold;
}
#company dl.by dd {
	margin: 0;
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 10px;
}
/*==================================================
無料お見積り
==================================================*/
#estimate {
	margin: 0 auto;
	width: 640px;
}
#estimate p.tel {
	margin: 10px 0 0 0;
}
#estimate table {
	width: 640px;
	margin: 30px 0 20px 0;
	border-spacing: 1px;
}
#estimate table th.green {
	padding: 10px;
	text-align: left;
	white-space: nowrap;
	margin-top: -5px;
	background: url(../img/bg_table_border.gif) top left repeat-x;
	background-color: #ecf5df;
}
#estimate table th {
	padding: 10px;
	text-align: left;
	white-space: nowrap;
	margin-top: -5px;
	background: url(../img/bg_table_border.gif) top left repeat-x;
	background-color: #faecc5;
}
#estimate table th.grey {
	padding: 10px;
	text-align: left;
	white-space: nowrap;
	margin-top: -5px;
	background: url(../img/bg_table_border.gif) top left repeat-x;
	background-color: #eeeeee;
}
#estimate table th span {
	color: #ff0000;
	font-weight: normal;
	font-size: 77%;
}
#estimate table td {
	padding: 10px;
	background: url(../img/bg_table_border.gif) top left repeat-x;
	line-height: 300%;
}
#estimate table td span {
	font-size: 77%;
}
#estimate p.submit {
	text-align: center;
}
/*==================================================
サイトマップ
==================================================*/
#sitemap {
	width: 520px;
	margin: 0 auto;
}
#sitemap ul li {
	background: url(../img/bg_bullet1.png) no-repeat left top;
	background-position: 8px 11px;
	text-indent: 2.0em;
	padding: 8px 0;
	border-bottom: dotted 1px #cccccc;
}
#sitemap ul li ul {
	margin-left: 50px;
}
#sitemap ul li ul {
	margin: 10px 0 10px 40px;
}
#sitemap ul li ul li {
	background: url(../img/bg_bullet4.gif) no-repeat left;
	text-indent: 0.5em;
	border-bottom: none;
	margin: 0;
	padding: 0;
}
/*==================================================
施工事例
==================================================*/
#work {
	width: 640px;
	margin: 0 auto;
}
#work h1.category_title {
	font-weight: bold;
	line-height: 140%;
	text-indent: 0;
	margin-bottom: 30px;
	font-size: 139%;
}
#work h3.search {
	padding: 13px 0 5px 0;
}
#work table.search {
	width: 100%;
	border-collapse: 0px;
	border-spacing: 2px;
	border: #cfcfcf solid 1px;
}
#work table.search th {
	width: 15%;
	padding: 15px;
	background-color: #dff5ff;
}
#work table.search td {
	padding: 5px 15px 5px 15px;
	font-size: 86%;
	background-color: #f5f5f5;
}
#work table.search td label {
	margin: 0 15px 0 0;
	float: left;
	display: block;
	white-space: nowrap;
}
#work div.work_tp {
	background: url(../img/img_work_tp.gif) no-repeat;
	height: 24px;
}
#work div.work_md {
	padding: 0 30px;
	background: url(../img/img_work_md.gif) repeat-y;
}
#work div.work_md div.left {
	padding-right: 20px;
	float: left;
	width: 349px;
	margin-bottom: 10px;
}
#work div.work_md div.left h3 {
	font-size: 124%;
}
#work div.work_md div.left h3 span {
	width: 51px;
	height: 23px;
	display: block;
	background: url(../img/bg_work_vol.gif) no-repeat;
	color: #ffffff;
	font-size: 77%;
	font-weight: normal;
	padding: 3px 0 0 15px;
	margin-bottom: 3px;
}
#work div.work_md div.left p {
	padding-top: 5px;
}
#work div.work_md div.left p span {
	display: block;
	background: url(../img/bg_bullet1.png)  left center no-repeat;
	text-indent: 1.3em;
	margin-top: 3px;
}
#work div.work_md div.right {
	float: right;
	width: 211px;
	position: relative;
	margin-bottom: 10px;
}
#work div.work_md div.right p {
	padding: 5px 0 0 5px;
	width: 206px;
	height: 141px;
	background: url(../img/bg_work_img.png) no-repeat top right;
}
#work div.work_md div.right p span {
	overflow: hidden;
	height: 130px;
	display: block;
}
#work div.work_md div.right .tape {
	position: absolute;
	top: -10px;
	left: -10px;
}
#work table.point {
	width: 100%;
	clear: both;
	border-spacing: 1px;
	background-color: #ffffff;
	border: solid 1px #cfcfcf;
}
#work table.point th {
	padding: 5px 10px;
	width: 30%;
	background-color: #ece7da;
	text-align: left;
	font-size: 77%;
}
#work table.point td {
	padding: 5px 10px;
	font-size: 77%;
	background-color: #f5f5f5;
}
#work table.point td span {
	color: #ec6a23;
}
#work div.work_btm {
	background: url(../img/img_work_btm.gif) no-repeat;
	height: 24px;
	margin-bottom: 15px;
}
#work .title_hd {
	padding: 10px 0 0 0;
	background: url(../img/bg_worktitle_hd.gif) no-repeat 0 0;
}
#work .title_inner {
	background: url(../img/bg_worktitle_md.gif) repeat-y;
}
#work h1.detail {
	padding: 5px 20px 20px 12px;
	width: 620px;
	background: url(../img/bg_worktitle_ft.gif) no-repeat 0 100%;;
	font-size: 124%;
}
#work h1.detail span {
	background: url(../img/bg_work_vol.gif) repeat-x;
	color: #ffffff;
	font-size: 77%;
	font-weight: normal;
	text-align: center;
	display: block;
	float: left;
	margin: -3px 10px 0 0;
	padding: 1px 10px 10px;
}
#work div.case {
	margin: 15px 0;
	padding: 30px;
	background-color: #ffffff;
	border: solid 1px #cfcfcf;
}
#work div.case p {
	padding: 12px 0 10px 0;
}
#work div.case h2 {
	width: 580px;
	height: 35px;
	background: url(../img/bg_work_detail_h4.png) no-repeat;
	color: #ffffff;
	text-indent: 1em;
	padding-top: 25px;
	font-size: 124%;
	clear: both;
}
#work div.case div.box {
	margin: 0 auto;
	width: 520px;
}
#work div.case ul li.last{
	float: right;
}
#work div.case ul li {
	position: relative;
	float: left;
}
#work div.case ul li.ml {
	margin-left: 35px;
}
#work div.case ul li span {
	margin-top: 6px;
	width: 200px;
	display: block;
}
/* サムネイル */
#work div.case ul li img {
	border: 5px solid #cccccc;
}
#work div.case ul li img.icon {
	position: absolute;
	top: -10px;
	left: -15px;
	border:none;
}
/* 200*130 */
#work div.case ul.ba1 {
	margin: 20px auto 20px auto;
	width: 480px;
	background: url(../img/bg_work_arrow.gif) no-repeat center;
}
/* 200*130 After2段目 */
#work div.case ul.ba1-2 {
	margin: 0 auto 20px 290px;
	width: 200px;
}
#work div.case ul.ba1-2 li {
	padding-bottom: 20px;
}
/* 200*130 1画像 */
#work div.case ul.ba1-3 {
	margin: 20px auto 20px auto;
	width: 200px;
}
/* 200*130 2画像 */
#work div.case ul.ba1-4 {
	margin: 20px auto 20px auto;
	width: 480px;
}
/* 200*130 2画像以上 */
#work div.case ul.ba1-5 {
	margin: 20px auto 20px auto;
	width: 480px;
}
#work div.case ul.ba1-5 li {
	margin: 0 0 20px;
}
/* 130*200 */
#work div.case ul.ba2 {
	margin: 20px auto 20px auto;
	width: 360px;
	background: url(../img/bg_work_arrow.gif) no-repeat center;
}
/* 130*200 After2段目 */
#work div.case ul.ba2-2 {
	margin: 0 auto 20px 300px;
	width: 130px;
}
#work div.case ul.ba2-2 li {
	padding-bottom: 20px;
}
/* 130*200 1画像 */
#work div.case ul.ba2-3 {
	margin: 20px auto 20px auto;
	width: 130px;
}
/* 130*200 2画像 */
#work div.case ul.ba2-4 {
	margin: 20px auto 20px auto;
	width: 380px;
}
#work div.case ul.ba2-4 li {
	margin: 0 10px;
}
/* 130*200 3画像 */
#work div.case ul.ba2-5 {
	margin: 20px auto 20px auto;
	width: 480px;
}
#work div.case ul.ba2-5 li {
	margin: 0 10px;
}
/* 130*200 After2段目右位置 */
#work div.case ul.ba2-6 {
	margin: 0 auto 20px 310px;
	width: 130px;
}
#work div.case ul.ba2-6 li {
	padding-bottom: 20px;
}
/* 130*200 before2段目1画像左位置 */
#work div.case ul.ba2-7 {
	margin: 0 0 20px 35px;
	width: 130px;
}
/* 150*200 3画像 */
#work div.case ul.ba2-8 {
	margin: 0 auto;
	width: 520px;
}
#work div.case ul.ba2-8 li+li {
	margin: 0 0 0 20px;
}
/* 130*200 と200*130  2画像 */
#work div.case ul.ba3 {
	margin: 20px auto 20px auto;
	width: 450px;
	background: url(../img/bg_work_arrow.gif) no-repeat 43%;
}
#work div.case ul.ba3 li {
	margin: 0 0 0 0;
}
#work div.case ul.ba3-3 {
	margin: 20px auto 20px auto;
	width: 450px;
}
#work div.case ul.ba3-3 li {
	margin: 0 0 0 0;
}
/* 200*130 130*200 2画像 */
#work div.case ul.ba3-2 {
	margin: 20px 120px 20px 0;
	width: 440px;
	background: url(../img/bg_work_arrow.gif) no-repeat 60%;
}
#work div.case ul.ba3-3 {
	margin: 20px 120px 20px 20px;
	width: 430px;
	background: url(../img/bg_work_arrow.gif) no-repeat 56%;
}
#work div.case ul.ba4 {
	margin: 20px 120px 20px 20px;
	width: 430px;
	background: url(../img/bg_work_arrow.gif) no-repeat 60%;
}
/* 20150220追加 縦flow用 */
#work div.case .flow {
	width: 520px;
}
#work div.case .flow li {
	overflow: hidden;
	clear: both;
	width: 520px;
	padding: 20px 0 0;
	background: url(../img/bg_work_arrow_bottom.gif) no-repeat 100px bottom;
}
#work div.case .flow li.last {
	background: none;
}
#work div.case .flow li span img {
	margin: 0 55px 30px 25px;
}
#work div.case .flow li img {
	float: left;
	margin: 0 30px 30px 0;
	border: 5px solid #ccc;
}
#work div.case .flow li p {
	width: 280px;
	float: left;
	padding: 0 0 30px 0;
}
/* .flow02 */
#work div.case .flow02 {
	width: 520px;
	overflow: hidden;
}
#work div.case .flow02 li {
	overflow: hidden;
	clear: both;
	width: 520px;
	padding: 20px 0 0;
}
#work div.case .flow02 li img {
	float: left;
	margin: 0 30px 30px 0;
	border: 5px solid #ccc;
}
#work div.case .flow02 li p {
	width: 280px;
	float: left;
	padding: 0 0 30px 0;
}
#work div.case .flow02 li dl {
	width: 280px;
	float: left;
	padding: 0 0 30px 0;
}
#work div.case .flow02 li dt {
	font-weight: bold;
	padding: 0 0 2px;
	margin: 0 0 2px;
	border-bottom: 1px dotted #555;
}
/* .col3 */
#work div.case .col3 li {
	margin: 20px 0;
}
#work div.case .col3 li+li {
	margin: 20px 0 20px 14px;
}
.terrace {
	position: absolute;
	top: 117px;
	left: 50px;
	border: none !important;
}
#work table.detail {
	margin: 30px auto 20px;
	width: 95%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
#work table.detail th {
	width: 5em;
	padding: 5px;
	border: 1px solid #eee;
	border-width: 0 0 1px 1px;
	background: #f6f6f6;
	font-weight: normal;
	line-height: 120%;
	text-align: center;
}
#work table.detail td {
	padding: 5px;
	border: 1px solid #eee;
	border-width: 0 0 1px 1px;
}
#work p.back {
	display: block;
	text-align: center;
	margin: 30px auto 20px;
}
#work .txt {
	background:#F9F1DA;
	padding: 8px 20px 10px;
	margin: 10px 0 0;
}
#work .link {
	padding: 2px 10px;
	margin: 10px 0 30px;
	border: #cfcfcf dotted 1px;
	font-size: 12px;
	background: #dff5ff;
}
#work .link p {
	line-height: 150%;
}
#work .link p a {
	text-decoration: underline;
}
#work p.comment {
	padding: 5px !important;
	margin-top: 5px;
	line-height: 140%;
	background: #F9F1DA;
}
#work ul.voice li {
	float: left;
	margin-top: 10px;
}
#work ul.voice li+li {
	width: 340px;
	margin-left: 20px;
}
#work .last_comment {
	min-height: 100px;
	position: relative;
	margin: 40px 0 0;
}
#work .last_comment p {
	position: relative;
	min-height: 60px;
	padding: 10px !important;
	margin: 5px 100px 0 0;
	line-height: 140%;
	background: #dff5ff;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}
#work .last_comment p:before {
	margin: -20px 0 0 -10px;
	border: 15px solid transparent;
	border-left-color: #dff5ff;
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
}
#work .last_comment figure {
	position: absolute;
	top: 0;
	right: 0;
}
/*==================================================
スタッフ紹介
==================================================*/
#staff {
	width: 640px;
	margin: 0 auto;
}
#staff .staff_box {
	clear: both;
	padding-bottom: 40px;
}
#staff .staff_box div.left {
	width: 170px;
	float: left;
	margin-bottom: 40px;
}
#staff .staff_box div.right {
	width: 470px;
	float: right;
	margin-bottom: 40px;
}
#staff .staff_box div.right h3 {
	margin-top: -15px;
	padding-top: 19px;
	padding-left: 15px;
	background:url(../img/bg_name.png) no-repeat;
	background-position: -5px 0px;
	font-weight: bold;
	font-size: 124%;
	color:#456461;
	height: 71px;
	margin-bottom: -20px;
}
#staff .staff_box div.right h3.we {
	margin-top: -15px;
	padding-top: 19px;
	padding-left: 15px;
	background:url(../img/bg_name2.png) no-repeat;
	background-position: -5px 0px;
	font-weight: bold;
	font-size: 124%;
	color:#d2516d;
	height: 71px;
	margin-bottom: -20px;
}
#staff .staff_box div.right h3 span {
	font-size: 77%;
	height: 71px;
	font-weight: normal;
}
#staff table {
	width: 470px;
	border-top: dotted 1px #cccccc;
	margin-bottom: 10px;
}
#staff table th {
	width: 120px;
	padding: 7px 0;
	text-align: left;
	text-indent: 1em;
	border-bottom: dotted 1px #cccccc;
}
#staff table td {
	padding: 7px 0;
	border-bottom: dotted 1px #cccccc;
}
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
#staff_modal1,#staff_modal2,#staff_modal3,#staff_modal4,#staff_modal5, #staff_modal6, #staff_modal7,
#staff_modal8, #staff_modal9, #staff_modal10, #staff_modal11, #staff_modal12, #staff_modal13, #staff_modal14, #staff_modal15 {
	margin: 0 auto;
	padding: 30px 20px 30px 30px;
	width: 740px;
	display: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #ffffff;
	position: relative;
}
.close {
	position: absolute;
	left: 353px;
	bottom: -45px;
}
table.staff_modal {
	padding: 15px 0;
	margin-right: 20px;
	border-collapse: 0px;
}
table.staff_modal th {
	width: 25%;
	padding: 10px 15px 10px 15px;
	text-align: left;
	border-bottom: solid 1px #dddddd;
	background-color: #faf7e9;
}
table.staff_modal td {
	padding: 10px 0 10px 15px;
	border-bottom: solid 1px #dddddd;
}
div.staff_box2 {
	width: 740px;
	height: 440px;
	overflow: auto;
}
div.left_modal {
	float: left;
	padding-right: 20px;
}
div.right_modal {
	float: right;
	width: 550px;
}
div.staff_box2 h3 {
	margin-top: -5px;
	padding-top: 19px;
	padding-left: 15px;
	background:url(../img/bg_name.png) no-repeat;
	font-weight: bold;
	font-size: 124%;
	color:#456461;
	height: 71px;
	margin-bottom: -20px;
	text-indent: 1em;
}
div.staff_box2 h3.we {
	margin-top: -5px;
	padding-top: 19px;
	padding-left: 15px;
	background:url(../img/bg_name2.png) no-repeat;
	font-weight: bold;
	font-size: 124%;
	color:#d2516d;
	height: 71px;
	margin-bottom: -20px;
	text-indent: 1em;
}
div.staff_box2 h3 span {
	font-size: 77%;
	height: 71px;
	font-weight: normal;
}
div.upbringing {
	margin-right: 20px;
	padding: 5px 20px;
	background-color: #faf7e9;
}
div.upbringing dl {
	padding: 15px 0;
	border-bottom: dotted 1px #cccccc;
}
div.upbringing dl.none {
	padding: 15px 0;
	border-bottom: none;
}
div.upbringing dl dt {
	float: left;
}
div.upbringing dl dd {
	float: right;
	width: 320px;
}