/* s-labtop【公式サイト】 ------------------------------------------------- */ body { -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ width: 900px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; background-color: #ffffff; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; } /* 全体囲み div ------------------------------------------------- ------------------------------------------------- */ #fullbox { width: 900px; } /* オープニング div ------------------------------------------------- ------------------------------------------------- */ #opening { background-image: url(image/slab-botan1-2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* ヘッダー div ------------------------------------------------- ------------------------------------------------- */ #header { width: 600px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* 仕事 div ------------------------------------------------- ------------------------------------------------- */ #job { background-image: url(image/slab-botan2-2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* お問い合わせ・仕事内容 div ------------------------------------------------- ------------------------------------------------- */ #access { background-image: url(image/slab-botan3-2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* 料金 div ------------------------------------------------- ------------------------------------------------- */ #order { background-image: url(image/slab-botan4-2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* ぷりん div ------------------------------------------------- ------------------------------------------------- */ #purin { background-image: url(image/slab-botan5-2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* フェイスブック div ------------------------------------------------- ------------------------------------------------- */ #fb { background-image: url(image/slab_fb_bk.jpg); background-repeat: no-repeat; background-position: center center; width: 538px; height: 296px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; padding-top: 4px; padding-right: auto; padding-left: 37px; float: left; } /* 青月 div ------------------------------------------------- ------------------------------------------------- */ #aotsuki { background-image: url(image/aotsuki_2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* 世乃 div ------------------------------------------------- ------------------------------------------------- */ #seno { background-image: url(image/slab-botan7-2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* ヒロ div ------------------------------------------------- ------------------------------------------------- */ #hiro { background-image: url(image/slab-botan8-2.jpg); width: 300px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; float: left; } /* リンク範囲に色 ------------------------------------------------- */ .link:hover { background-color: #ffffff; opacity: 0.1; } /* 画像の下にできた隙間を消す ------------------------------------------------- ------------------------------------------------- */ img { vertical-align: bottom; } /* フッター ------------------------------------------------- ------------------------------------------------- */ #footer { width: 900px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; clear: both; } /* コピーライト div ------------------------------------------------- */ #copy { width: 900px; height: 20px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; font-size: 14px; text-align: center; } /* スマホ向け表示 div ------------------------------------------------- */ #mobile_botan { width: 414px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; }