@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 #logo img { width: 80%; /*画面に対してロゴ画像を80％の幅に*/ height: auto; } /*電話番号ボックスの設定*/ header address { position: static; width: auto; margin: 0px auto 20px; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { position: static; } /*メニュー１個ごとの設定*/ nav#menu ul li { float: none; width: auto; } nav#menu ul li a { margin: 0px; margin-bottom: 5px; } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 20px; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } #main p { padding: 0.5em 5px 1em; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #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; } /*トップページ内「更新情報・お知らせ」ブロック ---------------------------------------------------------------------------*/ section#new h2.open { background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4)); /*マイナスアイコンとグラデーション*/ background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%); /*同上*/ background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%); /*同上*/ } section#new h2.close { background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4)); /*プラスアイコンとグラデーション*/ background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%); /*同上*/ background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#FFF, #f4f4f4 49%, #e8e8e8 50%, #FFF 100%); /*同上*/ } /*ブロック全体の設定*/ #new dl { height: auto; padding-left: 5px; } /*日付設定*/ #new dt { float: none; width: auto; } /*記事設定*/ #new dd { padding-left: 0; } /*service.htmlで使っている紹介ボックスの設定 ---------------------------------------------------------------------------*/ /*ボックス内の段落タグ設定*/ #main section.list article p { margin-left: 0; } /*ボックス内の写真設定*/ #main section.list article figure img { width: 40%; height: auto; margin-right: 5px; } /*テーブル１ ---------------------------------------------------------------------------*/ /*テーブル内の右側*/ .ta1 td{ width: auto; padding: 2px; } /*テーブル内の左側の見出し部分*/ .ta1 th{ width: 100px; padding: 2px; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } /*メニュー折りたたみ設定*/ #top #menubar_hdr { display: none; } #menubar_hdr { display: inline; position: absolute; top: 0px; right: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5)); background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5); background-image: linear-gradient(#fbfbfb, #e5e5e5); padding: 10px; border: 1px solid #cfcfcf; border-radius: 0px 0px 6px 6px; } /*スマホ・タブレットで非表示（HOMEメニューに使用）*/ .stn { display: none; } /*独自追加 ---------------------------------------------------------------------------*/ #container_wrap { width: auto; } #container_wrap #container { width: auto; } #container_index #container { width: auto; }