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

*{
margin:0;
padding:0;
}

body{
font-size:12px;
color:#3e2e2e;
background-color:#ffffff;
line-height:1.4em;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{
border:none;
}

a:link{
color:#f39800;
text-decoration:none;
}

a:visited{
color:#f39800;
text-decoration:none;
}

a:hover{
color:#3e2e2e;
text-decoration:underline;
}

h1 a{
width:129px;
height:62px;
display:block;
text-indent:-9999px;
background:url(../img/logo.gif) no-repeat;
margin-bottom:8px;
outline:none;
}

h2{
width:780px;
height:29px;
font-size:12px;
background:url(../img/bar_product.gif) no-repeat;
padding-left:15px;
line-height:29px;
margin-bottom:12px;
}

h2#h2top{
	width:470px;
	height:49px;
	display:block;
	text-indent:-9999px;
	background:url(../img/txt_top01.gif) no-repeat;
	margin-left:32px;
	margin-bottom:20px;
	padding:0;
}

h2#h2news,h2#h2qa,h2#h2con,h2#h2com{
width:524px;
height:29px;
font-size:12px;
background:url(../img/bar_whatsnew.gif) no-repeat;
padding-left:15px;
line-height:29px;
margin-bottom:12px;
}

h2#h2qa{
background:url(../img/bar_qa.gif) no-repeat;
}

h2#h2con{
background:url(../img/bar_contact.gif) no-repeat;
}

h2#h2com{
background:url(../img/bar_company.gif) no-repeat;
}

h2#h2sl{
background:url(../img/bar_shoplist.gif) no-repeat;
}

h2#h2k{
background:url(../img/bar.gif) no-repeat;
}


h3#h3top{
font-size:12px;
margin-left:34px;
margin-bottom:20px;
}

h3#h3news,h3#h3qa{
font-size:12px;
margin-left:20px;
margin-bottom:20px;
}

h4#h4top{
width:538px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/titlebar_new.gif) top center no-repeat;
}

#header{
width:100%;
height:353px;
background:url(../img/bg_header.gif) top left repeat-x;
}

#header-kiyaku{
width:100%;
height:92px;
background:url(../img/bg_header.gif) top left repeat-x;
}

#header02{
width:780px;
margin:0 auto;
padding-top:20px;
font-size:1px;
}

/*==================================メニュー部分==============================================*/

#menu{
width:100%;
height:59px;
background:url(../img/bg_menu.gif) top left repeat-x;
margin-bottom:7px;
}

#menu02{
width:780px;
height:53px;
margin:0 auto;
}

#menu02 ul{
list-style-type:none;
}

#menu02 li{
float:left;
}

#menu02 .m01 a{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu01.gif) no-repeat;
outline:none;
}

#menu02 .m01 a:hover{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu01ov.gif) no-repeat;
outline:none;
}

#menu02 .m01ov a{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu01ov.gif) no-repeat;
outline:none;
}

#menu02 .m01ov a:hover{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu01ov.gif) no-repeat;
outline:none;
}

#menu02 .m02 a{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu02.gif) no-repeat;
outline:none;
}

#menu02 .m02 a:hover{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu02ov.gif) no-repeat;
outline:none;
}

#menu02 .m02ov a{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu02ov.gif) no-repeat;
outline:none;
}

#menu02 .m02ov a:hover{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu02ov.gif) no-repeat;
outline:none;
}

#menu02 .m03 a{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu03.gif) no-repeat;
outline:none;
}

#menu02 .m03 a:hover{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu03ov.gif) no-repeat;
outline:none;
}

#menu02 .m03ov a{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu03ov.gif) no-repeat;
outline:none;
}

#menu02 .m03ov a:hover{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu03ov.gif) no-repeat;
outline:none;
}

#menu02 .m04 a{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu04.gif) no-repeat;
outline:none;
}

#menu02 .m04 a:hover{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu04ov.gif) no-repeat;
outline:none;
}

#menu02 .m04ov a{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu04ov.gif) no-repeat;
outline:none;
}

#menu02 .m04ov a:hover{
width:130px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu04ov.gif) no-repeat;
outline:none;
}

#menu02 .m05 a{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu05.gif) no-repeat;
outline:none;
}

#menu02 .m05 a:hover{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu05ov.gif) no-repeat;
outline:none;
}

#menu02 .m05ov a{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu05ov.gif) no-repeat;
outline:none;
}

#menu02 .m05ov a:hover{
width:129px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu05ov.gif) no-repeat;
outline:none;
}

#menu02 .m06 a{
width:132px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu06.gif) no-repeat;
outline:none;
}

#menu02 .m06 a:hover{
width:132px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu06ov.gif) no-repeat;
outline:none;
}

#menu02 .m06ov a{
width:132px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu06ov.gif) no-repeat;
outline:none;
}

#menu02 .m06ov a:hover{
width:132px;
height:53px;
display:block;
text-indent:-9999px;
background:url(../img/menu06ov.gif) no-repeat;
outline:none;
}


#main{
margin:0 auto;
margin-bottom:20px;
width:780px;
}

#main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#main{
display:inline-block;
}

/* Hides from IE-mac \*/
*html #main{height:1%;}
#main{display:block;}
/* End hide form IE-mac */

#main-left{
width:538px;
float:left;
}

p.ptop{
margin-left:34px;
margin-bottom:12px;
}

p.ptop02{
margin-left:34px;
margin-bottom:20px;
}

#top-new{
width:512px;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
padding:5px 12px;
}

#top-new a:link{
color:#3e2e2e;
text-decoration:none;
}

#top-new a:visited{
color:#3e2e2e;
text-decoration:none;
}

#top-new a:hover{
color:#faa003;
text-decoration:underline;
}

#top-new dt{
background:url(../img/y.gif) no-repeat center left;
padding-left:12px;
color:#f39800;
}

#top-new dd{
padding-left:10px;
margin-bottom:5px;
}

#top-new-bottom{
width:538px;
height:6px;
background:url(../img/new_bottom.jpg) top center no-repeat;
}

#main-right{
width:226px;
float:right;
background:url(../img/bg_banner_up.gif) top center no-repeat;
padding-top:6px;
}

#banner{
width:210px;
padding:0px 8px;
background-color:#534430;
background-image:url(../img/bg_banner_bottom.gif);
background-position:center bottom;
background-repeat:no-repeat;
padding-bottom:6px;
}

#banner img{
margin-bottom:5px;
}

#banner a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#banner img.mb0{
margin-bottom:0;
}

#btn-top{
text-align:right;
clear:both;
margin:20px 0px;
}

#footer{
width:100%;
height:100%;
background-color:#eeedeb;
clear:both;
padding-bottom:15px;
}

#footer-link{
width:780px;
margin:10px auto;
font-size:10px;
text-align:center;
}

#footer-link a:link{
color:#3e2e2e;
text-decoration:none;
}

#footer-link a:visited{
color:#3e2e2e;
text-decoration:none;
}

#footer-link a:hover{
color:#faa003;
text-decoration:underline;
}

#copy{
width:780px;
margin:0 auto;
text-align:center;
font-size:10px;
}



/*************************************新着情報ページ************************************************/

#news-topics dl{
margin:8px 0px 0px 15px;
margin-right:20px;
padding:0;
}
#news-topics dt{
clear:left;
float:left;
margin:0 0 0.8em;
width:80px;
color:#3e2e2e;
}
#news-topics dd{
margin-left:80px;
margin-bottom:0.8em;
padding-left:10px;
color:#666666;
zoom:1;
}

.news-title{
font-weight:bold;
display:block;
margin-bottom:7px;
color:#3e2e2e;
}


/*************************************商品紹介ページ************************************************/


.products{
margin-bottom:15px;
width:780px;
}

.products:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.products{
display:inline-block;
}

/* Hides from IE-mac \*/
*html .products{height:1%;}
.products{display:block;}
/* End hide form IE-mac */

.p-left{
width:385px;
float:left;
}

.p-right{
width:385px;
float:right;
}

.p-img{
width:177px;
float:right;
}

.p-img img{
border:1px solid #e5e2e2;
}

.p-ex{
width:198px;
float:left;
}

.p-ex p{
margin-bottom:10px;
}

.products h3{
font-size:12px;
display:block;
background:url(../img/line188dotted.gif) no-repeat bottom left;
width:198px;
height:24px;
margin-bottom:12px;
}

.img-hr{
margin-bottom:12px;
}

/*************************************お客様の声ページ************************************************/

.voice{
margin:0px 20px 15px;
}

.voice p{
margin:10px;
}

.voice p.title{
border-left:5px solid #f39800;
border-bottom:1px solid #f39800;
color:#f39800;
padding-left:12px;
line-height:1.8em;
margin:0;
margin-bottom:10px;
}

.voice p.name{
text-align:right;
}

/*************************************お問い合わせページ************************************************/

#box-concom{
margin:20px;
}

#box-concom th{
text-align:center;
vertical-align:middle;
width:110px;
background-color:#eae6e1;
padding:5px 5px;
}

.ne{
color:#ff0000;
}

#box-concom td{
padding-left:10px;
}

#box-concom input{
width:240px;
font-size:12px;
height:20px;
}

#box-concom input.w100{
width:100px;
}

#box-concom input.w50{
width:50px;
}
#box-concom input.w70{
width:70px;
}
#box-concom input.w300{
width:300px;
}

#box-concom input.w240{
width:240px;
}

textarea{
width:300px;
height:220px;
font-size:12px;
}


/*************************************店舗一覧ページ************************************************/

.list h3{
font-size:12px;
display:block;
background:url(../img/line188dotted.gif) repeat-x bottom left;
height:24px;
margin:0 10px 12px;
clear:left;
}

.list ul{
list-style:none;
margin:0px 20px 12px;
padding:0;
}

.list li{
float:left;
margin-right:20px;
margin-bottom:20px;
}