@charset "utf-8";

body{
background-color:#F0F0F0;
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
padding-bottom:40px;
}

/* --- HEADER --- */

#header{
background:url(../img/parts/header_bg.jpg) left bottom no-repeat;
width:756px;
height:153px;
padding:90px 5px 0 47px;
margin:0 auto;
}

#header a{
display:block;
background:url(../img/parts/logo_b.gif) no-repeat;
width:229px;
height:122px;
text-indent:-9999px;
}

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

#main_contents{
background:url(../img/parts/main_contents_bg.gif) no-repeat;
width:800px;
height:30px;
padding:0 5px 5px 3px;
margin:0 auto 2px auto;
list-style:none;
}

#main_contents li{
float:left;
display:block;
width:114px;
height:30px;
}

#main_contents li.fair,
#main_contents li.request{
width:115px;
}

#main_contents li a{
float:left;
display:block;
background-repeat:no-repeat;
background-position:top;
width:114px;
height:30px;
text-indent:-9999px;
}

#main_contents li a:hover,
#main_contents li a:active{
background-position:bottom;
}

#main_contents li.fair a,
#main_contents li.request a{
width:115px;
}

#main_contents .fair a{
background-image:url(../img/menu/fair.gif);
}
#main_contents .institution a{
background-image:url(../img/menu/institution.gif);
}
#main_contents .identity a{
background-image:url(../img/menu/identity.gif);
}
#main_contents .cuisine a{
background-image:url(../img/menu/cuisine.gif);
}
#main_contents .access a{
background-image:url(../img/menu/access.gif);
}
#main_contents .request a{
background-image:url(../img/menu/request.gif);
}
#main_contents .home a{
background-image:url(../img/menu/home.gif);
}

#fair #main_contents .fair a,
#institution #main_contents .institution a,
#identity #main_contents .identity a,
#cuisine #main_contents .cuisine a,
#access #main_contents .access a,
#request #main_contents .request a,
#home #main_contents .home a{
background-position:bottom;
}

/* --- CONTENT --- */
#content{
position:relative;
background:url(../img/parts/content_bg.gif) no-repeat;
width:808px;
padding:53px 0 0 0;
margin:0 auto;
}


/* --- BLOG --- */

#content p#blog{
margin:0 auto;
width:190px;
height:50px;
padding:0 0 10px 3px;
}

#content p#blog a{
display:block;
width:190px;
height:50px;
}

#content p#reserve{
margin:0 auto;
width:190px;
height:50px;
padding:0 0 10px 3px;
}

#content p#reserve a{
display:block;
width:190px;
height:50px;
}

/* --- PAGE TITLE --- */
#page_title{
background-repeat:no-repeat;
width:700px;
height:30px;
line-height:30px;
margin:0 auto 0 auto;
text-indent:-9999px;
}

/* --- WRAPPER --- */
#wrapper{
background:url(../img/parts/wrapper_bg.gif) repeat-y;
width:800px;
padding:35px 5px 0 3px;
}

/* --- FLASH CONTENT --- */

#flash_content{
width:700px;
margin:0 auto 30px auto;
}

#flash_noscript{
width:700px;
margin:0 auto 30px auto;
}

/* --- MAIN CONTENT --- */
#main_content{
float:left;
/*border-right:1px solid #DDDDDD;*/
width:420px;
padding:20px 20px 20px 50px;
margin-bottom:30px;
font-family:Arial, Helvetica, sans-serif;
}

#main_content h2{
margin:30px 0 15px 0;
}

#main_content h2.first_child{
margin:0 0 15px 0;
}

#main_content p{
color:#000000;
line-height:1.5;
margin-bottom:0.7em;
font-size:87.5%;
}

#main_content dl{
margin:0 0 0.8em 0;
}

#main_content dt{
margin-bottom:0.5em;
}
#main_content dd{
margin-bottom:0.7em;
}

#main_content a:link,
#main_content a:visited{
color:#282828;
}

#main_content a:hover,
#main_content a:active{
color:#6A3200;
}

/* --- SUB CONTENT --- */
#sub_content{
background:url(../img/parts/sub_content_bg.jpg) 50px 20px no-repeat;
float:left;
width:210px;
padding:740px 50px 20px 50px;
margin-bottom:30px;
text-align:center;
}

#sub_content p{
color:#282828;
line-height:1.5;
margin-bottom:0.7em;
font-size:87.5%;
}

#sub_content p#main_catch{
margin-bottom:40px;
}

#sub_content .contact{
width:190px;
padding:15px 10px;
text-align:left;
}

#sub_content .contact address{
padding-left:0.9em;
margin-bottom:0.7em;
line-height:1.3;
font-family:Arial, Helvetica, sans-serif;
font-size:87.5%;
}

#sub_content .contact dl{
padding-left:0.1em;
line-height:1.3;
font-family:Arial, Helvetica, sans-serif;
font-size:87.5%;
}

#sub_content .contact dt{
width:4em;
text-align:right;
}
#sub_content .contact dd{
margin:-1.3em 0 0 4.4em;
}

#sub_content a:link,
#sub_content a:visited{
color:#996633;
}

#sub_content a:hover,
#sub_content a:active{
color:#000000;
}


#sub_content .link{
width:190px;
padding:15px 10px;
text-align:left;
}

/* --- TOPIC PATH --- */
#topic_path{
clear:both;
border-top:1px solid #DDDDDD;
width:730px;
height:12px;
line-height:12px;
padding:24px 5px;
margin:0 auto;
list-style:none;
font-size:68.75%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#topic_path li{
float:left;
padding-left:7px;
}

#topic_path li.to_home{
padding-left:0;
}

#topic_path li.to_top{
float:right;
padding-left:0;
}


#topic_path a:link,
#topic_path a:visited{
color:#996633;
font-family:"Palatino Linotype", Georgia, "Times New Roman", serif;
text-decoration:none;
}

#topic_path a:hover,
#topic_path a:active{
color:#000000;
}

#topic_path a{
padding-left:7px;
}

#topic_path .to_home a{
display:block;
background:url(../img/parts/to_home.gif) left center no-repeat;
padding-left:25px;
}

#topic_path .to_top a{
display:block;
background:url(../img/parts/to_top.gif) left center no-repeat;
padding-left:17px;
}

/* --- ALL CONTENTS --- */
#all_contents{
background:url(../img/parts/all_contents_bg.gif) no-repeat;
padding:3em 0;
font-size:68.75%;
list-style:none;
text-align:center;
}

#all_contents li{
display:inline;
border-right:1px solid #CCCCCC;
padding-right:0.6em;
margin-right:0.6em;
}

#all_contents li.last_child{
border-right:none;
padding-right:0;
margin-right:0;
}

#all_contents a:link,
#all_contents a:visited{
color:#996633;
}

#all_contents a:hover,
#all_contents a:active{
color:#000000;
}

/* --- FOOTER --- */
#footer{
background:url(../img/parts/footer_bg.gif) left bottom no-repeat;
width:740px;
padding:35px 35px 10px 33px;
margin:0 auto;
}

#footer address{
float:left;
width:370px;
font-family:Arial, Helvetica, sans-serif;
font-size:68.75%;
}

#footer address img{
vertical-align:middle;
margin-right:10px;
}

#footer #copyright{
color:#996633;
}

#footer #copyright a:link,
#footer #copyright a:visited{
color:#996633;
}

#footer #copyright a:hover,
#footer #copyright a:active{
color:#000000;
}

#footer #designed{
color:#999999;
text-align:right;
line-height:1.7;
}

#footer #designed a:link,
#footer #designed a:visited{
color:#999999;
}

#footer #designed a:hover,
#footer #designed a:active{
color:#666666;
}

#footer p{
clear:both;
padding-top:10px;
text-align:center;
}