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

* {
margin: 0px;
padding: 0px;
}
body {
text-align: center;
background: #fff;
font-size: 10pt;
 color: #333;
background-image : url(http://www.chinpindo.co.jp/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; }

h1{
	font-size:10px;
	font-weight:normal;
	color:#C0C0C0;
}
h3{
font-size:12px;
	font-weight:normal;
	color:#0000C0;
}
h4{
}
h5{
}
h6{
}

/* ヘッダー */
#banner {
background: url(http://www.chinpindo.co.jp/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(http://www.chinpindo.co.jp/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(http://www.chinpindo.co.jp/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(http://www.chinpindo.co.jp/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(http://www.chinpindo.co.jp/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(http://www.chinpindo.co.jp/img/left_bg.jpg) no-repeat;
}
.left_img {
margin-bottom: 5px;
}
#cal {
margin: 10px 7px 0px 8px;
background:  url(http://www.chinpindo.co.jp/img/left_cal.gif) no-repeat;

}

/* レフトメニュー */
.left_menu {
padding: 0px 8px;
text-align: left;
list-style:none;
margin-bottom: 0px;
}
.left_menu ul{
list-style:none;
}
.left_menu li{
padding-left: 25px;
line-height: 30px;
background: url(http://www.chinpindo.co.jp/img/left_arrow.gif) 0px 8px no-repeat;
border-top: 1px dotted #ffffcc;
list-style:none;
}
#left a:link {
color: #ffffcc;
text-decoration: none;
}
#left a:visited {
color: #ffffcc;
text-decoration: none;
}
#left 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(http://www.chinpindo.co.jp/img/left_rank_bg.gif) no-repeat;
}
#left_rank li {
height: 30px;
width:190px;
list-style: none;
}
#left_rank li.no1 a:link {
text-decoration: none;
font-size: 14px;
color: #FFCC00;
top: 10px;
position:relative;left:63px;top:8px;
}
#left_rank li.no1 a:visited {
text-decoration: none;
font-size: 14px;
color: #FFCC00;
position:relative;left:63px;top:8px;
}
#left_rank li.no1 a:hover {
text-decoration: underline;
font-size: 14px;
color: #FFCC00;
}
#left_rank li.no23 a:link {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
position:relative;left:63px;top:10px;
}
#left_rank li.no23 a:visited {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
position:relative;left:63px;top:10px;
}
#left_rank li.no23 a:hover {
text-decoration: underline;
font-size: 12px;
color: #ffffcc;
}
#left_rank li.no45 a:link {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
font-weight: normal;
position:relative;left:63px;top:10px;
}
#left_rank li.no45 a:visited {
text-decoration: none;
font-size: 12px;
color: #ffffcc;
font-weight: normal;
position:relative;left:63px;top:10px;
}
#left_rank li.no45 a:hover {
text-decoration: underline;
font-size: 12px;
color: #ffffcc;
font-weight: normal;
}

/* メイン */
#main{
width:560px;
float: left;
padding-bottom: 30px;
}

#top_banner,
#top_campaign,
#top_customer,
#top_sweets,
#top_info,
#top_new,
#top_event {
margin: 20px 20px 0px 20px;
text-align: left;
clear: both;
}

#topBanner {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 520px;
	}

#topBanner img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#topBanner table {
	margin: 0px;
	padding: 0px;
	width: 520px;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	}

#topBanner th {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 270px;
	}

#topBanner td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 250px;
	}


#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 1px 0px 2px;
text-align: center;
width: 166px;
height:215px;
}
#top_sweets img {
margin-bottom: 10px;
}
#top_sweets h1 {
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 0.2em;
}
#top_sweets h2 {
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 0.2em;
}
#top_sweets p {
width: 150px;
text-align: left;
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;
}

.link_tbl {
font-size: 12px;
margin:0 0 15px 10px;
width: 490px;
}
.link_tbl td {
padding: 10px 5px;
border-bottom: 1px dotted #ccc;
}

/* エントリー */
.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(http://www.chinpindo.co.jp/img/bg_title.gif) no-repeat;
}
.cat_body {
margin: 0px 0px 20px 0px;
}

.cat_body p {
margin: 0px 20px 20px 20px;
}

.cat_more {
width: 520px;
clear: both;
padding-top: 20px;
margin: 0px 0px 20px 0px;
border-top: 1px dotted #666;
}

.cat_moreL {
float: left;
padding: 0px;
margin: 0px;
width: 165px;
}

.cat_moreR {
float: right;
padding: 0px;
margin: 0px;
width: 345px;
}

.cat_moreRL {
float: left;
padding: 0px;
margin: 0px;
width: 100px;
}

.cat_moreRR {
float: right;
padding: 0px;
margin: 0px;
width: 235px;
}

.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;
}

.sweetsBox {
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(http://www.chinpindo.co.jp/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;
}
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;
}


/* sweets2box
----------------------------------------------- */

.sweets2box {
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 20px 0px;
 width: 520px;
 border-bottom: dashed 1px #666;
 }

.sweets2boxL {
 margin: 0px;
 padding: 0px;
 width: 153px;
 float: left;
 }

.sweets2boxL img {
 margin: 0px;
 padding: 0px;
 border: solid 1px #666;
 }

.sweets2boxR {
 margin: 0px;
 padding: 0px;
 width: 355px;
 float: right;
 text-align: left;
 }

.sweets2boxR h2 {
 margin: 0px;
 padding: 2px 5px;
 background: #ffefde;
 font-size: 12px;
 line-height: 150%;
 color: #900;
 }

.sweets2boxR p {
 margin: 10px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 150%;
 color: #666;
 }

.sweets2boxR h3 {
 margin: 10px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 150%;
 color: #900;
 }

.sweets2boxRimg {
 margin: 0px 0px 0px 5px;
 padding: 0px;
 vertical-align: middle;
 }


/* キャンペーン
----------------------------------------------- */

#campaign {
 margin: 20px 0px 0px 20px;
 padding: 0px;
 width: 520px;
 text-align: left;
 }

#campaignTop {
 margin: 0px;
 padding: 0px;
 width: 520px;
 }

#campaignTopL {
 margin: 0px;
 padding: 0px;
 width: 340px;
 float: left;
 }

#campaignTopL h2 {
 margin: 0px;
 padding: 0px;
	font-size: 12px;
 line-height: 150%;
 color: #039;
 }

#campaignTopL p {
 margin: 15px 0px;
 padding: 0px;
	font-size: 12px;
 line-height: 150%;
 color: #666;
 }

.pRed { color: #930; }

#campaignTopR {
 margin: 0px;
 padding: 0px;
 width: 170px;
 float: right;
 }

#campaignCenter {
 margin: 0px;
 padding: 0px;
 width: 520px;
 }

#campaignCenter h2 {
 margin: 0px;
 padding: 0px;
	font-size: 12px;
 line-height: 150%;
 color: #039;
 }

#campaignCenter p {
 margin: 0px 0px 15px 0px;
 padding: 0px;
	font-size: 12px;
 line-height: 150%;
 }

#campaignCenterL {
 margin: 0px;
 padding: 0px;
 width: 155px;
 float: left;
 }

#campaignCenterR {
 margin: 0px;
 padding: 0px;
 width: 355px;
 float: right;
 }

#campaignCenterR h3 {
 margin: 0px;
 padding: 2px 0px 2px 5px;
	font-size: 14px;
 line-height: 150%;
 color: #930;
	background: #ffefde;
 }

#campaignCenterR h4 {
 margin: 0px 0px 5px 0px;
 padding: 0px;
	font-size: 14px;
 line-height: 150%;
 color: #930;
 }

#campaignBottom {
 margin: 0px;
 padding: 0px;
 width: 520px;
 }

#campaignBottomBoxA {
 margin: 10px 0px 15px 0px;
 padding: 0px;
 width: 520px;
	height: 93px;
	background: url("http://www.chinpindo.co.jp/img2/campaignImagesC.jpg") top left no-repeat;
 }

#campaignBottomBoxA p {
 margin: 0px 0px 0px 165px;
 padding: 0px;
	font-size: 12px;
 line-height: 150%;
 color: #666;
 }

#campaignBottomBoxB {
 margin: 0px;
 padding: 0px;
 width: 520px;
 }

#campaignBottomBoxBL {
 margin: 0px;
 padding: 0px;
 width: 155px;
 float: left;
 }

#campaignBottomBoxBR {
 margin: 0px;
 padding: 0px;
 width: 355px;
 float: right;
 }

#campaignBottomBoxBR h3 {
 margin: 0px;
 padding: 2px 0px 2px 5px;
	font-size: 14px;
 line-height: 150%;
 color: #930;
	background: #ffefde;
 }

#campaignBottomBoxBR h4 {
 margin: 0px 0px 5px 0px;
 padding: 0px;
	font-size: 14px;
 line-height: 150%;
 color: #930;
 }



/* gw	ゴールデンウィーク休業のお知らせ
----------------------------------------------- */
#gw{
	width		: 530px;
	margin		: 5px auto 15px auto;
	padding		: 8px 0;
	text-align	: center;
	border		: double 3px #CCC;
	background	: #FFFDE3;
	}

#gw table{
	width		: 350px;
	margin		: 10px;
	float		: left;
	text-align	: center;
	border-top	: solid 1px #CCC;
	border-left	: solid 1px #CCC;
	}

#gw th,
#gw td{
	padding			: 2px 8px;
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;
	}

#gw th{
	font-weight	: bold;
	background	: #EEE;
	}

#gw td{
	background	: #FFF;
	}
	
#gw caption{
	font-weight	: bold;
	}

#gw p{
	margin		: 2px 5px;
	text-align	: left;
	}

#gw .red{
	color		: #F00
	}

/* clearfix
----------------------------------------------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix { display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
	
	
/* clear
----------------------------------------------- */

.clear {
 margin: 0px;
 padding: 0px;
 clear: both;
 line-height: 0px;
 font-size: 0px;
 }