/*-----------------------------------------------
ここから基本CSS
-----------------------------------------------*/
* {
	padding: 0px;
	margin: 0px;
}
body{
	margin:0px;
	padding:0px;
	height: 100%;
	color:#333333;
	font-size:12px;
}
html{
	height: 100%;
}
p {
	margin: 0px;
	padding: 0px;
}
hr{
	margin:0px;
	padding:0px;
	height:1px;
	color:#999;
}
img{
	border:0px;
}
h1{
	font-weight:normal;
	font-size:10px;
	color:#615544;
	padding:5px 10px 0px 0px;
	margin:0px;
	clear: both;
	text-align: right;
}
#pr{
	background:url(../pic/01.jpg) no-repeat;
	width:920px;
	height:330px;
}
/*-----------------------------------------------
ここからメインCSS
-----------------------------------------------*/
#wrapper {
	width: 820px;
	position: relative;
	border-left:1px #B2B188 solid;
	border-right:1px #B2B188 solid;
	margin: 0 auto -5px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#head_a{
	width: 820px;
	background-image:url(../images/back_head.gif);
	background-repeat: repeat-x;
	position: relative;
	height:89px;
}
#head_top{
	width: 820px;
	background-image:url(../images/top/back_head_top.gif);
	background-repeat: no-repeat;
	position: relative;
	height:89px;
	background-position: center;
}
#head_b{
	width:200px;
	float:left;
	padding: 0px 0px 0px 10px;
}
#head_c{
	width:222px;
	float:right;
}
#foot_a{
	background-image:url(../images/back_foot.gif);
	padding:5px 10px 0px 10px;
	width:800px;
	height:44px;
	position:relative;
}
#foot_b{
	width:200px;
	float:left;
}
#foot_c{
	width:502px;
	float:right;
	padding: 10px 0px 0px 0px;
	text-align: right;
}
#copy_a{
	width:800px;
	padding:0px 10px 0px 10px;
	position:relative;
	clear: both;
}
#copy_b{
	width:200px;
	float:left
}
#copy_c{
	width:200px;
	float:right;
	text-align: right;
}
.footer, .push {
	height: 5px;
}

.main01{
	margin:10px 0px 0px 10px;
}

/*-----------------------------------------------
ここからボックス関連CSS
-----------------------------------------------*/
#box_01{
	width:800px;
	position:relative;
	margin:15px 0px 0px 10px;
}
#box_02{
	width:217px;
	float:left;	
	padding-top:2px;
}
#box_03{
	width:391px;
	float:left;
	padding-top:2px;
}
#box_04{
	width:180px;
	float:right;
	text-align: right;
}
#box_05{
	width:180px;
	float:left;
}
#box_06{
	width:595px;
	float:right;
}
.cate_01{
	background-color:#F4F3EB;
	border-left:2px solid #CAC9AB;
	border-right:2px solid #CAC9AB;
	width:168px;
	height:104px;
	padding: 10px 10px 0px 10px;
}
.cate_02{
	background-color:#F4F3EB;
	border-left:2px solid #CAC9AB;
	border-right:2px solid #CAC9AB;
	width:168px;
	height:104px;
	padding: 10px 10px 0px 10px;
	text-align:left;
}
.cate_03{
	background-color:#F5F5EA;
	border-left:2px solid #DCDBBF;
	border-right:2px solid #DCDBBF;
	width:571px;
	padding: 5px 10px 0px 10px;
	text-align:left;
}
.cate_04{
	background-color:#F5F5EA;
	border-left:2px solid #DCDBBF;
	border-right:2px solid #DCDBBF;
	width:266px;
	padding: 5px 10px 0px 10px;
	text-align:left;
	height: 90px;
}
.shop_01{
	width:595px;
	position:relative;
	margin: 0px 0px 12px 0px;
	height: 121px;
	background-color: #DCDBBF;
}
.shop_02{
	width:160px;
	float:left;
	padding: 3px 0px 0px 3px;
}
.shop_03{
	width:410px;
	float:right;
	padding: 10px 10px 0px 0px;
}
.coupon_01{
	border-bottom:1px #ccc dotted;
	padding: 20px 0px 20px 0px;
}
.coupon_02{
	padding: 20px 0px 20px 0px;
}
.maker_01{
	padding-top:10px;
	text-align:right;
}
.flier_01{
	width:595px;
	position:relative;
	padding: 20px 0px 0px 0px;
}
.flier_02{
	width:285px;
	float:left
}
.flier_03{
	width:283px;
	float:right;
}
.tv_01{
	width:595px;
	position:relative;
}
.tv_02{
	width:320px;
	float:left
}
.tv_03{
	width:260px;
	float:right;
}
.tv_04{
	padding:10px 0px 15px 0px;
	color:#333333;
	line-height:14px;
	border-bottom:1px #ccc dotted;
}
.tv_05{
	padding:10px 0px 15px 0px;
	line-height: 18px;
}
.tv_06{
	padding:0px 0px 3px 0px;
}
.curtain_01{
	padding:18px 0px 13px 0px;
}
.curtain_02{
	width:574px;
	position:relative;
	padding: 5px 0px 0px 8px;
}
.curtain_03{
	width:305px;
	float:left;
	padding: 20px 0px 0px 0px;
}
.curtain_04{
	width:250px;
	float:right;
	padding: 20px 0px 0px 0px;
}
.curtain_05{
	padding:20px 0px 10px 0px;
	line-height:16px;
}
.curtain_06{
	width:574px;
	position:relative;
	padding: 5px 0px 15px 8px;
	border-bottom:1px #ccc dotted;
}
.curtain_07{
	width:150px;
	float:left;
	padding: 20px 0px 0px 0px;
}
.curtain_08{
	width:400px;
	float:right;
	padding: 30px 0px 0px 0px;
}
.curtain_09{
	width:400px;
	float:left;
	padding: 20px 0px 0px 10px;
}
.curtain_10{
	width:160px;
	float:right;
	padding: 10px 0px 0px 0px;
}
.shop_m01{
	width:595px;
	position:relative;
}
.shop_m02{
	width:225px;
	float:left;
}
.shop_m03{
	width:350px;
	float:right;
	color: #341F09;
}
.shop_b01{
	width:591px;
	position:relative;
	background-color: #F8F8F2;
	margin: 12px 0px 12px 0px;
	border:1px #CCCA9B solid;
	height: 75px;
}
.shop_b02{
	float:left;
	width: 75px;
	padding: 3px 0px 0px 3px;
}
.shop_b03{
	float:right;
	width: 500px;
}
.shop_b04{
	padding:8px 0px 8px 3px;
	border-bottom: 1px #CCCA9B dotted;
}
.catalog_01{
	background-image:url(../images/back_catalog.gif);
	background-repeat:repeat-x;
	height:25px;
	background-position: bottom;
}
.catalog_02{
	background-image:url(../images/back_catalog.gif);
	background-repeat:repeat-x;
	height:5px;
	margin-bottom:10px;
	background-position: bottom;
	line-height:1px;
	font-size:6px;
}
.fair_01{
	background-color:#E3E2CB;
	border:1px #B2B188 solid;
	width:573px;
	padding:10px 10px 10px 10px;;
	margin:15px 0px 15px 0px;
}
.fair_02{
	font-size:20px;
	font-weight:bold;
	color:#5E5D37;
	padding:0px 0px 8px 0px;
	border-bottom:1px #5E5D37 dotted;
}
.fair_03{
	color:#5E5D37;
	padding:10px 0px 0px 0px;
	line-height:16px;
}
.fair_04{
	padding:10px 0px 30px 0px;
}
.recruit_01{
	border:1px #ccc solid;
	padding: 10px;
	margin-bottom: 30px;
}
.desk01{
	padding:5px;
	border:2px #cccccc solid;
	text-align: center;
	font-size: 12px;
}
.desk01 a{
	color:#0072BC;
}

/*-------------------------------------------------
ここからパディング・マージン・ライン高・文字関連CSS
---------------------------------------------------*/
.top_01{
	padding-bottom:4px;
}
.top_02{
	padding:11px 0px 12px 0px;
}
.top_03{
	padding-bottom:12px;
}
.top_04{
	clear:both;
	padding-top:8px;
}
.sub_01{
	padding-bottom:20px;
}
.sub_02{
	padding-top:10px;
	color:#739400;
	line-height:14px;
}
.sub_03{
	padding-top:10px;
	line-height:14px;
}
.sub_04{
	color:#739400;
}
.sub_05{
	padding-top:5px;
	font-size:10px;
}
.sub_06{
	font-weight:bold;
	font-size:14px;
	padding-bottom: 8px;
}
.sub_07{
	padding-bottom:5px;
}
.sub_08{
	color:#494829;
}
.sub_09{
	line-height:16px;
	padding:10px 0px 0px 5px;
	color: #341F09;
}
.sub_10{
	padding:5px 0px 20px 8px;
}
.sub_11{
	padding:0px 0px 13px 0px;
	line-height: 16px;
}
.sub_12{
	padding:5px 0px 15px 0px;
}
.sub_13{
	padding:15px 0px 15px 35px;
}
.red{
	font-size:10px;
	color:#FF0000;
}
.news{
	line-height:16px;
	width: 380px;
	overflow: auto;
	height: 65px;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#333;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#fff;
	padding: 0px 5px 0px 5px;
	color:#666666;
}
.news a{
	color:#555555;
	text-decoration:none;
}
.clear{
	clear:both;
	height:20px;
}
.cform_01{
	border:1px #DCDBBF solid;
}
.privacy_01{
	line-height:18px;
}
.sitemap_01{
	width:192px;
}
.sitemap_02{
	width:172px;
	background-image:url(../images/utility/map_back.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding:10px 10px 0px 10px;
	text-align: left;
	height: 350px;
}
.sitemap_02 ul{
	margin-left:20px;
}
.sitemap_02 a{
	color:#333;
}
.jisn_01{
	padding:30px 0px 20px 0px;
}
.jisn_02{
	padding:0px 0px 20px 0px;
}
.jisn_03{
	padding:10px 0px 0px 0px;
	line-height: 18px;
}
/*-------------------------------------------------
ここから表関係CSS
---------------------------------------------------*/

.td_01 {
	background: #F4F4F4;
	padding: 10px 5px 10px 10px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	color: #333333;
	font-size: 12px;
}
.td_02{
	color:#341F09;
	font-size:12px;
	padding:15px 0px 10px 0px;
	border-bottom:1px #ccc dotted;
}
.td_03 {
	background: #DCDBBF;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	color:#46451E;
}
.td_04 {
	background: #F0EFDD;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	color:#616035;
}
.td_05{
	border-bottom:1px #CCCCCC dotted;
}
.td_j01 {
	background: #DCDBBF;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	color:#46451E;
	text-align: center;
}
.td_j02{
	background: #F0EFDD;
	padding: 5px 3px 5px 3px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	color:#616035;
}
/*-------------------------------------------------
ここからリスト関係CSS
---------------------------------------------------*/
.cate_03 ul{
	font-size:10px;
	padding:10px 0px 0px 20px;
}
.recruit_01 ul{
	padding:0px 0px 8px 20px;
	border-bottom:1px #cccccc dotted;
}

/*-------------------------------------------------
ここからトピックスCSS
---------------------------------------------------*/
.topics{
	position:relative;
	width:860px;
}
.topi_left{
	width:450px;
	float:left;
}
.topi_right{
	width:280px;
	float:right;
	color: #675A47;
	padding: 10px;
	border:1px #675A47 dotted;
	line-height: 16px;
	font-size: 12px;
	margin: 10px 2px 0px 0px;
}

/*-----------------------------------------------
ここからCGI関連CSS
-----------------------------------------------*/
.cgi_01{
	padding:25px 0px 10px 0px;
	text-align:right;
}

.cgi_02{
	background-color:#F4F4EA;
	height:129px;
	width:190px;
	border-top:1px #D3D2B3 solid;
	border-left:1px #D3D2B3 solid;
	border-right:1px #D3D2B3 solid;
	padding:2px;
	text-align:center;
}
.cgi_03{
	background-color:#F4F4EA;
	border-left:1px #D3D2B3 solid;
	border-right:1px #D3D2B3 solid;
	width:190px;
	height:60px;
	padding:2px 2px 2px 2px;
}
.cgi_04{
	width:50px;
	height:16px;
	padding:4px 0px 0px 10px;
	background-image:url(../images/back_shohin.gif);
	background-repeat: no-repeat;
	color:#67663C;
}
.cgi_05{
	width:178px;
	height:82px;
	background-color:#F4F4EA;
	background-image:url(../images/back_shohin2.gif);
	background-repeat: no-repeat;
	padding:6px 6px 0px 10px;
	border-bottom:1px #D3D2B3 solid;
	border-left:1px #D3D2B3 solid;
	border-right:1px #D3D2B3 solid;
}
.cgi_06{
	padding-left:7px;
}
.cgi_07{
	line-height:5px;
	font-size:5px;
	height:5px;
}

/*-----------------------------------------------
ここからページトップの横menuボタンCSS
-----------------------------------------------*/
#menu_ptop{
	width:212px;
	height:25px;
	float:left;
	padding-top:7px;
}
#menu_ptop ul {
	background: url(../images/menu_ptop.gif) left top no-repeat;
	width:212px;
	height:25px;
	margin:0px;
	padding:0px;
	position:relative;
}
#menu_ptop ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	float:left;
}
#menu_ptop a {
	width:212px;
	display:block;
	margin-left:0px;
}
#menu_ptop ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#ptop1 { top:0px;left:0px;width:80px;height:25px;float:left;position:relative;}
#ptop2 { top:0px;left:80px;width:67px;height:25px;float:left;position:relative;}
#ptop3 { top:0px;left:147px;width:65px;height:25px;float:left;position:relative;}

#ptop1 a { width:80px;height:25px;}
#ptop2 a { width:67px;height:25px;}
#ptop3 a { width:65px;height:25px;}

#ptop1 a:hover { background: url(../images/menu_ptop.gif) no-repeat -0px -25px;}
#ptop2 a:hover { background: url(../images/menu_ptop.gif) no-repeat -80px -25px;}
#ptop3 a:hover { background: url(../images/menu_ptop.gif) no-repeat -147px -25px;}

#ptop1 a strong { background: url(../images/menu_ptop.gif) no-repeat -0px -25px;width:80px;height:25px;display: block;}
#ptop2 a strong { background: url(../images/menu_ptop.gif) no-repeat -80px -25px;width:67px;height:25px;display: block;}
#ptop3 a strong { background: url(../images/menu_ptop.gif) no-repeat -147px -25px;width:65px;height:25px;display: block;}

/*-----------------------------------------------
ここからメインメニューの横menuボタンCSS
-----------------------------------------------*/
#menu_main{
	width:800px;
	height:49px;
	float:left;
	padding-left:10px;
}
#menu_main ul {
	background: url(../images/menu_main2.jpg) left top no-repeat;
	width:800px;
	height:49px;
	margin:0px;
	padding:0px;
	position:relative;
}
#menu_main ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	float:left;
}
#menu_main a {
	width:800px;
	display:block;
	margin-left:0px;
}
#menu_main ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#mmenu1 { top:0px;left:0px;width:133px;height:49px;float:left;position:relative;}
#mmenu2 { top:0px;left:133px;width:133px;height:49px;float:left;position:relative;}
#mmenu3 { top:0px;left:266px;width:133px;height:49px;float:left;position:relative;}
#mmenu4 { top:0px;left:399px;width:133px;height:49px;float:left;position:relative;}
#mmenu5 { top:0px;left:532px;width:133px;height:49px;float:left;position:relative;}
#mmenu6 { top:0px;left:665px;width:135px;height:49px;float:left;position:relative;}

#mmenu1 a { width:133px;height:49px;}
#mmenu2 a { width:133px;height:49px;}
#mmenu3 a { width:133px;height:49px;}
#mmenu4 a { width:133px;height:49px;}
#mmenu5 a { width:133px;height:49px;}
#mmenu6 a { width:135px;height:49px;}

#mmenu1 a:hover { background: url(../images/menu_main2.jpg) no-repeat -0px -49px;}
#mmenu2 a:hover { background: url(../images/menu_main2.jpg) no-repeat -133px -49px;}
#mmenu3 a:hover { background: url(../images/menu_main2.jpg) no-repeat -266px -49px;}
#mmenu4 a:hover { background: url(../images/menu_main2.jpg) no-repeat -399px -49px;}
#mmenu5 a:hover { background: url(../images/menu_main2.jpg) no-repeat -532px -49px;}
#mmenu6 a:hover { background: url(../images/menu_main2.jpg) no-repeat -665px -49px;}

#mmenu1 a strong { background: url(../images/menu_main2.jpg) no-repeat -0px -49px;width:133px;height:49px;display: block;}
#mmenu2 a strong { background: url(../images/menu_main2.jpg) no-repeat -133px -49px;width:133px;height:49px;display: block;}
#mmenu3 a strong { background: url(../images/menu_main2.jpg) no-repeat -266px -49px;width:133px;height:49px;display: block;}
#mmenu4 a strong { background: url(../images/menu_main2.jpg) no-repeat -399px -49px;width:133px;height:49px;display: block;}
#mmenu5 a strong { background: url(../images/menu_main2.jpg) no-repeat -532px -49px;width:133px;height:49px;display: block;}
#mmenu6 a strong { background: url(../images/menu_main2.jpg) no-repeat -665px -49px;width:135px;height:49px;display: block;}


/*-----------------------------------------------
ここからTOPページ左サイド縦ボタンCSS
-----------------------------------------------*/

#menu_01{
	width:200x;
	height:410px;
	float:left;
}
#menu_01 ul {
	background: url(../images/menu_side01.jpg) left top no-repeat;
	width:200px;
	height:410px;
	margin:0;
	padding:0;
	position:relative;
}
#menu_01 ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	float:left;
}
#menu_01 a {
	width:200px;
	display:block;
	margin-left:0px;
}
#menu_01 ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#sidenavi1 { top:0px;left:0px;width:200px;height:102px;float:top;position:relative;}
#sidenavi2 { top:102px;left:0px;width:200px;height:102px;float:top;position:relative;}
#sidenavi3 { top:204px;left:0px;width:200px;height:102px;float:top;position:relative;}
#sidenavi4 { top:306px;left:0px;width:200px;height:104px;float:top;position:relative;}

#sidenavi1 a { height:102px;}
#sidenavi2 a { height:102px;}
#sidenavi3 a { height:102px;}
#sidenavi4 a { height:104px;}

#sidenavi1 a:hover { background: url(../images/menu_side01.jpg) no-repeat -200px 0px;}
#sidenavi2 a:hover { background: url(../images/menu_side01.jpg) no-repeat -200px -102px;}
#sidenavi3 a:hover { background: url(../images/menu_side01.jpg) no-repeat -200px -204px;}
#sidenavi4 a:hover { background: url(../images/menu_side01.jpg) no-repeat -200px -306px;}

#sidenavi1 a strong { background: url(../images/menu_side01.jpg) no-repeat -200px 0px;width:200px;height:102px;display: block;}
#sidenavi2 a strong { background: url(../images/menu_side01.jpg) no-repeat -200px -102px;width:200px;height:102px;display: block;}
#sidenavi3 a strong { background: url(../images/menu_side01.jpg) no-repeat -200px -204px;width:200px;height:102px;display: block;}
#sidenavi4 a strong { background: url(../images/menu_side01.jpg) no-repeat -200px -306px;width:200px;height:104px;display: block;}

/*-----------------------------------------------
ここからカテゴリメニューの横x縦menuボタンCSS
-----------------------------------------------*/
#cate{
	width:391px;
	height:109px;
	float:left;
}
#cate ul {
	background: url(../images/menu_cate.jpg) left top no-repeat;
	width:391px;
	height:109px;
	margin:0px;
	padding:0px;
	position:relative;
}
#cate ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	float:left;
}
#cate a {
	width:391px;
	display:block;
	margin-left:0px;
}
#cate ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#cate1 { top:0px;left:0px;width:130px;height:36px;float:left;position:relative;}
#cate2 { top:0px;left:130px;width:130px;height:36px;float:left;position:relative;}
#cate3 { top:0px;left:260px;width:131px;height:37px;float:left;position:relative;}
#cate4 { top:36px;left:0px;width:130px;height:36px;float:left;position:relative;}
#cate5 { top:36px;left:130px;width:130px;height:36px;float:left;position:relative;}
#cate6 { top:37px;left:260px;width:131px;height:37px;float:left;position:relative;}
#cate7 { top:72px;left:0px;width:130px;height:36px;float:left;position:relative;}
#cate8 { top:72px;left:130px;width:130px;height:36px;float:left;position:relative;}
#cate9 { top:74px;left:260px;width:131px;height:37px;float:left;position:relative;}

#cate1 a { width:130px;height:36px;}
#cate2 a { width:130px;height:36px;}
#cate3 a { width:131px;height:37px;}
#cate4 a { width:130px;height:36px;}
#cate5 a { width:130px;height:36px;}
#cate6 a { width:131px;height:37px;}
#cate7 a { width:130px;height:36px;}
#cate8 a { width:130px;height:36px;}
#cate9 a { width:131px;height:37px;}

#cate1 a:hover { background: url(../images/menu_cate.jpg) no-repeat -0px -109px;}
#cate2 a:hover { background: url(../images/menu_cate.jpg) no-repeat -130px -109px;}
#cate3 a:hover { background: url(../images/menu_cate.jpg) no-repeat -260px -109px;}
#cate4 a:hover { background: url(../images/menu_cate.jpg) no-repeat -0px -145px;}
#cate5 a:hover { background: url(../images/menu_cate.jpg) no-repeat -130px -145px;}
#cate6 a:hover { background: url(../images/menu_cate.jpg) no-repeat -260px -146px;}
#cate7 a:hover { background: url(../images/menu_cate.jpg) no-repeat -0px -181px;}
#cate8 a:hover { background: url(../images/menu_cate.jpg) no-repeat -130px -181px;}
#cate9 a:hover { background: url(../images/menu_cate.jpg) no-repeat -260px -183px;}

/*-----------------------------------------------
ここからカタログメニューの横x縦menuボタンCSS
-----------------------------------------------*/
#mcatalog{
	width:594px;
	height:175px;
	float:left;
}
#mcatalog ul {
	background: url(../images/menu_catalog.jpg) left top no-repeat;
	width:594px;
	height:175px;
	margin:0px;
	padding:0px;
	position:relative;
}
#mcatalog ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	float:left;
}
#mcatalog a {
	width:594px;
	display:block;
	margin-left:0px;
}
#mcatalog ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#mcatalog1 { top:0px;left:0px;width:198px;height:58px;float:left;position:relative;}
#mcatalog2 { top:0px;left:198px;width:198px;height:58px;float:left;position:relative;}
#mcatalog3 { top:0px;left:396px;width:198px;height:59px;float:left;position:relative;}
#mcatalog4 { top:58px;left:0px;width:198px;height:58px;float:left;position:relative;}
#mcatalog5 { top:58px;left:198px;width:198px;height:58px;float:left;position:relative;}
#mcatalog6 { top:59px;left:396px;width:198px;height:59px;float:left;position:relative;}
#mcatalog7 { top:116px;left:0px;width:198px;height:58px;float:left;position:relative;}
#mcatalog8 { top:116px;left:198px;width:198px;height:58px;float:left;position:relative;}
#mcatalog9 { top:118px;left:396px;width:198px;height:59px;float:left;position:relative;}

#mcatalog1 a { width:198px;height:58px;}
#mcatalog2 a { width:198px;height:58px;}
#mcatalog3 a { width:198px;height:59px;}
#mcatalog4 a { width:198px;height:58px;}
#mcatalog5 a { width:198px;height:58px;}
#mcatalog6 a { width:198px;height:59px;}
#mcatalog7 a { width:198px;height:58px;}
#mcatalog8 a { width:198px;height:58px;}
#mcatalog9 a { width:198px;height:59px;}

#mcatalog1 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -0px -175px;}
#mcatalog2 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -198px -175px;}
#mcatalog3 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -396px -175px;}
#mcatalog4 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -0px -233px;}
#mcatalog5 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -198px -233px;}
#mcatalog6 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -396px -234px;}
#mcatalog7 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -0px -291px;}
#mcatalog8 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -198px -291px;}
#mcatalog9 a:hover { background: url(../images/menu_catalog.jpg) no-repeat -396px -293px;}

/*-----------------------------------------------
ここからSUBページ左サイド縦ボタンCSS
-----------------------------------------------*/

#subm{
	width:175x;
	height:199px;
	float:left;
	padding-bottom: 13px;
}
#subm ul {
	background: url(../images/menu_sub.jpg) left top no-repeat;
	width:175px;
	height:199px;
	margin:0;
	padding:0;
	position:relative;
}
#subm ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	float:left;
}
#subm a {
	width:175px;
	display:block;
	margin-left:0px;
}
#subm ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#subm1 { top:0px;left:0px;width:175px;height:50px;float:top;position:relative;}
#subm2 { top:50px;left:0px;width:175px;height:50px;float:top;position:relative;}
#subm3 { top:100px;left:0px;width:175px;height:50px;float:top;position:relative;}
#subm4 { top:150px;left:0px;width:175px;height:49px;float:top;position:relative;}

#subm1 a { height:50px;}
#subm2 a { height:50px;}
#subm3 a { height:50px;}
#subm4 a { height:49px;}

#subm1 a:hover { background: url(../images/menu_sub.jpg) no-repeat -175px 0px;}
#subm2 a:hover { background: url(../images/menu_sub.jpg) no-repeat -175px -50px;}
#subm3 a:hover { background: url(../images/menu_sub.jpg) no-repeat -175px -100px;}
#subm4 a:hover { background: url(../images/menu_sub.jpg) no-repeat -175px -150px;}

/*-----------------------------------------------
ここからカーテンメニューの横menuボタンCSS
-----------------------------------------------*/
#menu_curtain{
	width:594px;
	height:40px;
	float:left;
}
#menu_curtain ul {
	background: url(../images/menu_curtain.gif) left top no-repeat;
	width:594px;
	height:40px;
	margin:0px;
	padding:0px;
	position:relative;
}
#menu_curtain ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	float:left;
}
#menu_curtain a {
	width:594px;
	display:block;
	margin-left:0px;
}
#menu_curtain ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#mcurtain1 { top:0px;left:0px;width:148px;height:40px;float:left;position:relative;}
#mcurtain2 { top:0px;left:148px;width:148px;height:40px;float:left;position:relative;}
#mcurtain3 { top:0px;left:296px;width:148px;height:40px;float:left;position:relative;}
#mcurtain4 { top:0px;left:444px;width:150px;height:40px;float:left;position:relative;}

#mcurtain1 a { width:148px;height:40px;}
#mcurtain2 a { width:148px;height:40px;}
#mcurtain3 a { width:148px;height:40px;}
#mcurtain4 a { width:150px;height:40px;}

#mcurtain1 a:hover { background: url(../images/menu_curtain.gif) no-repeat -0px -40px;}
#mcurtain2 a:hover { background: url(../images/menu_curtain.gif) no-repeat -148px -40px;}
#mcurtain3 a:hover { background: url(../images/menu_curtain.gif) no-repeat -296px -40px;}
#mcurtain4 a:hover { background: url(../images/menu_curtain.gif) no-repeat -444px -40px;}

#mcurtain1 a strong { background: url(../images/menu_curtain.gif) no-repeat -0px -40px;width:148px;height:40px;display: block;}
#mcurtain2 a strong { background: url(../images/menu_curtain.gif) no-repeat -148px -40px;width:148px;height:40px;display: block;}
#mcurtain3 a strong { background: url(../images/menu_curtain.gif) no-repeat -296px -40px;width:148px;height:40px;display: block;}
#mcurtain4 a strong { background: url(../images/menu_curtain.gif) no-repeat -444px -40px;width:150px;height:40px;display: block;}



/* ホバーウィンドウ
--------------------------------------------------------- */
#dropin {
	position:absolute;
	visibility:hidden;
	left:0px; /* ウィンドウの左から200px右に移動した位置 */
	top:0px;  /* ウィンドウの上から100px下に移動した位置 */
	width:100%;
	height:1100px; /* ウィンドウサイズ（幅・高さ）*/
	line-height:1.5em; /* 行間隔 */
	z-index:10;
	background-color: #000000;
	filter:alpha(opacity=98);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.kait1{
	width:800px;
	margin: 0 auto;
	padding:50px 0px 0px 0px;
}

.kait2{
	z-index:20;
}







/*-----------------------------------------------
-----------------------------------------------*/