@charset "utf-8";

/* container
 ------------------------------- */
div#wrapper {
    width: 1400px;
    margin: auto;
}

/* header
 ------------------------------- */
div#header {
    position: relative;
    width: 900px;
    height: 67px;
    margin: 33px auto 22px auto;
}

div#header ul {
    position: absolute;
    height: 30px;
    left: 199px;
    bottom: 0;
}

div#header ul li {
    float: left;
}

div#header .social-bt {
	position: absolute;
	height: 15px;
	left: 800px;
	text-align: right;
	width: 100px;
	top: 0px;
}

/* main-visual
 ------------------------------- */
div#main-visual {
    position: relative;
    height: 486px;
}

div#visual {
    position: relative;
    top: 0px;
    z-index: 2;
    width: 1400px;
    height: 455px;
    margin: 0 auto;
}

div#slider {
    height: 455px;
}

div.nivo-controlNav {
    position: absolute;
    left: 609px;
    bottom: -40px;
}

.nivoSlider {
    background: url(../css//themes/default/loading.gif) no-repeat 50% 50%;
}

.nivoSlider img {
    display: none;
}

.nivo-controlNav a {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 18px;
    text-indent: -9999px;
    border: 0;
    background: url(../css//themes/default/bullets.png) no-repeat;
}

.nivo-controlNav a.active {
    background-position: 0 -22px;
}

.nivo-directionNav a {
    display: block;
    width: 30px;
    border: 0;
    height: 30px;
    text-indent: -9999px;
    background: url(../css//themes/default/arrows.png) no-repeat;
}

/* content
 ------------------------------- */
div#content-wrapper {
    padding-top: 65px;
    background: url(../img/bg_content_top.jpg) center top no-repeat;
}

div#content-wrapper-bottom {
    padding-bottom: 118px;
    background: url(../img/bg_footer.jpg) center bottom no-repeat;
}

div#content-wrapper-company_bottom {
    padding-bottom: 118px;
    background: url(../img/company/mb_company_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-contact_bottom {
    padding-bottom: 118px;
    background: url(../img/contact/mb_contact_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-media_bottom {
    padding-bottom: 118px;
    background: url(../img/media/mb_media_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-sitemap_bottom {
    padding-bottom: 118px;
    background: url(../img/sitemap/mb_sitemap_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-essence_bottom {
    padding-bottom: 118px;
    background: url(../img/essence/mb_essence_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-items_bottom {
    padding-bottom: 118px;
    background: url(../img/items/mb_items_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-story_bottom {
    padding-bottom: 118px;
    background: url(../img/story/mb_story_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-shop_bottom {
    padding-bottom: 118px;
    background: url(../img/shop/mb_shop_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-shop_info_bottom {
    padding-bottom: 118px;
    background: url(../img/shop_info/mb_shop_info_bar_shita.jpg) center bottom no-repeat;
}

div#content-wrapper-item_bottom {
    padding-bottom: 118px;
    background: url(../img/items/mb_items_bar_shita.jpg) center bottom no-repeat;
}

div#content {
    width: 900px;
    margin: 0 auto 0px auto;
    padding-top: 56px;
}

div#main-sub-container {
	margin-bottom: 20px;
	background: #f5efe1 url(../img/bg_content_paper.jpg) center -60px no-repeat;
}

div#sub-menu {
    float: left;
    width: 260px;
    margin-left: 34px;
    _margin-left: 20px;
}

div#sub-menu ul.sub {
    margin-top: 10px;
    margin-left: 16px;
}

div#sub-menu ul.sub li {
    margin-bottom: 10px;
}

div#main {
    float: left;
    width: 520px;
    margin-top: 10px;
    margin-left: 35px;
}

div#main #btn4 {
	width: 520px;
	margin-top: 10px;
	background-image: url(../img/btn4_bg.gif);
	background-repeat: no-repeat;
	height: 180px;
}

div#main_onecolumn {
    width: 750px;
    margin: 10px auto;
}

div#fla2_onecolumn {
	width: 850px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#fla_onecolumn {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}


div#item_onecolumn {
    width: 800px;
    margin: 10px auto;
}

div#main ul.product {
    margin-bottom: 30px;
}
div#main ul.product li {
    display: inline;
    float: left;
    margin-left: 20px;
    _margin-left: 10px;
}
div#main ul.product li:first-child {
    margin-left: 0;
}

div#main ul.product2 {
    margin-bottom: 0px;
}
div#main ul.product2 li {
    display: inline;
    float: left;
    margin-left: 20px;
    _margin-left: 10px;
}
div#main ul.product2 li:first-child {
    margin-left: 0;
}

div#main #info_box {
	width: 495px;
	height: 85px;
	background-image: url(../scroll/images/info_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: none;
	padding-top: 55px;
	padding-left: 25px;
}
div#main #info_box dl {
	padding-bottom: 5px;
}
div#main #info_box dt {
	width: 75px;
	float: left;
	font-size: 12px;
	color: #5D1B1C;
}
div#main #info_box dd {
	width: 360px;
	margin-left: 97px;
	font-size: 12px;
	color: #5D1B1C;
}

div#news-container {
    padding: 12px;
    background-color: #D4E3EB;
}
div#twitter-container {
	width: 230px;
	height: 420px;
	margin-top: 20px;
}

div#social {
	margin-left: 49px;
}

div#social ul li {
    float: left;
    display: table-cell;
}

div#social ul li.gplus {
    margin-right: 10px;
}

div#social ul li.mixi-favorite {
    margin-right: 10px;
}

div.fb-like {
    width: 110px !important;
}

.twitter-share-button {
    width: 100px !important;
}

/* footer
 ------------------------------- */
div#footer-menu {
    clear: both;
    width: 740px;
    padding: 25px 30px;
    margin: 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #D9C7A7;
}

div#footer-menu ul.top-level ul {
    padding-top: 10px;
    margin-left: 10px;
}

div#footer-menu ul.top-level li {
    float: left;
    margin-left: 22px;
    font-size: 13px;
    color: #5d1b1c;
}

div#footer-menu ul.top-level li:first-child {
    margin-left: 0;
}

div#footer-menu ul.top-level ul li {
    float: none;
    margin-left: 0;
    margin-bottom: 2px;
    padding-left: 15px;
    font-size: 10px;
    background: url(../img/bg_arrow_01.gif) left 4px no-repeat;
}

div#footer ul.basic {
    padding-top: 15px;
    padding-bottom: 25px;
    margin-left: 50px;
}

div#footer ul.basic li {
    float: left;
    margin-left: 20px;
    padding-left: 18px;
    color: #5d1b1c;
    font-size: 0.9em;
    background: url(../img/bg_arrow_02.gif) left 2px no-repeat;
}

div#footer ul.basic li:first-child {
    margin-left: 0;
}

div#copyright {
    text-align: center;
    padding-top: 80px;
}

/*clearfix*/
* html .clearfix 	{zoom:1}
*+html .clearfix 	{zoom:1}
.clearfix:after	 	{height:0;visibility:hidden;content: ".";display:block;clear: both}

/*--------------*/
/* -- common -- */
/*--------------*/

	/* list */
	.list_left_styleA {width:110px;}
	.list_left_styleB {width:300px;}

	/* float */
	.f_left {float:left;}
	.f_right {float:right;}
	.txtar_r {text-align:right;}
	.txtar_l {text-align:left;}
	.txtar_c {text-align:center;}

	/* text */
	.txt_sizeA {font-size:12px;}
	.txt_sizeB {font-size:11px;}
	.txt_sizeC {font-size:10px;}
	.txt_sizeD {font-size:9px;}
	h2.title_img {margin-bottom:20px;}
	span.red {color:#F00;}
	span.astarisk {color:#F00;}
	.txtco_A {color:#652300;}
	
	/* decoration */
	.border_styleA {border:1px solid #652300;}
	.border_styleB {border-bottom:2px solid #652300;}

	/* width */
	.wid_styleA {width:750px;}
	.wid_styleB {width:700px;}
	.wid_styleB2 {
	width:715px;
	padding-top: 15px;
}
	.wid_styleC {width:700px;}
	.wid_styleD {width:70px;}
	.wid_styleE {width:530px;}
	.wid_styleF {width:800px;}
	.wid_styleG {width:540px;}
	.wid_styleH {width:280px;}
	.wid_styleI {width:240px;}
	.wid_styleJ {width:130px;}
	.wid_styleK {width:33%;}
	.wid_styleL {width:260px;}
	.wid_styleL2 {width:265px;}
	.wid_styleM {width:210px;}
	.wid_styleN {width:320px;}
	.wid_styleO {width:600px;}
	.wid_styleP {width:535px;}
	.wid_styleQ {width:304px;}

	/* margin */
	.margin_styleA {margin:0 auto;}
	.margin_styleB {margin-left:50px; margin-top:10px;}
	.margin_styleC {margin-top:30px;}
	.margin_styleD {margin-left:80px; margin-top:50px;}
	.margin_styleE {margin-top:10px;}
	.margin_styleF {margin-left:20px;}
	.margin_styleG {margin-left:40px; margin-right:40px;}
	.margin_styleH {margin-left:10px;}
	.margin_styleI {margin-left:auto; margin-right:auto;}
	.margin_styleI2 {margin-left:30px;}
	.margin_styleJ {margin-top:60px;}
	.margin_styleJ2 {margin-top:45px;}
	.margin_styleK {margin-top:20px;}
	.margin_styleL {margin-left:30px;}
	.margin_styleM {margin-right:20px;}
	.margin_styleM2 {margin-right:40px;}
	.margin_styleM3 {margin-right:10px;}
	.margin_styleM4 {margin-right:5px;}
	.margin_styleN {margin-left:30px;}
	.margin_styleO {margin-left:40px;}
	.margin_styleP {padding-bottom:20px;}
	.margin_styleR {margin-top:140px;}
	.margin_styleS {margin-top:15px;}
	.margin_styleS2 {margin-top:10px;}
	.margin_styleT {margin-bottom: 10px;}
	.margin_styleT2 {margin-bottom: 20px;}
	.margin_styleU {margin-left:80px;}
	.margin_styleU2 {margin-left:75px;}
	
	.padding_styleA {padding:10px;}
	.padding_styleB {padding:5px;}
	.padding_styleC {padding-left: 6px;}
	.padding_styleD {padding-left: 5px;}
	.padding_styleE {padding-bottom: 5px;}

	/* others */
	.pagetop { margin-top:10px; margin-right:25px;}
	.pagetop2 { margin-top:0px; margin-right:25px;}
	
	/* 行間 */
	.line-heightA {line-height: 23px;}
	.line-heightB {line-height: 18px;}
	


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

	/* company */
	dl.corp_list {width:700px; margin:0 auto; padding-bottom:5px; background:url(../img/company/kei.jpg) bottom left no-repeat; clear:both; color:#652300;}
	dl.corp_list dt { padding:10px 10px 10px 80px; float:left; width:145px;}
	dl.corp_list dd { padding:10px; float:left;}

	/* contact */
	.bg_contact {background:url(../img/contact/contacts_base.jpg) top left no-repeat; width:750px; height:970px; color:#652300; font-size:14px;}
	.bg_contact_fin {background:url(../img/contact/back_kami.jpg) top left no-repeat; width:750px; height:970px; color:#652300; font-size:14px;}
	h3.contact_com {margin-left:70px; padding-top:40px;}
	.mb_contact_form {margin:30px auto 0 auto; width:700px; text-align:center;}
	ul.mb_contact_form_list {margin-top:10px; /margin-top:8px; text-align:left; margin-left:40px;}
	ul.mb_contact_form_textarea {margin-top:10px; text-align:left; margin-left:40px; height:170px;} 
		li.mb_contact_title {float:left; width:180px; padding:15px;}
		li.mb_contact_input {float:left; padding:10px;}
	
	.mb_contact_form input {width:170px;}
	.mb_contact_form textarea {width:350px;}

	/* media */
	dl.media_list {
	width:600px;
	clear:both;
	color:#652300;
	font-size:12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #652300;
	padding-bottom: 20px;
	padding-top: 0px;
}
	dl.media_list dt {
	float:left;
	width:175px;
}
	dl.media_list dd {
	float:left;
}

	li.media_date 	{clear:both;}
	li.media_title 	{margin-top:30px; clear:both;}
	li.media_com 	{margin-top:27px;}
	li.media_com a:link,
	li.media_com a:visited {color:#5d1b1c;}
	li.media_com a:hover {color:#f23209;}
	li.media_text 	{
	margin-top:20px;
	clear:both;
	width: 700px;
}
	
	#media_left {width:130px; border:1px solid #652300; padding:10px; float:left;}
	#media_list {width:600px;}
	ul#media_list li {border-right:1px solid #652300; padding-left:5px; padding-right:5px; float:left; height:20px;}
	ul#media_list li.media_left {border-left:1px solid #652300;}
	
	/* sitemap */
	.sitemap_list {width:205px; float:left;}
	
	.sitemap_link {
    margin-left: 5px;
    padding-left: 18px;
	margin-top:5px;
    color: #5d1b1c;
    font-size: 0.9em;
    background: url(../img/bg_arrow_03.gif) left 2px no-repeat;
	}
	.sitemap_title {margin-top:30px; margin-bottom:10px;}
	.sitemap_link a:link {text-decoration:none;}
	
	/* essence */
	ul#essence_nav {width:700px; margin:0 auto 30px auto;}
	
	/* gallery */
	.bg_ganache { height:588px; background:url(../img/essence/ganache/ganache_02.jpg) top right no-repeat;}
	.gallery_demo{width:340px; margin-top:30px;}
	.gallery_demo li{width:50px;height:50px; float:left; margin-top:12px; margin-right:12px;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0;width:380px; float:right;}
	#main_image img{margin-bottom:10px;}
	
	/* oishii */
	.bg_oishii {
	background:url(../img/essence/oishii/hotochoco_base.jpg) top left no-repeat;
	height:784px;
}
	
	/* commitment */
	.bg_commitment {
	background:url(../img/essence/commitment/commitment_base.jpg) top left no-repeat;
	height:1488px;
}
	#com_list01 {
	margin-left:125px;
	padding-top:360px;
	height:185px;
}
	#com_list02 {
	margin-left:230px;
	padding-top:0px;
	height:130px;
}
	#com_list03 {
	margin-left:318px;
	padding-top:0px;
	height:150px;
}
	#com_list04 {margin-left:122px; padding-top:0px; height:175px;}
	#com_list05 {
	margin-left:210px;
	padding-top:0px;
	height:170px;
}
	#com_list06 {margin-left:310px; padding-top:0px; height:160px;}
	#com_list07 {margin-left:122px; padding-top:0px; height:175px;}
	
/* chocolate */
.bg_chocolate {background:url(../img/essence/chocolate/base.jpg) top left no-repeat; height:1735px;}
#choco_list01 {
	margin-left:96px;
	padding-top:129px;
	height:157px;
	line-height: 27px;
	font-size: 12px;
}
#choco_list02 {
	margin-left:96px;
	height:169px;
	line-height: 19px;
	font-size: 11px;
}
#choco_list03 {
	margin-left:96px;
	height:169px;
	line-height: 19px;
	font-size: 11px;
}
#choco_list04 {
	margin-left:96px;
	height:130px;
	line-height: 19px;
	font-size: 11px;
}
#choco_list05 {
	margin-left:96px;
	height:227px;
	line-height: 19px;
	font-size: 11px;
}
#choco_list06 {
	margin-left:96px;
	height:158px;
	line-height: 27px;
	font-size: 12px;
}
#choco_list07 {
	margin-left:96px;
	height:130px;
	line-height: 19px;
	font-size: 11px;
}
#choco_list08 {
	margin-left:96px;
	height:188px;
	line-height: 19px;
	font-size: 11px;
}
#choco_list09 {
	margin-left:96px;
	height:130px;
	line-height: 19px;
	font-size: 11px;
}
	
	
	/* lightbox */
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  background-color: #222222;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.outerContainer.animating {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 42, ../sass/lightbox.sass */
.container {
  padding: 10px;
}

/* line 45, ../sass/lightbox.sass */
.loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 54, ../sass/lightbox.sass */
.nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 62, ../sass/lightbox.sass */
.container > .nav {
  left: 0;
}

/* line 65, ../sass/lightbox.sass */
.nav a {
  outline: none;
}

/* line 68, ../sass/lightbox.sass */
.prev, .next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,AAAA");
  /* Trick IE into showing hover */
  display: block;
}

/* line 75, ../sass/lightbox.sass */
.prev {
  left: 0;
  float: left;
}

/* line 79, ../sass/lightbox.sass */
.next {
  right: 0;
  float: right;
}

/* line 84, ../sass/lightbox.sass */
.prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 91, ../sass/lightbox.sass */
.dataContainer {
  background-color: white;
  margin: 0 auto;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 98, ../sass/lightbox.sass */
.data {
  padding: 0 10px;
  color: #666666;
}
/* line 101, ../sass/lightbox.sass */
.data .details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 106, ../sass/lightbox.sass */
.data .caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 110, ../sass/lightbox.sass */
.data .number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 115, ../sass/lightbox.sass */
.data .close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 120, ../sass/lightbox.sass */
.data .close:hover {
  cursor: pointer;
}



/*  items_sidebox  */
	#side_box {width:230px; float:left; text-align:center;}
	#side_box #item_menu {background:url(../img/items/mb_item_waku2.png) top left no-repeat; width:230px; height:840px; behavior: expression(IEPNGFIX.fix(this));}
	ul#item_menu_list {width:190px; margin:0 auto; padding-top:20px;}
		.item_top {background:url(../img/items/single_line.jpg) bottom center no-repeat; height:55px;}
		.item_sub_title {background:url(../img/items/single_line.jpg) bottom center no-repeat; height:55px;}
		.item_sub_list 	{background:url(../img/items/single_line.jpg) bottom center no-repeat; height:45px;}
		.item_sub_listB {height:45px;}
		.item_double_line {background:url(../img/items/double_line.jpg) bottom center no-repeat; height:20px;}
		.item_sub_titleB 	{height:40px;}

	#side_box #cafe_menu {background:url(../img/items/mb_item_cafemenu_wak.png) top left no-repeat; width:230px; height:220px; margin-top:20px; behavior: expression(IEPNGFIX.fix(this));}
	ul#cafe_menu_list {width:190px; margin:0 auto; padding-top:20px;}
	
	
	/* item_list */
	ul.item_list_A {float:left; width:130px; text-align:center; margin-top:20px;}
	ul.item_list_A li.item_list_A_name 	{height:25px; font-size:10px; color:#652300; line-height:110%; vertical-align:middle;}
	ul.item_list_A li.item_list_A_name2 	{height:15px; font-size:10px; color:#652300; line-height:110%; vertical-align:middle;}
	ul.item_list_A li.item_list_A_sanchi 	{font-size:10px; color:#652300;}
	
	ul.item_list_B {width:190px; text-align:center;}
	ul.item_list_B2 {width:180px; text-align:center;}
	ul.item_list_B li.item_list_B_name ,ul.item_list_B2 li.item_list_B_name	{height:18px; font-size:10px; color:#652300; line-height:110%; vertical-align:middle;}
	ul.item_list_B li.item_list_B_sanchi,ul.item_list_B2 li.item_list_B_sanchi 	{font-size:10px; color:#652300;}
	
	ul.item_list_C {width:280px; text-align:left; float:left;}
	ul.item_list_C li.item_list_C_com 	{height:30px; font-size:10px; color:#652300; line-height:160%; vertical-align:middle; padding-left:10px;}
	ul.item_list_D {width:250px; text-align:left; float:left; margin-left:10px; _margin-left:0px;}
	ul.item_list_D li.item_list_D_com 	{ width:240px; height:30px; font-size:10px; color:#652300; line-height:160%; vertical-align:middle; padding-left:15px;}

	ul.item_list_E {float:left; width:170px; text-align:center; margin-top:20px;}
	ul.item_list_E li.item_list_E_name 	{height:25px; font-size:10px; color:#652300; line-height:110%; vertical-align:middle;}
	ul.item_list_E li.item_list_E_sanchi 	{font-size:10px; color:#652300;}
	
	div#giftbox_ban {background:url(../img/items/bark/item_bark_giftboxe.jpg) top left no-repeat; width:540px; height:175px;}
		p.giftbox_comA {padding-top:80px; padding-left:35px;}
		p.giftbox_comB {padding-top:10px; padding-left:35px;}
		
	div#pinup {background:url(../img/items/chocolate_bar/bg_pinup.jpg) top left no-repeat; width:536px; height:393px;}
		

.item_cap{
	padding: 5px;
	border: 1px solid #5D1B1C;
	font-size: 9px;
	text-align: center;
}
.item_set{
	border: 1px solid #5D1B1C;
	font-size: 8px;
	text-align: left;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin: 0px;
}
.item_ca_hot{
	line-height: 170%;
}
.ribon_green{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_green.jpg);
	background-repeat: no-repeat;
	background-position: 170px top;
}
.ribon_brown{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_brown.jpg);
	background-repeat: no-repeat;
	background-position: 170px top;
}
.ribon_red{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_red.jpg);
	background-repeat: no-repeat;
	background-position: 170px top;
}
.ribon_red2{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_red.jpg);
	background-repeat: no-repeat;
	background-position: 170px 20px;
	height: 60px;
}
.ribon_red_new{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_red_new.jpg);
	background-repeat: no-repeat;
	background-position: 170px top;
}
.ribon_yellow_flavor{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_yellow_flavor.jpg);
	background-repeat: no-repeat;
	background-position: 170px top;
}
.ribon_yellow_flavor2{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_yellow_flavor.jpg);
	background-repeat: no-repeat;
	background-position: 170px 110px;
}
.ribon_yellow_flavor3{
	width:304px;
	background-image: url(../img/items/cafe_drink/ribon_yellow_flavor.jpg);
	background-repeat: no-repeat;
	background-position: 170px 20px;
}
.item_box_yellow{
	width:528px;
	padding: 6px;
	background-color: #efc441;
}
.item_box_yellow_wid{
	width:310px;
}
.item_box_yellow p{
	font-size: 11px;
	color: #FFFFFF;
}
.item_box_yellow p strong{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
