/* -------------------------------------------------- RandomFadeIn -------------------------------------------------- */ /* フェードインさせる要素を包含する */ .boxset_index {width:980px;background:url(../img/cook.png) no-repeat top center;background-size:220px 550px;} /* 未表示の場合でも表示領域を確保するために必要 */ #boxset div { width:180px; height:180px; float:left; overflow:hidden; } #boxset div {margin-bottom:20px;} #boxset div.index_01 {margin-right:20px;} #boxset div.index_02 {margin-right:200px;} #boxset div.index_03 {margin-left:20px;} #boxset div.index_04 {margin-left:20px;} #boxset div.dish {margin-left:20px;} /* 実際にフェードインさせる要素 */ #boxset div p { margin:0; width:100%; height:100%; display:none; } /* ロールオーバー */ #boxset div p a { width:180px; height:180px; margin:0; padding:0; text-align:center; line-height:130%; vertical-align:middle; display:table-cell; text-shadow:0 0 3px #fff; background-size:180px 180px; } #boxset div p a span {display:none;} #boxset div p a:hover span {display:inline;color:#300;} a.meat_beaf_01 {background:url(../img/meat/beaf/01.png);} a.meat_beaf_01:hover {background:url(../img/meat/beaf/01+.png);} a.meat_beaf_02 {background:url(../img/meat/beaf/02.png);} a.meat_beaf_02:hover {background:url(../img/meat/beaf/02+.png);} a.meat_beaf_03 {background:url(../img/meat/beaf/03.png);} a.meat_beaf_03:hover {background:url(../img/meat/beaf/03+.png);} a.meat_beaf_04 {background:url(../img/meat/beaf/04.png);} a.meat_beaf_04:hover {background:url(../img/meat/beaf/04+.png);} a.meat_beaf_05 {background:url(../img/meat/beaf/05.png);} a.meat_beaf_05:hover {background:url(../img/meat/beaf/05+.png);} a.meat_beaf_06 {background:url(../img/meat/beaf/06.png);} a.meat_beaf_06:hover {background:url(../img/meat/beaf/06+.png);} a.meat_beaf_07 {background:url(../img/meat/beaf/07.png);} a.meat_beaf_07:hover {background:url(../img/meat/beaf/07+.png);} a.meat_pork_01 {background:url(../img/meat/pork/01.png);} a.meat_pork_01:hover {background:url(../img/meat/pork/01+.png);} a.meat_pork_02 {background:url(../img/meat/pork/02.png);} a.meat_pork_02:hover {background:url(../img/meat/pork/02+.png);} a.meat_pork_03 {background:url(../img/meat/pork/03.png);} a.meat_pork_03:hover {background:url(../img/meat/pork/03+.png);} a.meat_pork_04 {background:url(../img/meat/pork/04.png);} a.meat_pork_04:hover {background:url(../img/meat/pork/04+.png);} a.meat_pork_05 {background:url(../img/meat/pork/05.png);} a.meat_pork_05:hover {background:url(../img/meat/pork/05+.png);} a.meat_pork_06 {background:url(../img/meat/pork/06.png);} a.meat_pork_06:hover {background:url(../img/meat/pork/06+.png);} a.meat_pork_07 {background:url(../img/meat/pork/07.png);} a.meat_pork_07:hover {background:url(../img/meat/pork/07+.png);} a.meat_pork_08 {background:url(../img/meat/pork/08.png);} a.meat_pork_08:hover {background:url(../img/meat/pork/08+.png);} a.meat_pork_09 {background:url(../img/meat/pork/09.png);} a.meat_pork_09:hover {background:url(../img/meat/pork/09+.png);} a.meat_pork_10 {background:url(../img/meat/pork/10.png);} a.meat_pork_10:hover {background:url(../img/meat/pork/10+.png);} a.meat_pork_11 {background:url(../img/meat/pork/11.png);} a.meat_pork_11:hover {background:url(../img/meat/pork/11+.png);} a.meat_pork_12 {background:url(../img/meat/pork/12.png);} a.meat_pork_12:hover {background:url(../img/meat/pork/12+.png);} a.meat_pork_13 {background:url(../img/meat/pork/13.png);} a.meat_pork_13:hover {background:url(../img/meat/pork/13+.png);} a.meat_chiken_01 {background:url(../img/meat/chiken/01.png);} a.meat_chiken_01:hover {background:url(../img/meat/chiken/01+.png);} a.meat_chiken_02 {background:url(../img/meat/chiken/02.png);} a.meat_chiken_02:hover {background:url(../img/meat/chiken/02+.png);} a.meat_chiken_03 {background:url(../img/meat/chiken/03.png);} a.meat_chiken_03:hover {background:url(../img/meat/chiken/03+.png);} a.dish_croquette_01 {background:url(../img/dish/croquette/01.png);} a.dish_croquette_01:hover {background:url(../img/dish/croquette/01+.png);} a.dish_croquette_02 {background:url(../img/dish/croquette/02.png);} a.dish_croquette_02:hover {background:url(../img/dish/croquette/02+.png);} a.dish_croquette_03 {background:url(../img/dish/croquette/03.png);} a.dish_croquette_03:hover {background:url(../img/dish/croquette/03+.png);} a.dish_croquette_04 {background:url(../img/dish/croquette/04.png);} a.dish_croquette_04:hover {background:url(../img/dish/croquette/04+.png);} a.dish_croquette_05 {background:url(../img/dish/croquette/05.png);} a.dish_croquette_05:hover {background:url(../img/dish/croquette/05+.png);} a.dish_croquette_06 {background:url(../img/dish/croquette/06.png);} a.dish_croquette_06:hover {background:url(../img/dish/croquette/06+.png);} a.dish_croquette_07 {background:url(../img/dish/croquette/07.png);} a.dish_croquette_07:hover {background:url(../img/dish/croquette/07+.png);} a.dish_salad_01 {background:url(../img/dish/salad/01.png);} a.dish_salad_01:hover {background:url(../img/dish/salad/01+.png);} a.dish_salad_02 {background:url(../img/dish/salad/02.png);} a.dish_salad_02:hover {background:url(../img/dish/salad/02+.png);} a.dish_salad_03 {background:url(../img/dish/salad/03.png);} a.dish_salad_03:hover {background:url(../img/dish/salad/03+.png);} a.dish_salad_04 {background:url(../img/dish/salad/04.png);} a.dish_salad_04:hover {background:url(../img/dish/salad/04+.png);} a.dish_salad_05 {background:url(../img/dish/salad/05.png);} a.dish_salad_05:hover {background:url(../img/dish/salad/05+.png);} a.dish_salad_06 {background:url(../img/dish/salad/06.png);} a.dish_salad_06:hover {background:url(../img/dish/salad/06+.png);} a.dish_salad_07 {background:url(../img/dish/salad/07.png);} a.dish_salad_07:hover {background:url(../img/dish/salad/07+.png);} a.dish_salad_08 {background:url(../img/dish/salad/08.png);} a.dish_salad_08:hover {background:url(../img/dish/salad/08+.png);} a.dish_salad_09 {background:url(../img/dish/salad/09.png);} a.dish_salad_09:hover {background:url(../img/dish/salad/09+.png);} a.dish_salad_10 {background:url(../img/dish/salad/10.png);} a.dish_salad_10:hover {background:url(../img/dish/salad/10+.png);} a.dish_salad_11 {background:url(../img/dish/salad/11.png);} a.dish_salad_11:hover {background:url(../img/dish/salad/11+.png);} a.dish_salad_12 {background:url(../img/dish/salad/12.png);} a.dish_salad_12:hover {background:url(../img/dish/salad/12+.png);} a.dish_salad_13 {background:url(../img/dish/salad/13.png);} a.dish_salad_13:hover {background:url(../img/dish/salad/13+.png);} a.dish_salad_14 {background:url(../img/dish/salad/14.png);} a.dish_salad_14:hover {background:url(../img/dish/salad/14+.png);} a.dish_salad_15 {background:url(../img/dish/salad/15.png);} a.dish_salad_15:hover {background:url(../img/dish/salad/15+.png);} a.dish_salad_16 {background:url(../img/dish/salad/16.png);} a.dish_salad_16:hover {background:url(../img/dish/salad/16+.png);} a.dish_salad_17 {background:url(../img/dish/salad/17.png);} a.dish_salad_17:hover {background:url(../img/dish/salad/17+.png);} a.dish_salad_18 {background:url(../img/dish/salad/18.png);} a.dish_salad_18:hover {background:url(../img/dish/salad/18+.png);} a.dish_salad_19 {background:url(../img/dish/salad/19.png);} a.dish_salad_19:hover {background:url(../img/dish/salad/19+.png);} a.dish_deepfried_01 {background:url(../img/dish/deepfried/01.png);} a.dish_deepfried_01:hover {background:url(../img/dish/deepfried/01+.png);} a.dish_deepfried_02 {background:url(../img/dish/deepfried/02.png);} a.dish_deepfried_02:hover {background:url(../img/dish/deepfried/02+.png);} a.dish_deepfried_03 {background:url(../img/dish/deepfried/03.png);} a.dish_deepfried_03:hover {background:url(../img/dish/deepfried/03+.png);} a.dish_deepfried_04 {background:url(../img/dish/deepfried/04.png);} a.dish_deepfried_04:hover {background:url(../img/dish/deepfried/04+.png);} a.dish_deepfried_05 {background:url(../img/dish/deepfried/05.png);} a.dish_deepfried_05:hover {background:url(../img/dish/deepfried/05+.png);} a.dish_deepfried_06 {background:url(../img/dish/deepfried/06.png);} a.dish_deepfried_06:hover {background:url(../img/dish/deepfried/06+.png);} a.dish_deepfried_07 {background:url(../img/dish/deepfried/07.png);} a.dish_deepfried_07:hover {background:url(../img/dish/deepfried/07+.png);} a.dish_deepfried_08 {background:url(../img/dish/deepfried/08.png);} a.dish_deepfried_08:hover {background:url(../img/dish/deepfried/08+.png);} a.dish_deepfried_09 {background:url(../img/dish/deepfried/09.png);} a.dish_deepfried_09:hover {background:url(../img/dish/deepfried/09+.png);} a.dish_deepfried_10 {background:url(../img/dish/deepfried/10.png);} a.dish_deepfried_10:hover {background:url(../img/dish/deepfried/10+.png);} a.dish_deepfried_11 {background:url(../img/dish/deepfried/11.png);} a.dish_deepfried_11:hover {background:url(../img/dish/deepfried/11+.png);} a.dish_deepfried_12 {background:url(../img/dish/deepfried/12.png);} a.dish_deepfried_12:hover {background:url(../img/dish/deepfried/12+.png);} a.dish_deepfried_13 {background:url(../img/dish/deepfried/13.png);} a.dish_deepfried_13:hover {background:url(../img/dish/deepfried/13+.png);} a.dish_deepfried_14 {background:url(../img/dish/deepfried/14.png);} a.dish_deepfried_14:hover {background:url(../img/dish/deepfried/14+.png);} a.dish_deepfried_15 {background:url(../img/dish/deepfried/15.png);} a.dish_deepfried_15:hover {background:url(../img/dish/deepfried/15+.png);} a.dish_deepfried_16 {background:url(../img/dish/deepfried/16.png);} a.dish_deepfried_16:hover {background:url(../img/dish/deepfried/16+.png);} a.dish_deepfried_17 {background:url(../img/dish/deepfried/17.png);} a.dish_deepfried_17:hover {background:url(../img/dish/deepfried/17+.png);} a.dish_deepfried_18 {background:url(../img/dish/deepfried/18.png);} a.dish_deepfried_18:hover {background:url(../img/dish/deepfried/18+.png);} a.dish_deepfried_19 {background:url(../img/dish/deepfried/19.png);} a.dish_deepfried_19:hover {background:url(../img/dish/deepfried/19+.png);} a.dish_boilsaute_01 {background:url(../img/dish/boilsaute/01.png);} a.dish_boilsaute_01:hover {background:url(../img/dish/boilsaute/01+.png);} a.dish_boilsaute_02 {background:url(../img/dish/boilsaute/02.png);} a.dish_boilsaute_02:hover {background:url(../img/dish/boilsaute/02+.png);} a.dish_boilsaute_03 {background:url(../img/dish/boilsaute/03.png);} a.dish_boilsaute_03:hover {background:url(../img/dish/boilsaute/03+.png);} a.dish_boilsaute_04 {background:url(../img/dish/boilsaute/04.png);} a.dish_boilsaute_04:hover {background:url(../img/dish/boilsaute/04+.png);} a.dish_grill_01 {background:url(../img/dish/grill/01.png);} a.dish_grill_01:hover {background:url(../img/dish/grill/01+.png);} a.dish_grill_02 {background:url(../img/dish/grill/02.png);} a.dish_grill_02:hover {background:url(../img/dish/grill/02+.png);} a.dish_grill_03 {background:url(../img/dish/grill/03.png);} a.dish_grill_03:hover {background:url(../img/dish/grill/03+.png);} a.dish_grill_04 {background:url(../img/dish/grill/04.png);} a.dish_grill_04:hover {background:url(../img/dish/grill/04+.png);} a.dish_grill_05 {background:url(../img/dish/grill/05.png);} a.dish_grill_05:hover {background:url(../img/dish/grill/05+.png);} a.dish_grill_06 {background:url(../img/dish/grill/06.png);} a.dish_grill_06:hover {background:url(../img/dish/grill/06+.png);} a.dish_grill_07 {background:url(../img/dish/grill/07.png);} a.dish_grill_07:hover {background:url(../img/dish/grill/07+.png);} a.dish_grill_08 {background:url(../img/dish/grill/08.png);} a.dish_grill_08:hover {background:url(../img/dish/grill/08+.png);} a.dish_grill_09 {background:url(../img/dish/grill/09.png);} a.dish_grill_09:hover {background:url(../img/dish/grill/09+.png);} a.dish_grill_10 {background:url(../img/dish/grill/10.png);} a.dish_grill_10:hover {background:url(../img/dish/grill/10+.png);} a.dish_others_01 {background:url(../img/dish/others/01.png);} a.dish_others_01:hover {background:url(../img/dish/others/01+.png);} a.dish_others_02 {background:url(../img/dish/others/02.png);} a.dish_others_02:hover {background:url(../img/dish/others/02+.png);} a.dish_others_03 {background:url(../img/dish/others/03.png);} a.dish_others_03:hover {background:url(../img/dish/others/03+.png);} a.dish_others_04 {background:url(../img/dish/others/04.png);} a.dish_others_04:hover {background:url(../img/dish/others/04+.png);} a.retort_grill_01 {background:url(../img/retort/grill_01.png);} a.retort_grill_01:hover {background:url(../img/retort/grill_01+.png);} a.retort_grill_02 {background:url(../img/retort/grill_02.png);} a.retort_grill_02:hover {background:url(../img/retort/grill_02+.png);} a.retort_others_01 {background:url(../img/retort/others_01.png);} a.retort_others_01:hover {background:url(../img/retort/others_01+.png);} a.d01 {background:url(../img/dish_01.png);} a.d02 {background:url(../img/dish_02.png);} a.d03 {background:url(../img/dish_03.png);} a.d04 {background:url(../img/dish_04.png);} a.d05 {background:url(../img/dish_05.png);} a.d06 {background:url(../img/dish_06.png);} a.d07 {background:url(../img/dish_07.png);} a.d08 {background:url(../img/dish_08.png);} a.d09 {background:url(../img/dish_09.png);} a.d10 {background:url(../img/dish_10.png);} a.d11 {background:url(../img/dish_11.png);} a.d12 {background:url(../img/dish_12.png);} #boxset div p a:hover { text-indent:inherit; white-space: normal; overflow:visible; text-decoration:none; color:#000; } a.d01:hover {background:url(../img/dish_01h.png);} a.d02:hover {background:url(../img/dish_02h.png);} a.d03:hover {background:url(../img/dish_03h.png);} a.d04:hover {background:url(../img/dish_04h.png);} a.d05:hover {background:url(../img/dish_05h.png);} a.d06:hover {background:url(../img/dish_06h.png);} a.d07:hover {background:url(../img/dish_07h.png);} a.d08:hover {background:url(../img/dish_08h.png);} a.d09:hover {background:url(../img/dish_09h.png);} a.d10:hover {background:url(../img/dish_10h.png);} a.d11:hover {background:url(../img/dish_11h.png);} a.d12:hover {background:url(../img/dish_12h.png);} /* -------------------------------------------------- Reveal Modals -------------------------------------------------- */ .reveal-modal-bg { position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.5); z-index:100; display:none; top:0; left:0; } .reveal-modal { visibility: hidden; top:150px; left:50%; width:800px; margin-left: -400px; position: absolute; z-index: 101; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal-left {width:400px;height:400px;background:#000;float:left} .reveal-modal-left img {width:400px;height:400px;} .reveal-modal-right {width:350px;height:350px;background:#fff;padding:25px;float:left} .reveal-modal .close-reveal-modal { font-size: 39px; line-height: .5; position: absolute; top: 10px; right: 10px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); cursor: pointer; } .reveal-modal-left img {width:400px;height:400px;} .modal_title {margin-top:20px;border-bottom:1px solid #630;font-size:2.0rem;/*=20px */} .modal_price {margin-bottom:20px;text-align:right;} /* NOTES Close button entity is × Example markup

Awesome. I have it.

Your couch. I it's mine.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

×
*/