@charset "utf-8";
/* ----------------------------------------
 *   BASE SET
 * ---------------------------------------- */
 
body,tr,td {
	letter-spacing:0.1em;
}
* {
	margin:0;
	padding:0;
}
img {
	border=: 0;
}
table{
	empty-cells: show;
	font-size: 100%;
	rules: all;
	border-collapse:collapse;
}
tr,th,td {
	vertical-align: top;
}
th {
	font-weight: normal;
	text-align: left;
}
form {	
}
button {
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding: 0px;
}
p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
img { 
	border: 0;
}


/* ----------------------------------------
 *   HyperText
 * ---------------------------------------- */

/* -★基本設定- */
a {
	text-decoration:none;
	color: #AC993C;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration:underline;
}
a:active {
}




/* ----------------------------------------
 *  HTML
 * ---------------------------------------- */
 
html {
    height:100%;
	overflow-y:scroll;
}


/* -★基本設定- */

body {
	width: 800px;
	height: 100%;
	padding: 0px;
	color: #666666;
	position: relative;
	background: #2E1501 url(image/body_bg.gif) repeat-x left top;
	margin: 0px auto;
	font: small/1.5 'ＭＳ Ｐゴシック', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-size: medium;
	font-weight: normal;
}

h3 {

}

#container-bg {
	width:780px;
	background:url(image/container_bg_shade.gif) no-repeat left top;
	padding-right: 10px;
	padding-left: 10px;
}

 
#container {
	height: 100%;
	background: #FFFFFF;
	border-right: 1px solid #543005;
	border-left: 1px solid #543005;
	width: 778px;
}
/*#container:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/
br{
    letter-spacing: 0;
}


/* -★基本設定- */
#contents {
	background-color: #FFFFFF;
	width: 778px;
}
#contents:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}


/* ----------------------------------------
 *  HEADER
 * ---------------------------------------- */

#header {
	position: relative;
	height:55px;
	background-image: url(image/header_bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 16px;
}
#header h1 a {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 200px;
	background-image: url(image/logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 36px;
}
#header ul {
	position: absolute;
	top: 15px;
	margin: 0px;
	padding: 0px;
	right: 23px;
	height: 13px;
}
#header li {
	display: inline;
	color: #FFFFFF;
	text-align: right;
}
#header li img{
	margin-left:7px;
}

#header a {
	color: #666666;
}



/* ----------------------------------------
 *  NAV
 * ---------------------------------------- */

#nav {
	clear: both;
	margin: 0px;
	background-repeat: repeat-x;
	width: 778px;
	height: 40px;
	padding: 0px;
}
#menu ul {
	list-style-type: none;
}
#menu li {
	float: left;
	list-style-type: none;
}
#menu-1, #menu-1 a{
	width:135px;
	height:40px;
}
#menu-2, #menu-2 a{
	width:127px;
	height:40px;
}
#menu-3, #menu-3 a{
	width:127px;
	height:40px;
}
#menu-4, #menu-4 a{
	width:127px;
	height:40px;
}
#menu-5, #menu-5 a{
	width:127px;
	height:40px;
}
#menu-6, #menu-6 a{
	width:135px;
	height:40px;
}

#menu li a{
	display:block;
}
#menu-1 a{
	background: url(image/nav.gif) no-repeat;
}
#menu-2 a{
	background: url(image/nav.gif) no-repeat -135px;
}
#menu-3 a{
	background: url(image/nav.gif) no-repeat -262px;
}
#menu-4 a{
	background: url(image/nav.gif) no-repeat -389px;
}
#menu-5 a {
	background: url(image/nav.gif) no-repeat -516px;
}
#menu-6 a {
	background: url(image/nav.gif) no-repeat -643px;
}
#menu-1, #menu-1 a:hover {
	background: url(image/nav_o.gif) no-repeat;
}
#menu-2, #menu-2 a:hover {
	background: url(image/nav_o.gif) no-repeat -135px;
}
#menu-3, #menu-3 a:hover {
	background: url(image/nav_o.gif) no-repeat -262px;
}
#menu-4, #menu-4 a:hover {
	background: url(image/nav_o.gif) no-repeat -389px;
}
#menu-5, #menu-5 a:hover {
	background: url(image/nav_o.gif) no-repeat -516px;
}
#menu-6, #menu-6 a:hover {
	background: url(image/nav_o.gif) no-repeat -643px;
}
#menu-1 a, #menu-2 a, #menu-3 a, #menu-4 a, #menu-5 a, #menu-6 a {
	text-indent: -9999px;
	text-decoration: none;
}



/* ----------------------------------------
 *  SITE NAV（パンくずナビ）
 * ---------------------------------------- */

.sitenavi {
	font-size: x-small;
	text-align: right;
	padding: 3px 15px;
}



/* ----------------------------------------
 *  MAIN IMAGE
 * ---------------------------------------- */

h2 {
	width: 778px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#top {
	height: 271px;
	background-image: url(image/top_image.jpg);
	padding-bottom:15px;
}
#service {
	height: 200px;
	background-image: url(image/h2_service.jpg);
}
#servicelist {
	height: 200px;
	background-image: url(image/h2_service.jpg);
}
#works {
	height: 200px;
	background-image: url(image/h2_work.jpg);
}
#work {
	height: 200px;
	background-image: url(image/h2_work.jpg);
}
#flow {
	height: 200px;
	background-image: url(image/h2_flow.jpg);
}
#store {
	height: 200px;
	background-image: url(image/h2_store.jpg);
}
#staff {
	height: 200px;
	background-image: url(image/h2_staff.jpg);
}
#inquiry {
	height: 200px;
	background-image: url(image/h2_contact.jpg);
}
#faq {
	height: 200px;
	background-image: url(image/h2_faq.jpg);
}
#estimate {
	height: 200px;
	background-image: url(image/h2_estimate.jpg);
}
#request {
	height: 200px;
	background-image: url(image/h2_request.jpg);
}
#company {
	height: 200px;
	background-image: url(image/h2_company.jpg);
}
#sitemap {
	height: 200px;
	background-image: url(image/h2_sitemap.jpg);
}
#privacy {
	height: 200px;
	background-image: url(image/h2_privacy.jpg);
}
#topic {
	height: 200px;
	background-image: url(image/h2_topics.jpg);
}



/* ----------------------------------------
 *  MAIN
 * ---------------------------------------- */

#main {
	width: 549px;
	float: left;
	margin: 0px;
}


/* ----------------------------------------
 *  page top
 * ---------------------------------------- */

.pagetop {
	display: block;
	width: 127px;
	height: 25px;
}
.pagetop a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 127px;
	background-image: url(image/pagetop.gif);
	background-repeat: no-repeat;
	height: 25px;
}



/* ----------------------------------------
 *  top list all button
 * ---------------------------------------- */

.all {
	display: block;
	width: 107px;
	margin-top: 5px;
	height: 20px;
	clear: both;
	padding-left: 428px;
}
.all a {
	text-indent: -999px;
	overflow: hidden;
	display: block;
	width: 107px;
	background-image: url(image/top_all_list.gif);
	background-repeat: no-repeat;
	height: 20px;
}



/* ----------------------------------------
 *  list back
 * ---------------------------------------- */

.listback {
	display: block;
	width: 80px;
	margin-top: 5px;
	height: 20px;
	clear: both;
	margin-bottom: 30px;
	padding-left: 455px;
}
.listback a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 80px;
	background-image: url(image/list_back.gif);
	background-repeat: no-repeat;
	height: 20px;
}
.top-works {
	margin-bottom: 10px;
	width: 546px;
	display: block;
	text-align: left;
	position: relative;
}
.top-works:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.top-works h3 {
	text-indent: -9999px;
	height: 55px;
	background-image: url(image/top_h3_works.gif);
	background-repeat: no-repeat;
	width: 535px;
}
.top-works dt {
	line-height: 120%;
	margin: 10px 0px 0px auto;
	padding: 0px 10px 0px 0px;
	width: 171px;
}
.top-works dd {
	font-size: x-small;
	padding-bottom: 10px;
	padding-top: 3px;
	width: 171px;
}
.top-works a {
	font-weight: bold;
	width: 171px;
	margin: 0px;
	padding: 0px;
}
.top-works img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
}

.top-works span {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	width: 171px;
	display: block;
}
#top-worksinfo {
	margin:3px 0px 0px;
	padding:0px;
	background: url(image/top_works_info_bg.gif) no-repeat;
	width: 535px;
}

#top-worksinfo .td1 {
	padding: 12px 15px 11px 10px;
	height: 64px;
	width: 83px;
	background: url(image/top_works_info_bg.gif) repeat-x;
}
#top-worksinfo .td1 a {
	height: 64px;
	width: 83px;
	display: block;
	background: url(image/top_works_info_logo.gif) no-repeat;
	text-indent: -9999px;
}
#top-worksinfo .td2 {
	width: 100%;
	padding-right: 10px;
	background: url(image/top_works_info_bg.gif) repeat-x;
	font-size: x-small;
	line-height: 1.6;
	vertical-align: middle;
}


/* ----------------------------------------
 *  top-info（トップ：インフォメーション一覧）
 * ---------------------------------------- */

.top-info {
	width: 535px;
	position: relative;
}
.top-info h3 {
	text-indent: -9999px;
	height: 55px;
	background-image: url(image/top_h3_info.gif);
	background-repeat: no-repeat;
}
.list-btn{
	position: absolute;
	height: 18px;
	width: 71px;
	left: 455px;
	top: 10px;
	right: 0px;
	bottom: 0px;
	border-style: none;
}
.list-btn a{
	background: url(image/top_list_btn.gif) no-repeat;
	height: 18px;
	width: 71px;
	position: absolute;
	text-indent: -9999px;

}
.top-info dl {
}
.top-info dt {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 0px;
	font-size: 10px;
	width: 535px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e2e2e2;
	line-height: 130%;
	padding-bottom: 5px;
}
.top-info dd {
	width: 535px;
	clear: both;
	display: block;
	line-height: 1.4;
	margin: 0px 0px 15px;
	padding: 0px;
	font-size: x-small;
}
.top-info a {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: small;
}
.top-info img {
	border: 1px solid #e2e2e2;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.top-info span {
	padding-bottom: 2px;
	margin-right: 10px;
	font-weight: bold;
}



/* ----------------------------------------
 *  PAGE
 * ---------------------------------------- */

h3 a {
	font-size: medium;
	cursor: text;
	color: #666666;
	font-weight: normal;
	letter-spacing: 0.025em;
}
h3 a:hover {
	text-decoration: none;
}
#entry {
	display: block;
	width: 500px;
}
#entry h3 {
	background-repeat: no-repeat;
	margin-bottom: 15px;
	display: block;
	clear: both;
	font-size: medium;
}
#entry span {
	font-size: x-small;
}

#entry h4 {
/*
	background-repeat: no-repeat;
	margin-bottom: 15px;
	display: block;
	clear: both;
	background-image: url(image/h4_bg.gif);
	height: 28px;
	width: 480px;
	padding-top: 12px;
	padding-left: 20px;
	color: #79A2AA;
*/
}

#list {
	display: block;
	width: 500px;
}
#list h3 {
	background-repeat: no-repeat;
	margin-bottom: 15px;
	display: block;
	clear: both;
	font-size: medium;
}
#list span {
	font-size: x-small;
}




/* ----------------------------------------
 *  servicelist（サービス紹介一覧）★
 * ---------------------------------------- */

.servicelist {
}
.servicelist h3 {
	background-image: url(image/h3_servicelist.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}

.servicelist table {
	margin: 0px;
	padding: 0px;
}
.servicelist td {
	width: 171px;
	text-align: left;
	padding-right: 10px;
	margin: 0px;
}
.servicelist dt {
	line-height: 120%;
}
.servicelist dd {
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 1.2;
}
.servicelist a {
	font-weight: bold;
	width: 171px;
	margin: 0px;
	padding: 0px;
}
.servicelist img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
}




/* ----------------------------------------
 *  service（サービス紹介）★
 * ---------------------------------------- */

.service {
}
.service h3 {
	background-image: url(image/h3_service.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.service dl {
	clear: both;
	display: block;
}
.service dt {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #281610;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	height: 25px;
}
.service dd {
	width: 535px;
	display: block;
	margin-bottom: 30px;
	clear: both;
}
.service img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}



/* ----------------------------------------
 *  works（施工事例：一覧）
 * ---------------------------------------- */

.works {
}
.pagenavi {
	font-size: x-small;
	text-align: left;
	width: 535px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	clear: both;
}
.works h3 {
	background-image: url(image/h3_works.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.works-main {
}
.works p {
}
.works ul {
	width: 535px;
	clear: both;
}
.works li {
	width: 535px;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #e2e2e2;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	list-style: none;
}
.works li div {
	font-weight:bold;
}
.works span {
	padding: 0px;
	display: block;
	margin: 0px;
}
.works img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;

}
.works a {
}



/* ----------------------------------------
 *  work（施工事例：詳細）
 * ---------------------------------------- */

.work {
}

.work h3 {
	background-image: url(image/h3_work.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.work-main {
}
.work p {
	width: 535px;
	display: block;
}

.work p img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.work img {
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.work table img {
	margin:0px;
	padding:0px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.work a {

}
.work-data {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	width: 535px;
	background-color: #F2F2F2;
	font-size: x-small;
	clear: both;
}
.work-data table {
	width: 100%;
}
.work-data th {
	width: 85px;
	padding-left: 15px;
	padding-top: 2px;
}
.work-data td {
	line-height: 120%;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.work-a {
	width: 535px;
	padding-bottom: 10px;
}
.work-a h4 {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #281610;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	height: 25px;
}
.work-a table {
	font-size: x-small;
}
.work-a .photo-1 {
	padding-bottom: 10px;
	padding-right: 14px;
}
.work-a .photo-2 {
	padding-bottom: 10px;
}



.work-b {
	width: 535px;
	padding-bottom: 10px;
}
.work-b h4 {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #281610;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	height: 25px;
}
.work-b table {
	font-size: x-small;
	width: 535px;
}
.work-b .photo-1 {
	padding-bottom: 10px;
	padding-left: 14px;
}
.work-b .photo-2 {
	padding-bottom: 10px;
}



.work-c {
	width: 535px;
	padding-bottom: 10px;
}
.work-c h4 {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #000000;
	padding-left: 25px;
	margin-bottom: 10px;
	height: 25px;
	padding-top: 5px;
}
.work-c table {
	font-size: x-small;
}
.work-c .photo-1 {
	padding-bottom: 10px;
}
.work-c .photo-3 {
	width: 123px;
	padding-bottom: 10px;
	background: url(image/work_allow.gif) no-repeat 0px 50px;
	text-indent: -9999px;
}
.work-c .photo-2 {
	padding-bottom: 10px;

}
.work-c p {
}



/* ----------------------------------------
 *  flow（リフォームの流れ）
 * ---------------------------------------- */

.flow {
}
.flow h3 {
	background-image: url(image/h3_flow.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.flow dl {
	clear: both;
	display: block;
}
.flow dt {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #281610;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	height: 25px;
}
.flow dd {
	width: 535px;
	display: block;
	margin-bottom: 30px;
	clear: both;
}
.flow img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/* ----------------------------------------
 *  store（店舗紹介）
 * ---------------------------------------- */

.store {
	display: block;
}
.store h3 {
	background-image: url(image/h3_store.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}


.store-title {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #281610;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	height: 25px;
}


/*
.store h4 {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #281610;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	height: 25px;
}
*/

/*
.store dl {
	width: 535px;
	clear: both;
	display: block;
}
.store dt {
	padding-bottom: 10px;
	clear: both;
}
.store dd {
	display: block;
	clear: both;
	background-image: url(image/store_address.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	line-height: 1.25em;
	padding-bottom: 5px;
}
*/
.store-00 {
	width: 535px;
	clear: both;
	display: block;
}
.store-01 {
	padding-bottom: 10px;
	clear: both;
}
.store-02 {
	display: block;
	clear: both;
	background-image: url(image/store_address.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	line-height: 1.25em;
	padding-bottom: 5px;
}

.store img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}



.map-img {
	display: block;
	width: 535px;
	margin-top: 5px;
	clear: both;
}


.map {
	display: block;
	width: 535px;
	height: 22px;
	clear: both;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.map a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 107px;
	background-image: url(image/btn_access_map.gif);
	background-repeat: no-repeat;
	height: 22px;
	margin-top: 10px;
}




/* ----------------------------------------
 *  topics（インフォメーション：一覧）
 * ---------------------------------------- */

.topics {
}
.topics .page {
	font-size: x-small;
	font-weight: bold;
}
.topics h3 {
	background-image: url(image/h3_info.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}




/*
.topics dl {
}
.topics dt {
	background-image: url(image/top_info_line_l.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 15px;
	font-size: 10px;
	width: 484px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #45A2EA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #45A2EA;
	line-height: 130%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #45A2EA;
}
.topics dd {
	padding-left: 10px;
	width: 480px;
	padding-right: 10px;
	clear: both;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.topics a {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: small;
}
.topics img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.topics .date {
	width: 480px;
	display: block;
	padding-bottom: 2px;
}
.topics dl {
}
.topics dt {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 0px;
	font-size: 10px;
	width: 500px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e2e2e2;
	line-height: 130%;
	padding-bottom: 5px;
}
.topics dd {
	padding-left: 10px;
	width: 480px;
	padding-right: 10px;
	clear: both;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: normal;
}
.topics a {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: small;
}
.topics img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.topics span {
	width: 500px;
	display: block;
	padding-bottom: 2px;
}
*/
.topics ul {
	width: 535px;
	clear: both;
}
.topics li {
	width: 535px;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #e2e2e2;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	list-style: none;
}
.topics li div {
	font-weight:bold;
}
.topics span {
	padding: 0px 10px 0px 0px;
	display: block;
	margin: 0px;
}
.topics img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
}



/* ----------------------------------------
 *  topic（インフォメーション：詳細）
 * ---------------------------------------- */

.topic {
}

.topic h3 {
	background-image: url(image/h3_info.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
/*
.topic dl {
	display: block;
	width: 500px;
	clear: both;
}
.topic dt {
	background-image: url(image/top_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #efefef;
}
.topic dd {
	display: block;
	margin-bottom: 20px;
	width: 500px;
	clear: both;
}
.topic img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.topic a {
}
*/
.topic dl {
	clear: both;
	display: block;
}
.topic dt {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	font-weight: bold;
	width: 505px;
	clear: both;
	color: #000000;
	padding-left: 30px;
	margin-bottom: 10px;
	height: 25px;
	padding-top: 5px;
}
.topic dd {
	width: 535px;
	display: block;
	margin-bottom: 20px;
	clear: both;
}
.topic img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}




/* ----------------------------------------
 *  staff（スタッフ紹介）
 * ---------------------------------------- */

.staff {
}
.staff h3 {
	background-image: url(image/h3_staff.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.staff img {
	float: left;
	margin-right: 10px;
	border: 1px solid #e2e2e2;
	padding: 2px;
}
.staff table {
	width: 100%;
	margin-bottom: 15px;
}
.staff #name {
	font-weight: bold;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 3px;
	padding-bottom: 3px;
	width: 389px;
}
.staff #name span {
	font-weight: normal;
	margin-right: 15px;
}
.staffcomment {
	padding-top: 10px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 10px;
}






/* ----------------------------------------
 *  company（会社紹介）
 * ---------------------------------------- */

.company {
}
.company:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.company h3 {
	background-image: url(image/h3_company.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}



.company h4 {
	background-image: url(image/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 14px;
	font-weight: bold;
	width: 510px;
	clear: both;
	color: #281610;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	height: 25px;
}



.company table {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 535px;
}
.company th {
	width: 120px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}
.company td {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}



/* ----------------------------------------
 *  info（インフォメーション）
 * ---------------------------------------- */

.info {
}
.info:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.info h3 {
	background-image: url(image/h3_bg.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}



/* ----------------------------------------
 *  faq（よくある質問）
 * ---------------------------------------- */

.faq {
}
.faq h3 {
	background-image: url(image/h3_faq.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.faq dl {
	clear: both;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	width: 480px;
	margin-right: 10px;
	margin-left: 10px;
}
.faq dt {
	clear: both;
	width: 410px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #e2e2e2;
	background-image: url(image/faq_q.gif);
	background-repeat: no-repeat;
	padding-bottom: 15px;
	background-position: 0px center;
	padding-left: 70px;
}
.faq dd {
	display: block;
	margin-bottom: 20px;
	clear: both;
	clear: both;
	width: 410px;
	background-image: url(image/faq_a.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.faq img {
}



/* ----------------------------------------
 *  sitemap（サイトマップ）
 * ---------------------------------------- */

.sitemap {
}
.sitemap h3 {
	background-image: url(image/h3_sitemap.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.sitemap dl {
	clear: both;
	display: block;
	width: 100%;
}
.sitemap dt {
	clear: both;
	width: 510px;
	margin-top: 10px;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #e2e2e2;
	background-image: url(image/sitemap_allow_01.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
	padding-bottom: 8px;
	font-weight: bold;
}
.sitemap dd {
	clear: both;
	width: 490px;
	padding-top: 5px;
	background-image: url(image/sitemap_allow_02.gif);
	background-repeat: no-repeat;
	background-position: 30px center;
	padding-left: 45px;
	padding-bottom: 5px;
}
.sitemap img {
	float: left;
}



/* ----------------------------------------
 *  privacy（プライバシーポリシー）
 * ---------------------------------------- */

.privacy {
}
.privacy h3 {
	background-image: url(image/h3_privacy.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}
.privacy .theader {
	width: 535px;
	line-height: 1.5;
}
.privacy .tfooter {
	text-align: right;
	width: 535px;
	font-size: x-small;
}

.privacy dl {
	clear: both;
	display: block;
	width: 535px;
}
.privacy dt {
	font-weight: bold;
	clear: both;
}
.privacy dd {
	display: block;
	margin-bottom: 20px;
	clear: both;
}




/* ----------------------------------------
 *  mail form（メールフォーム）
 * ---------------------------------------- */

#mail {
	margin-bottom: 20px;
	clear: both;
	width: 535px;
}

#mail textarea {
	width: 90%;
}
#mail .input {
	width: 90%;
}
#mail .error {
	color: #CC0000;
	padding-bottom: 2px;
}
#mail p {
	width: 535px;
}
#mail table {
	width: 535px;
}
#mail tr {
}
#mail th {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2e2;
	width: 150px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
}
#mail td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2e2;
	width: 330px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}

#mail .button {
	width: 535px;
	text-align: center;
	padding-top: 25px;
	background: url(image/form_button_bg.gif) repeat-x;
	padding-bottom: 25px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

#mail span {
	color: #CC0000;
}

#mail h3 {
	background-repeat: no-repeat;
	margin-bottom: 15px;
	display: block;
	clear: both;
	font-size: medium;
}
.inquiry h3 {
	background-image: url(image/h3_contact.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}

.estimate h3 {
	background-image: url(image/h3_estimate.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}

.request h3 {
	background-image: url(image/h3_request.gif);
	height: 55px;
	width: 535px;
	text-indent: -9999px;
}





/* ----------------------------------------
 *  SIDEMENU（サイドメニュー）
 * ---------------------------------------- */

#sidemenu {
	width: 195px;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 14px;
}
#sidemenu h4 {
	text-indent: -999px;
	background-repeat: no-repeat;
	height: 30px;
}
#sidemenu img {
	border: none;
}



/* ----------------------------------------
 *  contact（サイドメニュー：フォーム）
 * ---------------------------------------- */

#sidemenu-contact {
	padding-bottom: 5px;
}
#sidemenu-contact h4 {
	background-image: url(image/top_h4_contact.gif);
}
#sidemenu-contact img {
	padding-bottom: 5px;
}



/* ----------------------------------------
 *  wqs（サイドメニュー：ワークスクイックサーチ）
 * ---------------------------------------- */

.sidemenu-wqs {
	padding-bottom: 10px;
}
.sidemenu-wqs h4 {
	background-image: url(image/top_h4_works_quick_search.gif);
}
.sidemenu-wqs dl {
	background-color: #F2F2F2;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.sidemenu-wqs dt {
	font-size: x-small;
	color: #281610;
	padding-bottom: 2px;
	padding-top: 5px;
}
.sidemenu-wqs dd {
}
.sidemenu-wqs .button {
	background-color: #F2F2F2;
	text-align: center;
	background-image: url(image/wqs_line.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px;
}



/* ----------------------------------------
 *  menu（サイドメニュー：メニュー）
 * ---------------------------------------- */

.sidemenu-menu {
	padding-bottom: 10px;
}
.sidemenu-menu h4 {
	background-image: url(image/top_h4_menu.gif);
}
.sidemenu-menu dl {
}
.sidemenu-menu dt {
	background-image: url(image/sidemenu_menu_bg.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 170px;
	padding-top: 7px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 1px;
}
.sidemenu-menu dd {
}



/* ----------------------------------------
 * banner（サイドメニュー：バナー）
 * ---------------------------------------- */

.sidemenu-banner {
	padding-bottom: 5px;
}
.sidemenu-banner h4 {
	background-image: url(image/top_h4_topics.gif);
}
.sidemenu-banner img {
}
.sidemenu-banner dl {
}
.sidemenu-banner dt {
	width: 195px;
	margin-bottom: 5px;
}
.sidemenu-banner dd {
}



/* ----------------------------------------
 * COMPANY INFO（会社インフォ）
 * ---------------------------------------- */

#company-info {
	clear: both;
	width: 710px;
	font-size: 10px;
	margin-left: 15px;
	background-image: url(image/company_info_bg.gif);
	background-repeat: repeat-y;
}
#company-info .bg {
	text-align: center;
}

#company-info .add {
	text-align: center;
	padding-top: 10px;
}

#company-info ul {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
#company-info li {
	list-style-type: none;
}




/* ----------------------------------------
 * FOOTER
 * ---------------------------------------- */

#footer {
	clear: both;
	font-size: 10px;
/*
	background-image: url(image/footer_bg.gif);
*/
	background-repeat: no-repeat;
	color: #999999;
	width: 778px;
}
#footer dl{
	margin: 0px;
	padding: 0px;
	height: 25px;
}
#footer dt{
	background: url(image/pagetop_bg.gif) repeat-x;
	float: left;
	width: 636px;
	padding-left: 15px;
	font-size: 10px;
	line-height: 1.0;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-top: 10px;
}
#footer dd{
	width: 127px;
	float: right;
	margin-top: 10px;
	background: url(image/footer_bg.gif) repeat-x;
}
#footer-bottom{
	background: #534741;
	color: #FFFFFF;
	clear: both;
	padding: 15px;
	text-align: right;
}
#footer dt a {
	background: url(image/footer_icon.gif) no-repeat left center;
	padding-left: 8px;
	height: 25px;
	margin-right: 10px;
}

/*///////////////////////////////////////
 END layout.css
///////////////////////////////////////*/