.shokugan {
background:#262424;
width:930px;
height:1%;
position:relative;
}
.shokugan .hdbl {
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc_ld02.jpg) no-repeat right bottom #f49e17;
width:100%;
}
.shokugan .hdbin {
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc_logo_bg.jpg) no-repeat 0 107px;
width:100%;
}
.shokugan .hdbl h2 {
float:left;
width:447px;
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc_logo_bg.jpg) no-repeat left bottom;
}
.shokugan .hdbl .ld {
float:left;
width:483px;
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc_ld01.jpg) no-repeat left top;
}
.shokugan .hdbl .ld p {
margin:0;
font-weight:bold;
padding:18px 65px 15px 31px;
}
.shokugan .hdbl .ldbtm { clear:both; }
.shokugan .skcont {
float:left;
width:735px;
}
.shokugan .skmenu {
float:left;
width:186px;
}
.shokugan .skcont ul.nav {
padding:0 0 3px 11px;
height:54px;
overflow:hidden;
}
.shokugan .skcont ul.nav li { float:left; }
.shokugan .skcont .sgc-hk,
.shokugan .skcont .sgc-tp01,
.shokugan .skcont .sgc-tp02,
.shokugan .skcont .sgc-kanren { margin:7px 8px 10px 11px; }
.shokugan .skcont .sgc-hk { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc01a.jpg) repeat-y left top; }
.shokugan .skcont .sgc-hk .inbx { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc01b.jpg) no-repeat left bottom; }
.shokugan .skcont .sgc-tp01 { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc02a.jpg) repeat-y left top; }
.shokugan .skcont .sgc-tp01 .inbx { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc02b.jpg) no-repeat left bottom; }
.shokugan .skcont .sgc-tp02 { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc03a.jpg) repeat-y left top; }
.shokugan .skcont .sgc-tp02 .inbx { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc03b.jpg) no-repeat left bottom; }
.shokugan .skcont .sgc-kanren { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc05a.jpg) repeat-y left top; }
.shokugan .skcont .sgc-kanren .inbx { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc05b.jpg) no-repeat left bottom; }
/** 商品テーブル **/
.shokugan .skcont .inbx .big { padding:6px 0 0 10px; }
.shokugan .skcont .inbx .normal { padding:6px 0 0 12px; }
.shokugan .skcont .sgc-hk .inbx table { margin:6px 0 0px 10px; }
.shokugan .skcont .inbx table td {
padding:5px 3px 5px 3px;
vertical-align:top;
}
.shokugan .skcont .inbx .big table td { padding:5px 5px 5px 5px; }
.shokugan .skcont .sgc-hk .inbx table td {
padding:5px 5px 5px 5px;
vertical-align:top;
}
.shokugan .skcont .inbx table .name td,
.shokugan .skcont .inbx table .pric td {
padding:2px 3px 5px 3px;
vertical-align:top;
}
.shokugan .skcont .inbx table .ibt td { padding-bottom:12px; }
.shokugan .skcont .sgc-hk .inbx table .name td,
.shokugan .skcont .sgc-hk .inbx table .pric td {
padding:2px 5px 5px 5px;
vertical-align:top;
}
.shokugan .skcont .inbx .big table .name td,
.shokugan .skcont .inbx .big table .pric td {
padding:2px 6px 5px 6px;
vertical-align:top;
}
.shokugan .skcont .inbx .big table .text td {
padding:0px 6px 5px 6px;
vertical-align:top;
}
.shokugan .skcont .inbx .big table .text p { padding-right:11px; }
.shokugan .skcont .inbx table .name p {
width:109px;
font-weight:bold;
line-height:120%;
}
.shokugan .skcont .sgc-hk .inbx table .name p { width:129px; }
.shokugan .skcont .inbx .big table .name p {
width:333px;
font-size:120%;
}
.shokugan .skcont .inbx .big table .name span {
font-size:88%;
margin-right:5px;
}
.shokugan .skcont .inbx table td span { display:block; }
.shokugan .skcont .inbx table .pric td .sin span,
.shokugan .skcont .inbx table td span.pr,
.shokugan .skcont .inbx .big table td span { display:inline; }
.shokugan .skcont .inbx table .pric td p {
font-weight:bold;
font-size:90%;
line-height:135%;
color:#991e23;
}
.shokugan .skcont .inbx table .pric td p.sin {
font-size:80%;
padding-left:2px;
}
.shokugan .skcont .inbx .big table .pric td p,
.shokugan .skcont .inbx .big table .pric td p.sin { float:left; }
.shokugan .skcont .inbx .big table .pric td p.sin { padding:5px 0 0 10px; }
.shokugan .skcont .inbx table .pric td span { font-weight:normal; }
.shokugan .skcont .inbx table .pric td span.pr {
font-family:'verdana';
color:#b21c20;
font-weight:bold;
font-size:170%;
margin-right:3px;
}
.shokugan .skcont .inbx table .pric td .sin span.pr { font-size:130%; }
.shokugan .skcont .inbx .big table .pric td p {
padding:3px 0;
line-height:130%;
}
.shokugan .skcont .inbx .big table .pric td span.pr { font-size:200%; }
.shokugan .skcont .inbx .big table .pric td .sin span.pr { font-size:150%; }
.shokugan .skcont .inbx table .ibt td { text-align:center; }
/** /商品テーブル **/
/** 右ナビ **/
.shokugan .skmenu h4 { clear:both; }
.shokugan .skmenu dl {
height:1%;
border-bottom:1px solid #aecde7;
margin:0 2px;
clear:both;
}
.shokugan .skmenu dl.end { border:none; }
.shokugan .skmenu dl dt {
margin:7px 5px 4px 8px;
padding:0;
float:left;
width:72px;
display:inline;
}
.shokugan .skmenu dl dd div.no01,
.shokugan .skmenu dl dd div.no02,
.shokugan .skmenu dl dd div.no03 { padding:0px 2px 1px 21px; }
.shokugan .skmenu dl dd div.no01 {
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icon_crw01.gif) no-repeat 0 0;
color:#e1a213;
}
.shokugan .skmenu dl dd div.no02 {
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icon_crw01.gif) no-repeat 0 -48px;
color:#7d796f;
}
.shokugan .skmenu dl dd div.no03 {
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icon_crw01.gif) no-repeat 0 -99px;
color:#9a8041;
}
.shokugan .skmenu dl dd div.noxx { padding:0px 2px 0px 4px; }
.shokugan .skmenu dl dd {
float:left;
display:inline;
width:88px;
font-weight:bold;
margin:5px 8px 0px 0px;
padding:0;
}
.shokugan .skmenu dl dd p {
padding:0 0 6px 3px;
line-height:120%;
}
.shokugan .skmenu dl dd p.pri {
font-size:88%;
color:#991e23;
padding-bottom:4px;
}
.shokugan .skmenu dl dd p.pri span {
font-weight:normal;
display:block;
}
.shokugan .skmenu dl dd p.pri span.pr {
font-family:'verdana';
font-weight:bold;
display:inline;
color:#b21c20;
font-size:140%;
}
.shokugan .skmenu dl dt { float:left; }
.shokugan .skmenu ul {
padding:5px 8px 0px 8px;
height:1%;
}
.shokugan .skmenu ul li {
width:170px;
float:left;
vertical-align:bottom;
}
.shokugan .skmenu ul li a {
display:block;
font-weight:bold;
padding:7px 3px 5px 45px;
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icn_vol1.gif) no-repeat left top;
min-height:33px;
height: auto !important;
height: 33px;
line-height:120%;
}
.shokugan .skmenu ul.work li a { background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icn_vol2.gif) no-repeat left top; }
.shokugan .skmenu ul li.vol01 a { background-position: 0 0px; }
.shokugan .skmenu ul li.vol02 a { background-position: 0 -90px; }
.shokugan .skmenu ul li.vol03 a { background-position: 0 -180px; }
.shokugan .skmenu ul li.vol04 a { background-position: 0 -270px; }
.shokugan .skmenu ul li.vol05 a { background-position: 0 -360px; }
.shokugan .skmenu ul li.vol06 a { background-position: 0 -450px; }
.shokugan .skmenu ul li.vol07 a { background-position: 0 -540px; }
.shokugan .skmenu ul li.vol08 a { background-position: 0 -630px; }
.shokugan .skmenu ul li.vol09 a { background-position: 0 -720px; }
.shokugan .skmenu ul li.vol10 a { background-position: 0 -810px; }
.shokugan .skmenu ul li.vol11 a { background-position: 0 -900px; }
.shokugan .skmenu ul li.vol12 a { background-position: 0 -990px; }
.shokugan .skmenu ul li.vol13 a { background-position: 0 -1080px; }
.shokugan .skmenu ul li.vol14 a { background-position: 0 -1180px; }
.shokugan .skmenu ul li.vol01 a:hover { background-position: -216px 0px; }
.shokugan .skmenu ul li.vol02 a:hover { background-position: -216px -90px; }
.shokugan .skmenu ul li.vol03 a:hover { background-position: -216px -180px; }
.shokugan .skmenu ul li.vol04 a:hover { background-position: -216px -270px; }
.shokugan .skmenu ul li.vol05 a:hover { background-position: -216px -360px; }
.shokugan .skmenu ul li.vol06 a:hover { background-position: -216px -450px; }
.shokugan .skmenu ul li.vol07 a:hover { background-position: -216px -540px; }
.shokugan .skmenu ul li.vol08 a:hover { background-position: -216px -630px; }
.shokugan .skmenu ul li.vol09 a:hover { background-position: -216px -720px; }
.shokugan .skmenu ul li.vol10 a:hover { background-position: -216px -810px; }
.shokugan .skmenu ul li.vol11 a:hover { background-position: -216px -900px; }
.shokugan .skmenu ul li.vol12 a:hover { background-position: -216px -990px; }
.shokugan .skmenu ul li.vol13 a:hover { background-position: -216px -1080px; }
.shokugan .skmenu ul li.vol14 a:hover { background-position: -216px -1180px; }
.shokugan .skmenu ul.maker li a {
display:block;
padding:3px 3px 4px 21px;
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icon_maker.gif) no-repeat 0 3px;
min-height:15px;
height: auto !important;
height: 15px;
}
.shokugan .skmenu ul.maker li a:hover{
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icon_maker.gif) no-repeat -200px 3px;
}
.shokugan .skmenu .sgc-bx {
margin:8px 0 0 0;
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc04a.jpg) repeat-y left top;
height:1%;
}
.shokugan .skmenu .sgc-bx .inbx {
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/sgc04b.jpg) no-repeat left bottom;
height:1%;
padding-bottom:7px;
}
/** /右ナビ **/
.shokugan .spbn { padding:8px 0 12px 18px; }
/** 関連特集 **/
.shokugan .skcont .kanren {
clear:both;
height:1%;
border-bottom:1px solid #dadada;
margin:0 2px;
}
.shokugan .skcont .k-end { border-bottom:none; }
.shokugan .skcont .kanren .seal {
float:left;
padding:7px 10px 7px 8px;
clear:both;
}
.shokugan .skcont .kanren .text {
float:left;
padding:7px 0;
width:620px;
}
.shokugan .skcont .kanren .text strong {
display:block;
font-size:110%;
padding-bottom:3px;
}
/** /関連特集 **/
.shokugan .test {
width:186px;
position:absolute;
right:8px;
bottom:23px;
}
/** 終わり **/
.shokugan .sgc-btm { clear:both; }
.shokugan .sgback {
text-align:right;
padding:0 8px 3px 0;
}
.shokugan .sgback a {
background:url(https://img1.kakaku.k-img.com/images/article/search/collector/shokugan/icn_back.jpg) no-repeat right center;
padding:3px 21px 3px 3px;
color:#FFFFFF;
}
/** クリア **/
.shokugan:after,
.shokugan .hdbl:after,
.shokugan .hdbin:after,
.shokugan .skcont .kanren:after,
.shokugan .skmenu .sgc-bx .inbx:after,
.shokugan .skmenu .sgc-bx .inbx:after,
.shokugan .skmenu dl:after {
clear: both;
height: 0;
visibility: hidden;
display: block;
content: ".";
}