@charset "Shift_JIS";
@import "../common/common.css";


/* 共通 */
#MAIN-CLM { width: 609px ;
	padding-left: 24px ;
	float: left ;
}
/* 共通 */


/* トップ */
#TOP .ttl-clm { background: url(../shop/img/close-up/top_tt_bg.gif) no-repeat left top ;
	margin-bottom: 36px ;
	height: 266px ;
}
#TOP .ttl-clm h2 { padding:20px 0 46px ;
}
#TOP .ttl-clm p { width: 400px ;
}
#TOP .ttl-clm .copy img { padding-bottom: 12px ;
}
#TOP .ttl-clm .copy { padding-bottom: 8px ;
	width: 373px ;
}
#TOP .clm h3 { padding-bottom: 18px ;
}
#TOP .clm ul { padding-bottom: 32px ;
}
#TOP .clm li { float: left ;
	padding: 0 16px 18px 0 ;
	width: 109px ;
	height: 169px;
}
#TOP .clm li.right { float: right ;
	padding-right: 0 ;
}
#TOP .clm .pct img { padding-bottom: 48px ;
}
/* トップ */


/* 詳細ページ */
#CL-UP .ttl-clm { background: url(../shop/img/close-up/close-up_tt_bg.gif) no-repeat left top ;
	margin-bottom: 36px ;
}
#CL-UP .ttl-clm h2 { padding: 14px 0 36px ;
}
#CL-UP .ttl-clm .copy { padding-bottom: 14px ;
}
#CL-UP .ttl-clm .btn { text-align: right ;
	padding: 0 12px 0 0 ;
}

#CL-UP .photo { float: left ;
}
#CL-UP .right { float: right ;
}

#CL-UP .top-clm { background: url(../shop/img/close-up/close-up_bg.gif) no-repeat left top ;
	padding: 7px 36px 15px 39px ;
	margin-bottom: 30px ;
}
#CL-UP .top-clm .sub-clm { width: 368px ;
	padding: 15px 0 0 ;
	float: right ;
}
#CL-UP .top-clm .sub-clm h3 { padding-bottom: 27px ;
}
#CL-UP .top-clm .sub-clm p { padding-bottom: 9px ;
}
#CL-UP .top-clm .pcs { text-align: right ;
}
#CL-UP .top-clm .pcs a { background: url(../shop/img/close-up/arw.gif) no-repeat left center ;
	padding-left: 10px ;
}
#CL-UP #MAIN-CLM h4 { padding-bottom: 5px ;
}
#CL-UP #MAIN-CLM table { border: none ;
	margin-bottom: 24px ;
}
#CL-UP #MAIN-CLM td { width: 292px ;
	vertical-align: top ;
	padding: 21px 0 24px ;
	background: url(../shop/img/close-up/dot.gif) repeat-x left bottom ;
}
#CL-UP #MAIN-CLM td.spc { width: 25px ;
	background: none ;
}
#CL-UP #MAIN-CLM td p { padding-top: 14px ;
}
#CL-UP #MAIN-CLM td p.photo,
#CL-UP #MAIN-CLM td p.right { padding-top: 0 ;
	width: 102px ;
}
#CL-UP #MAIN-CLM td p.photo { padding-right: 12px ;
}
#CL-UP #MAIN-CLM td p.right { padding-left: 12px ;
}
#CL-UP .btn { text-align: right ;
	padding: 0 18px 24px 0 ;
}
/* 詳細ページ */

/* 詳細ページ 肥後 黒胡麻・釜賀 */
#CL-UP .HB740 .top-clm .sub-clm { padding-top: 10px ;
}
#CL-UP .HB740 .top-clm .sub-clm h3 { padding-bottom: 29px ;
}
/* 詳細ページ 肥後 黒胡麻・釜賀 */

/* 詳細ページ 果心菓ゆず */
#CL-UP .ST1710 .top-clm .sub-clm { padding-top: 10px ;
}
#CL-UP .ST1710 .top-clm .sub-clm h3 { padding-bottom: 29px ;
}
/* 詳細ページ 果心菓ゆず */

/* 詳細ページ リリプルコンフェクト */
#CL-UP .liliput .ttl-clm { margin-bottom: 12px ;
}
#CL-UP .liliput .date { border-bottom: 1px dotted #B6B6B6;
	border-top: 1px dotted #B6B6B6;
	margin: 0 0 12px;
	padding: 16px 0;
}
#CL-UP .liliput .lnk { float: right;
}
#CL-UP .liliput .lnk li { float: left;
	padding-left: 12px;
	margin: 0;
}
#CL-UP .liliput .lineup { margin-bottom: 30px;
}
#CL-UP .liliput .lineup li { list-style: none;
	width: 191px;
	padding: 0 18px 0 0;
	float: left;
}
#CL-UP .liliput .lineup .li-end { padding: 0 0 0 0;
}
#CL-UP .liliput .lineup p { padding-bottom:6px;
}
#CL-UP .liliput .nougatine { padding: 12px 0 0 0 ;
	margin: 0;
}
#CL-UP .liliput .lineup2 { background-color: #faf8f2;
	margin-top: 24px;
    padding: 15px 30px 30px 30px;
}
#CL-UP .liliput .lineup2 li { margin: 0;
	padding: 0 0 3px 0;
}
#CL-UP .liliput .lineup2 .photo { float: left;
	margin: 0 27px 0 0;
}
#CL-UP .liliput .lineup2 .pcs a { background: url(../shop/img/close-up/arw.gif) no-repeat left center ;
	padding-left: 10px ;
}
#CL-UP .liliput .lineup2 .item { padding-top: 24px;
}
/* 詳細ページ リリプルコンフェクト */

/* 詳細ページ プチフールコレクション */
#CL-UP .petitfour .ttl-clm { margin-bottom: 12px ;
}
#CL-UP .petitfour .date { border-bottom: 1px dotted #B6B6B6;
	border-top: 1px dotted #B6B6B6;
	margin: 0 0 12px;
	padding: 16px 0;
}
#CL-UP .petitfour .lnk li { padding-left: 150px;
	margin: 0;
	text-align: left;
}
#CL-UP .petitfour .lineup { margin-bottom: 30px;
}
#CL-UP .petitfour .lineup li { list-style: none;
	width: 191px;
	padding: 0 18px 0 0;
	float: left;
}
#CL-UP .petitfour .lineup .li-end { padding: 0 0 0 0;
}
#CL-UP .petitfour .lineup p { padding-bottom: 12px;
}
#CL-UP .petitfour .nougatine { padding: 12px 0 0 0 ;
	margin: 0;
}
#CL-UP .petitfour .lineup2 { background-color: #faf8f2;
	margin-top: 24px;
    padding: 30px 30px 0 30px;
}
#CL-UP .petitfour .lineup2 li { margin: 0;
	padding: 0 0 30px 0;
}
#CL-UP .petitfour .lineup2 .photo { float: left;
	margin: 0 27px 0 0;
}
#CL-UP .petitfour .lineup2 .pcs a { background: url(../shop/img/close-up/arw.gif) no-repeat left center ;
	padding-left: 10px ;
}
#CL-UP .petitfour .lineup2 .item { padding: 24px 0 6px 0;
}
#CL-UP .petitfour .lineup2 .spc { padding: 0 0 0 214px;
}
/* 詳細ページ プチフールコレクション */

/* 詳細ページ 甲陽園のブルーメ */
#CL-UP .blume .ttl-clm { margin-bottom: 12px ;
}
#CL-UP .blume .date { border-bottom: 1px dotted #B6B6B6;
	border-top: 1px dotted #B6B6B6;
	margin: 0 0 12px;
	padding: 16px 0;
}
#CL-UP .blume .lnk li { padding-left: 150px;
	margin: 0;
	text-align: left;
}
#CL-UP .blume .lineup { margin-bottom: 30px;
}
#CL-UP .blume .lineup li { list-style: none;
	width: 292px;
	padding: 0 25px 33px 0;
	float: left;
}
#CL-UP .blume .lineup .li-end { padding: 0 0 0 0;
}
#CL-UP .blume .lineup p { padding-bottom: 12px;
}
#CL-UP .blume .nougatine { padding: 12px 0 0 0 ;
	margin: 0;
}
#CL-UP .blume .lineup2 { background-color: #faf8f2;
	margin-top: 24px;
    padding: 30px;
}
#CL-UP .blume .lineup2 ul { margin: 0 0 12px 0;
	padding: 0;
}
#CL-UP .blume .lineup2 li { margin: 0;
	padding: 0 0 3px 0;
}
#CL-UP .blume .lineup2 .photo { float: left;
	margin: 0 27px 0 0;
}
#CL-UP .blume .lineup2 .pcs a { background: url(../shop/img/close-up/arw.gif) no-repeat left center ;
	padding-left: 10px ;
}
#CL-UP .blume .lineup2 .item,
#CL-UP .blume .lineup2 .item-price { padding: 0 0 12px 0;
}
/* 詳細ページ 甲陽園のブルーメ */


/* 以下 旧css */

#main_closeup {
float:left;
width:609px;
margin:0;
padding:0 0 0 24px;
}

/* index
----------------------------------------------- */
#closeup_index{
width:600px;
}
#closeup_index .btn { text-align: right ;
}

/* 共通
----------------------------------------------- */
#closeup_white{
width:526px;
margin:0 auto;
}


#main_closeup h4 {
clear:both;
}


#closeup_l{
float:left;
width:254px;
margin-bottom:20px;
}

#closeup_r{
float:right;
width:246px;
text-align:left;
}


#main_closeup ul {
margin:0;
padding:5px 0 15px 0;
list-style:none;
}

#main_closeup li {
margin:0;
padding:0 0 2px 0;
}

#main_closeup h3 {
width:560px;
height:86px;
font-size:12px;
font-weight:normal;
margin:0 auto;
padding:0 0 15px 0;
}


/* 背景　タイトル　0704
----------------------------------------------- */

#closeup_bg_0704{
width:600px;
background:url(../shop/img/close-up/0704_bg.gif) repeat-y;
text-align:center;
}

#closeup_title_0704 {
clear:both;
width:600x;
background:url(../shop/img/close-up/0704_waku_t.gif) no-repeat bottom;
font-size:20px;
font-weight:normal;
margin:0 0 0 0;
padding:0 0 29px 0;
}

#closeup_end_0704{
width:600px;
height:45px;
background:url(../shop/img/close-up/0704_end.gif) no-repeat;
}




/* 背景　タイトル　0705
----------------------------------------------- */
#closeup_bg_0705{
width:600px;
background:url(../shop/img/close-up/bg.gif) repeat-y;
text-align:center;
}


#closeup_title_0705 {
clear:both;
width:600x;
background:url(../shop/img/close-up/0705_waku_t.gif) no-repeat bottom;
font-size:20px;
font-weight:normal;
margin:0 0 0 0;
padding:0 0 29px 0;
}

#closeup_end{
width:600px;
height:45px;
background:url(../shop/img/close-up/end.gif) no-repeat;
}


/* 背景　タイトル　0708
----------------------------------------------- */

#closeup_bg_0708{
width:600px;
background:url(../shop/img/close-up/0708_bg.gif) repeat-y;
text-align:center;
}

#closeup_title_0708 {
clear:both;
width:600x;
background:url(../shop/img/close-up/0708_waku_t.gif) no-repeat bottom;
font-size:20px;
font-weight:normal;
margin:0 0 0 0;
padding:0 0 29px 0;
}

#closeup_end_0708{
width:600px;
height:45px;
background:url(../shop/img/close-up/0708_end.gif) no-repeat;
}

/* おいしさのヒミツ0704
----------------------------------------------- */
.himitu_0704{
width:526px;
}

.himitu_0704_l{
float:left;
width:189px;
padding-bottom:15px;
}

.himitu_0704_r{
float:right;
width:320px;
text-align:left;
padding-bottom:15px;
}

#main_closeup h5{
margin:0 0 3px 0;
}

/* おいしさのヒミツ0705
----------------------------------------------- */
.himitu_0705{
width:526px;
}

.himitu_0705_l{
float:left;
width:189px;
padding-bottom:15px;
}

.himitu_0705_r{
float:right;
width:320px;
text-align:left;
padding-bottom:15px;
}

#main_closeup h5{
margin:0 0 3px 0;
}

/* おいしさのヒミツ0705
----------------------------------------------- */
#CLS_0904 .sub-clm { padding-bottom: 50px ;
}
/* パッケージ
----------------------------------------------- */
#package{
clear:both;
width:486px;
border:1px solid #DAB8A1;
padding:20px;
margin:10px auto 0 auto;
text-align:left;
}

#package_img{
margin-right:15px;
float:left;
}