@charset "utf-8";

/*-----------------------------------------------
 common
-----------------------------------------------*/

*{
margin:0;
padding:0;
}

body{
color:#3f2e27;
text-align:center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
*font-size:small;
line-height:28px;
background:url(../img/bg.jpg);
height:100%;
}

img{border:none;}

a img{border: none;}

a{text-decoration:none; color:#ae481d;}
a:hover{text-decoration:none; color:#ae481d;}

.bold{font-weight:bold;}

/*-----------------------------------------------
 clearfix
-----------------------------------------------*/
.c:after{
content:url(../img/blank.gif);
display:block;
clear:both;
width:0;
height:0;
overflow:hidden;
}
.c{display:inline-block;}
.c{display:block;}

.clear{clear:both;}

/*-----------------------------------------------
 base
-----------------------------------------------*/

#bg{
width:100%;
height:100%;
text-align:center;
z-index:1;
}

#container{
position:relative;
min-height:100%;
}

* html #container{
height:100%;
}

#header{
width:812px;
height:35px;
margin:35px auto 0px;
padding:0px auto;
background-image:url(../img/bgbox_muji_header.png);
display:block;
z-index:2;
}

#header_shop{
width:812px;
height:112px;
margin:22px auto 0px;
padding:0px auto;
background-image:url(../../shop/img/bgbox_muji_header_shop.png);
display:block;
z-index:2;
}

#header_petite{
width:812px;
height:112px;
margin:22px auto 0px;
padding:0px auto;
background-image:url(../../cake/img/bgbox_muji_header_petite.png);
display:block;
z-index:2;
}
* html #header_petite{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #header_petite{
margin-left:0px;
margin-right:0px;
}

#header_deco{
width:812px;
height:112px;
margin:22px auto 0px;
padding:0px auto;
background-image:url(../../cake/img/bgbox_muji_header_deco.png);
display:block;
z-index:2;
}

#header_secs{
width:812px;
height:112px;
margin:22px auto 0px;
padding:0px auto;
background-image:url(../../cake/img/bgbox_muji_header_secs.png);
display:block;
z-index:2;
}

#header_gift{
width:812px;
height:112px;
margin:22px auto 0px;
padding:0px auto;
background-image:url(../../cake/img/bgbox_muji_header_gift.png);
display:block;
z-index:2;
}

#main{
margin:0px auto;
padding:0px auto;
width:812px;
height:800px;
text-align:left;
background-image:url(../img/bgbox_muji_contents.png);
z-index:2;
}
* html #main{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #main{
margin-left:0px;
margin-right:0px;
}

#main_newswin{
margin:0px auto;
padding:0px auto;
width:812px;
height:500px;
text-align:left;
background-image:url(../img/bgbox_muji_contents.png);
z-index:2;
}
* html #main_newswin{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #main_newswin{
margin-left:0px;
margin-right:0px;
}

#newswin{
margin:-25px auto 0px;
padding:0px auto;
width:520px;
height:400px;
text-align:left;
background-image:url(../img/newswin.jpg);
z-index:2;
}
* html #newswin{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #newswin{
margin-left:0px;
margin-right:0px;
}

#main_shop{
margin:0px auto;
padding:0px auto;
width:812px;
height:1085px;
text-align:left;
background-image:url(../img/bgbox_muji_contents.png);
z-index:2;
}
* html #main_shop{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #main_shop{
margin-left:0px;
margin-right:0px;
height:1150px;
}

#main_cake{
margin:0px auto;
padding:0px auto;
width:812px;
height:683px;
text-align:left;
background-image:url(../img/bgbox_muji_contents.png);
z-index:2;
}
* html #main_cake{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #main_cake{
margin-left:0px;
margin-right:0px;
}

#main_cake2{
margin:0px auto;
padding:0px auto;
width:812px;
height:753px;
text-align:left;
background-image:url(../img/bgbox_muji_contents.png);
z-index:2;
}
* html #main_cake2{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #main_cake2{
margin-left:0px;
margin-right:0px;
}

#footer{
width:812px;
height:35px;
margin:0px auto;
padding:0px auto;
background-image:url(../img/bgbox_muji_footer.png);
display:block;
z-index:2;
bottom:0;
}

#left{
margin:10px 0px 0px 27px;
padding:0px;
float:left;
width:193px;
}
* html #left{
margin-left:13px;
margin-right:0px;
} 
*:first-child+html #left{
margin-left:13px;
margin-right:0px;
}

#left_contents{
margin:-54px 0px 0px 27px;
padding:0px;
float:left;
width:193px;
}
* html #left_contents{
margin-left:13px;
margin-right:0px;
} 
*:first-child+html #left_contents{
margin-left:13px;
margin-right:0px;
}

#right{
margin:10px 0px 0px;
padding:0px;
float:right;
width:592px;
}

ul{
list-style-type:none;
}

li{
margin:0px;
padding:0px;
}

h1{
margin:0px 6px 26px;
padding:0px;
width:181px;
height:121px;
display:block;
float:left;
}
* html h1{
text-indent:0px;
margin-left:2px;
margin-right:0px;
} 
*:first-child+html h1{
text-indent:0px;
margin-left:2px;
margin-right:0px;
}

.title{
color:#a93c0e;
margin:0px 0px 12px 0px;
padding:0px;
font-size:18px;
font-weight:bold;
text-align:left;
}

.txt{
font-size:12px;
line-height:25px;
color:#3f2e27;
text-align:left;
}

.attention{
width:540px;
margin:0px 20px;
padding:0px;
color:#3f2e27;
font-size:11px;
line-height:18px;
font-weight:normal;
text-align:center;
}

.small{
color:#a93c0e;
margin:0px 10px;
padding:0px;
font-size:9px;
font-weight:normal;
text-align:left;
}

.small_mod{
color:#3f2e27;
font-size:11px;
line-height:22px;
font-weight:normal;
text-align:left;
}

.small_mod a{
color:#a93c0e;
font-size:11px;
line-height:22px;
font-weight:normal;
text-align:left;
}

.txt_right{
float:right;
}

.order{
color:#3f2e27;
font-size:10px;
font-weight:normal;
text-align:left;
}

.asterisk{
margin:0px 10px 0px 0px;
padding:0px;
color:#a93c0e;
font-size:10px;
line-height:22px;
font-weight:normal;
text-align:left;
}

/*-----------------------------------------------
 Top
-----------------------------------------------*/

#top{
width:547px;
height:434px;
margin:0px 38px 0px 7px;
padding:0px;
background-image:url(../../top/img/top_main.jpg);
background-repeat: no-repeat;
display:block;
text-indent:-9999px;
}

.news{
width:507px;
margin:25px 0px 0px 47px;
padding:0px;
}

#top_photo{
width:120px;
height:168px;
margin:0px 15px;
float:right;
}

/*-----------------------------------------------
 Shop
-----------------------------------------------*/

#shop_top{
width:473px;
height:996px;
margin:0px 0px 0px 22px;
padding:54px 0px 0px 47px;
background-image:url(../../shop/img/shop_paper.png);
}

#chef{
width:218px;
height:244px;
margin:0px 15px 15px 0px;
padding:0px;
float:left;
}

#map{
width:206px;
height:200px;
margin:0px 0px 0px -15px;
padding:0px;
}

#shopphoto{
width:218px;
height:244px;
margin:0px 15px 5px 0px;
padding:0px;
float:left;
}

.shop{
width:435px;
margin:0px 0px 30px 0px;
padding:0px;
}

.shop_end{
width:435px;
margin:0px 0px 20px 0px;
padding:0px;
}

#otoiawase{
width:284px;
height:70px;
margin:0px;
padding:0px 70px;
background-image:url(../../shop/img/otoiawase.png); no-repeat;
}

/*-----------------------------------------------
 Cake
-----------------------------------------------*/

#petite_top{
width:578px;
height:604px;
background-image:url(../../cake/img/petite_all01.jpg);
}
* html #petite_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #petite_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#petite_top2{
width:578px;
height:604px;
background-image:url(../../cake/img/petite_all02.jpg);
}
* html #petite_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #petite_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#petite_top3{
width:578px;
height:604px;
background-image:url(../../cake/img/petite_all03.jpg);
}
* html #petite_top3{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #petite_top3{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#deco_top{
width:578px;
height:604px;
background-image:url(../../cake/img/deco_all01.jpg);
}
* html #deco_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #deco_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#deco_top2{
width:578px;
height:320px;
background-image:url(../../cake/img/deco_all02.jpg);
}
* html #deco_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #deco_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#secs_top{
width:578px;
height:604px;
background-image:url(../../cake/img/secs_all01.jpg);
}
* html #secs_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #secs_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#secs_top2{
width:578px;
height:604px;
background-image:url(../../cake/img/secs_all02.jpg);
}
* html #secs_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #secs_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#secs_top3{
width:578px;
height:604px;
background-image:url(../../cake/img/secs_all03.jpg);
}
* html #secs_top3{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #secs_top3{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#gift_top{
width:578px;
height:604px;
background-image:url(../../cake/img/gift_all01.jpg);
}
* html #gift_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #gift_top{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#gift_top2{
width:578px;
height:604px;
background-image:url(../../cake/img/gift_all02.jpg);
}
* html #gift_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}
*:first-child+html #gift_top2{
margin-left:0px;
margin-right:0px;
overflow:hidden;
}

#order_top{
width:473px;
height:616px;
margin:0px 0px 0px 22px;
padding:54px 0px 0px 47px;
background-image:url(../../gift/img/gift_paper.jpg);
}

#order_top2{
width:473px;
height:696px;
margin:0px 0px 0px 22px;
padding:34px 0px 0px 47px;
background-image:url(../../gift/img/gift_paper2.jpg);
}

.order_text{
line-height:18px;
width:400px;
}

#cake01{
width:188px;
height:302px;
display:block;
float:left;
text-indent:-9999px;
}

.cake02{
width:102px;
height:102px;
margin:0px;
padding:10px;
display:block;
float:left;
text-indent:-9999px;
clear:left;
}

#prev{
float:left;
width:86px;
height:22px;
margin:54px 0px 0px 410px;
padding:0px;
background:url(../../cake/img/bgbox_muji_header_prev.gif) no-repeat;
text-indent:-9999px;
z-index:4;
}
* html #prev{
margin-left:210px;
margin-right:0px;
} 
*:first-child+html #prev{
margin-left:420px;
margin-right:0px;
}

#prev a{
width:86px;
height:22px;
display:block;
z-index:4;
}

#prev a:hover{
background:url(../../cake/img/bgbox_muji_header_prev_mo.gif) no-repeat;
z-index:4;
}

#next{
float:left;
width:92px;
height:22px;
margin:54px 0px 0px 0px;
padding:0px;
background:url(../../cake/img/bgbox_muji_header_next.gif) no-repeat;
text-indent:-9999px;
z-index:4;
}

#next a{
width:92px;
height:22px;
display:block;
z-index:4;
}

#next a:hover{
background:url(../../cake/img/bgbox_muji_header_next_mo.gif) no-repeat;
z-index:4;
}

#gift_order{
width:194px;
height:27px;
margin:20px auto;
padding:0px;
background:url(../../gift/img/gift_orderbtn2.gif) no-repeat;
text-indent:-9999px;
}

#gift_order a{
display:block;
}

#gift_order a:hover{
display:block;
}

/*-----------------------------------------------
 Menu
-----------------------------------------------*/

#menu1{
float:left;
width:181px;
height:34px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_cake.gif) no-repeat;
text-indent:-9999px;
}
* html #menu1{
margin-left:2px;
} 
*:first-child+html #menu1{
margin-left:0px;
}

#menu1 a{
width:181px;
height:34px;
display:block;
}

#menu1 a:hover{
background:url(../img/menu_cake_mo.gif) no-repeat;
}

#menu8{
float:left;
width:181px;
height:34px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_gift.gif) no-repeat;
text-indent:-9999px;
}
* html #menu8{
margin-left:2px;
} 
*:first-child+html #menu8{
margin-left:0px;
}

#menu8 a{
width:181px;
height:34px;
display:block;
}

#menu8 a:hover{
background:url(../img/menu_gift_mo.gif) no-repeat;
}

#menu9{
float:left;
width:181px;
height:24px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_order.gif) no-repeat;
text-indent:-9999px;
}
* html #menu9{
margin-left:2px;
} 
*:first-child+html #menu9{
margin-left:0px;
}

#menu9 a{
width:181px;
height:24px;
display:block;
}

#menu9 a:hover{
background:url(../img/menu_order_mo.gif) no-repeat;
}

#menu3{
float:left;
width:181px;
height:34px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_shop.gif) no-repeat;
text-indent:-9999px;
}
* html #menu3{
margin-left:2px;
} 
*:first-child+html #menu3{
margin-left:0px;
}

#menu3 a{
width:181px;
height:34px;
display:block;
}

#menu3 a:hover{
background:url(../img/menu_shop_mo.gif) no-repeat;
}

#menu4{
float:left;
width:181px;
height:34px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_blog.gif) no-repeat;
text-indent:-9999px;
}
* html #menu4{
margin-left:2px;
} 
*:first-child+html #menu4{
margin-left:0px;
}

#menu4 a{
width:181px;
height:34px;
display:block;
}

#menu4 a:hover{
background:url(../img/menu_blog_mo.gif) no-repeat;
}

#menu5{
float:left;
width:181px;
height:24px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_cake_petite.gif) no-repeat;
text-indent:-9999px;
}
* html #menu5{
margin-left:2px;
} 
*:first-child+html #menu5{
margin-left:0px;
}

#menu5 a{
width:181px;
height:24px;
display:block;
}

#menu5 a:hover{
background:url(../img/menu_cake_petite_mo.gif) no-repeat;
}

#menu6{
float:left;
width:181px;
height:24px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_cake_deco.gif) no-repeat;
text-indent:-9999px;
}
* html #menu6{
margin-left:2px;
} 
*:first-child+html #menu6{
margin-left:0px;
}

#menu6 a{
width:181px;
height:24px;
display:block;
}

#menu6 a:hover{
background:url(../img/menu_cake_deco_mo.gif) no-repeat;
}

#menu7{
float:left;
width:181px;
height:24px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_cake_secs.gif) no-repeat;
text-indent:-9999px;
}
* html #menu7{
margin-left:2px;
} 
*:first-child+html #menu7{
margin-left:0px;
}

#menu7 a{
width:181px;
height:24px;
display:block;
}

#menu7 a:hover{
background:url(../img/menu_cake_secs_mo.gif) no-repeat;
}

#menu2{
float:left;
width:181px;
height:24px;
margin:0px 0px 0px 6px;
padding:0px;
background:url(../img/menu_cake_gift.gif) no-repeat;
text-indent:-9999px;
}
* html #menu2{
margin-left:2px;
} 
*:first-child+html #menu2{
margin-left:0px;
}

#menu2 a{
width:181px;
height:24px;
display:block;
}

#menu2 a:hover{
background:url(../img/menu_cake_gift_mo.gif) no-repeat;
}

#blank1{
float:left;
width:1px;
height:7px;
background:url(../img/blank.gif) no-repeat;
text-indent:-9999px;
}

#blank2{
float:left;
width:1px;
height:20px;
background:url(../img/blank.gif) no-repeat;
text-indent:-9999px;
}

#blank3{
float:left;
width:1px;
height:15px;
background:url(../img/blank.gif) no-repeat;
text-indent:-9999px;
}

#blank4{
float:left;
width:1px;
height:15px;
background:url(../img/blank.gif) no-repeat;
text-indent:-9999px;
}

#ito{
width:193px;
height:738px;
background-image:url(../img/frame_ito.gif);
z-index:3;
}
* html #ito{
margin-left:0px;
margin-right:0px;
} 
*:first-child+html #ito{
width:187px;
margin-left:13px;
margin-right:0px;
padding-left:4px;
overflow:hidden;
}
