﻿body {
	background-repeat: no-repeat;
	background-color: #F3F3F3;
	text-align: center;
	margin: 0px;
	padding: 0px;
	
	scrollbar-3dlight-color:#666666;
	scrollbar-arrow-color:#666666;
	scrollbar-base-color:#EBEAE4;
	scrollbar-darkshadow-color:#EBEAE4;
	scrollbar-face-color:#EBEAE4;
	scrollbar-highlight-color:#EBEAE4;
	scrollbar-shadow-color:#666666;
}



/* ハイパーリンク */

a {text-decoration:underline;color:#006699;}

a:hover {text-decoration:none;color:#FF3333;}

a.footer {color:#999999;}

a.top {color:#333399;}



a.mcate {text-decoration:underline;color:#996699;}

a.scate {text-decoration:underline;color:#6666CC;}



/* コピーライト・pagetopリンク */

.copy {font-size: 11px;color: #666666;text-decoration: none;}

.pagetop {color:#666666;font-size:10px;text-align:right;margin-right:6px;}





/* 注釈用 */

.notes {font-size:11px;color:#555555;}

.notes2 {font-size:11px;color:#999999;}

.top12 {

	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 120%

}

.main12 {

	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 140%
}

.main12e1 {

	FONT-SIZE: 12px; COLOR: #e1e1e1; LINE-HEIGHT: 120%

}

.main12g {

	FONT-SIZE: 12px; COLOR: #428400; LINE-HEIGHT: 180%

}
.main12ao {

	FONT-SIZE: 12px; COLOR: #2B5580; LINE-HEIGHT: 140%

}


.main12eg {

	FONT-SIZE: 12px; COLOR: #288080; LINE-HEIGHT: 140%

}


.main15ao {

	FONT-SIZE: 15px; COLOR: #2B5580; LINE-HEIGHT: 115%

}

.car11 {

	FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 115%

}

.main11{

	FONT-SIZE: 11px; COLOR: #555555; LINE-HEIGHT: 140%

}


.main14 {

	FONT-SIZE: 14px; COLOR: #666666; LINE-HEIGHT: 140%
}

.main14r {

	FONT-SIZE: 14px; COLOR: #DD0000; LINE-HEIGHT: 140%
}

.main14g {

	FONT-SIZE: 14px; COLOR: #428400; LINE-HEIGHT: 180%

}

.main15{

	FONT-SIZE: 15px; COLOR: #333333; LINE-HEIGHT: 115%

}

.main15b {

	FONT-SIZE: 15px; COLOR: #003399; LINE-HEIGHT: 115%

}

.main15r {

	FONT-SIZE: 15px; COLOR: #990000; LINE-HEIGHT: 115%

}
.main15w {

	FONT-SIZE: 15px; COLOR: #ffffff; LINE-HEIGHT: 115%

}

.main16{

	FONT-SIZE: 16px; COLOR: #555555; LINE-HEIGHT: 140%

}

.main18{

	FONT-SIZE: 18px; COLOR: #555555; LINE-HEIGHT: 140%

}



.main11-white {
	font-size: 11px;
	line-height: 140%;
	color: #FFFFFF;
}
.main12-white {
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
}
.main12-pink {
	font-size: 12px;
	line-height: 140%;
	color: #E75D4A;
}
.main12w {
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
}
.main12b {
	font-size: 12px;
	line-height: 140%;
	color: #008EEF;
}
.main-orange {
	font-size: 12px;
	line-height: 140%;
	color: #EC5F00;
}
.main12-orange2 {
	font-size: 12px;
	line-height: 140%;
	color: #FF964A;
}
.main12black {
	font-size: 12px;
	line-height: 160%;
	color: #000000;
}
.main15black {
	font-size: 15px;
	line-height: 160%;
	color: #000000;
}
#wrapper {
	background-color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	width: 768px;
	text-align: left;
	height: auto;
}
#header {
	background-color: #EAF2DB;
	background-image: url(images/main_images/header.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 768px;
}
#header h1 {
	font-size: 12px;
	line-height: 140%;
	color: #627B30;
	margin: 0px;
	padding: 40px 0px 10px;
	font-weight: normal;
}
#header strong {
	color: #FF3300;
}
#pickup {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 768px;
	height: 290px;
}
#pickup #pickup-01 {
	background: #FFFFFF;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	float: left;
	width: 200px;
	height: 283px;
}
#pickup #pickup-02 {
	background: #FFFFFF;
	margin: 0px;
	padding: 15px 0px 0px;
	float: left;
	width: 314px;
	height: 275px;
	text-align: center;
}
#pickup #pickup-03 {
	background: #FFFFFF;
	margin: 0px;
	padding: 7px 15px 0px 4px;
	float: right;
	width: 220px;
}
#pickup-03-1 {
	margin: 0px;
	height: 75px;
	width: 220px;
	padding: 0px;
}
#pickup-03-2 {
	margin: 8px 0px 0px;
	padding: 0px;
	height: 121px;
	width: 220px;
}
#pickup-03-3 {
	margin: 4px 0px 0px;
	padding: 0px;
	height: 75px;
	width: 220px;
}
#footer {
	width: 768px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 206px;
}
#footer-01 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #627B30;
	border-bottom-color: #627B30;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	line-height: 140%;
	color: #666666;
	text-align: center;
}
#footer-02 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #627B30;
	font-size: 10px;
	line-height: 140%;
	color: #666666;
	text-align: left;
	width: 748px;
	height: 28px;
	margin: 0px 10px;
	padding: 5px 0px;
}
#footer-02-1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 498px;
	text-align: left;
}
#footer-02-2 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 250px;
	background-color: #FFFFFF;
	height: 44px;
	text-align: center;
}
#footer-03 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 10px;
	line-height: 140%;
	color: #666666;
	text-align: left;
	background-color: #00FFFF;
	padding: 0px;
}
#footer-03-1 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 170px;
	text-align: center;
}
#footer-03-2 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
	font-size: 10px;
	line-height: 140%;
	color: #666666;
}
#footer-03-3 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
	text-align: center;
}
#footer-03-4 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 193px;
	font-size: 10px;
	line-height: 140%;
	color: #666666;
}
#footer-03-5 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 125px;
	text-align: right;
}
#main {
	margin: 0px;
	padding: 0px;
	width: 768px;
	background-image: url(images/main_images/main_back.gif);
	text-align: left;
	background-repeat: repeat-y;
    display: inline-table;
    min-height: 1em;
}

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#main-left {
	margin: 0px;
	padding: 0px;
	width: 225px;
	float: left;
}
#main-right {
	background-color: #EAF2DB;
	margin: 0px;
	padding: 0px;
	width: 543px;
	background-image: url(images/main_images/side-right-back.gif);
	left: 225px;
	float: right;
}
#main-left-1 {
	margin: 0px;
	padding: 0px;
	height: 98px;
	width: 225px;
}
#main-left-2 {
	height: 48px;
	width: 203px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
}
#main-left-3 {
	height: 48px;
	width: 203px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
}
#main-left-4 {
	height: 48px;
	width: 203px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
}
#main-left-5 {
	height: 48px;
	width: 203px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
}
#main-left-6 {
	height: 48px;
	width: 203px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
}
#main-left-7 {
	height: 48px;
	width: 203px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
}
#main-left-9 {
	height: 48px;
	width: 203px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 12px;
	padding: 0px;
}
#main-left-8 {
	height: 283px;
	width: 203px;
	padding: 0px;
	margin: 6px 0px 1px 12px;
}
#main-right-1 {
	background-color: #EAF2DB;
	margin: 0px;
	padding: 0px;
	height: 50px;
}
#main-right-1-1 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 132px;
}
#main-right-1-2 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 132px;
}

#main-right-1-3 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 132px;
}

#main-right-1-4 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 133px;
}
#main-right-2 {
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 543px;
	background-image: url(images/main_images/main-flash1.gif);
	background-repeat: no-repeat;
}
#main-right-3 {
	margin: 16px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 525px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
}
#main-right-3-1 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title01.gif);
}
#main-right-3-2 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title02.gif);
}
#main-right-3-3 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title03.gif);
}
#main-right-3-4 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title04.gif);
}
#main-right-3-5 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title05.gif);
}
#main-right-3-6 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title06.gif);
}
#main-right-3-7 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title07.gif);
}
#main-right-3-8 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title08.gif);
}
#main-right-3-9 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title09.gif);
}
#main-right-3-10 {
	margin: 0px;
	padding: 13px 0px 0px 225px;
	height: 25px;
	width: 302px;
	background-repeat: no-repeat;
	background-color: #485A23;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/second/second_title10.gif);
}
#main-content {
	margin: 0px;
	padding: 5px;
	height: auto;
	width: 517px;
	background-color: #FFFFFF;
	text-align: center;
}

#main-under {
	background-image: url(images/main_images/main-flash2.gif);
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 768px;
	background-color: #EAF2DB;
	background-repeat: no-repeat;
	background-position: bottom;
}
#footer-02-2-1 {
	color: #666666;
	font-size: 10px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}
#footer-02-2-1 a {
	text-decoration: none;
	font-size: 10px;
	color: #666666;
}
#footer-02-2-1 a:hover,#footer-02-2-1 a:active {
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
#footer-01 a {
	text-decoration: none;
	font-size: 10px;
	color: #666666;
}


#footer-01 a:hover,#footer-02-2-1 a:active {
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}#main-content h2 {
	font-size: 15px;
	line-height: 140%;
	color: #485A23;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #485A23;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D5E3B7;
}
.sub-content {
	text-align: left;
	width: 500px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.box-info01 {
	text-align: left;
	width: 480px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px;
	margin-top: 10px;
	height: 261px;
	background-image: url(images/second/info01.jpg);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
}
.box-info02 {
	text-align: left;
	width: 500px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 10px 0px 0px;
	height: 150px;
}
.box-info03 {
	padding-top: 20px;
}
.box-info04 {
	text-align: center;
	width: 440px;
	padding: 10px 30px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 10px 0px 0px;
	background-color: #FFFFEC;
	border: 1px solid #CCCCCC;
}
.box-info04map {
	text-align: center;
	width: 498px;
	padding: 1px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	border: 1px solid #CCCCCC;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 10px;
}
#main-content h3 {
	color: #FF0000;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	margin: 10px 0px 0px;
	padding: 0px;
}
.box-info01-1 {
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	padding: 0px;
	width: 290px;
	margin: 10px;
}
.image-left {
	float: left;
}
.image-right {
	margin: 0px;
	padding: 0px;
	float: right;
}
.box-info02-1 {
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	padding: 5px 5px 5px 10px;
	margin: 0px;
	float: left;
}

#main-content h4 {
	font-size: 15px;
	line-height: 140%;
	color: #485A23;
	margin: 0px;
	padding: 0px;
}
.box-info04-1 {
	margin: 0px;
	padding: 0px;
	height: 152px;
}
.box-info04-2 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px;
	width: 196px;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: left;
	font-size: 10px;
	line-height: 140%;
	color: #333333;
}
.box-info04-3 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px;
	width: 196px;
	border: 1px solid #CCCCCC;
	float: right;
	text-align: left;
	font-size: 10px;
	line-height: 140%;
	color: #333333;
}
.box-info04-4 {
	margin: 0px;
	padding: 0px;
	height: 50px;
}
.boxo01 {
	text-align: left;
	width: 460px;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 10px 0px 0px;
	background-color: #FFFFEC;
	border: 1px solid #CCCCCC;
}
.box01 {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* サイトマップページ */

#box-site {
	text-align: left;
	width: 480px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 10px 0px 0px 0px;
	height: auto;
}

/* 畳の知識ページ */

.07box01 {
	text-align: left;
	width: 500px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 10px 0px 0px ;
}

.box-info02 {
	text-align: left;
	width: 500px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 10px 0px 0px;
	height: 150px;
}


.07box02 {
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	padding: 5px 5px 5px 10px;
	margin: 0px;
	float: left;
}


.07box03 {
	text-align: left;
	width: 490px;
	padding: 0px 5px 0px 5x;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	height: auto;
	background-color: #DCF3DC;
	background-image: url(images/chishiki12.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.07h4 {
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	width: 500px;
	padding: 0px;
}

/* 商品紹介ページ*/

#box-shou {
	text-align: left;
	width: 500px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 10px 0px 10px 0px;
	height: auto;
	border: 1px solid #CCCCCC;
}

/* 価格表ページ */

.09table{
    font-size: 12px;
	line-height: 140%;
	color: #333333;
	margin: 5px 0px 15px 0px;
}

