@charset "utf-8";

html {
	overflow-y:scroll;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{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;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
table{border-collapse:collapse; border-spacing:0;}
/* --- /reset --- */



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
* html .clearfix {height:1%;}
*{zoom:1;}
.clearfix {display:block;}
/* --- /clearfix ---*/


a,
a:link,
a:visited {
    color:#F9F8F2;
    text-decoration: none;
}
a:hover {
    color: #FF9900;
    text-decoration: none;
}
a:active {
	text-decoration: none;
}

h1,h2 {
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;	
}




/* ---------------------------------------- 
 - common
---------------------------------------- */
html{
	height: 100%;
}

body{
	font-family:'ヒラギノ丸ゴ Pro W4',Hiragino Maru Gothic Pro,'メイリオ',Meiryo,Osaka,'ＭＳ ゴシック','ＭＳ Ｐゴシック','Arial';
	font-size:14px;
	line-height:1.8;
	color:#E7E4CC;
}

strong {
	font-weight:bold;
	color:#F9F8F2;
	}

.wrapper {
	overflow:hidden;
}

a.btn_menuback {
	display:block;
	width:110px;
	height:35px;
	background:url(images/button_back.png) 0 0 no-repeat;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	margin:auto;
	}

.inline_t_indent {
	display:block;
	text-indent:-12px;
	padding-left:12px;
	}


/* ---------------------------------------- 
 - opening
---------------------------------------- */

#opening {
	background-color:#000;
	position:absolute;
	z-index:2147483647;
}

#opening .base {
	width:100%;
	background-color:#000;
	}

#opening img {
	/*display:none;*/
	position:absolute;
	top:50%;
	left:50%;
	opacity:0;
}

#opening .img01 {
	margin-left:-449px;
	margin-top:-494px;
	}
	
#opening .img02 {
	margin-left:-452px;
	margin-top:-299px;
	}
	
#opening .img03 {
	margin-left:-366px;
	margin-top:-318px;
	}



/* ---------------------------------------- 
 - wrapper
---------------------------------------- */

#wrapper {
	width:1350px;
	margin:auto;
	position:relative;
	}
	
/* ---------------------------------------- 
 - header
---------------------------------------- */
	
#header {
	width:1280px;
	margin:auto;
	height:100px;
	background-color:#000;
	position:relative;
	/*overflow:hidden;*/
	box-shadow: 0px 1px 6px 3px rgba(0,0,0,0.3);
	z-index:100;
	}
	
#header ul {
	position:absolute;
	bottom:0;
	width:1294px;
	height:36px;
	}

#header ul li{
	float:left;
	}
	
#header ul li a {
	height:36px;
	display:block;
	text-indent	:-9999px;
	}
	
#header ul li.nav01 a {
	width:144px;
	background:url(images/m_01.jpg) top left no-repeat;
	}
	
#header ul li.nav02 a {
	width:142px;
	background:url(images/m_02.jpg) top left no-repeat;
	}
	
#header ul li.nav03 a {
	width:143px;
	background:url(images/m_03.jpg) top left no-repeat;
	}
	
#header ul li.nav04 a {
	width:142px;
	background:url(images/m_04.jpg) top left no-repeat;
	}
	
#header ul li.nav05 a {
	width:142px;
	background:url(images/m_05.jpg) top left no-repeat;
	}
	
#header ul li.nav06 a {
	width:142px;
	background:url(images/m_06.jpg) top left no-repeat;
	}
	
#header ul li.nav07 a {
	width:142px;
	background:url(images/m_07.jpg) top left no-repeat;
	}
	
#header ul li.nav08 a {
	width:142px;
	background:url(images/m_08.jpg) top left no-repeat;
	}
	
#header ul li.nav09 a {
	width:141px;
	background:url(images/m_09.jpg) top left no-repeat;
	}
	
#header ul li a:hover,
.season #header ul li.nav01 a,
.chefs_specialite #header ul li.nav02 a,
.petit_gateau #header ul li.nav03 a,
.marche #header ul li.nav04 a,
.pastry #header ul li.nav05 a,
.decoration_cake #header ul li.nav06 a,
.confiserie_n_chocolat #header ul li.nav07 a,
.anniversary_n_bridal #header ul li.nav08 a,
.assorted_n_collabo_gift #header ul li.nav09 a,
.happy_kids #header ul li.nav10 a,
.original_goods #header ul li.nav11 a {
	background-position: bottom left;
	}
	
#header ul li.hover a {
	background-position: bottom left;
	}


#header h1 a {
	position:absolute;
	width:288px;
	height:34px;
	background:url(images/logo.png) 0 0 no-repeat;
	left:500px;
	top:30px;
	overflow:hidden;
	}

.button_concept,
.button_topics,
.button_facebook,
.button_tell,
.button_mail,
.button_home {
	position:absolute;
	display:block;
	top:27px;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}
	
.button_concept {
	width:87px;
	height:42px;
	background:url(images/concept.png) 0 0 no-repeat;
	left:42px;
	}
	
.button_topics {
	width:87px;
	height:42px;
	background:url(images/topics.png) 0 0 no-repeat;
	left:127px;
	}
	
.button_facebook {
	width:41px;
	height:41px;
	background:url(images/facebook.png) 0 0 no-repeat;
	right:112px;
	}

.button_mail {
	width:38px;
	height:42px;
	background:url(images/mail.png) 0 0 no-repeat;
	right:154px;
	}
	
.button_tell {
	width:38px;
	height:42px;
	background:url(images/tell.png) 0 0 no-repeat;
	right:113px;
	}
	
.button_home {
	width:71px;
	height:42px;
	background:url(images/home.png) 0 0 no-repeat;
	right:42px;
	}

#header h1 a:hover
 {
	opacity: 0.90;
	filter : alpha(opacity=90);
}

.button_facebook:hover,
.button_tell:hover,
.button_home:hover,
.button_mail:hover,
.button_concept:hover,
.button_topics:hover {
	background-position:bottom left;
	}
	
.concept .button_concept {
	background-position:bottom left;
	}
	
#topics .button_topics {
	background-position:bottom left;
	}

/* ---------------------------------------- 
 - プルダウンメニュー
---------------------------------------- */

#header ul li ul {
	/*display:none;*/
	float:none;
	clear:both;
	width:auto;
	height:auto;
	position:relative !important;
	display:none;
	}
	
#header ul li ul li {
	float:none;
	margin:0;
	padding:0;
	height:auto;
	line-height:0;
	width:auto;
	height:auto;
	}
	
#header ul li ul li img:hover {
	opacity: 0.90;
	filter : alpha(opacity=90);
	cursor:pointer;
	}
	
#header ul li ul li a {
	background:none !important;
	display:inline;
	width:auto;
	height:auto;
	}

/* ---------------------------------------- 
 - contents
---------------------------------------- */

#contents {
	position:relative;
	width:1280px;
	margin:auto;
	background:url(images/contents_bg.jpg) 0 0 repeat;
	}
	
#item #contents {
	background:url(images/contents_bg_item.jpg) 0 0 repeat;
	}
	
#sub #contents {
	background:url(images/contents_bg_item.jpg) 0 0 repeat;
	}
	
#topics #contents {
	background:none;
	}
	
#seminar #contents {
	background:url(images/contents_bg_item.jpg) 0 0 repeat;
	}

/* ---------------------------------------- 
 - top
---------------------------------------- */

#top #contents {
	padding:36px 0 0 0;
	position:relative;
	}
	
/* ---------------------------------------- 
 - mainImage
---------------------------------------- */

#mainImage {
	width:869px;
	height:546px;
	background:url(images/mainImage_bg.png) 0 0 no-repeat;
	margin-left:210px;
	position:relative;
	margin-bottom:117px;
	}

/* ---------------------------------------- 
 - topMainCarousel
---------------------------------------- */

#topMainCarousel {
	position:absolute;
	width:484px;
	height:533px;
	background-color:#FFF;
	top:5px;
	left:5px;
	}
	
#topMainCarousel .carousel {
	display:block;
	width:484px;
	height:533px;
	overflow:hidden;
	position:relative;
}

#topMainCarousel .carousel li {
	float:left;
	display:block;
}


#topMainCarousel .carousel .prev,
#topMainCarousel .carousel .next {
	width:25px;
	height:25px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
}

#topMainCarousel .carousel .prev {
	background:url(images/carousel_sign_left.png) 0 0 no-repeat;
	bottom:9px;
	left:14px;
}

#topMainCarousel .carousel .next {
	background:url(images/carousel_sign_right.png) 0 0 no-repeat;
	bottom:9px;
	right:14px;
}
	
/* ---------------------------------------- 
 - topSubCarousel
---------------------------------------- */	

#topSubCarousel {
	position:absolute;
	width:355px;
	height:533px;
	background-color:#FFF;
	top:5px;
	left:505px;
	}
	

#topSubCarousel .carousel {
	display:block;
	width:355px;
	height:533px;
	overflow:hidden;
	position:relative;
}

#topSubCarousel .carousel li {
	float:left;
	display:block;
}




	
/* ---------------------------------------- 
 - topBannarBox
---------------------------------------- */	

#topBannarBox {
	position:absolute;
	width:120px;
	height:536px;
	top:40px;
	right:62px;
	}
	
#topBannarBox td {
	width:120px;
	height:536px;
	vertical-align:bottom;
	}
	
#topBannarBox td img {
	margin-top:9px;
	}
	
#topBannarBox td a:hover {
	opacity:0.8;
	filter : alpha(opacity=80);
	}
	
/* ---------------------------------------- 
 - topCarousel
---------------------------------------- */

#topCarousel {
	width:1067px;
	height:473px;
	background:url(images/top_carousel_bg.png) 0 0 no-repeat;
	margin:0 auto 40px auto;
	}
	
#topCarousel h2 {
	width:111px;
	height:15px;
	background:url(images/top_carousel_title.png) 0 0 no-repeat;
	margin:auto;
	position:relative;
	top:21px;
	}
	
#topCarousel div {
	width:1059px;
	position:relative;
	top:42px;
	left:3px;
	}

#topCarousel ul {
	width:1059px;
	height:391px;
	overflow:hidden;
}

#topCarousel li {
	float:left;
	width:238px;
	height:391px;
}

#topCarousel li img {
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	}

#topCarousel li:hover {
	opacity:0.7;
	filter : alpha(opacity=70);
	cursor:pointer;
	}

/* ---------------------------------------- 
 - footerNav
---------------------------------------- */

#footerNav {
	width:100%;
	height:149px;
	background:url(images/footer_line.png) top center no-repeat;
	position:relative;
	}
	
#footerNav a {
	position:absolute;
	display:block;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}
	
#footerNav a:hover
 {
	opacity: 0.70;
	filter : alpha(opacity=70);
}
	
#footerNav .fn01 {
	background:url(images/fn01.png) 0 0 no-repeat;
	width:140px;
	height:34px;
	left:171px;
	top:57px;
	}
	
#footerNav .fn02 {
	background:url(images/fn02.png) 0 0 no-repeat;
	width:92px;
	height:42px;
	left:419px;
	top:53px;
	}
	
#footerNav .fn03 {
	background:url(images/fn03.png) 0 0 no-repeat;
	width:85px;
	height:89px;
	left:619px;
	top:30px;
	}
	
#footerNav .fn04 {
	background:url(images/fn04.png) 0 0 no-repeat;
	width:88px;
	height:71px;
	left:812px;
	top:35px;
	}
	
#footerNav .fn05 {
	background:url(images/fn05.png) 0 0 no-repeat;
	width:106px;
	height:30px;
	left:1008px;
	top:59px;
	}
	
/* ---------------------------------------- 
 - footer
---------------------------------------- */

#footer {
	width:100%;
	height:49px;
	background:url(images/footer_line.png) top center no-repeat;
	}
	
#footer p {
	position:relative;
	width:323px;
	height:12px;
	background:url(images/footer_copy.png) 0 0 no-repeat;
	margin:auto;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	top:23px;
	}





/* ---------------------------------------- 
 - ticker
---------------------------------------- */

/* liScroll styles */


.tickercontainer { /* the outer div */
background-color:#000;
width:663px;
height:38px;
margin: 0; 
padding: 0;
overflow: hidden; 
position:fixed;
bottom:0;
}


ul.newsticker { /* that's your list */
/*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
position: relative;
margin-left: 20px;
list-style-type: none;
margin: 0;
padding: 0;

}


ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 50px;
/*background: #fff;*/
font-size:26px;
color:#FFFFEE;
}


ul.newsticker li a {
	color:#FFFFEE;
	}


/* ---------------------------------------- 
 - sub
---------------------------------------- */

#sub {
	}

#sub #contents {
	padding-top:37px;
	}

#sub h2 {
	margin:0 auto 36px auto;
	}

#item_list {
	width:1100px;
	margin:0 auto 37px auto;
	}
	
#item_list ul {
	width:1050px;
	margin-left:19px;
	}
	
#item_list li {
	width:205px;
	height:378px;
	float:left;
	margin:0 4px 4px 0;
	}
	
#item_list li.list_title {
	width:414px;
	height:378px;
	float:left;
	margin:0 4px 4px 0;
	}
	
#item_list li img {
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	}

#item_list li:hover {
	opacity: 0.75;
	filter : alpha(opacity=75);
}






/* ---------------------------------------- 
 - listHead
---------------------------------------- */
	
#listHead {
	width:1050px;
	height:379px;
	margin-left:19px;
	position:relative;
	margin-bottom:4px;
	overflow:hidden;
	}
	
.listHeadTitle {
	width:414px;
	height:379px;
	position:absolute;
	top:0;
	left:0;
	}
	
.listHeadCarousel {
	width:627px;
	height:379px;
	position:absolute;
	left:414px;
	overflow:hidden;
	}
	
.listHeadCarousel ul {
	margin:0 !important;
	display:inline;
	overflow:hidden;
	}
	
.listHeadCarousel ul li {
	width:342px !important;
	margin:0 !important;
	display:inline;
	overflow:hidden;
	}
	
.listHeadCarousel ul li:hover {
	opacity:1.0 !important;
	filter : alpha(opacity=100) !important;
	}
	
.listHeadCopy {
	position:absolute;
	left:440px;
	top:133px;
	}
	
.listHeadButton {
	width:225px;
	height:72px;
	background:url(images/button.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	right:20px;
	bottom:17px;
	cursor:pointer;
	}
	
.listHeadButton:hover {
	background-position:bottom left;
	}