/* @override 
	http://masumoto.ssl/shop/style/layout.css
*/

/* @group basic */

* {
	font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}
body {
	margin:0;
	padding:0;
	background-color:#5F3800;
	color:#41301B;
}
img {
	border:none;
}

/* @end */

/* @group header */

#header {
	width:100%; height:54px; margin:0; padding:0;
	text-align: center;
	background: url(images/header_bg.png) repeat-x top;
}
#header div.center {
	width:1000px; height:54px; margin:0 auto; padding:0;
	text-align: left;
	background: none;
	position:relative;
	background: url(images/phone_number.png) no-repeat right top;
}
#header a.logo {
	position:absolute;
	left: 0; top: 0;
}
div#shop_notice_tab {
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	top:0; left:310px; width:183px; height: 29px;
	background:url(images/notice_tab.png) no-repeat;
	z-index:81;
}
div#shop_notice {
	cursor:pointer;
	font-size:12px; color:#FFF;
	position:absolute;
	top:0; left:280px;
	width: 400px; padding:9px 15px 37px;
	background:url(images/notice_bg.png) no-repeat bottom;
	border-bottom-left-radius:5px; -webkit-border-bottom-left-radius :5px; -moz-border-radius-bottomleft:5px;
	border-bottom-right-radius:5px; -webkit-border-bottom-right-radius :5px; -moz-border-radius-bottomright:5px;
	z-index:82;
	display:none;
}
div#shop_notice p {
	margin:0; font-size:12px;
}
div#help_tab {
	text-indent:-9999px;
	position:absolute;
	top:0; left:500px; width:296px; height: 29px;
	background:url(images/help_tab.png) no-repeat;
	z-index:81;
}
div#help_tab a {
	width:100%; height:100%; display: block;
}

/* @end */

/* @group body */

#body {
	margin:0; padding:10px 0;
	text-align: center;
	background: #F5EEDE url(images/body_bg.png) repeat-x top;
}
#body div.center {
	width:1000px; margin:0 auto; padding:0;
	text-align: left;
	background: none;
	position:relative;
	background:url(images/cart_bg.png) right top repeat-y;
}

/* @end */

/* @group footer */

#footer {
	margin:0; padding:25px 0; clear:both;
	font-size:12px; line-height:1.4em; text-align: center; color:#FFF;
	text-align: left; min-height:200px;
	background:url(images/footer_bg.png) repeat-x;
}
#footer div.center {
	width:1000px;
	margin:0 auto; padding:0;
	text-align: left;
}
#footer a.logo {
	float:right;
}
#footer p {
	float:left; display:inline;
	margin:0; padding:0 0 0 15px;
	color:#EBDBB9; text-decoration:none;
	font-size:12px;
}
#footer ul {
	float:left; display:inline;
	margin:0; padding:0;
	font-size:12px;
	color:#EBDBB9;
}
#footer ul li {
	float:left; display:inline;
	margin:0 0 0 15px; padding:0;
	font-size:12px; font-weight:bold;
	color:#EBDBB9;
	list-style:none; background:none; padding:0;
}
#footer ul li ul {
	display:block;
	float:none; margin:0; padding:0;
}
#footer ul li ul li {
	display:block;
	float:none; margin:0; padding:0;
	font-weight:normal;
}
#footer ul a {
	color:#EBDBB9; text-decoration:none;
	font-size:12px;
}
#footer ul a:hover {
	color:#FFF; text-decoration:underline;
}

/* @end */

/* @group image replacement */

#logo { width:175px; height:77px; background:url("images/logo.gif") no-repeat; }



/* @end */

/* @group common classes */

.float_right {
	float: right;
	text-align: right;
}
.clear_both {
	clear:both;
}

.imgrpl {
	float:left; margin: 0; padding: 0; overflow: hidden;
	line-height: 0; text-indent:-9999px; background-repeat:no-repeat;
	list-style: none; border: none;
}
.imgrpl a {
	display: block; margin: 0; padding: 0; width:100%; height:100%; text-indent:-9999px;
}

.for_print { display:none; }

.clear {
	clear:both;
}

/* @end */

/* @group span classes */

span.url { color:#009900; }
span.small { font-size: 80%; }
span.red { color: #ff0000; }
span.blue { color: #0000ff; }
span.gray { color: #808080; }

/* @end */

/* @group shopping cart */

/* @group cart */

#sc_cart {
	width:185px; margin:0; padding:0;
	float:right; display:inline; font-size:12px; color:#333;
}
#sc_proceed {
	display: block;
	background-color:;
}
#sc_proceed a {
	display: block; width:185px; height:54px; line-height:53px; text-align:center;
	background:url(images/proceed_disabled.png) no-repeat; text-decoration:none;
	margin:0; font-size:14px; color:#FFF; cursor:default;
	text-indent:-9999px;
}
#sc_proceed.enabled a {
	background:url(images/proceed.png) no-repeat; cursor:pointer;
}
#sc_proceed.enabled a:hover {
	background:url(images/proceed_hover.png) no-repeat;
}
#sc_total {
	position:relative; margin:0;
	display: block; width: 185px; height:89px; overflow:hidden;
	background:url(images/indicator.png) no-repeat;
	font-size: 13px;
}
#sc_total.none,
#sc_total.tokyo7,
#sc_total.tokyo10,
#sc_total.tokyo18chiba2,
#sc_total.all {
	height: 245px;
}
#sc_total.none {
	background-image:url(images/indicator-none.png)
}
#sc_total.tokyo7 {
	background-image:url(images/indicator-tokyo7.png)
}
#sc_total.tokyo10 {
	background-image:url(images/indicator-tokyo10.png)
}
#sc_total.tokyo18chiba2 {
	background-image:url(images/indicator-tokyo18-chiba2.png)
}
#sc_total.all {
	background-image:url(images/indicator-tokyo23-chiba2.png)
}
#sc_total_amount {
	position: absolute; right:15px; top: 13px;
	font-weight:bold; margin:0; font-size: 15px;
}
#sc_total_amount_label {
	position: absolute; left:40px; top: 14px;
	margin:0; font-size: 13px;
}
#sc_total_delivery {
	position: absolute; left:60px; bottom: 25px; right: 0;
	margin:0; font-size: 11px; color: #FFF;
}
#sc_total_delivery_label {
	position: absolute; left:8px; bottom: 18px;
	margin:0; font-size: 11px; color: #FFF; font-weight:bold;
}
#sc_total_dayofweek {
	position: absolute; left:60px; bottom: 10px; right: 0;
	margin:0; font-size: 10px; color: #FFF;
}
#sc_cart_header {
	background:url(images/cart_header.png) no-repeat;
	width:185px; height:14px; margin:0;
}
#sc_cart_content {
	margin:0;
	min-height:63px;
	background:url(images/cart_sample.png) no-repeat;
}
#sc_cart_content div.item {
	background:url(images/cart_item.png) no-repeat;
	width:185px; height:65px; margin:0 0 5px;
	position:relative; cursor:pointer;
}
#sc_cart_content div.item span.title {
	display:block;
	position:absolute; left:13px; top:10px;
	font-weight:bold; font-size:12px;
}	
#sc_cart_content div.item span.price {
	display:block; text-align:right;
	position:absolute; right:80px; top:36px; font-size:12px; width:70px; height:20px;
}
#sc_cart_content div.item span.unit {
	display:block; text-align:right;
	position:absolute; right:15px; top:36px; width:20px; height:20px;
}
#sc_cart_content div.item span.close {
	display:block;
	position:absolute; left:8px; top:40px; width:18px; height:18px; cursor:pointer;
}
#sc_cart_content div.item input {
	display:block; text-align:right; font-size:16px;
	position:absolute; right:30px; top:33px; width:40px; height:22px; padding:0;
}

/* @end */

/* @group header */

div.sc_header {
	height:25px; line-height:25px; margin:8px 8px 5px; text-indent:10px;
	font-size: 12px; color:#FFF;
}
#head_monthly { background:url(images/p_monthly_bg.png) repeat-x; border:1px solid #710E0C; }
#head_regular { background:url(images/p_regular_bg.png) repeat-x; border:1px solid #710E0C; }
#head_kaiseki { background:url(images/p_other_bg.png) repeat-x; border:1px solid #0F3758; }
#head_catering { background:url(images/p_catering_bg.png) repeat-x; border:1px solid #0F3758; }
#head_macrobiotic { background:url(images/p_macrobiotic_bg.png) repeat-x; border:1px solid #963E09; }
#head_other { background:url(images/p_other_bg.png) repeat-x; border:1px solid #692C15; }

/* @end */

/* @group coverflow */

#sc_coverflow {
	width:800px; height:250px;
	/*background:url(images/coverflow-bottom.gif) no-repeat bottom left;*/
	position:relative;
}
#sc_coverflow div#sc_outerbox {
	overflow:hidden; z-index:80;
	position:relative; left:0px; top:0; width:800px; height:235px;
	border:1px solid #999;
	background:#FFF;
}
#sc_coverflow div#sc_innerbox {
	position:absolute; left:0px; top:0; width:800px; height:235px;
}
#sc_coverflow div.detail {
	width:800px; height:235px;
	position:absolute; top:0; left:-800px;
	background:#FFF;
}
#sc_coverflow h2 {
	position:relative;
	top:174px; left: 315px; margin:0; padding:3px 0 0; width:235px; height:1.5em; overflow:hidden;
	font-size:20px; letter-spacing:-0.5px;
	border-top:1px dotted #999;
}
#sc_coverflow h3 { display:none; }
#sc_coverflow p, h4 {
	margin:0;
}
#sc_coverflow div.component {
	position:absolute; left:315px; top:8px; width:230px; height:166px; overflow:hidden;
	font-size:12px; line-height:18px;
}
#sc_coverflow div.component ul {
	margin:0; padding:0;
}
#sc_coverflow div.component ul li {
	margin:0; padding:0 0 0 1.5em; text-indent:-1.5em; list-style:none;
}
#sc_coverflow div.description {
	position:absolute; left:565px; top:8px; width:225px; height:200px; overflow:hidden;
	font-size:12px; line-height:18px;
}
#sc_coverflow span.price {
	position:absolute; left:315px; top:208px; width:230px; line-height:20px;
	font-size:14px;
}
#sc_coverflow span.price a{
	float:right; display:inline; width:78px; height:20px; line-height:20px;
	font-size:12px; color: #FFF; padding-left:22px; text-decoration:none;
	background:url(images/add1item2cart.gif) no-repeat;
}
#sc_coverflow span.allergy {
	position:absolute; left:560px; top:208px; width:230px; line-height:20px; text-indent: 5px;
	font-size:12px;
	background:url(images/allergy-bg.gif) no-repeat;
}
#sc_coverflow a.cover {
	position:absolute; left:5px; top:5px;
}
#sc_coverflow span.next {
	position:absolute; left:-26px; top:30px;
}
#sc_coverflow span.next a {
	width:26px; height:85px; display:block;
	background:url(images/next.png) no-repeat; text-indent:-2000px;
}
#sc_coverflow span.prev {
	position:absolute; left:-26px; top:125px;
}
#sc_coverflow span.prev a {
	width:26px; height:85px; display:block;
	background:url(images/prev.png) no-repeat; text-indent:-2000px;
}

/* @end */

/* @group tab */

#sc_thumbnails {
	width:800px;
}
#sc_tab_header {
	position:relative; width:800px; height:46px; margin:0 0 -1px; padding:0;
	overflow:hidden;
}
#sc_tab_header li {
	position:absolute;
	list-style: none;
	width:129px; height:46px; padding:0;
}
#sc_tab_header a {
	display:block; padding: 0; width: 100%; height: 100%;
	text-decoration:none; color:#630; text-indent:-9999px;
}
#sc_tab_header a:hover {
}
#tab_monthly { background:url(images/tab_monthly.png); left:0 }
#tab_regular { background:url(images/tab_regular.png); left:134px }
#tab_macrobiotic { background:url(images/tab_macrobiotic.png); left:268px }
#tab_kaiseki { background:url(images/tab_kaiseki.png); left:402px }
#tab_other { background:url(images/tab_other.png); left:536px }
#tab_catering { background:url(images/tab_catering.png); left:670px }
#tab_monthly.selected { background:url(images/tab_monthly_s.png) }
#tab_regular.selected { background:url(images/tab_regular_s.png) }
#tab_macrobiotic.selected { background:url(images/tab_macrobiotic_s.png) }
#tab_kaiseki.selected { background:url(images/tab_kaiseki_s.png) }
#tab_other.selected { background:url(images/tab_other_s.png) }
#tab_catering.selected { background:url(images/tab_catering_s.png) }

#sc_tab_container {
	border:1px solid #999; clear: left;
	background:#FFF;
}
#sc_tab_container h3 {
	display:none;
}
#sc_tab_container div.tabContent {
	clear:left;
	display:none;
	padding:0 0 8px;
	min-height:400px;
}

/* @end */

/* @group thumbnail */

div.thumbnail {
	float:left; display:inline; margin:0 0 10px 9px;
	width:146px; height:154px;
	border:1px solid #CCC;
	position:relative;
}
div.thumbnail span.title{
	display:block;
	font-size:12px; padding:0 4px; font-weight:bold; line-height:22px; height:22px; overflow:hidden;
}
div.thumbnail span.price{
	display:block; padding: 0 4px; line-height:20px; height:20px;
	font-size:12px;
}
div.thumbnail span.price a{
	float:right; display:inline; width:39px; height:20px; line-height:20px;
	font-size:12px; color: #FFF; padding-left:19px; text-decoration:none;
	background:url(images/add1item.gif) no-repeat;
}
img.recommendation {
	position:absolute; left:3px; top:3px;
	width:36px; height:36px; border:none;
}
div.cat_note {
	clear:both; margin:0 8px; padding:5px 10px;
	background:#FEE;
	border:1px solid #CAA;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	font-size:12px;
}
div.cat_note p {
	margin:0;
}

/* @end */

/* @end */

/* @group Lightbox fix for IE under SSL */

#prevLink, #nextLink{ background-image: url(images/blank.gif) }

/* @end */

/* @group Modalbox customization */

#MB_frame { background:#FCF2D7; }
#MB_window { background-color: #FCF2D7; }
#MB_content { padding: 5px 20px; }
#MB_header {
	height:5px; overflow:hidden;
	background-color:#630; border-bottom: 1px solid #C0A784;
}
#MB_close { display:none;}
#MB_loading { background-image:url(images/spinner.gif) }

/* @end */

/* @group form layout */

#sc_order small { color:#333; font-weight: normal; line-height:24px; margin-left:6px; font-size:12px; line-height:1.2em; }

ul.properties { padding:0; margin:0 290px 0 0; }
ul.properties li { background-image: none; list-style:none; list-style-image:none; margin:0; padding:0 0 0 90px; font-size:12px; line-height:28px; clear:left; }
ul.properties li strong { display: inline; width:90px; float:left; color:#333; font-weight: bold; margin:0 0 0 -90px; padding:0; height:20px; line-height:20px; }
div.buttons {
	height:42px; margin:10px 0 0; padding:10px 10px 0 0; clear:both; zoom:1;
	border-top:1px solid #C0A784;
}
div.buttons p {
	margin:0; padding:0; width:370px;
	font-size: 12px; color:#333;
	float:left; display:inline;
}
a.button {
	display:inline; float:right; text-align:center; margin:0;
	width:150px; height:42px; line-height:42px;
	background:url("images/button.png") no-repeat;
	color:#630;
	text-decoration: none;
}
a.button:hover {
	background:url("images/button-hover.png") no-repeat;
}
div.buttons button {
	display:inline; float:right; text-align:center; margin:0;
	width:150px; height:42px; line-height:42px;
	background:url("images/button.png") no-repeat;
	color:#630; border:none; font-size:16px;
	text-decoration: none;
}
div.buttons button:hover {
	background:url("images/button-hover.png") no-repeat;
}

#sc_order div.right_panel {
	float:right; display:inline; width:270px; margin:0; padding:0;
}
#sc_order div.right_panel p {
	font-size:12px; margin:0; padding: 2px 6px;
	border-right:1px solid #630;
	border-bottom:1px solid #630;
	border-left:1px solid #630;
	background:#C0A784; text-align:center;
}
#sc_order h4 {
	font-size: 12px; border-bottom:1px dotted #630;
	margin:0 0 5px; padding:5px 0 2px; color:#630;
}
#sc_order div.total {
	margin:10px 0; padding-left:42px;
	display: block; height:40px; line-height:40px; overflow:hidden;
	border:4px solid #630;
	font-size: 13px;
	background:#FFF url("images/cart2.gif") no-repeat;
}
#sc_order div.total span {
	float: right; display:inline; font-weight:bold; margin-right: 20px; font-size: 15px;
}
div.spreadsheet {
	border:1px solid #630;
	background:#FFF;
	width:268px; height:150px; overflow:auto;
}
div.spreadsheet table {
	width:100%;
}
div.spreadsheet table tr td {
	font-size:12px; border-bottom:1px solid #999; padding:0 4px; line-height:17px;
}

/* @end */

/* @group calendar control */

div.calendar {
	position:absolute; margin-top:25px; width:485px;
	background:#FFF;
	border:1px solid #CCC;
	padding:5px 0 5px 5px;
	display:none;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	z-index:10000;
}
div.calendar table {
	float:left; display:inline;
	margin-right:5px;
	border:1px solid #630;
	border-collapse:collapse;
	background:#C0A784 bottom right no-repeat;
}
div.calendar table.m_1 { background-image:url(images/month_1.gif); }
div.calendar table.m_2 { background-image:url(images/month_2.gif); }
div.calendar table.m_3 { background-image:url(images/month_3.gif); }
div.calendar table.m_4 { background-image:url(images/month_4.gif); }
div.calendar table.m_5 { background-image:url(images/month_5.gif); }
div.calendar table.m_6 { background-image:url(images/month_6.gif); }
div.calendar table.m_7 { background-image:url(images/month_7.gif); }
div.calendar table.m_8 { background-image:url(images/month_8.gif); }
div.calendar table.m_9 { background-image:url(images/month_9.gif); }
div.calendar table.m_10 { background-image:url(images/month_10.gif); }
div.calendar table.m_11 { background-image:url(images/month_11.gif); }
div.calendar table.m_12 { background-image:url(images/month_12.gif); }
div.calendar table th {
	font-size:12px;
	width:20px; height:16px; line-height:16px;
	text-align:center;
	color:#FFF; background:#630;
}
div.calendar table td {
	font-size:12px;
	border-top:1px solid #630;
	width:20px; height:16px; line-height:16px;
	text-align:center;
	padding:0;
}
div.calendar table td.active {
	margin:0;
}
div.calendar table td.active a {
	display:block;
	width:auto; height:16px; line-height:16px;
	background:#FFF;
	text-decoration:none;
	color:#000;
}
div.calendar table td.active a:hover {
	background:#630; color: #FFF;
}
div.calendar p {
	clear:left; line-height:1em; margin:0; padding:5px 0 0;
	font-size: 12px;
}
div.calendar p a {
	float:right; display:inline;
	text-decoration:none; color:#630;
	font-size:16px; margin-right:5px;
}

/* @end */