@charset "utf-8"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { text-align: center; height: auto; margin-bottom: 15px; } /*h1ロゴの設定*/ header h1 { display: none; } /*ロゴ画像の設定*/ header #logo { position: static; padding: 10px 0px; /*ロゴの上下にあける余白が10px*/ } /*電話番号ボックスの設定*/ header address { position: static; width: auto; margin: 0px auto 20px; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { position: static; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; } nav#menu ul li a { margin: 0px; margin-bottom: 5px; } /*奇数番目のメニューの設定(※スマホ・タブレットでは「HOME」が隠れているので「サービス」「お問い合わせ」が奇数番目になる)*/ nav#menu ul li:nth-child(odd) { width: 49%; margin-left: 1%; } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 20px; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } #main h2 { background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4)); /*グラデーション*/ background-image: -webkit-linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%); /*同上*/ background-image: linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%); /*同上*/ -webkit-box-shadow: 1px 2px 5px #CCC; /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/ box-shadow: 1px 2px 5px #CCC; /*同上*/ font-size: 100%; color: #000099; /*文字色*/ padding: 2px 15px; /*上下、左右への余白*/ clear: both; border-bottom: 5px solid #000099; /*下の線の幅、線種、色*/ border-top: 1px solid #CCC; /*上の線の幅、線種、色*/ border-right: 1px solid #CCC; /*右の線の幅、線種、色*/ border-left: 1px solid #CCC; /*左の線の幅、線種、色*/ } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #mainimg { height: auto; width: 100%; } #slide_image { height: auto; width: 100%; position: relative; } #slide_image2 { height: auto; width: 100%; position: absolute; left:0px; top:0px; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*スマホ・タブレットで非表示（HOMEメニューに使用）*/ .stn { display: none; }