@charset "utf-8";
* {
 margin: 0px;
 padding: 0px;
 word-break: break-all;
}

img {
 border: none;
}

ul, li {
 list-style-type: none;
}

a:link, a:visited {
 text-decoration: none;
}

a:hover, a:active {
 text-decoration: underline;
 color: #F90;
}

h1, h2, h3, h4, h5, th {
 font-weight: normal;
}

/****************************** layer ****************************/
body {
 text-align: center;
 background: url(/images/bodyBack.gif);
}

#header {
 position: relative;
 width: 1000px;
 text-align: left;
}

#contentsBody {
 width: 1000px;
 margin: 0px auto 0px auto;
 background:url(/images/brummellHeader.jpg) no-repeat;
 text-align: center;
}

#topContents {
 clear: both;
 margin: 0 100px;
 width: 800px;
}

#centerContents {
 position: relative;
 margin: 0 auto;
 padding: 10px 0;
 width: 816px;
 text-align: left;
}

.contentsMenu {
 position: relative;
}

#leftContents {
 position: relative;
 float: left;
 width: 575px;
 left: 35px;
 margin-right: 90px;
 padding: 10px 0;
}

#rightContents {
 width: 290px;
 float: left;
 padding: 10px 0;
}

#footer {
 clear: both;
 height: 85px;
 width: 1000px;
 text-align: center;
 background: url(/images/footerBackground.jpg) repeat-x 0 50px;
}

/************************ header **************************/
#header h1,
#header #logo {
 width: 1000px;
 height: 130px;
 text-indent: -9999px;
 background: url(/images/topLogo.gif) no-repeat;
}

#header .description {
 position: absolute;
 top: 0px;
 right: 100px;
 width: 240px;
 height: 23px;
 text-indent: -9999px;
 background: url(/images/headerDescription.gif) no-repeat;
}

/************************ menu ****************************/
.contentsMenu h1 {
 width: 85px;
 height: 31px;
 text-indent: -9999px;
 font-size: 13px;
 background: url(/images/titleMenu.gif) no-repeat 8px 0px;
}

.contentsMenu #menuLists {
 position: absolute;
 top: 10px;
 right: 3px;
 height: 30px;
 width: 450px;
}

.contentsMenu #menuLists li {
 width: 90px;
 height: 30px;
 float: left;
 text-indent: -9999px;
}

.contentsMenu #menuLists li a {
 display: block;
 width: 84px;
 height: 30px;
}

.contentsMenu #menuLists .menuSalad a { background: url(/images/menuSalad.jpg) no-repeat; }
.contentsMenu #menuLists .menuPasta a { background: url(/images/menuPasta.jpg) no-repeat; }
.contentsMenu #menuLists .menuAntipasto a { background: url(/images/menuAntipasto.jpg) no-repeat; }
.contentsMenu #menuLists .menuDessert a { background: url(/images/menuDessert.jpg) no-repeat; }
.contentsMenu #menuLists .menuParty a { background: url(/images/menuParty.jpg) no-repeat; }

.contentsMenu .rankingGroup {
 width: 816px;
 background: url(/images/rankingBody.jpg) repeat-y;
 margin-bottom: 10px;
}

.contentsMenu .rankingGroup h2 {
 width: 816px;
 height: 40px;
 text-indent: -9999px;
 background: url(/images/headlineRanking.jpg) no-repeat;
 margin-bottom: 10px;
}

.contentsMenu .rankingBox {
 float: left;
 width: 270px;
 text-indent: 25px;
}

.contentsMenu .rankingBox h3 {
 font-size: 12px;
 margin-bottom: 5px;
}

.contentsMenu .rankingBox p {
 font-size: 12px;
 margin-bottom: 5px;
}

.contentsMenu .rankingBox .menuTitle {
 text-indent: 0px;
 line-height: 15px;
 padding: 0 20px 0 23px;
}

.contentsMenu .rankingGroup .rankingFooter,
.contentsMenu .menuListsBox .menuFooter {
 clear: both;
 width: 816px;
 height: 24px;
 border: none;
 text-indent: -9999px;
 background: url(/images/rankingFooter.jpg) no-repeat;
 margin: 0;
}

.contentsMenu .menuListsBox {
 float: left;
 width: 816px;
 background: url(/images/rankingBody.jpg) repeat-y;
 margin-bottom: 15px;
}

.contentsMenu .menuListsBox h2 {
 width: 816px;
 font-size: 16px;
 font-weight: bold;
 line-height: 16px;
 text-indent: 65px;
 padding-top: 24px;
 margin-bottom: 10px;
 background: url(/images/pinkHeader.jpg) no-repeat;
}

.contentsMenu .menuListsBox dl {
 float: left;
 width: 816px;
 background: url(/images/rankingBody.jpg) repeat-y;
}

.contentsMenu .menuListsBox dl dt {
 clear: both;
 width: 586px;
 font-size: 12px;
 padding: 0 0 10px 30px;
 float: left;
}

.contentsMenu .menuListsBox dl dd {
 width: 150px;
 padding: 0 30px 10px 0;
 font-size: 12px;
 float: right;
 text-align: right;
}

/************************ school **************************/
.contentsSchool h1 {
 width: 93px;
 height: 30px;
 text-indent: -9999px;
 font-size: 13px;
 background: url(/images/titleSchool.gif) no-repeat 8px 0px;
}

.contentsSchool .schoolBox,
.contentsSchool .schoolSceneBox,
.contentsSchool .schoolGuideBox {
 width: 816px;
 background: url(/images/rankingBody.jpg) repeat-y;
 margin-bottom: 10px;
}

.contentsSchool .schoolBox h2,
.contentsSchool .schoolSceneBox h2,
.contentsSchool .schoolGuideBox h2 {
 width: 816px;
 font-size: 16px;
 font-weight: bold;
 line-height: 16px;
 text-indent: 65px;
 padding-top: 24px;
 margin-bottom: 10px;
}

.contentsSchool .schoolBox h2 { background: url(/images/blueHeader.jpg) no-repeat; }
.contentsSchool .schoolSceneBox h2 { background: url(/images/yellowHeader.jpg) no-repeat; }
.contentsSchool .schoolGuideBox h2 {
 color: #060;
 background: url(/images/pinkHeader.jpg) no-repeat;
}

.contentsSchool .schoolFooter {
 clear: both;
 width: 816px;
 height: 24px;
 border: none;
 text-indent: -9999px;
 background: url(/images/rankingFooter.jpg) no-repeat;
 margin: 0;
}

.contentsSchool .schoolBox .picture {
 float: left;
 width: 275px;
 min-height: 165px;
 text-align: center;
}

.contentsSchool .schoolBox .rightBox {
 float: left;
 width: 520px;
 padding-top: 95px;
}

.contentsSchool .schoolBox .rightBox p {
 font-size: 12px;
 line-height: 18px;
 width: 420px;
}

.contentsSchool .schoolBox .rightBox .schoolBuy {
 float: right;
 text-indent: -9999px;
 width: 164px;
 height: 32px;
 background: url(/images/buyButton.jpg) no-repeat;
}

.contentsSchool .sceneBox {
 float: left;
 width: 270px;
 text-indent: 25px;
}

.contentsSchool .schoolGuideBox p {
 padding: 0 30px;
 font-size: 12px;
 line-height: 18px;
 margin-bottom: 10px;
}

.contentsSchool .schoolGuideBox h3 {
 font-size: 16px;
 font-weight: bold;
 color: #F60;
 padding-left: 30px;
 margin-bottom: 5px;
}

/************************ inquiry **************************/
.contentsInquiry h1 {
 width: 145px;
 height: 30px;
 text-indent: -9999px;
 font-size: 13px;
 background: url(/images/titleInquiry.gif) no-repeat 8px 0px;
}

.contentsInquiry .inquiryBox {
 width: 816px;
 background: url(/images/rankingBody.jpg) repeat-y;
 margin-bottom: 10px;
}

.contentsInquiry .inquiryBox h2 {
 width: 816px;
 font-size: 16px;
 font-weight: bold;
 line-height: 16px;
 text-indent: 65px;
 padding-top: 24px;
 margin-bottom: 10px;
 background: url(/images/yellowHeader.jpg) no-repeat;
}

.contentsInquiry .inquiryBox .picture {
 float: left;
 width: 295px;
 min-height: 165px;
 text-align: center;
}

.contentsInquiry .inquiryBox .inquiryExcerpt {
 font-size: 14px;
 line-height: 21px;
 padding-top: 60px;
}

.contentsInquiry .inquiryBox h3 {
 clear: both;
 width: 762px;
 font-size: 13px;
 line-height: 13px;
 text-indent: -9999px;
 padding-top: 32px;
 margin-left: 27px;
 margin-bottom: 20px;
 background: url(/images/formHeader.gif) no-repeat bottom;
}

.contentsInquiry .inquiryBox .errorMsg,
.contentsInquiry .inquiryBox .successMsg {
 margin: 0 0 15px 30px;
 font-size: 12px;
}

.contentsInquiry .inquiryBox .errorMsg li {
 font-size: 12px;
 color: #F00;
 line-height: 18px;
}

.contentsInquiry .inquiryBox .inquiryFooter {
 clear: both;
 width: 816px;
 height: 24px;
 border: none;
 text-indent: -9999px;
 background: url(/images/rankingFooter.jpg) no-repeat;
 margin: 0;
}

.contentsInquiry .inquiryBox table {
 margin-left: 27px;
}

.contentsInquiry .inquiryBox th {
 width: 110px;
 padding: 5px 0;
 vertical-align: top;
 text-align: left;
 font-size: 12px;
}

.contentsInquiry .inquiryBox td {
 padding: 3px 0;
}

.contentsInquiry .inquiryBox td input,
.contentsInquiry .inquiryBox td textarea {
 font-size: 12px;
}

.contentsInquiry .inquiryBox #formName,
.contentsInquiry .inquiryBox #formAddress { width: 200px; }
.contentsInquiry .inquiryBox #formMsg { width: 400px; height: 70px; }

/************************ online shop **************************/
.contentsShop h1 {
 width: 156px;
 height: 30px;
 text-indent: -9999px;
 font-size: 13px;
 background: url(/images/titleShop.gif) no-repeat 8px 0px;
 margin-bottom: 10px;
}

.contentsShop p.shopHeader { margin-bottom: 10px; }

.contentsShop .shopItemBox h2 {
 display: block;
 font-size: 16px;
 font-weight: bold;
 line-height: 16px;
 text-indent: 65px;
 color: #F00;
 padding: 24px 0 0 0;
 margin: 0 0 10px 0;
 width: 816px;
 background: url(/images/yellowHeader.jpg) no-repeat;
}

.contentsShop .shopItemBox .shopItem {
 float: left;
 width: 270px;
 text-indent: 25px;
}

.contentsShop .shopItemBox .shopItem h3 {
 font-size: 12px;
 margin-bottom: 5px;
}

.contentsShop .shopItemBox .shopItem p {
 font-size: 12px;
 margin-bottom: 5px;
}

.contentsShop .shopResultBox,
.contentsShop .shopItemBox {
 width: 816px;
 background: url(/images/rankingBody.jpg) repeat-y;
 margin-bottom: 10px;
}

.contentsShop .shopResultBox h2.shopResultHeader {
 width: 816px;
 text-indent: 65px;
 color: #060;
 padding: 24px 0 0 0;
 margin: 0 0 10px 0;
 background: url(/images/pinkHeader.jpg) no-repeat;
}

.contentsShop .shopResultBox .shopItem h3 {
 font-size: 14px;
 font-weight: bold;
 text-indent: 30px;
 color: #F60;
 margin-bottom: 5px;
}

.contentsShop .shopResultBox .shopItem p {
 font-size: 14px;
 line-height: 20px;
 margin-bottom: 15px;
}

.contentsShop .shopResultBox h2 {
 display: block;
 font-size: 16px;
 font-weight: bold;
 line-height: 16px;
 text-indent: 35px;
 margin: 0 0 10px 25px;
 width: 762px;
 padding: 8px 0 5px 0;
 background: url(/images/shopResult.gif) no-repeat;
}

.contentsShop .shopResultBox dl {
 float: left;
 width: 816px;
 background: url(/images/rankingBody.jpg) repeat-y;
}

.contentsShop .shopResultBox dl dt {
 clear: both;
 width: 400px;
 font-size: 12px;
 padding: 0 0 7px 30px;
 float: left;
}

.contentsShop .shopResultBox dl dd {
 width: 300px;
 padding: 0 30px 7px 0;
 font-size: 12px;
 float: left;
 text-align: left;
}

.contentsShop .shopResultBox table {
 clear: both;
 margin-left: 30px;
 margin-bottom: 15px;
}

.contentsShop .shopResultBox table th {
 width: 125px;
 text-align: left;
 font-size: 14px;
 font-weight: normal;
 padding: 3px 0;
 vertical-align: top;
}

.contentsShop .shopResultBox table td {
 font-size: 14px;
}

.contentsShop .shopResultBox table input {
 font-size: 12px;
}

.contentsShop #formName,
.contentsShop #formPhone { width: 115px; }

.contentsShop #formAddress,
.contentsShop #formMail,
.contentsShop #formSendAddress { width: 250px; }

.contentsShop #formMsg { font-size: 12px; width: 250px; height: 60px; }

.contentsShop .shopResultBox p.caution {
 font-size: 12px;
 color: #F00;
}

.contentsShop .shopResultBox p {
 font-size: 14px;
 line-height: 20px;
 margin: 0 0 10px 30px;
 padding-right: 30px;
}

.contentsShop .shopItemBox p.shopFooter,
.contentsShop .shopResultBox p.shopFooter {
 clear: both;
 width: 816px;
 height: 24px;
 border: none;
 text-indent: -9999px;
 background: url(/images/rankingFooter.jpg) no-repeat;
 margin: 0;
}

.contentsShop .errorMsg,
.contentsShop .successMsg {
 margin: 0 0 15px 30px;
 font-size: 12px;
}

.contentsShop .errorMsg li {
 font-size: 12px;
 color: #F00;
 line-height: 18px;
}
/************************ footer **************************/
#footer ul {
 width: 800px;
 margin: 0 auto;
}

#footer ul li {
 float: left;
 width: 131px;
 height: 50px;
 margin-right: 2px;
 text-indent: -9999px;
}

#footer ul li a {
 display: block;
 width: 131px;
 height: 50px;
}

#footer li.menuTop { background: url(/images/menuTop.jpg) no-repeat; }
#footer li.menuMenu { background: url(/images/menuMenu.jpg) no-repeat; }
#footer li.menuSchool { background: url(/images/menuSchool.jpg) no-repeat; }
#footer li.menuInquiry { background: url(/images/menuInquiry.jpg) no-repeat; }
#footer li.menuShop {
 width: 264px;
 background: url(/images/menuShop.jpg) no-repeat;
}

#footer li.menuTop a:hover,
#footer li.menuTop a:active { background: url(/images/menuTopOn.jpg) no-repeat; }

#footer li.menuMenu a:hover,
#footer li.menuMenu a:active { background: url(/images/menuMenuOn.jpg) no-repeat; }

#footer li.menuSchool a:hover,
#footer li.menuSchool a:active { background: url(/images/menuSchoolOn.jpg) no-repeat; }

#footer li.menuInquiry a:hover,
#footer li.menuInquiry a:active { background: url(/images/menuInquiryOn.jpg) no-repeat; }

#footer li.menuShop a:hover,
#footer li.menuShop a:active { background: url(/images/menuShopOn.jpg) no-repeat; }

#footer li.menuShop a { width: 264px; }

#footer p {
 clear: both;
 font-size: 12px;
 padding-top: 15px;
}