* {
margin: 0px;
padding: 0px;
}
body {
text-align: center;
background: #fff;
font-size: 10pt;
color: #333;
background-image : url(./img/bg.jpg);
}

a:link {color: #003399;}
a:visited {color: #3366CC;}
a:hover {color: #3366CC;}
img { border: 0; }
.big { font-size: 14px; line-height: 140%; }
.small { font-size: 10px; line-height: 140%; }
.center { text-align: center; }
.right { float: right; }
.left { float: left; }

/* ヘッダー */
#banner {
background: url(./img/bg_banner.jpg);
height: 125px;
}
#head {
width:750px;
margin: auto;
}
#head_menu, .logo, .description, .head_shop, .head_contact, .head_right {
float: left;
}
.logo {
height: 91px;
width: 170px;
}
.description {
height: 91px;
width: 310px;
background: url(./img/bg_description.jpg);
text-align: left;
}
.description h2{
font-size: 12px;
font-weight: normal;
padding: 35px 20px 0px 5px;
}
.head_right {
height: 91px;
width: 270px;
}
.head_shop {
height: 36px;
width: 270px;
background: url(./img/bg_shop.jpg);
font-size: 10px;
}
.head_shop p {
padding-top: 9px;
}
.head_shop a:link {color: #666;}
.head_shop a:visited {color: #666;}
.head_shop a:hover {color: #666;}
#head_menu {
width:750px;
height: 26px;
}
#head_menu div { float: left; }

/* メイン枠 */
#container {  
background-image : url(./img/bg_container.jpg);
margin:auto;
width: 780px;
}
#content {
width:750px;
margin:auto;
}

/* パンくずリスト */

.pan {
padding: 5px 0px 0px 5px;
float: left;
}
.head_sub {
padding: 5px 5px 0px 0px;
float:right;
}
#sub_menu {
color: #fff;
background: url(./img/bg_pan.jpg);
height: 25px;
float:left;
width: 750px;
}
#sub_menu a:link {
color: #fff;
text-decoration: none;
}
#sub_menu a:visited {
color: #fff;
text-decoration: none;
}
#sub_menu a:hover {
color: #fff;
text-decoration: underline;
}

/* レフト */
#left {
width: 190px;
float: left;
padding-top: 5px;
padding-bottom: 30px;
background: #990000 url(./img/left_bg.jpg) no-repeat;
}
.left_img {
margin-bottom: 5px;
}
#cal {
margin: 10px 7px 0px 8px;
background:  url(./img/left_cal.gif) no-repeat;

}

/* レフトメニュー */
.left_menu {
padding: 0px 8px;
text-align: left;
list-style:none;
margin-bottom: 0px;
}
.left_menu li{
padding-left: 25px;
line-height: 30px;
background: url(./img/left_arrow.gif) 0px 8px no-repeat;
border-top: 1px dotted #ffffcc;
}
.left_menu a:link {
color: #ffffcc;
text-decoration: none;
}
.left_menu a:visited {
color: #ffffcc;
text-decoration: none;
}
.left_menu a:hover {
color: #ffffcc;
text-decoration: underline;
}


.left_menu2 {
padding: 0px 0px;
text-align: left;
list-style:none;
}
.left_menu2 li{
padding-left: 30px;
line-height: 22px;
}

.left_menu2 a:link {
color: #ffffcc;
text-decoration: none;
}
.left_menu2 a:visited {
color: #ffffcc;
text-decoration: none;
}
.left_menu2 a:hover {
color: #ffffcc;
text-decoration: underline;
}

/* RSS */
.rss {
margin-top: 10px;
}

/* SSL&W3C */
.ssl, .w3c {
color: #ffffcc;
margin-top: 10px;
padding: 0px 13px;
text-align: left;
}

/* ランキング */
#left_rank {
text-align: left;
background: url(./img/left_rank_bg.gif) no-repeat;
}
#left_rank h2 {
height: 30px;
width:190px;
}
#left_rank h2.no1 a:link {
text-decoration: none;
font-size: 14px;
color: #FFCC00;
top: 10px;
position:relative;left:63px;top:8px;
}
#left_rank h2.no1 a:visited {
text-decoration: none;
font-size: 14px;
color: #FFCC00;
position:relative;left:63px;top:8px;
}
#left_rank h2.no1 a:hover {
text-decoration: underline;
font-size: 14px;
color: #FFCC00;
}
#left_rank h2.no23 a:link {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
position:relative;left:63px;top:10px;
}
#left_rank h2.no23 a:visited {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
position:relative;left:63px;top:10px;
}
#left_rank h2.no23 a:hover {
text-decoration: underline;
font-size: 12px;
color: #ffffcc;
}
#left_rank h2.no45 a:link {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
font-weight: normal;
position:relative;left:63px;top:10px;
}
#left_rank h2.no45 a:visited {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
font-weight: normal;
position:relative;left:63px;top:10px;
}
#left_rank h2.no45 a:hover {
text-decoration: underline;
font-size: 12px;
color: #ffffcc;
font-weight: normal;
}

/* メイン */
#main{
width:560px;
float: left;
padding-bottom: 30px;
}
#top_campaign,
#top_customer,
#top_sweets,
#top_info,
#top_new {
margin: 20px 20px 0px 20px;
text-align: left;
clear: both;
}
#top_campaign .top_body {
margin-top: 10px;
}
.top_excerpt {
margin-top: 5px;
font-size: 10px;
text-align: right;
}
/* 商品 */
#top_sweets {
margin: 0px 20px;
}
#top_sweets div {
border: 1px solid #ccc;
padding: 1px;
float: left;
margin: 0px 3px 0px 0px;
text-align: center;
}
#top_sweets img {
margin-bottom: 10px;
}
#top_sweets h2 {
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 0.2em;
}
#top_sweets p {
width: 150px;
margin: 0px auto 5px auto;
}
#top_sweets .next {
border: 0px;
text-align: right;
width: 160px;
margin: auto;
}
/* バナー */
#top_bn {
margin: 0px 20px;
}
#top_bn a {
font-size: 10px;
}
.top_bn_left {
float: left;
width: 250px;
text-align: right;
margin: 20px 0px 0px 0px;
}
.top_bn_right {
float: right;
width: 250px;
text-align: right;
margin: 20px 0px 0px 0px;
}


/* エントリー */
.entry {
width: 520px;
margin: auto;
text-align: left;
line-height: 150%;
}
h2.cat_title {
margin: 20px 0px;
padding: 1px 0px 0px 10px;
font-size: 14px;
letter-spacing: 0.2em;
color: #fff;
text-align: left;
background: url(./img/bg_title.gif) no-repeat;
}
.cat_body {
margin: 0px 0px 20px 0px;
}
.cat_body p {
margin: 0px 20px 20px 20px;
}
.cat_more {
clear: both;
padding-top: 20px;
margin: 0px 0px 20px 0px;
border-top: 1px dotted #666;
}
.cat_more p {
margin: 0px 20px 20px 20px;
}
.next {
clear: both;
margin: 0px 20px 30px 20px;
text-align: right;
font-size: 10px;
border-top: 1px dotted #666;
}

/* トラバ */
.ping {
clear: both;
margin: 30px 0px 0px 0px;
text-align: left;
line-height:130%;
}
.ping p {
padding: 0px 10px;
}
.trackbacks h3, .comments h3 {
font-size: 12px;
font-weight: normal;
background: #666;
padding-left: 5px;
margin-bottom:5px;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
color: #fff;
}
.trackback {
border-top: 1px dotted #666;
padding-top: 10px;
}

/* コメント */
.comments-open-header {
margin: 20px 0px 10px 0px;
}
.comments-open-moderated {
font-size: 10px;
margin: 0px 0px 10px 0px;
}
#name-email input {
color: #333;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 1px 1px 1px 3px;
}
#comment-preview input {
color: #333;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin: 0px 5px 0px 0px;
padding: 0px 5px 0px 5px;
}
#comments textarea {
color: #333;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 1px 1px 1px 3px;
margin: 0px 0px 10px 0px;
}
#comment-bake-cookie {
border: none;
}
#comments-open-footer {
padding-left: 10px
}
#comments-open-footer input {
color: #333;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin: 0px 5px 0px 0px;
padding: 0px 5px 0px 5px;
}
.comment {
margin-top: 5px;
border-bottom: 1px dotted #666;
}
.cat_body h3 {
font-size: 12px;
font-weight: normal;
background: #eee;
padding-left: 5px;
margin-bottom:5px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#comment_fin {
margin: 50px;
text-align: left;
line-height: 150%;
}
#comment_fin h3 {
margin-bottom: 10px;
font-size: 12px;
border-bottom: 1px dotted #666
}
#comment_fin p {
margin-bottom: 10px;
font-size: 12px;
}

/* フッター */
#foot {
clear: both;
    margin-right: auto;
    margin-left: auto;
    width:750px;
    border-top:3px solid #CCCCCC;
    }
.foot_menu {
line-height: 80%;
background-color: #DBD8C7;
border-bottom: 1px solid #C8C7C2;
color: #666666;
padding: 10px 0px 10px 0px;
text-align: center;
}
.foot_list li {
display: inline;
list-style-type: none;
}
.foot_list a {
padding: 0px 2px 0px 2px;
}
.foot_menu2 {
background-color: #E1E1E1;
padding: 5px;
color: #333333;
text-align: right;
}
.foot_menu3 {
background-color: #CCCCCC;
padding: 5px;
text-align: left;
line-height: 120%;
}
.copy {
background: #333333;
color: #FFFFFF;
text-align: center;
font-size: 10px;
padding: 5px;
}
/* ショッピングインフォメーション */
#top_info {
text-align: left;
}
#top_info div {
width: 240px;
float: left;
margin: 0px 15px 0px 5px;
}
#top_info .info_title {

padding-bottom: 3px;
border-bottom: 1px dotted #666;
margin: 10px 0px;
}

top_info .info_title .img {
padding-bottom: 3px;
border-bottom: 1px dotted #666;
margin: 10px 0px;
}

#top_info h3 {
font-size: 12px;
margin: 5px 0px 0px 10px;
}
#top_info p {
margin: 5px 5px 0px 25px;
}
#top_info .next {
border: 0px;
margin: 0px 0px 10px 0px;
}

/* 最新ニュース */
#news {
clear: both;
margin: 10px auto;
padding: 3px 0px 0px 0px;
}
#news ul {
text-align: left;
list-style: none;
padding: 0px 10px 10px 10px;
}
#news li {
padding: 5px;
border-bottom: 1px dotted #999;
}
.news_date {
font-weight: bold;
margin: 10px 20px 0px 20px;
text-align: left;
border-bottom: 1px dotted #666;
}
.news_excerpt {
margin: 10px 20px 5px 20px;
text-align: left;
}

/* ニュースメニュー */
#left_news {
margin: 0px 10px;
padding: 5px 0px;
border-bottom: 1px dotted #ffffcc;
}
#news_menu {
font-size: 10px;
margin: 0px auto;
width: 170px;
text-align: left;
}
.menu_title {
font-weight: bold;
background: #ffffcc;
padding: 0px 2px 2px 5px;
}
.news_menu {
font-size: 10px;
text-align: left;
list-style:none;
margin : 0px ;
padding: 5px 0px 5px 0px;
}
.news_menu_li {
margin: 0px 15px 0px 15px;
padding: 2px 0px 2px 0px;
}
.news_menu_li a:link {color: #ffffcc;}
.news_menu_li a:visited {color: #ffffcc;}
.news_menu_li a:hover {color: #ffffcc;}

/* 珍品堂のお菓子 */
#sweets {
width: 520px;
margin: 20px auto;
}
.sweets_top_entry {
width: 150px;
height: 170px;
float: left;
text-align: center;
margin: 0px 17px 0px 0px;
}
.sweets_top_excerpt {
margin: 0px 30px 0px 30px;
}
h2.sweets_top_title {
text-align: center;
color: #444;
font-size: 12px;
letter-spacing: 0.2em;
}
.sweets_entry {
width: 260px;
float: left;
text-align: left;
line-height: 140%;
}
.sweets_excerpt {
margin: 0px 40px 0px 40px;
}
h2.sweets_title {
color: #444;
height: 25px;
font-size: 12px;
margin: 0px 0px 10px 40px;
letter-spacing: 0.2em;
background: url(./img/sweets_title_bg.gif) 0px 6px no-repeat;
}
#sweets .next {
margin: 0px 0px 20px 0px;
border: 0px;
text-align: right;
width: 220px;
}

/* お客様のご感想 */
#top_customer .top_body img {
width: 80px;
height: 60px;
margin: 0px 10px 10px 0px;
}
#top_customer .top_customer_body {
padding: 10px 10px 10px 10px;
border-bottom: 1px dotted #666;
clear: both;
margin: 0px 10px 10px 10px;
}
#top_customer .top_title {
font-weight: bold;
margin-bottom: 5px;
}
.cat_body_customer {
margin: 0px 20px 0px 20px;
text-align: left;
clear: both;
}
.cat_body_customer img {
width: 80px;
height: 60px;
margin: 0px 10px 10px 0px;
}
#entry-customer img {
margin: 0px 10px 10px 0px;
}


/* 会社概要 */
table.corp1 {
margin: auto;
font-size: 12px;
line-height: 200%;
width: 520px;
}
td.l {
padding-right: 15px;
}
td.l1 {
background: #eee;
padding-left: 10px;
padding-right: 15px;
border-bottom:1px solid #eee;
margin
}
td.r1 {
padding-left: 15px;
border-bottom:1px solid #eee;
padding-right: 15px;
}

/* インフォメーション */
.cat_excerpt {
margin: 0px 0px 0px 20px;
}

/* よくあるご質問 */
#entry-14 table {
font-size: 12px;
line-height: 150%;
}
#entry-14 img {
margin-right: 10px;
}
#entry-14 hr {
border-top: 1px solid #fff;
margin: 10px 0px;
}


.cat {
width: 510px;
margin: 10px;
font-size: 12px;
text-align:left;
line-height: 150%;
}

.leftblog {
font-size: 10px;
margin:5px 0px;
}

/* ショッピングインフォメーション2 */
#top_info2 {
text-align: left;
width: 480px;
float: left;
margin: 0px 15px 0px 20px;
}
#top_info2 .info_title {
padding-bottom: 3px;
border-bottom: 1px dotted #666;
margin: 10px 0px;
}

#top_info2 img {
margin: 0px 0px;
}

#top_info2 .img2 {
padding: 20px;
margin: 0px 10px 50px 15px;
}

#top_info2 h3 {
font-size: 12px;
margin: 5px 0px 0px 10px;
}
#top_info2 p {
margin: 5px 5px 0px 25px;
}
#top_info2 .next {
border: 0px;
margin: 0px 0px 10px 0px;
}