@charset "utf-8";
/* CSS Document */

/*記述順について
・フォントなどサイト全体に関する記述
・注釈など共通パーツ
・コンテナなど外枠部分
・ヘッダー
・アンカー
・角丸枠上端（緑の線画部分)
・角丸枠中間（主にここに内容を記述)
　●会社概要
　●エコポイント
  ●鳥瞰図
　●新着情報
　●投稿記事
　●メッセージ
　●コンテンツ
　●地図

・角丸枠下端（角丸閉じ部分)
・フッター
・ナビゲーション
…の順で記述しています。*/

@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p");


* {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #555;
	font-stretch: normal;
	letter-spacing: normal;
	line-height: 1.2;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-size: 100%;
	font-weight: normal;

}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th,td ,a ,img {
	margin: 0;
	padding: 0;
	font-family: "M PLUS 1p"
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
}

body {
	font-size: 90%;
	background: #FFFFFF;
	position: relative;
	z-index: 10;
}


#container:after{
	content: "";
	display: block;
	background: #eeffee;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	max-width: 1366px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -10;
}

a {
	color: #579D29;
}

p {
	font-size: 100%;
}

img {
	border: none;
}

/*li {
	color: #555;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}*/

dt {
	font-weight: bold;
}

/*共通パーツ*/
.annotation {
	margin: 0 15px 0 25px;
	padding: 0 0 0 25px;
	clear: both;
	font-size: 70%;
}


/*外枠部分*/
/*#base {
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
}*/

#container {
	width:832px;
	margin: 0 auto;
	padding: 0;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	background: url(../img/container.gif) repeat-y;
}

#headerTop {
	width: 832px;
	height: 122px;
	margin: 0;
	padding: 0;
	background: url(../img/header-top.jpg) no-repeat;
	position: relative;
}

#headerTop h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#headerTop p {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#headerImage {
	width: 832px;
	height: 274px;
	margin: 0;
	padding: 0;
	background: url(../img/header-image2.jpg) no-repeat;
	/*text-indent: -9999px;*/
/*	clear: both;
*/}
#headerImage p {
	position:absolute;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}


#headerTop a.btn-contact{
	position: absolute;
	top: 60px;
	right: 10px;
	margin: 0;
	padding: 0 1em;
	background: #eeffee;
	color: #00324d;
	border-radius: 8px;
	line-height: 2em;
	text-decoration: none;
	font-weight: bold;
}


#headerGreenLine {
	width: 832px;
	height: 5px;
	margin: 0;
	padding: 0;
	/*background: #729A2C;*/
	background: #A8CB56;
}

#outerFrame {
	width:812px;
	height: 100%;
	margin: 0;
	padding: 0 10px;
	background: url(../img/outerframe2.gif) repeat-y;
	background-position: right;
 	clear: both;
 	border-top: solid 10px #99cc4b;
}

#main {
	width: 631px;
	height: 100%;
	min-height: 100%;
	padding: 0;
	float: left;
	background: #FFF;
}



#openingGreeting {
	width: 630px;
	height: 150px;
	margin: 10px 0 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../img/opening-greeting.gif) no-repeat;
}

#openingGreeting p {
	margin: 0;
	padding: 0;
}

.boxAnchor {
	width: 630px;
	height: 20px;
	margin: 2px 0 0;
	padding: 0;
	clear: both;
	text-align: right;
}

.boxAnchor a {
	margin: 0;
	padding: 0 15px;
	font-size: 10px;
}

.boxAnchor590 {
	width: 590px;
	height: 20px;
	margin: 2px 0 0;
	padding: 0;
	display: block;
	clear: both;
}

#frame {
	width: 630px;
	margin: 0;
	padding: 0;
	background: url(../img/middle.gif) repeat-y;	
}

/*角丸枠上端*/
.upperEnd {
	width: 630px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(../img/upper-end.gif) no-repeat;
	/*display: block;*/
}

.indexIllust {
	width: 630px;
	margin: 0 0 10px;
	padding: 0;
	background: url(../img/index-illust.gif) no-repeat;
	background-position: bottom;
	/*display: block;*/
	clear: both;
}

.indexIllust h2 {
	margin: 0;
	padding: 25px 0 10px 30px;
	font-size: 135%;
	color: #579D29;
	font-weight: bold;
}
*html .indexIllust h2 {
	padding: 25px 0 7px 45px;
}

/*タイトル部分*/


/*角丸枠中間・コンテンツ内容を記述*/
.middle {
	width: 630px;
	min-height: 400px;
	margin: 0;
	padding: 0;
	background: url(../img/middle.gif) repeat-y;
	/*display: block;*/
}

#boxTopic {
	width: 610px;
	margin: 0 0 0 20px;
}

.boxContents {
	width: 570px;
	margin: 3px 15px 10px 25px;
	padding: 10px;
	clear: both;
}

.boxContents h3 {
	margin: 10px 10px 0 10px;
	padding: 0 0 2px;
	border-bottom: #CCC solid 2px;
	font-size: 135%;
	font-weight: bold;
}

.boxContents p {
	margin: 5px 10px 10px 10px;
	padding: 0;
}


/*●会社概要*/
#boxCompany {
	width: 590px;
	margin: 10px 15px 20px 25px;
	padding: 0;
	clear: both;
}

#boxCompanyPict{
	width: 340px;
	margin: 0;
	padding: 0;
	float: left;
}

#boxCompanyProfile {
	width: 238px;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
}

*html #boxCompanyProfile {
	width: 238px;
	margin: 0;
	padding: 0;
	float: right;
}


#boxCompanyProfile dl {
	margin: 0;
	padding: 0;
	clear: both;
}
#boxCompanyProfile dt {
	width: 50px;
	margin: 2px 0;
	padding: 5px 0 10px 5px;
	float: left;
	text-align: right;
}

#boxCompanyProfile dd {
	width: 168px;
	margin: 2px 0;
	padding: 5px 0 10px 5px;
	float: left;
	border-left: #693 dotted 1px;
}

#boxCompanyProfile th {
	width: 90px;
	margin: 0;
	padding: 10px 5px;
	float: left;
}

#boxCompanyProfile td {
	width: 180px;
	margin: 0;
	padding: 10px 5px;
	float: left;
}

#messageTop {
	width: 590px;
	height: 190px;
	margin: 0 15px 0 25px;
	padding: 0;
	text-indent: -9999px;
	background: url(../img/message-top.gif) no-repeat;
}

#messageTop p {
	margin: 0;
	padding: 0;
}

/*●エコポイント*/
#ecopoint {
	width: 590px;
	margin: 0 15px 30px 25px;
	padding: 0;
}

#ecopoint dl {
	margin: 0;
	padding: 0 0 0 20px;
}

#ecopoint dt {
	margin: 2px 0;
	padding: 0;
}

#ecopoint dd {
	margin: 0;
	padding: 0;
}

#ecopoint ul {
	margin: 0 0 5px;
	padding: 0 20px;
}

#ecopoint li {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
#ecopoint p {
	margin: 3px 0;
	padding: 0 0 0 20px;
}


/*●鳥瞰図*/
#birdview {
	width: 590px;
	height: 710px;
	margin: 0 15px 20px 25px;
	padding: 0;
	background: url(../img/brid_view.gif) no-repeat;
	background-position: center;
}

/*.boxBirdView dl{
	margin: 0;
	padding: 0;
}

.boxBirdView dt{
	margin: 0;
	padding: 5px 20px;
}

.boxBirdView dd{
	margin: 0;
	padding: 5px 20px;
	/*font-size: 10px;*/
	color: #555;
}

.boxBirdView h3{
	margin: 0;
	padding: 5px 20px;
}


.boxBirdView p {
	margin: 0;
	padding: 5px 20px;
}

.linkArea290-170 {
	width: 275px;
	height: 160px;
	margin: 5px 5px 0 10px;
	padding: 0;
	text-indent: -9999px;
	display: block;
	float: left;
}

.linkArea290-170 a {
	width: 275px;
	height: 160px;
	margin: 5px 5px 0 10px;
	padding: 0;
	display: block;
	float: left;
}

#notLinkArea590-470 {
	width: 590px;
	height: 365px;
	margin: 0;
	padding: 0;
	clear: both;
}*/
/*●新着情報*/
#boxTopic {
	width: 590px;
	margin: 0 15px 30px 25px;
	padding: 0;
}

.newTopic {
	margin: 5px 0 10px 10px;
	padding: 0 0 0 20px;
	background: url(../img/arrow-sign-green.gif) no-repeat;
}

/*●投稿記事*/
.titleGreenback {
	width: 590px;
	height: 35px;
	margin: 0 15px 0 25px;
	padding: 0;
	background: url(../img/greenback.gif) no-repeat;
}

.titleGreenback h2 {
	width: 485px;
	margin: 12px 0;
	padding: 0 0 0 20px;
	color: #FFF;
	font-size: 12px;
	float: left;
}

*html .titleGreenback h2 {
	padding: 0 0 0 10px;
}

.titleGreenback p {
	width: 80px;
	margin: 15px 0;
	padding: 0 5px 0 0;
	display: block;
	float: right;
	text-align: right;
}

.titleGreenbackWide {
	width: 590px;
	height: 25px;
	margin: 0 15px 0 25px;
	padding: 0;
	background: url(../img/greenback.gif) no-repeat;
}

.titleGreenbackWide h2 {
	margin: 4px 0;
	padding: 0 0 0 20px;
	float: left;
	color: #FFF;
	font-weight: bold;
}

*html .titleGreenbackWide h2 {
	padding: 0 0 0 10px;
}



.article {
	width: 568px;
	margin: 3px 15px 10px 25px;
	padding: 10px;
	border: #999 solid 1px;
	background: #E7EDE4;
	clear: both;
}

.articleLeft {
	width: 368px;
	margin: 0;
	padding: 0;
	float: left;
}

.article h3 {
	margin: 10px 10px 0 10px;
	padding: 0 0 2px;
	border-bottom: #CCC solid 2px;
}

.article p {
	margin: 5px 10px 10px 10px;
	padding: 0;
	line-height: 1.5;
}

.articleRight {
	width: 200px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}



/*●メッセージ*/
.message {
	width: 590px;
	margin: 30px 15px 20px 25px;
	padding: 0;
}

.message dl{
	margin: 0 0 20px;
	padding: 0;
}

.message dt{
	margin: 0;
	padding: 0 15px;
}

.message dd{
	margin: 0;
	padding: 5px 15px;
}

.message ol{
	margin: 0;
	padding: 0 45px;
}

.message li{
	margin: 0;
	padding: 0;
}

.message p {
	margin: 15px;
	padding: 0;
}

*:first-child+html .message dt{
	margin: 0;
	padding: 0 20px;
}

*:first-child+html .message dd{
	margin: 0;
	padding: 5px 20px;
}

*:first-child+html .message li{
	margin: 0;
	padding: 0;
}

*:first-child+html .message p {
	margin: 15px;
	padding: 0;
}


#establishment {
	margin: 25px;
	padding: inherit;
	text-align: right;
}

/*●コンテンツ*/

.articleL h3 {
	margin: 0;
	padding: 10px 0;
	color: #333;	
}
.articleL {
	width: 568px;
	margin: 3px 15px 10px 25px;
	padding: 10px;
	border: #999 solid 1px;
	clear: both;
}

.photoArticleL {
	width: 548px;
	margin: 0;
	padding: 10px;
}

.textArticleL {
	width: 548px;
	margin: 0;
	padding: 10px;
}

/*コンテンツ装飾なし*/
.boxContentsNoDeco {
	width: 590px;
	margin: 10px 15px 20px 25px;
	padding: 0;
}

.boxContentsNoDeco dl{
	margin: 0;
	padding: 0;
}

.boxContentsNoDeco dt{
	margin: 0;
	padding: 5px 20px 0;
}

.boxContentsNoDeco dd{
	margin: 0;
	padding: 3px 20px 5px;
}

.boxContentsNoDeco h3{
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
}


.boxContentsNoDeco p {
	margin: 0;
	padding: 5px 10px;
}

.boxContentsNoDeco ul{
	margin: 0 30px;
	padding: 0;
}

.boxContentsNoDeco li{
	margin: 0;
	padding: 0;
	line-height: 1.5;
}



/*コンテンツ背景色付*/
.boxContentsDeco1 {
	width: 590px;
	margin: 0 15px 20px 25px;
	padding: 0;
	background: #E7EDE4;
}

.boxContentsDeco1 dl{
	margin: 0;
	padding: 0;
}

.boxContentsDeco1 dt{
	margin: 0;
	padding: 5px 20px;
}

.boxContentsDeco1 dd{
	margin: 0;
	padding: 5px 20px;
}

.boxContentsDeco1 h3{
	margin: 0;
	padding: 5px 20px;
}


.boxContentsDeco1 p {
	margin: 0;
	padding: 10px 20px;
}

.boxContentsDeco2 {
	width: 590px;
	margin: 0 15px 0 25px;
	padding: 0;
	background: #E7EDE4;
}

.boxContentsDeco2 dl{
	margin: 0;
	padding: 0;
}

.boxContentsDeco2 dt{
	margin: 0;
	padding: 5px 20px;
}

.boxContentsDeco2 dd{
	margin: 0;
	padding: 5px 20px;
}

.boxContentsDeco2 h3{
	margin: 0;
	padding: 5px 20px;
}


.boxContentsDeco2 p {
	margin: 0;
	padding: 10px 20px;
}

.downwardArrowSign {
	margin: 1px 255px 1px 255px;
	padding: 0;
}

/*●地図*/
#map {
	width: 350px;
	margin: 5px 25px 25px;
	float: left;
}

#addressMap {
	width: 205px;
	margin: 5px 25px 25px 0;
	float: right;
}

*html #map {
	width: 350px;
	margin: 5px 25px 25px 10px;
	padding: 0;
	float: left;
}

*html #addressMap {
	width: 205px;
	margin: 5px 10px 25px 0;
	padding: 0;
	float: right;
}

#addressMap dl{
	margin: 0 0 20px;
	padding: 0;
}

#addressMap dt{
	margin: 0 0 5px;
	padding: 0;
}

#addressMap dd{
	margin: 0 0 3px;
	padding: 0;
}

/*角丸枠下端*/
.bottomTip {
	width: 630px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../img/bottom-tip.gif) no-repeat;
}

/*フッター*/
#footerUpper {
	width: 832px;
	height: 80px;
	margin: 0;
	padding: 0;
	clear: both;
	background: #99cc4b;
	position: relative;
}


#footerUpper a.btn-contact{
	position: absolute;
	top: 25px;
	right: 10px;
	margin: 0;
	padding: 0 1em;
	background: #eeffee;
	color: #00324d;
	border-radius: 8px;
	line-height: 2em;
	text-decoration: none;
	font-weight: bold;
}


#footer {
	width: 832px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #5d9b16;
	clear: both;
}

#footer p {
	/*height: 30px;*/
	font-size: 10px;
	color: #555;
	/*margin: 10px 10px auto 0;*/
	margin: 0;
	padding: 10px 0 0 0;
	float: right;

}

/*ナビゲーションここより*/

#navi {
	width: 181px;
	margin: 0;
	padding: 20px 0 0 0;
	/margin: 0 0 0 10px;
	background: #daf8b9;
	float: left;
}

*html #navi {
	margin: 0 0 0 5px;
}

#boxBanner {
	width: 180px;
	margin: 20px 0;
	padding: 0;
	background: #daf8b9;
	float: left;
}
.banner {
	margin: 5px auto 0;
	padding: 0;
	display: block;
	text-align: center;
}

#navi ul {
	margin: 0;
	padding: 0;
}
#navi .powered{
	clear:left;
	font-size:10px;
	padding-top:50px;
	padding-left:20px;
	
}
#navi .powered *{
	text-decoration:none;
	color:#999;
}

#connectHome {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-home.gif) no-repeat;
}

#connectHousemakeKusuhara {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-housemake-kusuhara.gif) no-repeat;
}

#connectIntroduction {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-introduction.gif) no-repeat;
}

#connectCampanyProfile {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-companyprofile.gif) no-repeat;
}

#connectAccess {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-access.gif) no-repeat;
}

#connectSample {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-sample.gif) no-repeat;
}

#connectKitchen {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-kitchen-dinning.gif) no-repeat;
}

#connectBath {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-sanitary.gif) no-repeat;
}

#connectWc {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-wc.gif) no-repeat;
}

#connectLivingJapanese {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-living-japaneseroom.gif) no-repeat;
}

#connectReform {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-reform.gif) no-repeat;
}

#connectExterior {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-garden-exterior.gif) no-repeat;
}

#connectGardening {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-gardening.gif) no-repeat;
}

#connectHouseEquipment {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-house-equipment.gif) no-repeat;
}

#connectTank {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-tank.gif) no-repeat;
}

#connectOutlet {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-outlet.gif) no-repeat;
}

#connectInteriorGoods {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-interior-goods.gif) no-repeat;
}

#connectExteriorGoods {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-exterior-goods.gif) no-repeat;
}

#connectOtherGoods {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-other-goods.gif) no-repeat;
}

#connectContact {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-contact.gif) no-repeat;
}

#connectContactAddress {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-contact-address.gif) no-repeat;
}

#connectFaq {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-faq.gif) no-repeat;
}

#connectSitemap {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-sitemap.gif) no-repeat;
}

#connectNetShop {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-netshopping.gif) no-repeat;
}

#connectPrivacyPolicy {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-privacy-policy.gif) no-repeat;
}

#connectAboutSite {
	width: 180px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../img/navi-about-site.gif) no-repeat;
}





#connectHome a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectHousemakeKusuhara a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectIntroduction a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectCampanyProfile a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectAccess a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectKitchen a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectBath a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectWc a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectReform a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectLivingJapanese a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectExterior a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectGardening a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectHouseEquipment a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectTank a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectInteriorGoods a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectExteriorGoods a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectOtherGoods a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectContact a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectFaq a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectSitemap a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectNetShop a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectPrivacyPolicy a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectAboutSite a {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}



#connectHome a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-home.gif) no-repeat;
}

#connectHousemakeKusuhara a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-housemake-kusuhara.gif);
}

#connectIntroduction a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-introduction.gif) no-repeat;
}

#connectCampanyProfile a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-companyprofile.gif) no-repeat;
}

#connectAccess a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-access.gif) no-repeat;
}

#connectKitchen a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-kitchen-dinning.gif) no-repeat;
}

#connectBath a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-sanitary.gif) no-repeat;
}

#connectWc a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectReform a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectLivingJapanese a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-living-japaneseroom.gif) no-repeat;
}

#connectExterior a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-garden-exterior.gif) no-repeat;
}

#connectGardening a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectHouseEquipment a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-house-equipment.gif) no-repeat;
}

#connectTank a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#connectInteriorGoods a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-interior-goods.gif) no-repeat;
}

#connectExteriorGoods a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-exterior-goods.gif) no-repeat;
}

#connectOtherGoods a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-other-goods.gif) no-repeat;
}

#connectContact a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-contact.gif) no-repeat;
}

#connectFaq a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-faq.gif) no-repeat;
}

#connectSitemap a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-sitemap.gif) no-repeat;
}

#connectNetShop a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-netshopping.gif) no-repeat;
}

#connectPrivacyPolicy a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hover-privacy-policy.gif) no-repeat;
}

#connectAboutSite a:hover {
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
/*ハック等*/

#base > #navi {
    height: auto;
}