@charset "utf-8";

/* font-size(基準12pxに対して) */
/* 
10px font-size:83%;
12px font-size:100%;
14px font-size:117%;
16px font-size:133%;
18px font-size:150%;
20px font-size:167%;
22px font-size:183%;
24px font-size:200%;
 */

.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}
.both{
	clear:both;
}
a{
	color:#4d4d4d;
	text-decoration:none;
}
a:hover{
	color:#f00;
	text-decoration:underline;
}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}

.al-left{text-align:left;}
.al-center{text-align:center;}
.al-right{text-align:right;}

.fl{float:left;}
.fr{float:right;}

.c-text{font-size:88%;}
img{vertical-align:top;}

/* --------------------
 body
-------------------- */
html,
body{
	width:100%;
	height:100%;
}
body{
	line-height:1.7;
 color:#4d4d4d;
	font-size:12px;
	text-align:center;
}
#wrapper{
	width:100%;
	overflow:hidden;
}

/* --------------------
 header
-------------------- */
#header{
	width:100%;
	min-width:900px;
	background-color:#0066b3;
}
#header-i{
	margin:0 auto;
	width:900px;
	height:92px;
	position:relative;
	text-align:left;
}
#header-i h1{
	width:104px;
	height:70px;
	position:absolute;
	top:10px;
	left:0;
}
#header-i h1 a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:104px;
	height:70px;
	background:url(../img/com/header/logo.jpg) no-repeat left top;
}
#menu{
	margin:0;
	padding:0;
	list-style:none;
	width:720px;
	position:absolute;
	top:56px;
	right:0;
}
#menu li{
	margin:0;
	padding:0;
	float:left;
	width:120px;
	height:36px;
}
#menu li a{
	margin-left:2px;
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:118px;
	height:36px;
}
#menu li#menu-1 a{background:url(../img/com/header/nav.jpg) no-repeat 0 0;}
#menu li#menu-1 a:hover{background:url(../img/com/header/nav.jpg) no-repeat 0 -36px;}
#menu li#menu-2 a{background:url(../img/com/header/nav.jpg) no-repeat -118px 0;}
#menu li#menu-2 a:hover{background:url(../img/com/header/nav.jpg) no-repeat -118px -36px;}
#menu li#menu-3 a{background:url(../img/com/header/nav.jpg) no-repeat -236px 0;}
#menu li#menu-3 a:hover{background:url(../img/com/header/nav.jpg) no-repeat -236px -36px;}
#menu li#menu-4 a{background:url(../img/com/header/nav.jpg) no-repeat -354px 0;}
#menu li#menu-4 a:hover{background:url(../img/com/header/nav.jpg) no-repeat -354px -36px;}
#menu li#menu-5 a{background:url(../img/com/header/nav.jpg) no-repeat -472px 0;}
#menu li#menu-5 a:hover{background:url(../img/com/header/nav.jpg) no-repeat -472px -36px;}
#menu li#menu-6 a{background:url(../img/com/header/nav.jpg) no-repeat -590px 0;}
#menu li#menu-6 a:hover{background:url(../img/com/header/nav.jpg) no-repeat -590px -36px;}

#sub-menu-2{
	margin:0;
	padding:0;
	list-style:none;
	width:242px;
	position:absolute;
	top:6px;
	right:0;
}
#sub-menu-2 li{
	margin:0 0 0 16px;
	padding:0;
	float:left;
	display:inline;
}
#sub-menu-2 li a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	height:14px;
}
#sub-menu-2 li#sub-menu-2-1{width:112px;}
#sub-menu-2 li#sub-menu-2-2{width:96px;}
#sub-menu-2 li#sub-menu-2-1 a{
	width:112px;
	background:url(../img/com/header/btn_sub.gif) no-repeat 0 0;
}
#sub-menu-2 li#sub-menu-2-2 a{
	width:96px;
	background:url(../img/com/header/btn_sub.gif) no-repeat -112px 0;
}

/* pankuzu */
#pankuzu{
	margin-bottom:1px;
	padding:6px 0;
	width:100%;
	min-width:900px;
	background-color:#EDECE9;
}
#pankuzu-i{
	margin:0 auto;
	width:900px;
	text-align:left;
}
#pankuzu-i ol{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#pankuzu-i ol li{
	margin:0 6px 0 0;
	padding:0 11px 0 0;
	float:left;
	display:inline;
	background:url(../img/com/contents/icon_pankuzu.gif) no-repeat right center;
}
#pankuzu-i ol li a{
	color:#4d4d4d;
	text-decoration:none;
}
#pankuzu-i ol li a:hover{
	color:#4d4d4d;
	text-decoration:underline;
}
#pankuzu-i h2{
	float:left;
	font-weight:normal;
}

/* main-image */
#main-image{
	width:100%;
	min-width:900px;
	height:316px;
}
#main-image-i{
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:100%;
	min-width:900px;
	height:316px;
}
#item-list #main-image{background:url(../item/img/bg_main_image.jpg) repeat-x left top;}
#item-list #main-image-i{background:url(../item/img/main_image.jpg) no-repeat center top;}
.shiroi #main-image{background:url(../item/shiroi/details/img/bg_main_image.jpg) repeat-x left top;}
.shiroi #main-image-i{background:url(../item/shiroi/details/img/main_image.jpg) no-repeat center top;}
.mifuyu #main-image{background:url(../item/mifuyu/details/img/bg_main_image.jpg) repeat-x left top;}
.mifuyu #main-image-i{background:url(../item/mifuyu/details/img/main_image.jpg) no-repeat center top;}
.yawarakoi #main-image{background:url(../item/yawarakoi/details/img/bg_main_image.jpg) repeat-x left top;}
.yawarakoi #main-image-i{background:url(../item/yawarakoi/details/img/main_image.jpg) no-repeat center top;}
.roll #main-image{background:url(../item/roll/details/img/bg_main_image.jpg) repeat-x left top;}
.roll #main-image-i{background:url(../item/roll/details/img/main_image.jpg) no-repeat center top;}
.i-chocolat #main-image{background:url(../item/i-chocolat/details/img/bg_main_image.jpg) repeat-x left top;}
.i-chocolat #main-image-i{background:url(../item/i-chocolat/details/img/main_image.jpg) no-repeat center top;}
.cake_palette #main-image{background:url(../item/cake_palette/details/img/bg_main_image.jpg) repeat-x left top;}
.cake_palette #main-image-i{background:url(../item/cake_palette/details/img/main_image.jpg) no-repeat center top;}
.premium_baum #main-image{background:url(../item/premium_baum/details/img/bg_main_image.jpg) repeat-x left top;}
.premium_baum #main-image-i{background:url(../item/premium_baum/details/img/main_image.jpg) no-repeat center top;}
.i-gateau #main-image{background:url(../item/i-gateau/details/img/bg_main_image.jpg) repeat-x left top;}
.i-gateau #main-image-i{background:url(../item/i-gateau/details/img/main_image.jpg) no-repeat center top;}
.mbox #main-image{background:url(../mbox/img/bg_main_image.jpg) repeat-x left top;}
.mbox #main-image-i{background:url(../mbox/img/main_image.jpg) no-repeat center top;}

.cupcake #main-image{background:url(../item/cupcake/img/bg_main_image.jpg) repeat-x left top;}
.cupcake #main-image-i{background:url(../item/cupcake/img/main_image.jpg) no-repeat center top;}

.koibitohiroba #main-image{background:url(../item/koibitohiroba/img/bg_main_image.jpg) repeat-x left top;}
.koibitohiroba #main-image-i{background:url(../item/koibitohiroba/img/main_image.jpg) no-repeat center top;}
.rcb_tsumugi #main-image{background:url(../item/rcb_tsumugi/img/bg_main_image.jpg) repeat-x left top;}
.rcb_tsumugi #main-image-i{background:url(../item/rcb_tsumugi/img/main_image.jpg) no-repeat center top;}
.teardrop #main-image{background:url(../item/teardrop/details/img/bg_main_image.jpg) repeat-x left top;}
.teardrop #main-image-i{background:url(../item/teardrop/details/img/main_image.jpg) no-repeat center top;}
.rwcb_tsumugi #main-image{background:url(../item/rwcb_tsumugi/img/bg_main_image.jpg) repeat-x left top;}
.rwcb_tsumugi #main-image-i{background:url(../item/rwcb_tsumugi/img/main_image.jpg) no-repeat center top;}
#about #main-image{background:url(../about/img/bg_main_image.jpg) repeat-x left top;}
#about #main-image-i{background:url(../about/img/main_image.jpg) no-repeat center top;}

#event #main-image{background:url(../event/img/bg_main_image.jpg) repeat-x left top;}
#event #main-image-i{background:url(../event/img/main_image.jpg) no-repeat center top;}

#news #main-image{background:url(../news/img/bg_main_image.jpg) repeat-x left top;}
#news #main-image-i{background:url(../news/img/main_image.jpg) no-repeat center top;}

.lang-top #main-image{background:url(../language/img/bg_main_image.jpg) no-repeat center top;}
.lang-top #main-image-i{background:url(../language/img/main_image.jpg) no-repeat center top;}

#en_event #main-image{background:url(../language/en/event/img/bg_main_image.jpg) no-repeat center top;}
/* 2014-08-21 sugawara add start */
/*#en_event #main-image-i{background:url(../language/en/event/img/main_image.jpg) no-repeat center top;}*/
#en_event #main-image-i{background:url(../language/en/event/img/main_image.jpg) no-repeat center top;}
/* 2014-08-21 sugawara add end    */




#item-list #main-image,#item-list #main-image-i{height:100px;}
#item #main-image,#item #main-image-i,
.lang #main-image,.lang #main-image-i{height:316px;}
#news #main-image,#news #main-image-i{height:231px;}

#shop #main-image{display:none;}
#shop #main-image-i{display:none;}

#cm #main-image{display:none;}
#cm #main-image-i{display:none;}

#recipe #main-image{display:none;}
#recipe #main-image-i{display:none;}

.sitemap #main-image{display:none;}
.sitemap #main-image-i{display:none;}

.privacy #main-image{display:none;}
.privacy #main-image-i{display:none;}

.kiyaku #main-image{display:none;}
.kiyaku #main-image-i{display:none;}

.inquiry #main-image{display:none;}
.inquiry #main-image-i{display:none;}

#shop-d #main-image{display:none;}
#shop-d #main-image-i{display:none;}

#event #main-image{
	width:100%;
	min-width:900px;
	height:230px;
}
#event #main-image-i{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width:100%;
	min-width:900px;
	height:230px;
}

#en_event #main-image{
	width:100%;
	min-width:900px;
	height:230px;
}
#en_event #main-image-i{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width:100%;
	min-width:900px;
	height:230px;
}

#about #main-image{
	width:100%;
	min-width:900px;
	height:230px;
}
#about #main-image-i{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width:100%;
	min-width:900px;
	height:230px;
}

/* --------------------
 main
-------------------- */
#main{
	margin:0 auto;
	padding:30px 0;
	width:900px;
	text-align:left;
}

#main-i{
	margin:0 20px;
	padding:0;
	width:860px;
	text-align:left;
}

#item-list #main-i{
	margin:0 0px;
	padding:0;
	width:860px;
	text-align:left;
}

.lang-top #main-i{
	margin:0 0px;
	padding:0;
	width:900px;
	text-align:left;
}

#shop-d #main-i {
	margin:0 0px;
	padding:0;
	width:900px;
	text-align:left;
}

#contents{
	width:860px;
}

#shop-d #contents{
	width:900px;
}

.lang-top #contents{
	width:900px;
}


/* item */
#item-list.top #contents{
	width:900px;
	float:none;
}


#item #contents{
	width:608px;
	float:right;
}

#item.top #contents{
	width:900px;
	float:none;
}
#item #contents-inner{
	margin-right:10px;
	width:606px;
}

#item #side{
	float:left;
	width:200px;
}
#item .s-title-1{margin-bottom:12px;}
#item .s-title-2{
	margin-bottom:6px;
	padding-top:20px;
}
#item .s-title-3{
	margin-bottom:6px;
	padding-top:8px;
	border-top:1px #ccc solid;
}
#item .item-list{
	margin:0 0 7px;
	padding:0;
	width:200px;
}
#item .item-list p{
	display:table-cell;
	margin-bottom:1px;
	vertical-align:middle;
}
#item .item-ph{
	width:80px;
}
#item .item-ph img{vertical-align:top;}
#item .item-name{
	width:120px;
}
* html #item .item-list p{/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html #item .item-list p{/* IE 7 */
	display:inline;
	zoom:1;
}
#item #item-top-menu{
	margin:0;
	padding:0;
}
#item #item-top-menu li{
	margin:0;
	padding:0 0 2px;
	list-style:none;
}
#item #item-top-menu li img{
	vertical-align:top;
}
#item .ph-movie{
	margin-bottom:24px;
}
#item #column-ph{
	margin-bottom:10px;
	text-align:center;
}
#item #column-text{
	line-height:1.7;
}

/* --------------------
 main
-------------------- */
#footer-1{
	padding:12px 0;
	border-top:1px #E4E2DF solid;
	width:100%;
	min-width:900px;
	background-color:#F3F2F1;
	position:relative;overflow:hidden;
}
#footer-1 ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:50%;
	float:left;
}
#footer-1 li{
	margin:0 12px;
	padding:0 0 0 20px;
	position:relative;
	left:-50%;
	float:left;
	display:inline;
	font-size:117%;
	background:url(../img/top/contents/icon_btm.gif) no-repeat 0 5px;
}
#footer-1 li a{
	color:#595959;
	text-decoration:none;
}
#footer-1 li a:hover{
	color:#595959;
	text-decoration:underline;
}
#footer-2{
	padding:12px 0;
	border-top:1px #D4D2CD solid;
	width:100%;
	min-width:900px;
	background-color:#F1E1D4;
}
#footer-2-i{
	margin:0 auto;
	min-width:900px;
	color:#361809;
}
#footer-2-i a{
	color:#361809;
	text-decoration:none;
}
#footer-2-i a:hover{
	color:#361809;
	text-decoration:underline;
}
#copyright{
	margin-top:10px;
	width:100%;
	min-width:900px;
	color:#737373;
	font-size:83%;
}
#copyright a{
	color:#737373;
	text-decoration:none;
}
#copyright a:hover{
	color:#737373;
	text-decoration:underline;
}