@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: #004A80;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration:underline;
}
a:active {
}




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


/* -★基本設定- */

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

h3 {

}

#container-bg {
	width:740px;
	background:url(image/container_bg_shade.gif) no-repeat left top;
	padding: 0px 20px;
	height: 100%;
}

#container {
	height: 100%;
	background: #FFFFFF;
	width: 740px;
}

br{
	letter-spacing: 0;
}

/* -★基本設定- */
#contents {
	background-color: #FFFFFF;
	width: 740px;
}

#contentsbox{
	background: url(image/contents_bg.gif) repeat-x left top;
	margin: 0px;
	padding: 0px;
}


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

#header {
	position: relative;
	height:47px;
	background-image: url(image/header_bg.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 13px;
}
#header h1 a {
	text-indent: -9999px;
	display: block;
	width: 203px;
	background-image: url(image/logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 47px;
}
#header ul {
	position: absolute;
	top: 13px;
	margin: 0px;
	padding: 0px;
	right: 15px;
	width: 382px;
}
#header li {
	margin: 0px;
	float: right;
	display: inline;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}

#header li img{
	margin-left:8px;
}

#header a {
	color: #666666;
}



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

#nav {
	clear: both;
	background-image: url(image/nav_bg.gif);
	background-repeat: repeat-x;
	width: 740px;
	height: 45px;
}
#menu ul {
	list-style-type: none;
}
#menu li {
	float: left;
	list-style-type: none;
}
#menu-1, #menu-2, #menu-3, #menu-4, #menu-5, #menu-1 a, #menu-2 a, #menu-3 a, #menu-4 a, #menu-5 a{
	width:148px;
	height:45px;
}
#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 -148px;
}
#menu-3 a{
	background: url(image/nav.gif) no-repeat -296px;
}
#menu-4 a{
	background: url(image/nav.gif) no-repeat -444px;
}
#menu-5 a {
	background: url(image/nav.gif) no-repeat -592px;
}
#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 -148px;
}
#menu-3, #menu-3 a:hover {
	background: url(image/nav_o.gif) no-repeat -296px;
}
#menu-4, #menu-4 a:hover {
	background: url(image/nav_o.gif) no-repeat -444px;
}
#menu-5, #menu-5 a:hover {
	background: url(image/nav_o.gif) no-repeat -592px;
}
#menu-1 a, #menu-2 a, #menu-3 a, #menu-4 a, #menu-5 a {
	text-indent: -9999px;
	text-decoration: none;
}



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

.sitenavi {
	font-size: 10px;
	text-align: right;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	height: 10px;
}



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

h2 {
	width: 740px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#top {
	height: 280px;
	background-image: url(image/top_image.jpg);
}
#service {
	height: 150px;
	background-image: url(image/h2_service.jpg);
}
#newbuildings {
	height: 150px;
	background-image: url(image/h2_newbuildings.jpg);
}
#reforms {
	height: 150px;
	background-image: url(image/h2_reforms.jpg);
}
#newbuilding {
	height: 150px;
	background-image: url(image/h2_newbuildings.jpg);
}
#reform {
	height: 150px;
	background-image: url(image/h2_reforms.jpg);
}
#flow {
	height: 150px;
	background-image: url(image/h2_flow.jpg);
}
#store {
	height: 150px;
	background-image: url(image/h2_store.jpg);
}
#staff {
	height: 150px;
	background-image: url(image/h2_staff.jpg);
}
#inquiry {
	height: 150px;
	background-image: url(image/h2_contact.jpg);
}
#faq {
	height: 150px;
	background-image: url(image/h2_faq.jpg);
}
#estimate {
	height: 150px;
	background-image: url(image/h2_estimate.jpg);
}
#request {
	height: 150px;
	background-image: url(image/h2_request.jpg);
}
#company {
	height: 150px;
	background-image: url(image/h2_company.jpg);
}
#sitemap {
	height: 150px;
	background-image: url(image/h2_sitemap.jpg);
}
#privacy {
	height: 150px;
	background-image: url(image/h2_privacy.jpg);
}
#topics {
	height: 150px;
	background-image: url(image/h2_topics.jpg);
}
#topic {
	height: 150px;
	background-image: url(image/h2_topics.jpg);
}
#commodity {
	height: 150px;
	background-image: url(image/h2_commodity.jpg);
}



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

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


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

.pagetop {
	display: block;
	background-image: url(image/pagetop.gif);
	width: 62px;
	margin-top: 5px;
	height: 30px;
	clear: both;
	padding-left: 428px;
	margin-bottom: 30px;
	padding-right: 10px;
}
.pagetop a {
	text-indent: -9999px;
	display: block;
	width: 62px;
	background-repeat: no-repeat;
	height: 11px;
	padding-top: 9px;
}



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

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


/* ----------------------------------------
 *  list btn
 * ---------------------------------------- */

.list-btn{
	position: absolute;
	height: 18px;
	width: 71px;
	left: 420px;
	top: 13px;
	right: 0px;
	bottom: 0px;
	border-style: none;
}
.list-btn a{
	background: url(image/top_list_btn.gif) no-repeat;
	height: 17px;
	width: 71px;
	position: absolute;
	text-indent: -9999px;
}




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

.listback {
	display: block;
	width: 80px;
	margin-top: 5px;
	height: 20px;
	clear: both;
	margin-bottom: 30px;
	padding-left: 420px;
}
.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-newbuildings（トップ：新築施工事例一覧）
 * ---------------------------------------- */

.top-newbuildings {
	width: 510px;
	display: block;
	clear: both;
	position: relative;
}
.top-newbuildings:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.top-newbuildings h3 {
	text-indent: -9999px;
	height: 46px;
	background-image: url(image/top_h3_newbuildings.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.top-newbuildings table {
	padding: 0px;
	width: 510px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.top-newbuildings td {
	width: 160px;
	text-align: left;
	margin: 0px;
	padding-right: 10px;
}
.top-newbuildings dt {
	line-height: 120%;
}
.top-newbuildings dd {
	font-size: x-small;
}
.top-newbuildings a {
	font-weight: bold;
	width: 71;
	margin: 0px;
	padding: 0px;
}
.top-newbuildings img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.top-newbuildings span {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	width: 160px;
	display: block;
}



/* ----------------------------------------
 *  top-reforms（トップ：リフォーム施工事例一覧）
 * ---------------------------------------- */

.top-reforms {
	width: 510px;
	display: block;
	clear: both;
	position: relative;
}
.top-reforms:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.top-reforms h3 {
	text-indent: -9999px;
	height: 46px;
	background-image: url(image/top_h3_reforms.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.top-reforms table {
	padding: 0px;
	width: 510px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.top-reforms td {
	width: 160px;
	text-align: left;
	margin: 0px;
	padding-right: 10px;
}
.top-reforms dt {
	line-height: 120%;
}
.top-reforms dd {
	font-size: x-small;
}
.top-reforms a {
	font-weight: bold;
	width: 71;
	margin: 0px;
	padding: 0px;
}
.top-reforms img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.top-reforms span {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	width: 160px;
	display: block;
}




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

.top-info {
	margin-bottom: 10px;
	clear: both;
	width: 510px;
	position: relative;
}
.top-info h3 {
	text-indent: -9999px;
	height: 46px;
	background-image: url(image/top_h3_info.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px;
	padding: 0px;
}
.top-info dl {
}
.top-info dt {
	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; #E8E8E8;
	line-height: 130%;
	padding-bottom: 5px;
}
.top-info dd {
	width: 500px;
	clear: both;
	display: block;
	line-height: normal;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
}
.top-info a {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: small;
}
.top-info img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e2e2e2;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.top-info span {
	padding-bottom: 2px;
	font-weight: bold;
	margin-right: 10px;
}


/* ----------------------------------------
 *  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: 10px;
	display: block;
	clear: both;
	font-size: 14px;
}
#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;
}




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

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



/* ----------------------------------------
 *  newbuildings（施工事例：新築一覧）
 * ---------------------------------------- */

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

}
.newbuildingss a {
}




/* ----------------------------------------
 *  newbuilding（施工事例：新築詳細）
 * ---------------------------------------- */

.newbuildings {
}

.newbuildings h3 {
	background-image: url(image/h3_newbuildings.gif);
	height: 46px;
	width: 500px;
	text-indent: -9999px;
}
.newbuilding-main {
}
.newbuildings p {
	width: 500px;
}
.newbuildings p img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.newbuildings img {
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.newbuildings table img {
	margin:0px;
	padding:0px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.newbuildings a {

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


.newbuilding-a {
	width: 500px;
	padding-bottom: 10px;
}
.newbuilding-a h4 {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.newbuilding-a table {
}
.newbuilding-a .photo-1 {
	padding-bottom: 10px;
	padding-right: 12px;
	padding-left: 8px;
}
.newbuilding-a .photo-2 {
	padding-bottom: 10px;
}
.newbuilding-a p {
}


.newbuilding-b {
	width: 500px;
	padding-bottom: 10px;
}
.newbuilding-b h4 {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.newbuilding-b table {
	width: 500px;
}
.newbuilding-b .photo-1 {
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.newbuilding-b .photo-2 {
	padding-bottom: 10px;
	padding-left: 10px;
}



.newbuilding-c {
	width: 500px;
	padding-bottom: 10px;
}
.newbuilding-c h4 {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.newbuilding-c table {
}
.newbuilding-c .photo-1 {
	padding-bottom: 10px;
	padding-left: 10px;
}
.newbuilding-c .photo-3 {
	width: 47px;
	padding-bottom: 10px;
	background: url(image/work_allow.gif) no-repeat 0px 50px;
	text-indent: -9999px;
}
.newbuilding-c .photo-2 {
	padding-bottom: 10px;

}
.newbuilding-c p {
}


/* ----------------------------------------
 *  reforms（施工事例：新築一覧）
 * ---------------------------------------- */

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

}
.reforms a {
}




/* ----------------------------------------
 *  reform（施工事例：リフォーム詳細）
 * ---------------------------------------- */

.reform {
}

.reform h3 {
	background-image: url(image/h3_reforms.gif);
	height: 46px;
	width: 500px;
	text-indent: -9999px;
}
.reform-main {
}
.reform p {
	width: 500px;
}
.reform p img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.reform img {
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.reform table img {
	margin:0px;
	padding:0px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.reform a {

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


.reform-a {
	width: 500px;
	padding-bottom: 10px;
}
.reform-a h4 {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.reform-a table {
}
.reform-a .photo-1 {
	padding-bottom: 10px;
	padding-right: 14px;
}
.reform-a .photo-2 {
	padding-bottom: 10px;
}



.reform-b {
	width: 500px;
	padding-bottom: 10px;
}
.reform-b h4 {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.reform-b table {
	width: 500px;
}
.reform-b .photo-1 {
	padding-bottom: 10px;
	padding-left: 14px;
}
.reform-b .photo-2 {
	padding-bottom: 10px;
}



.reform-c {
	width: 500px;
	padding-bottom: 10px;
}
.reform-c h4 {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.reform-c table {
}
.reform-c .photo-1 {
	padding-bottom: 10px;
}
.reform-c .photo-3 {
	width: 70px;
	padding-bottom: 10px;
	text-indent: -9999px;
	background-image: url(image/work_allow.gif);
	background-repeat: no-repeat;
	background-position: center 50px;
}
.reform-c .photo-2 {
	padding-bottom: 10px;

}
.reform-c p {
}



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

.flow {
}
.flow h3 {
	background-image: url(image/h3_flow.gif);
	height: 46px;
	width: 500px;
	text-indent: -9999px;
}
.flow dl {
	clear: both;
	display: block;
}
.flow dt {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.flow dd {
	width: 500px;
	display: block;
	margin-bottom: 30px;
	clear: both;
}
.flow img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #e2e2e2;
	padding: 2px;
}


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

.store {
}
.store h3 {
	background-image: url(image/h3_store.gif);
	height: 46px;
width: 500px;
	text-indent: -9999px;
}
.store h4 {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.store dl {
	width: 500px;
	clear: both;
	display: block;
}
.store dt {
	clear: both;
}
.store dd {
	display: block;
	clear: both;
	line-height: 1.25em;
}
.store img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #e2e2e2;
	padding: 2px;
}


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




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

.topics {
}
.topics .page {
	font-size: x-small;
	font-weight: bold;
}
.topics h3 {
	background-image: url(image/h3_info.gif);
	height: 46px;
width: 500px;
	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;
	height: 35px; #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 ul {
	width: 500px;
	clear: both;
}
.topics li {
	width: 500px;
	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;
	margin-bottom: 2px;
	padding-bottom: 2px;
}
.topics span {
	padding: 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: 46px;
width: 500px;
	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 {
	font-size: 14px;
	font-weight: bold;
	width: 465px;
	clear: both;
	color: #212121;
	padding-top: 8px;
	padding-left: 35px;
	margin-bottom: 10px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 6px;
}
.topic dd {
	width: 500px;
	display: block;
	margin-bottom: 30px;
	clear: both;
}
.topic img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}




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

.staff {
}
.staff h3 {
	background-image: url(image/h3_staff.gif);
	height: 46px;
width: 500px;
	text-indent: -9999px;
}
.staff img {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #e2e2e2;
	background: #FFFFFF;
}
.staff table {
	margin-bottom:15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e2e2e2;
}
.staff table td {
	padding-bottom: 15px;
}
.staff #name {
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
.position{
	border-bottom:solid 1px #e2e2e2;
	margin-bottom:5px;
	padding-bottom:5px;
}




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

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



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



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



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

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


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

.faq {
}
.faq h3 {
	background-image: url(image/h3_faq.gif);
	height: 46px;
width: 500px;
	text-indent: -9999px;
}
.faq dl {
	clear: both;
	display: block;
	width: 500px;
}
.faq dt {
	clear: both;
	width: 450px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	background: #f2f2f2 url(image/faq_q.gif) no-repeat 10px center;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px dashed #dfdfdf;
}
.faq dd {
	display: block;
	margin-bottom: 20px;
	clear: both;
	clear: both;
	width: 450px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(image/faq_a.gif) no-repeat 10px center;
	border-bottom: 1px dotted #dfdfdf;
}
.faq img {
}



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

.sitemap {
}
.sitemap h3 {
	background-image: url(image/h3_sitemap.gif);
	height: 46px;
width: 500px;
	text-indent: -9999px;
}
.sitemap dl {
	clear: both;
	display: block;
	width: 500px;
}
.sitemap dt {
	clear: both;
	width: 453px;
	margin-top: 10px;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E8E8E8;
	background-image: url(image/sitemap_allow_01.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 27px;
	padding-bottom: 8px;
	font-weight: bold;
}
.sitemap dd {
	clear: both;
	width: 435px;
	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;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #45A2EA;
	padding: 2px;
}



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

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

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




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

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

#mail textarea {
	width: 90%;
}
#mail .input {
	width: 90%;
}
#mail .error {
	color: #CC0000;
	padding-bottom: 2px;
}
#mail p {
	width: 500px;
}
#mail table {
	width: 500px;
}
#mail th {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	width: 130px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#mail td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e8e8e8;
	width: 330px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}

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

#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: 46px;
width: 500px;
	text-indent: -9999px;
}
.estimate h3 {
	background-image: url(image/h3_estimate.gif);
	height: 46px;
width: 500px;
	text-indent: -9999px;
}
.request h3 {
	background-image: url(image/h3_request.gif);
	height: 46px;
width: 500px;
	text-indent: -9999px;
}




/* ----------------------------------------
 *  commodity（販売商品紹介）★★★★
 * ---------------------------------------- */

.commodity {
}
.commodity h3 {
	background-image: url(image/h3_commodity.gif);
	height: 46px;
	width: 500px;
	text-indent: -9999px;
}
.commodity dl {
	clear: both;
	display: block;
}
.commodity dt {
	font-size: 14px;
	font-weight: bold;
	width: 475px;
	clear: both;
	color: #555555;
	padding-top: 8px;
	padding-left: 25px;
	margin-bottom: 5px;
	background: url(image/h4_bg.gif) no-repeat left top;
	padding-bottom: 10px;
}
.commodity dd {
	width: 500px;
	display: block;
	clear: both;
	padding-bottom: 30px;
}
.commodity img {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}




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

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



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

#sidemenu-contact {
	padding-bottom: 7px;
}
#sidemenu-contact h4 {
	background-image: url(image/top_h4_contact.gif);
	height: 30px;
	width: 195px;
	margin-bottom: 5px;
}
#sidemenu-contact img {
	padding-bottom: 3px;
}



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

.sidemenu-wqs {
	padding-bottom: 15px;
}
.sidemenu-wqs h4 {
	background-image: url(image/top_h4_works_quick_search.gif);
	height: 0px;
	width: 195px;
	margin-bottom: 3px;
}
.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: #0066B3;
	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);
	width: 195px;
	height: 30px;
}
.sidemenu-menu dl {
}
.sidemenu-menu dt {
	background-image: url(image/sidemenu_menu_bg.gif);
	background-repeat: no-repeat;
	width: 160px;
	font-size: 12px;
	height: 20px;
	line-height: 1.0;
	padding-top: 9px;
	padding-left: 35px;
}
.sidemenu-menu dd {
}



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

.sidemenu-banner {
	padding-bottom: 5px;
}
.sidemenu-banner h4 {
	background-image: url(image/top_h4_topics.gif);
	height: 30px;
	width: 195px;
	margin-bottom: 5px;
}
.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;
}


/* ----------------------------------------
 * FOOTER
 * ---------------------------------------- */
#footer-link {
	clear: both;
	margin-top: 10px;
	width: 710px;
	font-size: 10px;
	margin-left: 15px;
}

#footer-link ul {
	text-align: center;
}
#footer-link li {
	list-style-type: none;
}

#footer {
	text-align: center;
	clear: both;
	font-size: 10px;
	padding-top: 8px;
	color: #ffffff;
	background: url(image/footer_barbg.gif) repeat-x;
	margin-top: 10px;
	height: 20px;
	padding-bottom: 2px;
}



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