/* for global */
html {
	scroll-bar:hidden;
}

body {
	background-color: #181818;
	text-align:center;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#outer {
	position:relative;
	width:980px;
	height:580px;
	margin:0 auto;
	padding:0;
	visibility: hidden;
}

#container {
	margin:0;
	height:563px;
	background-color:#222222;
}

p #highlight {
	font-weight:bold;
	color:#b5ca2d;
}
#green {
	color:#b5ca2d;
}
#yellow {
	color:#FFFF00;
}

#content #scroll dl {
	margin-top:-70px;
	padding:0;
}
#content #scroll dt {
	float:left;
	margin:70px 180px 0 0;
	_#margin:70px 50px 0 0;
	padding:0;
}
#content #scroll ol {
	line-height:22px;
	margin:0;
	padding-left:20px;
	#padding-left:25px;
}
#content #scroll li {
	margin:0;
	padding-left:10px;
	#padding-left:5px;
}

/* for main content */
#main {
	text-align:left;
	width:740px;
	margin:0;
	_#margin:0 0 -20px 0;
	padding:0;
	float:left;
}
#main #header {
	margin:0;
	height:90px;
	float:left;
}
#main #top {
	clear:both;
	margin:0;
}
#main #title {
	clear:both;
}
#main #title #line {
	border-top:1px #888888 dashed;
}
#main #header #sub_menu {
	color:#b5ca2d;
	font-size:11px;
}
#sub_menu a:link, #sub_menu a:visited {
	color:#b5ca2d;
	text-decoration:none;
}
#sub_menu a:hover {
	color:#FFF000;
	text-decoration:none;
}
#main #content {
	clear:both;
	float:left;
	width:100%;
	height:390px;
	padding:0;
	margin:0 0 20px 0;
	_#margin:0 0 24px 0;
}
#main #content p {
	margin:0;
	line-height:22px;
	text-align:justify;
}
#main #content p #bullet {
	vertical-align:text-bottom;
	margin:0 5px 0 0;
}
#main #content #icon {
	vertical-align:text-bottom;
	margin:0 5px 0 0;
	padding:0;
}
#main #content #line {
	margin-right:15px;
	border-top:1px #888888 dashed;
}
#main #content a:link, #main #content a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#main #content a:hover {
	color:#FFF000;
	text-decoration:underline;
}
#main #wrapper_normal {
	float:left;
	width:450px;
	margin:30px 30px 0 40px;
	_#margin:25px 15px 0 20px;
	padding:0;
}
#main #wrapper_full {
	float:left;
	width:670px;
	margin:30px 30px 0 40px;
	_#margin:25px 15px 0 20px;
	padding:0;
}
#main #content #scrollholder {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	overflow:auto;
	z-index:1;
}
#main #content #scrollholder #scroll {
	position:absolute;
	margin:0;
	z-index:2;
}
#wrapper_normal #content #scrollholder #scroll p {
	width:420px;
}
#wrapper_full #content #scrollholder #scroll p {
	width:640px;
}
#main #bottom_menu {
	float:left;
	width:100%;
	margin:0;
}
#bottom_menu #line {
	vertical-align:top;
	overflow:hidden;
	width:100%;
	height:1px;
	background-color:#b5ca2d;
}
#main #visual {
	float:right;
	width:220px;
	margin:0;
	padding-top:30px;
}

/* for navigation */
#left_menu {
	margin:0;
	padding:0;
	float:left;
	height:563px;
	width:180px;
	background-color:#000000;
}

/* for index */
#promotion_box {
	position:absolute;
	top:0;
	left:750px;
	z-index:10;
	width: 206px;
	height: 198px;
}

#promotion_box02 {
	position:absolute;
	top:0;
	left:542px;
	z-index:10;
	width: 206px;
	height: 198px;
}

/* for visual */
#right_corner {
	height:563px;
	width:60px;
	background:url(../images/pattern_line.gif) repeat-y;
	margin:0;
	float:right;
}
#right_corner #pg_title {
	margin-top:30px;
}

/* for footer */
#footer {
	clear:both;
	font-size:10px;
	color:#000000;
	background-color:#999;
	background:url(../images/bg_footer.gif) repeat-x;
	width:980px;
	height:15px;
	#height:17px;
	padding-top:2px;
	margin:0 auto;
}
#footer #content {
	float:left;
	text-align:left;
	padding-left:20px;
}
#footer #link {
	float:right;
	text-align:right;
	padding-right:20px;
}
#footer #link a:link, #footer #link a:visited {
	color:#000000;
	text-decoration:none;
}
#footer #link a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* for scroll bar */
div.track {
    position:relative;
    float:right;
    top:0; 
    width:6px;
		height:100%;
    font-size:0;
    z-index:3;
    background:#000000;
}

div.drag_bar {
    position:absolute;
    width:100%;
		height:10px;
    cursor:pointer;
    z-index:4;
    background:#666666;
}

/* ecoupon */
#ecoupon_list {
	position:absolute;
	top:485px;
	left:300px;
	text-align:center;
	width:490px;
	height:24px;
}
#content #ecoupon_list a:link, #content #ecoupon_list a:visited, #content #ecoupon_list a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* party alacarte */
#download_form {
	float:right;
	padding:0;
	margin:45px 0 0 0;
}

/* sandwiches */
#main #content #sandwiches {
	margin-bottom:10px;
}
#icon_star {
	vertical-align:text-bottom;
	_#vertical-align:middle;
	margin:0;
	_#margin:4px 0 4px 0;
}
#sandwich_photo {
	margin:6px 0 10px 0;
}
#sandwiches #line {
	border-top:1px #888888 dashed;
	margin:10px 0 10px 0;
}
#sandwiches #index {
	margin:0 5px 0 0;
	float:left;
}

/* delivery */
.deliveryPhoto{
	width:253px;
	height:399px;
	float:left;
}	

.deliveryInfo{
	width:353px;
	padding-right:30px;
	float:right;
	line-height:20px;
	font-size:11px;
	text-align:justify;
}

.deliveryInfo ul{
	margin-left:1px;
	#margin-left:50px;
}

.deliveryMenu {
	float:right;
	padding-right:30px;
	margin:0;
}

/* privileges */
#top dl {
	margin:0;
	padding:0;
}
#top dt {
	float:left;
	margin:0;
	padding:0;
}
#top dd {
	margin:0;
	padding:0;
	line-height:22px;
}
#top dd #bullet {
	vertical-align:text-bottom;
	_#vertical-align:middle;
	margin:0 5px 0 13px;
	_#margin:4px 5px 4px 13px;
}
#top dd #remark {
	margin-left:15px;
	font-size:11px;
	line-height:14px;
	color:#b5ca2d;
}
#top dd a:link, #top dd a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#top dd a:hover {
	color:#FFF000;
	text-decoration:underline;
}

#top02 dl {
	margin:0;
	padding:0;
}
#top02 dt {
	float:left;
	margin:0;
	padding:0;
}
#top02 dd {
	margin:0;
	padding:0;
	line-height:16px;
}
#top02 dd #bullet {
	vertical-align:text-bottom;
	_#vertical-align:middle;
	margin:0 5px 0 13px;
	_#margin:4px 5px 4px 13px;
}
#top02 dd #remark {
	margin-left:15px;
	font-size:11px;
	line-height:14px;
	color:#b5ca2d;
}
#top02 dd a:link, #top dd a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#top02 dd a:hover {
	color:#FFF000;
	text-decoration:underline;
}

/* site_map */
#content dl {
	clear:both;
	margin:0;
	padding:0;
}
#content dt {
	float:left;
	margin:0;
	padding:0;
	color:#b5ca2d;
	line-height:18px;
	width:135px;
}
#content dt #bullet {
	vertical-align:text-bottom;
	margin:0 5px 0 0;
}
#content dd {
	margin:0;
	padding:0;
	line-height:18px;
	float:left;
}
#content dd ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* branch_info */
#content_left {
	height:500px;
	width:345px;
	margin:0 25px 0 0;
	padding:0;
	float:left;
}

#content_left #content #shop_photo {
	margin:0 0 20px 0;
	padding:0;
}
#content_left #content #time {
	margin:0 45px 0 0;
	float:left;
}
#content_left #content #phone {
	margin:0 30px 0 0;
}

#content_left #content p {
	height:375px;
}

#content_right {
	height:480px;
	width:300px;
	margin:0;
	padding:0;
	float:right;
}
#content_right #branch_content {
	float:right;
	width:275px;
	height:480px;
	padding:0;
	margin:0 0 20px 0;
	_#margin:0 0 10px 0;
}
#content_right #branch_content p {
	margin:0;
	line-height:22px;
	text-align:justify;
}
#content_right #scrollholder #scroll ul {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:22px;
}
#content_right #vline {
	float:left;
	height:480px;
	border-left:1px #888888 dashed;
}
#content_right #scrollholder {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	overflow:auto;
	z-index:1;
}
#content_right #scrollholder #scroll {
	position:absolute;
	margin:0;
	z-index:2;
}
#content_right #branch_content a:link, #content_right #branch_content a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#content_right #branch_content a:hover {
	color:#FFF000;
	text-decoration:none;
}