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

/* CSS 初期化 */
/*======================================

    Copyright (c) 2006, Yahoo! Inc. All rights reserved.
    Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

    version: 0.10.0

=======================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{
    margin:0;
    padding:0;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

fieldset,img{
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
ol,ul{
    list-style:none;
}
caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
q:before,q:after{
    content:'';
}
abbr,acronym{
    border:0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#header {
width:100%;
border-top:5px solid #000000;
}

#header_contents {
width:1000px;
height:60px;
/height:80px;
margin:0 auto;
padding:30px auto 20px auto;
position:relative;
zoom:1;
}

#header_contents h1 {
	margin-top:30px;
}

#header_contents ul#top_navi {
position:absolute;
bottom:25px;
right:0;
width:317px;
zoom:1;
}

#header_contents #top_navi li{
float:left;
display:inline;
padding-left:20px;
width:48px;
}

#header_contents #top_navi li#h_contact,
#header_contents #top_navi li#h_sitemap{
width:70px;
}

#header_contents #top_navi li a{
display:block;
background:#ffffff url(/images/top_navi_sprite.gif) no-repeat;
}

#header_contents #top_navi li#h_recruit a{background-position:  0    0;}
#header_contents #top_navi li#h_company a{background-position:-48px  0;}
#header_contents #top_navi li#h_contact a{background-position:-96px  0;}
#header_contents #top_navi li#h_sitemap a{background-position:-166px 0;}

#header_contents #top_navi li a:hover{
background-color:transparent;
}

#header_contents #top_navi li a:hover img{
visibility:hidden;
}

body.recruit ul#top_navi li#h_recruit a img,
body.company ul#top_navi li#h_company a img,
body.contact ul#top_navi li#h_contact a img,
body.sitemap ul#top_navi li#h_sitemap a img {visibility:hidden;}

#footer {
background-color:#000000;
width:100%;

height:60px;
clear:both;
}

#footer_contents {
width:1000px;
margin:0 auto;
position:relative;
}

#footer_contents address {
padding-top:15px;
padding-left:2px;
color:#ffffff;
}

#footer_contents div#f_page_top {
position:absolute;
width:75px;
top:0px;
left:800px;

}

body {
font-size:12px;
color:#444444;
line-height:1.5em;
}

body.main a:hover img#brandsite,
body.main a:hover img#shoppingsite{
-ms-filter: "alpha( opacity=50)";/*for IE8*/
filter: alpha(opacity=50);/*for IE6,7*/
opacity:0.50;
}


a:link{
	color:#444444;
	text-decoration:underline;
}
a:visited{
	color:#7f3f3f;
	text-decoration:underline;
}
a:hover{
	color:#7f3f3f;
	text-decoration:none;
}
a:active{
	color:#7f3f3f;
	text-decoration:none;
}

.mt30 {
margin-top:30px;
}

#main_contents {
width:1000px;
margin:0 auto;
}

#main_contents #left_navi{
width:200px;
float:left;
display:inline;
margin-bottom:30px;
}


#main_contents #left_navi a:link{
	color:#444444;
	text-decoration:none;
}
#main_contents #left_navi a:visited{
	color:#7f3f3f;
	text-decoration:none;
}
#main_contents #left_navi a:hover{
	color:#7f3f3f;
	text-decoration:underline;
}
#main_contents #left_navi a:active{
	color:#7f3f3f;
	text-decoration:none;
}

#main_contents #left_navi ul#category_list{
width:174px;
border:1px solid #e7e7e7;
padding:0 14px 0px 10px;
zoom:1;
}

#main_contents #left_navi ul#category_list li{
width:175px;
height:54px;
}
#main_contents #left_navi ul#category_list li#m_top_page{
height:51px;
}

#main_contents #left_navi ul#category_list li a{
display:block;
background:#ffffff url(/images/left_navi_sprite.gif) no-repeat;
}

#main_contents #left_navi ul#category_list li#m_top_page  a {background-position:0 0;}
#main_contents #left_navi ul#category_list li#m_marcolini a {background-position:0 -51px;}
#main_contents #left_navi ul#category_list li#m_shop a      {background-position:0 -105px;}
#main_contents #left_navi ul#category_list li#m_chocolate a {background-position:0 -159px;}
#main_contents #left_navi ul#category_list li#m_ice_cream a {background-position:0 -213px;}
#main_contents #left_navi ul#category_list li#m_patisserie a{background-position:0 -267px;}
#main_contents #left_navi ul#category_list li#m_confiserie a{background-position:0 -321px;}
#main_contents #left_navi ul#category_list li#m_other a{background-position:0 -375px;}

#main_contents #left_navi ul#category_list li a:hover {
background-color:transparent;
}

#main_contents #left_navi ul#category_list li a:hover img {
visibility:hidden;
}

body.top ul#category_list li#m_top_page a img,
body.pierre_marcolini ul#category_list li#m_marcolini a img,
body.shop ul#category_list li#m_shop a img,
body.chocolate ul#category_list li#m_chocolate a img,
body.ice_cream ul#category_list li#m_ice_cream a img,
body.patisserie ul#category_list li#m_patisserie a img,
body.confiserie ul#category_list li#m_confiserie a img,
body.other ul#category_list li#m_other a img
{visibility:hidden;}


#main_contents #left_navi ul#subcategory_list {
margin-top:-10px;
// /margin-top:-10px;
margin-bottom:10px;
margin-left:25px;
/margin-left:15px;
width:144px;
}


#main_contents #left_navi ul#subcategory_list li{
list-style-type:disc;
/padding-left:10px;
/background:#ffffff url(/images/list-mark.gif) left center no-repeat;
height:20px;
width:144px;
}


#main_contents #left_navi ul#subcategory_list li a{
background:#ffffff url(/images/white.gif) repeat; //背景にsprite画像が映るため
padding:4px 0 4px 0;
display:block;
}
*:first-child+html #main_contents #left_navi ul#subcategory_list li a {
padding:1px 0 4px 0;
}



#main_contents #contents{
width:540px;
margin-left:30px;
margin-right:30px;
padding-bottom:30px;
float:left;
display:inline;
}

#main_contents #contents div.box510{
width:510px;
margin:0 auto;
}

#main_contents #contents .b {
font-weight:bold;}

#main_contents #contents .main_img{
border:1px solid #e7e7e7;
margin-bottom:30px;
}

#main_contents #contents #newtopics {
width:540px;
height:21px;
position:relative;
margin-bottom:15px;
}

#main_contents #contents #newtopics #topics{
}
#main_contents #contents #newtopics #list{
position:absolute;
top:2px;
right:14px;
}
#main_contents #contents ul#topic_list{
margin-left:15px;
}

#main_contents #contents ul#topic_list li{
display:block;
background-repeat:no-repeat;
background-position:bottom;
margin-top:11px;
margin-bottom:7px;
padding-left:8px;
}

#main_contents #contents img#recomend_item{
margin-top:23px;
margin-bottom:17px;
}

#main_contents #contents dl.recomend_item_list{
position:relative;
float:left;
display:inline;
width:240px;
height:96px;
border-bottom:1px dotted #e7e7e7;
margin-left:15px;
margin-right:15px;
margin-bottom:18px;
}

#main_contents #contents dl.recomend_item_list span.french{
font-size:13px;
font-weight:bold;
}

#main_contents #contents dl.recomend_item_list span.kana{
font-size:11px;
}


#main_contents #contents #item_list .odd{
float:left;
}
#main_contents #contents #item_list .eve{
float:right;
}

#main_contents #contents dl.last{
margin-left:84px;
}

#main_contents #contents dl.recomend_item_list dt{
position:absolute;
top:0;
left:102px;
}

#main_contents #contents dl.recomend_item_list dd.photo{
position:absolute;
top:0;
left:0;
}

#main_contents #contents dl.recomend_item_list dd.detail{
position:absolute;
bottom:0;
right:0;
}


#main_contents #contents dl.menu{
position:relative;
float:left;
display:inline;
width:510px;
height:95px;
border-bottom:1px dotted #e7e7e7;
margin-top:11px;
margin-bottom:16px;
padding-bottom:16px;
}

#main_contents #contents dl.menu dt{
position:absolute;
top:0;
left:102px;
}

#main_contents #contents dl.menu dt span.french{
font-weight:bold;
font-size:12px;
}

#main_contents #contents dl.menu dd.photo{
position:absolute;
top:0;
left:0;
padding-bottom:16px;
}

#main_contents #contents dl.cafe{
width:510px;
border-bottom:1px dotted #e7e7e7;
margin-top:13px;
margin-bottom:13px;
}

#main_contents #contents dl.cafe dt{
}

#main_contents #contents dl.cafe dt span.french{
font-weight:bold;
font-size:12px;
}

#main_contents #contents dl.cafe dd{
padding-bottom:13px;
}

#main_contents #contents dl.cafe dd.photo img{
float:left;
display:inline;
border:1px solid #e7e7e7;
margin-right:5px;
margin-bottom:13px;
}

#main_contents #contents dl.cafe dd.photo img.last{
margin-right:0px;
}

#main_contents #contents table#company_address {
width:510px;
margin:0 auto 40px auto;
}

#main_contents #contents table#company_address tr {
border-bottom:1px solid #e7e7e7;
}

#main_contents #contents table#company_address th{
color:#444444;
font-weight:bold;
padding-top:20px;
padding-left:5px;
width:135px;
vertical-align:top;
}

#main_contents #contents table#company_address td{
padding-top:20px;
padding-bottom:18px;
vertical-align:top;
}

#main_contents #contents dl.division{
width:510px;
margin:15px auto;
border-bottom:1px solid #e7e7e7;
}

#main_contents #contents dl.division dt{
padding-left:5px;
margin:0 auto 5px auto;
font-weight:bold;
color:#444444;
}

#main_contents #contents dl.division dd{
padding-bottom:18px;
padding-left:15px;
}


/*  recruitページ
------------------------------------------------------------------------*/

#main_contents #contents p.txt {
margin-top:20px;
padding-left:15px;
}

#main_contents #contents ul#recruit_navi {
width:510px;
margin:0 auto 30px auto;
}

#main_contents #contents ul#recruit_navi li{
float:left;
}

#main_contents #contents ul#recruit_navi li a{
display:block;
width:168px;
height:30px;
background-image:url(/images/recruit_navi.gif);
text-indent:-9999px;
overflow:hidden;
}

#main_contents #contents ul#recruit_navi li a#part_time{
margin:0 3px;
}

#main_contents #contents ul#recruit_navi a#regular{background-position:0       0;}
#main_contents #contents ul#recruit_navi a#part_time{background-position:-168px       0;}
#main_contents #contents ul#recruit_navi a#short_term{background-position:-336px       0;}

#main_contents #contents ul#recruit_navi a:hover#regular{background-position:0       -30px;}
#main_contents #contents ul#recruit_navi a:hover#part_time{background-position:-168px       -30px;}
#main_contents #contents ul#recruit_navi a:hover#short_term{background-position:-336px      -30px;}

#main_contents #contents ul#recruit_navi li.active a#regular   {background-position:0       -30px;}
#main_contents #contents ul#recruit_navi li.active a#part_time {background-position:-168px       -30px;}
#main_contents #contents ul#recruit_navi li.active a#short_term{background-position:-336px      -30px;}


#main_contents #contents table#part_time_job {
width:510px;
margin:20px auto 0;
}

#main_contents #contents table#part_time_job caption {
text-align:left;
font-weight:bold;
color:#666666;
}


#main_contents #contents table#part_time_job tr {
}

#main_contents #contents table#part_time_job th{
padding-top:15px;
width:68px;
vertical-align:top;
}

#main_contents #contents table#part_time_job td{
padding-top:15px;
vertical-align:top;
}

#main_contents #contents table#category_list {
width:510px;
margin:0 auto;
}

#main_contents #contents table#category_list tr{
border-bottom:1px dotted #e7e7e7;
}

#main_contents #contents table#category_list tr.last{
border-bottom:none;
}

#main_contents #contents table#category_list td.photo {
width:196px;
}

#main_contents #contents table#category_list td.photo img{
margin:14px 0;
border:1px solid #e7e7e7;
}

#main_contents #contents table#category_list td.txt{
padding-left:20px;
vertical-align:middle;
}

#main_contents #contents table#category_list td.txt img{
margin-bottom:6px;
}



/*  パフェ
------------------------------------------------------------------------*/
#main_contents #contents div#chocolate_parfait {
float:left;
display:inline;
width:235px;
}

#main_contents #contents div#caramel_parfait {
float:right;
display:inline;
width:235px;
}


#main_contents #contents div#chocolate_parfait img {
border:1px solid #e7e7e7;
margin-bottom:15px;
}

#main_contents #contents div#caramel_parfait img {
border:1px solid #e7e7e7;
margin-bottom:15px;
}

#main_contents #contents img.parfait_underline {
margin-top:20px;
margin-bottom:15px;
}

#main_contents #contents p.comment {
margin-bottom:30px;
}

/*  マルコリーニ
------------------------------------------------------------------------*/

#main_contents #contents p.txt_mb15 {
margin-bottom:15px;
}

#main_contents #contents p.center {
width:510px;
margin:0 auto 15px auto;
}

#main_contents #contents h3.marcolini_cacao {
margin-top:30px;
margin-bottom:26px;
}

#main_contents #contents img.cacao_photo {
margin-right:20px;
margin-bottom:20px;
float:left;
display:inline;
border:1px solid #e7e7e7;
}

#main_contents #contents h3.marcolini_atelier {
margin-top:30px;
margin-bottom:15px;
}


/*  ショップ
------------------------------------------------------------------------*/
#main_contents #contents p.shop_lead_txt {
width:510px;
margin:0 auto 27px auto;
}

#main_contents #contents div.box510 div.shopbox1,
#main_contents #contents div.box510 div.shopbox3,
#main_contents #contents div.box510 div.shopbox5 {
width:235px;
float:left;
display:inline;
}

#main_contents #contents div.box510 div.shopbox1,
#main_contents #contents div.box510 div.shopbox2{
}

#main_contents #contents div.box510 div.shopbox2,
#main_contents #contents div.box510 div.shopbox4 {
width:235px;
float:right;
display:inline;
}

#main_contents #contents div.box510 div.shopbox1 img,
#main_contents #contents div.box510 div.shopbox2 img,
#main_contents #contents div.box510 div.shopbox3 img,
#main_contents #contents div.box510 div.shopbox4 img,
#main_contents #contents div.box510 div.shopbox5 img {
border:1px solid #e7e7e7;
margin-bottom:9px;
}

#main_contents #contents img.shop_line{
margin-top:16px;
margin-bottom:33px;
margin-left:15px;
}

#main_contents #contents img.shop_international{
margin:24px auto;
}


#main_contents #contents div#shop_topics{
width:510px;
margin:20px auto 0px;
}


#main_contents #contents div#shop_topics img#photo{
float:left;
display:inline;
border:1px solid #e7e7e7;
margin-right:23px;
}

#main_contents #contents p.cafemenu{
margin-top:21px;
margin-left:15px;
}

#main_contents #contents div#shop_access{
margin:25px auto;
width:510px
}

#main_contents #contents div#shop_access img#map{
float:left;
display:inline;
margin-right:17px;
}

#main_contents #contents div#shop_access div#map{
float:left;
display:inline;
margin-right:17px;
}



#main_contents #contents div.box510 img.shop_line_margin{
margin-top:25px;
margin-bottom:17px;
}

#main_contents #contents div.box510 img.shop_line_margin_last{
margin-top:25px;
margin-bottom:27px;
clear:left;
}

/*  イベントギフト
------------------------------------------------------------------------*/
#main_contents #contents p.eventgift_lead_txt {
width:510px;
margin:0 auto 15px auto;
}

#main_contents #contents p.mtmb15 {
width:510px;
margin:15px auto;
}

#main_contents #contents div.box510 div.giftbox1,
#main_contents #contents div.box510 div.giftbox3 {
width:235px;
float:left;
display:inline;
margin-bottom:20px;
}

#main_contents #contents div.box510 div.giftbox1,
#main_contents #contents div.box510 div.giftbox2{
margin-top:20px;
}

#main_contents #contents div.box510 div.giftbox2,
#main_contents #contents div.box510 div.giftbox4 {
width:235px;
float:right;
display:inline;
margin-bottom:20px;
}

#main_contents #contents div.box510 div.giftbox1 img,
#main_contents #contents div.box510 div.giftbox2 img,
#main_contents #contents div.box510 div.giftbox3 img,
#main_contents #contents div.box510 div.giftbox4 img{
border:1px solid #e7e7e7;
margin-bottom:10px;
}

#main_contents #contents div.e_contact {
text-align:center;
margin-bottom:15px;
}

#main_contents #contents div.event_accessory {
margin-top:22px;
margin-bottom:26px;
}


#main_contents #contents div.box510 img.left {
border:1px solid #e7e7e7;
float:left;
display:inline;
}
#main_contents #contents div.box510 img.right {
border:1px solid #e7e7e7;
float:right;
display:inline;
}

/*  ニュースページ
------------------------------------------------------------------------*/
#main_contents #contents div#news_topics{
position:relative;
width:540px;
height:23px;
margin-bottom:36px;
}


#main_contents #contents div#news_topics img#list{
position:absolute;
bottom:1px;
right:0;
}

#main_contents #contents div.news_headline{
padding-bottom:8px;
border-bottom:2px solid #000000;
margin-bottom:10px;
}

*:first-child+html #main_contents #contents div.news_headline {
height:20px; //for IE7
}


#main_contents #contents div.news_headline h3{
font-weight:bold;
float:left;
display:inline;
}

#main_contents #contents div.news_headline span.news_date{
float:right;
display:inline;
font-size:11px;
}

/*  ニュースページ左ナビゲーション
------------------------------------------------------------------------*/

#main_contents #left_navi img#news_topics_navi_txt {
margin-top:36px;
margin-bottom:5px;
}

#main_contents #left_navi ul#news_list {
width:175px;
}

#main_contents #left_navi ul#news_list li{
width:163px;
padding-top:5px;
padding-bottom:5px;
margin-left:12px;
border-bottom:1px dotted #e7e7e7;
}

#main_contents #left_navi ul#news_list li.last{
width:163px;
padding-top:5px;
padding-bottom:5px;
margin-left:12px;
}


/*  右サイドバー　ナビゲーション
------------------------------------------------------------------------*/

#main_contents #right_navi{
width:200px;
float:right;
display:inline;
_clear:right;  /* for IE 5,6 leftでもrightでも可能 （8にあてるとカラム落ちすのでhackで対応）*/
}

#right_navi a:hover img{
-ms-filter: "alpha( opacity=50)";/*for IE8*/
filter: alpha(opacity=50);/*for IE6,7*/
opacity:0.50;
}

ul#right_navi li a:hover img{
-ms-filter: "alpha( opacity=50)";/*for IE8*/
filter: alpha(opacity=50);/*for IE6,7*/
opacity:0.50;
}

#main_contents #right_navi #b_online_shop{
margin-bottom:19px;
}
#main_contents #right_navi #b_cafe_menu{
margin-bottom:18px;
}
#main_contents #right_navi #b_parfati{
margin-bottom:18px;
}
#main_contents #right_navi #b_event_gift{
margin-bottom:18px;
}
#main_contents #right_navi #b_banner{
margin-bottom:55px;
}

/*  サイトマップ
------------------------------------------------------------------------*/
#main_contents #contents div#sitemap_left{
float:left;
display:inline;
width:245px;
}


#main_contents #contents div#sitemap_right{
float:right;
display:inline;
width:245px;
}

#main_contents #contents img.sitemap_line{
margin-top:5px;
margin-bottom:15px;
}

#main_contents #contents ul.sitemap_list{
list-style-type:disc;
list-style-position:inside;
}

#main_contents #contents ul.sitemap_list li{
margin-left:10px;
padding-top:5px;
}



/*  個別商品記事
------------------------------------------------------------------------*/
#main_contents #contents h2.article{
font-size:18px;
font-weight:bold;
border-bottom:1px solid #e7e7e7;
padding-left:16px;
padding-bottom:7px;
margin-bottom:17px;
}


/*  サイト共通上下 帯色変更用
上下の黒帯の色を変更したい場合はこちらを指定の色へ書き換えて下さい。
------------------------------------------------------------------------*/
#header {
border-top:5px solid #000000;
}

#footer {
background-color:#000000;
}