@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; } header address a { color: inherit; /*リンクテキストの色*/ text-decoration: none; /*下線を消す設定。残したいならこの１行削除。*/ } header address a:hover { color: inherit; /*マウスオン時の文字色（全体）*/ text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/ } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { position: static; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; } nav#menu ul li a { margin: 0px; margin-bottom: 5px; } /*最初のメニューの設定*/ /* nav#menu ul li:first-child { } */ #current { display: block; } /*奇数番目のメニューの設定(※スマホ・タブレットでは「HOME」が隠れているので「サービス」「お問い合わせ」が奇数番目になる)*/ nav#menu ul li:nth-child(even) { 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; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #mainimg_mini, #mainimg_big{ height: auto; width: 100%; } #mainimg_mini{ z-index: 1; } #slide_image_mini { display: block; height: auto; width: 100%; position: relative; } #slide_image_big { display: none; } #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; */ } #sinryoujikan{ width: 100%; } #sinryoujikan th{ width: 12%; border: #000 double 3px; background-color: #5dccfa; color: #fff; text-align: center; font-weight: bold; } #sinryoujikan td{ width: 12%; border: #000 double 3px; text-align: center; font-weight: bold; } #keireki{ margin: 5px auto; width: 85%; border: #5dccfa dotted 3px; } #keireki dt{ padding: 0.5em 15px 0.1em; /*左から、上、左右、下への余白*/ font-weight: bold; } #keireki dd{ padding: 0em 35px 0.1em; /*左から、上、左右、下への余白*/ } #kouyou{ margin: 5px auto; width: 85%; border: #5dccfa dotted 3px; } #kouyou li{ margin: 0.5em 25px 0.1em; /*左から、上、左右、下への余白*/ list-style-type: disc; } #kouyou li li{ list-style-type: circle; } .syoujoukokuban { margin: 5px auto; border: #bf8300 inset 12px; padding: 10px 10px 10px 40px; width: 90%; max-width: 400px; background: gray url("../images/kokuban.jpg"); background-position: center center; color: #fefefe; }