@charset "utf-8";
/* CSS Document */

BODY { background-color:#FFF; background:url(../images/back.jpg) repeat-x; margin:0; padding:0; font-size:12px;}
IMG { border:none;}
DIV { display:block;}
A { text-decoration: none; display:block;}

.end { clear:both;}
.left { float:left;}
.right { float:right;}


#top_logo { margin-top:20px; margin-left:10px;}
#pg_wrp { width: 800px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block;}
#pg_wrp .hdr { height:80px;}
.contents_hdr { height:10px; background:url(../images/w800h350.png) no-repeat 0px 0px; padding-top:3px;}
.contents_bdy { background:url(../images/w800h6.png) repeat-y; padding:5px;}
.contents_ftr { height:10px; background:url(../images/w800h350.png) no-repeat 0px -340px;}
#copy { color:#333333; padding-top:3px; font-size:12px; text-align:center;}


#sub { width:100%; border-collapse:collapse;}
#sub TD {}
#sub TD.c1 { width:25%;}
#sub TD.c2 { width:42%;}
#sub TD.c3 { width:33%;}

#season {}
#season LI { width:180px; list-style:none; display:block; overflow:hidden;}
#season LI A { color:#CCC; border-bottom:1px dotted #666; padding:5px 10px;}
#season LI A SPAN { font-size:18px; margin-right:3px;}
#season .itm { width:180px;}
#season .s1 SPAN { color:#F9C;}
#season .s2 SPAN { color:#F66;}
#season .s3 SPAN { color:#F93;}
#season .s4 SPAN { color:#69F;}
#season .s1 A:hover { background-color:#434;}
#season .s2 A:hover { background-color:#433;}
#season .s3 A:hover { background-color:#443;}
#season .s4 A:hover { background-color:#334;}

#season2 { width:220px; margin-left:20px;}
#season2 TD { border-bottom:1px dotted #666; padding:5px 10px;}

#patisser { width:200px; margin:0 auto;}
#patisser:hover { background-color:#333;}


/* メインメニュ */
#top_menu { height:50px; background:url(../images/w800h50.png) no-repeat top left; margin-bottom:5px; text-align:left;}
#top_menu UL { display:block; float:left; margin-top:0;}
#top_menu LI { display:block; float:left; list-style:none; margin-top:7px;}
#top_menu LI.cl,
#top_menu LI.cm { background:url(../images/sep_1.gif) no-repeat right center;}
#top_menu LI A { width:100px; text-align:center; padding:5px; margin-right:1px;}
#top_menu LI A:hover { background-color:#333333;}
#top_menu LI A.true { border-bottom:2px solid #663300; background-color:#181818;}
#top_menu LI A.true:hover { background-color:#444444;}


/* */
.kiji_title { width:714px; margin:auto; font-size:24px; color:#FC0; padding:3px; border-bottom:1px solid #543; border-left:20px solid #543;}
.kiji_doc { width:740px; margin:auto; color:#999;}


/* お問い合わせフォーム */
#ref_form { width:90%; border-collapse:collapse; margin-left:15px; color:#FFF;}
#ref_form CAPTION { font-size:14px; text-align:left; padding:10px;}
#ref_form TH { text-align:right; padding:5px; color:#CCC;}
#ref_form TD { text-align:left; padding:5px;}
#ref_form .form TBODY TH { text-align:right; padding:5px; border-bottom:1px dotted #666; color:#CCC;}
#ref_form .form TBODY TD { text-align:left; padding:5px; border-bottom:1px dotted #666; font-size:14px;}
#ref_form INPUT[type='button'] { width:100px;}
#ref_form DD { font-size:16px; margin-bottom:25px;}
#ref_form DD .tel { font-size:24px; color:#FC0;}


/* お問い合わせ送信後 */
#ref_result { width:70%; font-size:14px; text-align:left; margin:0 auto;}
#ref_result .title { color:#9F9; text-align:center; padding:10px; font-size:14px; background-color:#244;}
#ref_result DT { color:#FFC; font-size:14px; font-weight:bold; margin:3px 0;}
#ref_result DD { color:#CCC; line-height:1.3em; margin-bottom:10px;}


/* 商品一覧 */
#items { width:720px;}
#items TD { width:33%; text-align:center; vertical-align:top; padding:5px;}
#items .item { width:220px; height:290px; display:block; margin:0 auto; border:1px solid #666; color:#CCCCCC; overflow:hidden;}
#items .item .name { font-size:16px; text-align:left; background-color:#333300; margin:0; padding:5px;}
#items .item .info { display:block; text-align:left; margin:5px 10px; line-height:1.5em;}
#items .item IMG { width:180px; margin-top:25px; margin-bottom:10px;}
#items .item:hover { border:1px solid #C90;}
#items .item:hover .name { background-color:#663300;}


/* 商品詳細 */
#item_detail { color:#CCC;}
#item_detail IMG.top { margin-top:5px; width:740px;}
#item_detail .doc { margin-top:10px; line-height:1.5em;}

#item_detail .attr { margin-top:25px; border-collapse:collapse;}
#item_detail .attr TD { border-bottom:1px dotted #666; padding:8px;}
#item_detail .attr .title { color:#999;}
#item_detail .attr .value { color:#CCC;}

#item_detail .list .title { width:45px;}

#item_detail .set { margin-left:auto;}
#item_detail .set TD { border-bottom:1px dotted #666; padding:8px;}
#item_detail .set .title { color:#999;}
#item_detail .set .value { color:#CCC;}
#item_detail .set .value .price { color:#F66; font-size:16px;}

.dtBoxL { width:55%; float:left; clear:both;}
.dtBoxR { width:40%; float:right;}

#item_detail .tel { float:right; margin-top:20px;}