* {
	margin  : 0px;
	padding : 0px;
	border  : none;
    list-style-type    : none;
    list-style-image   : none;
    list-style-position: outside;
}

body {
	background : #ffeaa2 url(images/bg.jpg) repeat-x;
	text-align : center;
}

#Content {
	margin    :   0px auto;
	background: #FFF url(images/bgmain.jpg) repeat-y center;
	color     : #ccc ; 
	width     : 787px;
	text-align: left ;
}

#HeaderZone {
	width     : 787px;
	background: orange url(images/header.jpg) no-repeat center top;
	height    : 166px;
	color     : white;
}

#Title { padding: 70px 0px 0px 110px; }

#HeaderZone h1 {
	font-size  : 26pt;
	font-weight: bold;
}

#SubTitle {
	font-size       : 12pt; 
	font-weight     : bold;
	background-image: none;
	color           : deepskyblue; 
	padding-left    : 10px;
	line-height     : 8pt;
}


#InfoArea {
	float           : right;
	width           : 200px;
	background-color:             #FF9;
	border-right    :   1px solid #CC6;
	border-bottom   :   1px solid #CC6;
}

#InfoArea h3 {
	font-size        : 100%;
	color            : #800;
	padding          : 2px 4px;
	background-color : #FF6;
	border-bottom    : 1px solid #FEAB06;
}

#InfoArea p {
	padding     : 0px 8px 8px 16px;
	font-size   : 80%;
	line-height : 160%;
}

#MainZone {
	background : transparent;
	width      : 774px;
	margin     : 0px 8px 0px 5px;
	color      : #888;
}

#MainZone h2 {
	font-size  : 1.4em;
	color      : #600;
	margin     : 1px  1px 1px 3px;
	padding    : 4px 10px;
	background : transparent url(images/bgmainh2.gif);
}

#MainZone h2 span {
	margin-left      : 10px;
	background-color : orange;
	font-size        : 0.6em;
	padding          :  2px 5px;
}

#MainZone h4 {
	font-size        : 1.3em;
	color            : #5f5f5f;
	background-color : #FFC;
	border-bottom    : 1px solid #FEAB06;
	line-height      : 1.3em;
	padding          : 4px 5px;
}

#MainZone h4 span {
	font-size   : 0.7em;
	font-weight : bold;
	color       : #99C;
	display     : inline;
	margin-left : 1em;
}

#MainZone h4 a:link {
	text-decoration : none;
	color           : #600;
}

#MainZone h4 a:visited {
	text-decoration : none;
	color           : #300;
}

#MainZone h4 a:hover {
	text-decoration : underline;
	color           : white;
	background-color: red;
}

#MainZone a:hover {
	color : red;
}

#MainZone .date {
	font-size : 75%;
	color           : #888; 
	background-color: transparent;
	text-align      : right; 
	margin          :   4px  0px 5px 0px; 
	padding         : 0.4em 10px 0px 0px; 
	border-top      :   1px solid #eee;
}

#MainZone .date img {
	margin-left  : 1em;
	margin-right : 3px;
}

#MainArea {
	float : right;
	width : 421px;
}

#MainArea hr {
	margin-left   :   2px;
	width         : 418px;
	border-top    :   1px dashed #FFC;
	border-bottom :   1px dashed #CC6;
}

#MainAreaW {
	float : right;
	width : 621px;
}

#MainAreaW hr {
	margin-left   :   2px;
	width         : 618px;
	border-top    :   1px dashed #FFC;
	border-bottom :   1px dashed #CC6;
}


.box  {
	margin      : 6px;
	background  : #efefef;
	border      :   1px solid #ccc;
	font-size   :  90%;
	line-height : 140%;
}

.box span {
	float       : left ;
	display     : block;
	font-size   : 80%  ;
	font-weight : bold ;
	color       : #66C ;
	width       :  5em ;
	text-align  : right;
}


.DBox  {
	margin      : 6px;
	background  : #efefef;
	border      : 1px solid #ccc;
	font-size   : 1em;
	line-height : 1.4em;
	color       : #666;
}

.DBox b {
	float       : left;
	text-align  : right;
	font-size   : 0.9em;
	font-weight : bold;
	color       : #66C;
	width       :  8em;
	padding-right : 1px;
}

.DBox span {
	display : block;
	margin-left : 6.5em;
}

.DBox div {
	margin           : 1px 10px;
	padding          : 4px;
	border-bottom    : 1px dashed #999;
}

.DBox div img {
	float : right;
}

img.Food {
	float  : right;
	width  : 200px;
	height : 150px;
	border : 6px solid white;
}

img.NewMark {
	width         : 34px;
	height        : 20px;
	margin-right  :  5px;
	vertical-align: middle;
}

.TopicPath {
	background  : #FCC url(images/bgmaintp.gif) left top;
	margin      :  0px 0px 1px 2px;
	height      : 20px;
	padding     :  0px 10px;
	font-size   :  0.75em;
	line-height : 20px;
	color       : #FFC;
}

.TopicPath a:link {
	color : white;
	text-decoration: none;
}

.TopicPath a:visited {
	color : #CCC;
	text-decoration: none;
}

.TopicPath a:hover {
	color            : white!important;
	background-color : red;
	text-decoration  : underline;
}

.PageSel {
	float : right;
}



#NaviSel0 {
	padding-left     : 66px;
	width            : 87px;
	background-color : transparent;
	position         : absolute;
	height           : 20px;
}

#NaviSel0 a {
	display     : block;
	text-indent : -9999px;
	width       :    87px;
	height      :    20px;
	font-size   :     5px;
	background  : transparent url(images/searchsel_genre.jpg) no-repeat center top;
	background-position : 0px 0px;
}

#NaviSel0 a:hover {
	background  : transparent url(images/searchsel_genre.jpg) no-repeat center top;
	background-position : 0px -20px;
}

#NaviSel1 {
	padding-left     :  3px;
	width            : 74px;
	background-color : transparent;
	position         : absolute;
	height           : 20px;
}

#NaviSel1 a {
	display     : block;
	text-indent : -9999px;
	width       :    74px;
	height      :    20px;
	font-size   :     5px;
	background  : transparent url(images/searchsel_area.jpg) no-repeat center top;
	background-position: 0px 0px;
}

#NaviSel1 a:hover {
	background  : transparent url(images/searchsel_area.jpg) no-repeat center top;
	background-position: 0px -20px;
}




#NaviArea {
	text-align : left    ;
	color      : #7D8085 ;
	float      : right   ;
	width      : 150px   ;
}

#NaviSect {
	background : orange url(images/bgmenu.jpg) repeat-y left top;
}

#NaviSect h3 {
	text-indent : -9999px;
	height      :    20px;
	line-height :    20px;
}

#NaviSect h3#Now0 {
	background  : transparent url(images/search_area.jpg) no-repeat left top;
	width       : 63px;
}

#NaviSect h3#Now1 {
	background  : transparent url(images/search_genre.jpg) no-repeat left top;
	width       : 76px;
	margin-left : 74px;
}


#NaviSect ul {
	width : 150px;
}

#NaviSect li { 
	font-weight  : bold; 
	border-bottom:  1px solid #ccc;
	height       : 25px; 
	line-height  : 25px;
	background   : transparent url(images/li.gif) no-repeat left top;
	overflow     : hidden;
}

#NaviSect li a       {
	color          : #546078;
	text-decoration: none;
	display        : block;
	height         : 25px;
	padding-left   : 10px;
}

#NaviSect li a:hover {
	color          : #FFF;
	text-decoration: none;
	display        : block;
	height         : 25px;
	background     : #A90000 url(images/li.gif) repeat-x left top;
}

#NaviSect li div {
	color          : #600;
	text-decoration: none;
	display        : block;
	height         : 25px;
	background     : #C90 url(images/lisel.gif) repeat-x left top;
	padding-left   : 10px;
}



#SearchBox {
	font-size : 0.8em;
}

#SearchBox h3 {
	font-size        : 100%;
	color            : #800;
	margin-top       : 2em;
	padding          : 2px 4px;
	background-color : #FF6;
	border-bottom    : 1px solid #FEAB06;
}

#SearchBox form {
	margin           : 2px;
	padding          : 4px 2px;
	border           : 1px solid #99C;
	background-color : #CCF;
}

#SearchBox form p {
	font-weight : bold;
	color       : #66C;
	margin      : 3px 0px 1px 2px;
}

#SearchBox form select {
	border    : 1px solid #99C;
	font-size : 10pt;
}

#SearchBox form input {
	border : 1px solid #99C;
	font-size : 10pt;
}


#LinkSect h3 {
	font-size        : 100%;
	color            : #800;
	margin-top       : 2em;
	padding          : 2px 4px;
	background-color : #FF6;
	border-bottom    : 1px solid #FEAB06;
}

#LinkSect ul {
	padding : 5px;
}

#LinkSect li { 
	color      : #555;
	background : transparent url(images/arrow.gif) no-repeat left center;
	margin     :   5px 0px;
	height     : 0.9em;
	line-height: 0.8em;
}

#LinkSect a {
	padding-left :   8px;
	font-size    : 0.7em;
}

#LinkSect a:hover {
	color : red;
}

#DispImage {
	text-align       : center;
	background-color : #FFC;
}



.StoreS {
	float : left; 
	width : 100px;
	height:  75px;
	border:   1px solid #FEAB06;
	margin:   3px 15px 20px 3px;
}

.StoreL {
	float : left; 
	width : 200px;
	height: 150px;
	border:   1px solid #FEAB06;
	margin:   3px 15px 20px 3px;
}

#FooterZone {
	clear      : both;
	height     : 34px;
	color      : #999;
	background : white url(images/footer.jpg) top no-repeat;
	font-size  : 70%;
	text-align : center;
}

#FooterZone span { display : block;  padding-top : 15px; }




.error {
	color           : #990000;
	background-color: #FFF0F0;
	padding         :  7px;
	margin-top      :  5px;
	margin-bottom   : 10px;
	border          :  1px dashed #990000;
}
.error h2 {
	color     : #990000;
	background: inherit;
}
