@charset "utf-8";
/* layout.css */

/* header -------------------------------------------------------- */
#headerarea{
clear:both;
text-align:center;
background:url(../img/header/header.gif) repeat-x 0 bottom;
height:120px;
padding-bottom:3px;
zoom:1;
}
#headerarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#headerarea #header{
width:940px;
height:120px;
margin:0 auto;
zoom:1;
position:relative;
text-align:left;
}
#headerarea #header:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
/* logo */
#header h1{
width:450px;
height:70px;
float:left;
padding-top:40px;
background:url(../img/logo.png) no-repeat 0 40px;
}
#header h1.other {
	background-image: url(../img/logo_other.png);
}
#header h1 a{
display:block;
width:300px;
height:70px;
}
#header h1 a em{display:none;}
#header h2{
font-size:10px;
line-height:20px;
color:#898989;
position:absolute;
left:0;
top:0;
}
/* ヘッダーcontact */
#header ul#c-nav{
width:200px;
margin:0 0 0 auto;
position:absolute;
top:0;
right:0;
}
#header ul#c-nav li{
width:100px;
float:left;
}
#header ul#head-shop{
position:absolute;
bottom:0;
right:0;
}
#header ul#head-shop li{
float:left;
width:110px;
font-size:9px;
margin-right:10px;
}
#header ul#head-shop li.right{
margin-right:0;
}
#header ul#head-shop li a{
color:#D9499C;
}

/* content -------------------------------------------------------- */
#content{
clear:both;
width:940px;
background:#fff;
padding:0 10px;
margin:0 auto;
text-align:left;
}
#content #main{
overflow:hidden;
font-size:14px;
line-height:140%;
}
#content #main a{
text-decoration:none;
}

/* footer -------------------------------------------------------- */
#footer{
clear:both;
width:940px;
background:#fff;
padding:55px 10px 0;
margin:0 auto;
text-align:left;
}
/* コンタクト */
#contact{
clear:both;
background:url(../img/footer/contact.gif) no-repeat 0 0;
width:920px;
height:92px;
margin:0 auto;
}
#contact ul{
overflow:hidden;
padding:15px 0 15px 245px;
}
#contact ul li{
float:left;
margin-right:10px;
}
/* ページのトップへ */
#footer #pagetop{
clear:both;
text-align:right;
padding:10px 0;
}
#footer #pagetop a{
background:url(../img/footer/pagetop.gif) no-repeat left center;
padding-left:12px;
}

/* ナビ */
ul#u-nav{
text-align:center;
background:url(../img/footer/foot_nav.gif) no-repeat 0 0;
padding:40px 0 20px;
}
ul#u-nav li{
display:inline;
border-left:1px solid #5E5E5E;
padding:0 5px;
}
ul#u-nav li#toppage{
border-left:none;
}


/* 店舗 */
#footer h2{
float:left;
width:310px;
}
ul#category-link{
float:right;
width:610px;
overflow:hidden;
padding-top:5px;
margin-bottom:30px;
}
ul#category-link li{
float:left;
width:190px;
margin-right:20px;
}
ul#category-link li.right{
margin-right:0;
}
ul#category-link li a:hover img{
filter:alpha(opacity=60); /*IE*/
-moz-opacity:0.60; /*FF*/
opacity:0.60;
}

#footer ul#shoplist{
clear:both;
margin-bottom:30px;
margin-left: 150px;
zoom:1;
overflow:hidden;
}
#footer ul#shoplist li{
float:left;
width:260px;
padding:0 20px;
}
#footer ul#shoplist li h3{
color:#D9499C;
font-size:14px;
line-height:160%;
}
#footer ul#shoplist li img{
margin-top:10px;
}
#footer ul#shoplist li a{
color:#D9499C;
}
/* copyright */
#footer #copyright{
clear:both;
color:#5C4F35;
font-size:11px;
line-height:28px;
}