/*-------------------------------------------------
 Imported Styles
-------------------------------------------------*/
@import url("text.css");




body {
	background-color: #F2E8D0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg_aji.gif);
	background-repeat: no-repeat;
}

#mainFrame {
	width: 798px;
	margin-top: 50px;
	margin-left: 100px;
	border: 1px solid #333333;
	background-color: #EBDDC0;
	background-image: url(../images/side_bg_sh.jpg);
	background-repeat: repeat-y;
	padding: 0px;
	vertical-align: top;
	margin-bottom: 10px;
}



/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/


/* UL for main navigation */
#mainNav {
	background: url(../images/main_nav.jpg) no-repeat;
	width: 798px;
	height: 66px;
	top: 52px;
	bottom: 0px;
	margin: 0px;
	position: absolute;
	left: 101px;
	}

/* LI for main navigation */
#mainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0px;
	position: absolute;
	}
	
#mainNav li, #mainNav a {
	height: 66px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#mainNav a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#mainnav_top {left: 0px; width: 206px;}
#mainnav_topics {left: 206px; width: 76px;}
#mainnav_shopinfo {left: 282px; width: 93px;}
#mainnav_menu {left: 375px; width: 90px;}
#mainnav_shopping {left: 465px; width: 109px;}
#mainnav_card {left: 574px; width: 121px;}
#mainnav_company {left: 695px; width: 103px;}

#mainnav_top a:hover, #mainnav_top a:visited:hover { background: url(../images/main_nav.jpg) no-repeat 0px 0px;}
#mainnav_topics a:hover, #mainnav_topics a:visited:hover { background: url(../images/main_nav.jpg) no-repeat -206px -66px;}
#mainnav_shopinfo a:hover, #mainnav_shopinfo a:visited:hover { background: url(../images/main_nav.jpg) -282px -66px no-repeat;}
#mainnav_menu a:hover, #mainnav_menu a:visited:hover { background: transparent url(../images/main_nav.jpg) -375px -66px no-repeat;}
#mainnav_shopping a:hover, #mainnav_shopping a:visited:hover { background: transparent url(../images/main_nav.jpg) -465px -66px no-repeat;}
#mainnav_card a:hover, #mainnav_card a:visited:hover { background: transparent url(../images/main_nav.jpg) -574px -66px no-repeat;}
#mainnav_company a:hover, #mainnav_company a:visited:hover { background: transparent url(../images/main_nav.jpg) -695px -66px no-repeat;}


/* Sub Navigation */

#subNav {
    background: url(../images/sub_nav.gif) no-repeat;
	width: 183px;
	height: 291px;
	margin: 0px;
	list-style-type: none;
	position: absolute;
}


#subNav li, #subNav a {
	display: block;
	width: 183px;
	height: 37px;
}

#subNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0px;
	position: absolute;
}

#subNav a {
	text-decoration: none;
	text-indent: -5000px;
}

#subnav_course {top: 0px; height: 38px; }
#subnav_yakimono {top: 38px; height: 36px;}
#subnav_soup {top: 74px; height: 36px;}
#subnav_sashimi {top: 110px; height: 36px;}
#subnav_salada {top: 146px; height: 36px;}
#subnav_drink {top: 182px; height: 36px;}
#subnav_dessert {top: 218px; height: 36px;}
#subnav_souvenir {top: 254px; height: 37px;}

#subnav_course a:hover, #subnav_course a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px 0px;}
#subnav_yakimono a:hover, #subnav_yakimono a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px -38px;}
#subnav_soup a:hover, #subnav_soup a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px -74px;}
#subnav_sashimi a:hover, #subnav_sashimi a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px -110px;}
#subnav_salada a:hover, #subnav_salada a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px -146px;}
#subnav_drink a:hover, #subnav_drink a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px -182px;}
#subnav_dessert a:hover, #subnav_dessert a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px -218px;}
#subnav_souvenir a:hover, #subnav_souvenir a:visited:hover {background: url(../images/sub_nav.gif) no-repeat -183px -254px;}








/*-------------------------------------------------
HEADER 
-------------------------------------------------*/


#headTopics {
	height: 280px;
	width: 798px;
	background-image: url(../images/topics/head_bg_tp.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
}

#headCompany {
	height: 280px;
	width: 798px;
	background-image: url(../images/company/head_bg_company.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
}

#headShop {
	height: 280px;
	width: 798px;
	background-image: url(../images/shop_list/head_bg_shop.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
}

#headCard {

	height: 280px;
	width: 798px;
	background-image: url(../images/card/head_bg_card.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
}


#headMenu {

	height: 280px;
	width: 798px;
	background-image: url(../images/menu/head_bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
}


/*-------------------------------------------------
FOOTER 
-------------------------------------------------*/

#footArea {
	height: 20px;
	width: 798px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	font-size: 10px;
	color: #666666;
}



/*-------------------------------------------------
MAIN CONTENTS ELEMENTS 
-------------------------------------------------*/

#mainContents {
	width: 798px;
}

#leftPart {
	width: 190px;
	float: left;
	background-image: url(../images/side_bg.jpg);
	background-repeat: no-repeat;
	height: 710px;
}

#rightPart {
	width: 608px;
	float: left;
}

#pageTitle {
	height: 26px;
	width: 300px;
	margin-top: 15px;
	margin-left: 10px;
}

#contents {
	width: 550px;
	margin-left: 15px;
	margin-top: 15px;
}

#contents p {
	font-size: 12px;
	line-height: 130%;
	color: #666666;
}

#contents h1 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
	margin-top: 0px;
}

.line {
	height: 9px;
	width: 577px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*-------------------------------------------------
SHOP INFO PAGE ELEMENTS 
-------------------------------------------------*/


.shopSet {
	width: 500px;
	height: 138px;
}

.shopIMG {
	float: left;
	height: 138px;
	width: 167px;
	margin-right: 15px;
}

.shopINFO {
	font-size: 12px;
	line-height: 150%;
	color: #52361B;
	float: left;
	width: 300px;
}



.btMap {
	margin-top: 10px;
	margin-right: 5px;
}

.btGuruNavi {
	margin-top: 10px;
	margin-right: 5px;
}




/*-------------------------------------------------
MENU PAGE ELEMENTS 
-------------------------------------------------*/


#menuSet01 {
	width: 570px;
	clear: both;
	height: 171px;
	margin-bottom: 25px;
}

#menuSet02 {
	width: 570px;
	clear: both;
	height: 171px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#menuSet03 {
	width: 570px;
	clear: both;
	height: 15px;
	margin-top: 25px;
}

#menuTop01 {
	float: left;
	height: 171px;
	width: 150px;
	margin-right: 40px;
}

#menuTop02 {
	float: left;
	height: 171px;
	width: 150px;
	margin-right: 40px;
}

#menuTop03 {
	float: left;
	height: 171px;
	width: 150px;
	clear: right;
}

#menuMiddle01 {
	float: left;
	height: 171px;
	width: 150px;
	margin-right: 40px;
}

#menuMiddle02 {
	float: left;
	height: 171px;
	width: 150px;
	clear: right;
}

#menuBottom01 {
	float: left;
	height: 15px;
	width: 150px;
	margin-right: 40px;
}

#menuBottom02 {
	float: left;
	height: 15px;
	width: 150px;
	margin-right: 40px;
}

#menuBottom03 {
	float: left;
	height: 15px;
	width: 150px;
	clear: right;
}


.menuTitle {
	height: 21px;
	width: 572px;
	margin-bottom: 15px;
	font-size: 11px;
	color: #52361B;
	margin-top: 15px;
}

.menuCap {
	font-size: 12px;
	color: #52361B;
	line-height: 150%;
	vertical-align: top;
	padding-top: 5px;
}

.foodPhotoSet {
	margin-bottom: 10px;
}


/*-------------------------------------------------
CARD PAGE ELEMENTS 
-------------------------------------------------*/

#cardINFO {
	font-size: 12px;
	color: #666666;
	line-height: 150%;
	width: 580px;
	margin-top: 30px;
	margin-left: 15px;
}

#cardINFO h1 {
	font-size: 12px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: -10px;
}

#carINFO p {
	line-height: 150%;
	margin: 0px;
}

#cardIMG {
	height: 590px;
	width: 580px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
}
#headShopping {


	height: 280px;
	width: 798px;
	background-image: url(../images/shopping/head_bg_shopping.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
}
.shoppingArea {
	margin-top: 10px;
	margin-left: 3px;
	width: 596px;
	margin-bottom: 20px;
}
.itemName {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 120%;
}
.itemDetail {
	line-height: 120%;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 12px;
	margin-right: 20px;
}
.itemPrice {
	color: #FF3300;
	line-height: 120%;
	margin-top: 0px;
	margin-left: 10px;
	font-size: 12px;
}
.itemSet {
	margin-top: 10px;
	margin-bottom: 10px;
}
.textH1 {
	font-size: 22px;
	color: #FF3300;
	font-weight: bold;
}