/* CSS Document */

@charset "utf-8";

/* layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
text-align:center;
color:#333333;
background:#fafafa url(../images/bg_body.jpg) repeat-x 0 0;
}
#container{
width:882px;
text-align:left;
padding:4px 0 0 0;
margin:0 auto 0 auto;
}
#inner{
background:#ffffff url(../images/bg_container.jpg) 0 0 repeat-y;
padding:0 1px 0 1px;
}
#contents{
position:relative;
overflow:hidden;
}
#contents-spacer{
padding:15px 15px 0 15px;
}
#contents ul.footerlink{
text-align:center;
margin:0 0 10px 0;
}
#contents ul.footerlink li{
display:inline;
}

/* common
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clear {
	clear: both;
}
.clear2{
	clear:both;
	padding:0 0 10px 0;
	border-bottom:1px dotted #D2A874;
}
hr {
	visibility: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* main-top
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#main{
	float:left;
	width:620px;
	margin:0 0 10px 0;
}

#main .message{
border:2px solid #FF0000;
padding:10px 10px 10px 10px;
margin:0 0 10px 0;
}

#main .message h2{
font-size:14px;
color:#FF0000;
margin:0 0 5px 0;
}

#main .message p{
font-size:12px;
line-height:1.5em;
}

/* openningcamppaign */
#main .openningcapmpaign{
height:440px;
background:#E3D994 url(../images/bg_openningcampaign.gif) repeat 0 0;
padding:9px 9px 0 9px;
margin:0 0 10px 0;
}

#main .openningcapmpaign h2{
margin:0 0 10px 0;
}

#main .openningcapmpaign h2 img{
display:block;
}

#main .openningcapmpaign ul{
list-style:none;
}

#main .openningcapmpaign ul li{
margin:0 0 10px 0;
}

/* recommend-set */
#main .recommend-set{
height:1%;
background:#000000 url(../images/bg_topinfo.gif) repeat 0 0;
border:1px solid #000000;
padding:9px 9px 9px 9px;
margin:0 0 10px 0;
}

#main .recommend-set h2{
margin:0 0 10px 0;
}

#main .recommend-set h2 img{
display:block;
}

#main .recommend-set ul{
list-style:none;
}

/* recommend */
#main .recommend{
height:1%;
padding:10px 0 0 0;
margin:0 0 20px 0;
}

#main .recommend dl{
width:210px;
float:left;
}

#main .recommend dl.last{
width:200px;
float:left;
}

#main .recommend dl dt{
margin:0 0 10px;
}

#main .recommend dl dd{
font-size:14px;
}

#main .recommend dl dd.itemname{
font-size:16px;
font-weight:bold;
margin:0 0 5px 0;
}

/* howtoenjoy */

#main .howtoenjoy{
height:1%;
background:#000000 url(../images/bg_topinfo.gif) repeat 0 0;
border:1px solid #000000;
padding:9px 9px 9px 9px;
margin:0 0 10px 0;
}

#main .howtoenjoy h2{
margin:0 0 10px 0;
}

#main .howtoenjoy h2 img{
display:block;
}

#main .howtoenjoy dl{
height:1%;
}

#main .howtoenjoy dl dt{
width:48px;
float:left;
}

#main .howtoenjoy dl dd{
float:left;
}

#main .howtoenjoy dl dd ol{
list-style:none;
}

#main .howtoenjoy dl dd ol li{
width:113px;
background:url(../images/bg_lst-howtoenjoy.gif) no-repeat center right;
float:left;
}

#main .howtoenjoy dl dd ol li.last{
width:100px;
float:left;
}

#main .howtoenjoy .inner{
}

/* news */
#main .news{
background:url(../images/bg_news.gif) repeat-y 0 0;
padding:10px 0 0 0;
margin:0 0 20px 0;
}

#main .news dl{
height:1%;
background:url(../images/hl_h3-icodotted.gif) repeat-x bottom left;
padding:0 0 15px 0;
margin:0 0 20px 0;
overflow:hidden;
}

#main .news dl dt{
width:90px;
font-size:14px;
float:left;
}

#main .news dl dd{
width:500px;
font-size:12px;
float:left;
}

/* listpages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.listpages{
}

.listpages .categorytitle{
height:48px;
background:url(../images/bg_categorytitle.jpg) no-repeat 0 0;
}

.listpages .categorytitle h2{
font-size:20px;
font-weight:bold;
color:#FFFFFF;
padding:12px 0 0 20px;
}

.listpages .sort{
border-top:2px solid #CC1F26;
margin:0 0 20px 0;
}

.listpages .sort .sort-spacer{
background-color:#F9F7E9;
padding:7px 10px 5px 10px;
}

.listpages .sort p{
width:45%;
font-size:12px;
float:left;
}

.listpages .sort p span{
font-weight:bold;
}

.listpages .sort ul{
list-style:none;
width:45%;
text-align:right;
float:right;
}

.listpages .sort ul li{
font-size:12px;
vertical-align:top;
display:inline;
}

.listpages .sort ul li span{
font-weight:bold;
}

.listpages .itemblock{
border-bottom:1px dotted #CCCCCC;
margin:0 0 20px 0;
padding:0 0 10px 0;
}

.listpages .itemblock p.itemimg{
width:180px;
float:left;
}

.listpages .itemblock .itemdetail{
width:427px;
float:right;
}

.listpages .itemblock .itemdetail .buyarea{
background-color:#F9F7E8;
border:2px solid #E5D98B;
padding:14px 14px 14px 14px;
}

.listpages .itemblock .itemdetail ul{
list-style:none;
margin:0 0 10px 0;
}

.listpages .itemblock .itemdetail ul li{
display:inline;
}

.listpages .itemblock .itemdetail .buyarea table.item{
font-size:14px;
}

.listpages .itemblock .itemdetail .buyarea table.item th{
width:60px;
text-align:left;
padding:0 0 5px 0;
}

.listpages .itemblock .itemdetail .buyarea table.item td{
padding:0 0 5px 0;
}

.listpages .itemblock .itemdetail .buyarea table.item td span{
font-size:16px;
font-weight:bold;
color:#990100;
}

.listpages .itemblock .itemdetail .buyarea table.item2{
font-size:14px;
margin:0 0 5px 0;
float:left;
}

.listpages .itemblock .itemdetail .buyarea table.item2 th{
width:60px;
text-align:left;
padding:0 0 5px 0;
}

.listpages .itemblock .itemdetail .buyarea table.item2 td{
padding:0 0 5px 0;
}

.listpages .itemblock .itemdetail .buyarea p.button{
float:right;
}

/* productpages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.itemblock{
margin:0 0 20px 0;
}

.itemblock p.itemimg{
width:280px;
text-align:center;
float:left;
}

.itemblock p.itemimg img{
display:inline;
}

.itemblock p.itemimg img.photo{
border:1px solid #CCCCCC;
margin:0 0 5px 0;
}

.itemblock .itemdetail{
width:320px;
float:right;
}

.itemblock .itemdetail ul{
list-style:none;
margin:0 0 10px 0;
}

.itemblock .itemdetail ul li{
display:inline;
}

.itemblock .itemdetail p.itemname{
font-size:20px;
font-weight:bold;
border-bottom:1px dotted #CCCCCC;
padding:0 0 15px 0;
margin:0 0 10px 0;
}

.itemblock .itemdetail p.number{
font-size:10px;
color:#999999;
}

.itemblock .itemdetail table{
margin:0 0 5px 0;
}

.itemblock .itemdetail table th{
width:60px;
text-align:left;
padding:0 0 5px 0;
}

.itemblock .itemdetail table td{
padding:0 0 5px 0;
}

.itemblock .itemdetail table td span{
font-size:20px;
font-weight:bold;
color:#990100;
}

.itemblock .itemdetail .deliveryschedule{
border:1px solid #CCCCCC;
padding:10px 10px 10px 10px;
margin:0 0 15px 0;
}

.itemblock .itemdetail .deliveryschedule dl{
font-size:12px;
line-height:1.5em;
}

.itemblock .itemdetail .deliveryschedule dl dt{
font-weight:bold;
}

.itemblock .itemdetail p.button{
margin:0 0 15px 0;
}

.itemblock .itemdetail p.favorites{
margin:0 0 15px 0;
}

.itemblock .itemdetail .payment{
font-size:12px;
background-color:#F9F7E8;
border:2px solid #E5D98B;
padding:10px 10px 5px 10px;
}

.itemblock .itemdetail .payment dl{
line-height:1.5em;
margin:0 0 2px 0;
}

.itemblock .itemdetail .payment dl dt{
font-weight:bold;
display:inline;
}

.itemblock .itemdetail .payment dl dd{
display:inline;
}

.itemblock .itemdetail .payment ul{
list-style:none;
margin:0 0 2px 0;
}

.itemblock .itemdetail .payment ul li{
display:inline;
background:url(../images/ico_delivery.gif) no-repeat 0 50%;
padding:0 0 0 30px;
}

.productpages .commentbox{
border:2px solid #E5DA8C;
padding:10px 10px 10px 10px;
margin:0 0 20px 0;
}

.productpages .commentbox h3{
margin:0 0 15px 0;
}

.productpages .commentbox h4{
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
}

.productpages .commentbox p.commenttext{
font-size:14px;
line-height:1.5em;
margin:0 0 10px 0;
}

.productpages .commentbox .commentauthor{
background-color:#F9F7E8;
padding:8px 10px 8px 10px;
margin:0 0 15px 0;
}

.productpages .commentbox .commentauthor dl{
float:left;
}

.productpages .commentbox .commentauthor dl dt{
font-size:12px;
display:inline;
}

.productpages .commentbox .commentauthor dl dd{
display:inline;
color:#CFA922;
}

.productpages .commentbox .commentauthor p{
font-size:12px;
padding:5px 0 0 0;
float:right;
}

.productpages .commentbox ul.write{
list-style:none;
font-size:14px;
font-weight:bold;
text-align:right;
}

.productpages .commentbox ul.write li span{
background:url(../images/ico_pencil.gif) no-repeat 0 50%;
padding:3px 0 3px 20px;
}


/* triviapages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.trivia{
}

.trivia ul.questions{
list-style:none;
margin:0 0 10px 0;
}

.trivia ul.questions li{
font-size:16px;
background:url(../images/bg_ico-question.gif) no-repeat 0 0;
padding:3px 0 5px 34px;
margin:0 0 10px 0;
}

.trivia ul.questions li.none{
display:none;
}

.trivia dl.faq{
margin:0 0 10px 0;
}

.trivia dl.faq dt{
background:url(../images/bg_ico-question.gif) no-repeat 0 0;
border-bottom:1px dotted #CCCCCC;
padding:3px 0 5px 34px;
margin:0 0 10px 0;
}

.trivia dl.faq dd{
font-size:14px;
line-height:1.5em;
background:url(../images/bg_ico-answer.gif) no-repeat 0 0;
padding:3px 0 5px 34px;
margin:0 0 10px 0;
}

/* coursepage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.course{
background-color:#000000;
padding:15px 15px 15px 15px;
margin:0 0 20px 0;
}

.course .toppanel{
height:137px;
background:url(../images/bg_toppanel-course.jpg) no-repeat 0 0;
margin:0 0 10px 0;
}

.course .toppanel h2{
padding:3px 0 0 3px;
}

.course .toppanel p{
font-size:12px;
color:#FFFFFF;
padding:11px 10px 0 10px;
}

.course .toppanel .upper{
height:101px;
}

.course .cuisine{
background:url(../images/bg_cuisine.jpg) no-repeat bottom center;
padding:0 0 51px 0;
margin:0 0 10px 0;
}

.course .cuisinelast{
margin:0 0 10px 0;
}

.course .generalbox{
height:1%;
background-color:#FBF9EC;
border:3px solid #AD9338;
padding:1px 1px 1px 1px;
}

.course .generalbox h3{
width:200px;
float:left;
}

.course .generalbox h3 img{
display:block;
}

.course .generalbox .detail{
width:597px;
padding:14px 0 0 0;
float:right;
}

.course .generalbox .detail .advice{
height:147px;
background:url(../images/bg_advice.jpg) no-repeat 0 0;
padding:10px 150px 0 10px;
margin:0 0 10px 0;
}

.course .generalbox .detail .advice h4{
margin:0 0 5px 0;
}

.course .generalbox .detail .advice h4 img{
display:block;
}

.course .generalbox .detail .advice p{
font-size:14px;
line-height:1.5em;
}

.course .generalbox .detail ol{
padding:0 10px 0 0;
margin:0 0 5px 25px;
}

.course .generalbox .detail ol li{
font-size:14px;
line-height:1.5em;
margin:0 0 0 0;
}

.course .generalbox .detail p.subtext{
font-size:14px;
line-height:1.5em;
padding:0 10px 0 0;
margin:0 0 5px 0;
}

.course .generalbox .detail ul.link{
list-style:none;
}

.course .generalbox .detail ul.link li{
font-size:14px;
font-weight:bold;
background:url(../images/ico_arrow-black.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}

p.set01{
background:url(../images/bg_set01.jpg) no-repeat top right;
margin:0 0 20px 0;
}
p.set02{
background:url(../images/bg_set02.jpg) no-repeat top right;
margin:0 0 20px 0;
}
p.set03{
background:url(../images/bg_set03.jpg) no-repeat top right;
margin:0 0 20px 0;
}

/* orderpage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul.pagelink{
list-style:none;
}

.guide ul.pagelink{
height:1%;
margin:0 0 20px 0;
overflow:hidden;
}
.guide ul.pagelink li{
float:left;
width:250px;
}
.guide table.order{
width:780px;
margin:0 0 20px 0;
}

.guide table.order th{
padding:10px 10px 10px 10px;
border:1px solid #CCCCCC;
}
.guide table.order td{
padding:10px 10px 10px 10px;
border:1px solid #CCCCCC;
}

.guide .payment{
margin:0 0 20px 0;
}

.guide .payment p{
margin:0 0 10px 0;
}

.guide .payment h4{
font-weight:bold;
margin:0 0 5px 0;
}

.guide .payment ul{
margin:0 0 10px 0;
}

.guide .payment ul li{
display:inline;
padding:0 5px 0 0;
}

.guide .delivary{
margin:0 0 20px 0;
}

.guide .delivary p{
margin:0 0 10px 0;
}

.guide .delivary h4{
font-weight:bold;
margin:0 0 5px 0;
}

.guide .delivary ul{
margin:0 0 10px 0;
}

.guide .delivary ul li{
display:inline;
padding:0 5px 0 0;
}

.guide .return{
margin:0 0 20px 0;
}

/* aboutpage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.about{
margin:0 0 50px 0;
}

.about .companymessage{
height:220px;
background:url(../images/bg_companymessage.jpg) no-repeat top right;
padding:0 330px 0 0;
margin:0 0 20px 0;
}

.about .companymessage p{
font-size:14px;
line-height:1.5em;
}

.about table.company{
width:850px;
border-top:1px dotted #666666;
}

.about table.company th{
width:170px;
text-align:left;
vertical-align:top;
text-indent:40px;
font-size:14px;
font-weight:bold;
color:#040404;
background:url(../images/ico_company.gif) no-repeat 20px 10px;
border-bottom:1px dotted #666666;
padding:10px 0 10px 0;
}

.about table.company td{
font-size:14px;
border-bottom:1px dotted #666666;
padding:10px 0 10px 0;
}

/* orderpage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.guide ul.pagelink{
list-style:none;
height:1%;
font-size:12px;
line-height:2.5em;
margin:0 0 20px 0;
overflow:hidden;
}
.guide ul.pagelink li{
float:left;
width:250px;
}
.guide table.order{
width:850px;
font-size:14px;
margin:0 0 20px 0;
}

.guide table.order th{
padding:10px 10px 10px 10px;
border:1px solid #CCCCCC;
}
.guide table.order td{
padding:10px 10px 10px 10px;
border:1px solid #CCCCCC;
}

.guide .payment{
font-size:14px;
line-height:1.5em;
margin:0 0 20px 0;
}

.guide .payment p{
margin:0 0 10px 0;
}

.guide .payment h4{
font-weight:bold;
margin:0 0 5px 0;
}

.guide .payment ul{
margin:0 0 10px 0;
}

.guide .payment ul li{
display:inline;
padding:0 5px 0 0;
}

.guide .delivary{
font-size:14px;
line-height:1.5em;
margin:0 0 20px 0;
}

.guide .delivary p{
margin:0 0 10px 0;
}

.guide .delivary h4{
font-weight:bold;
margin:0 0 5px 0;
}

.guide .delivary ul{
margin:0 0 10px 0;
}

.guide .delivary ul li{
display:inline;
padding:0 5px 0 0;
}

.guide .return{
font-size:14px;
line-height:1.5em;
margin:0 0 20px 0;
}

/* footerlink
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contents ul.footerlink{
text-align:center;
list-style:none;
padding:5px 0 0 0;
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size:12px;
Xfont-weight:normal;
line-height:1.5em;
}
	
#contents ul.footerlink li{
display:inline;
}

/* sitemap
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sitemap {
margin:0 0 30px;
width:850px;
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size:12px;
Xfont-weight:normal;
line-height:1.5em;
}
.sitemap .sitemapleft {
float:left;
width:420px;
}
.sitemap .sitemapright {
float:right;
width:420px;
}
.sitemap ul.firstlevel li {
background:url("../images/ico_arrow01.gif") no-repeat scroll 0 4px transparent;
padding:0 0 0 10px;
}
.sitemap dl.firstlevel {
background:url("../images/ico_arrow01.gif") no-repeat scroll 0 4px transparent;
padding:0 0 0 10px;
}
.sitemap dl.firstlevel dt {
}
.sitemap dl.firstlevel dd {
padding:3px 0 0;
}
.sitemap dl.firstlevel ul li {
background:url("../images/ico_catlist.gif") no-repeat scroll 0 6px transparent;
padding:0 0 0 10px;
}
