@charset "utf-8"; /*全体の設定 ---------------------------------------------------------------------------*/ body{ background-size: 150%; /*背景画像をウィンドウに対して150％に*/ } /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container{ width: auto; margin-right: 6px; margin-left: 6px; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header{ text-align: center; height: auto; margin-bottom: 15px; } /*h1ロゴの設定*/ header h1{ position: static; padding: 10px 0px; /*ロゴの上下にあける余白が10px*/ } /*電話番号ボックスの設定*/ header address{ position: static; width: 300px; /*ボックス幅*/ margin: 0px auto; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロック全体の設定*/ nav#menu ul{ height: auto; padding: 0; margin: 0; background-image: none; } /*メニュー１個ごとの設定*/ nav#menu ul li{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,103,154,0.7)), to(rgba(241,57,109,0.7))); /*グラデーション。RGBA設定。0.7が透明度で他の数字が色のRGB値。*/ background-image: -webkit-linear-gradient(rgba(247,103,154,0.7), rgba(241,57,109,0.7)); /*同上*/ background-image: linear-gradient(rgba(247,103,154,0.7), rgba(241,57,109,0.7)); /*同上*/ border-radius: 10px; /*角丸のサイズ*/ -webkit-box-shadow: 1px 2px 7px #ccc; /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/ box-shadow: 1px 2px 7px #ccc; /*同上*/ float: left; border: none !important; margin-bottom: 5px; /*メニューの上下間の余白*/ margin-left: 1%; /*メニューの左右間の余白*/ width: 49%; /*メニュー幅*/ } nav#menu ul li a{ padding: 10px; /*メニュー内の余白*/ } /*奇数番目のメニューの設定*/ nav#menu ul li:nth-child(odd){ margin-left: 0; width: 50%; } /*最後のメニューの設定*/ nav#menu ul li:last-child{ margin-bottom: 20px; } /*英語表記の設定*/ nav#menu ul li a span{ display: none; /*表示させない設定*/ } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents{ width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub{ float: none; width: auto; } #sub > *{ clear: both; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #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; } /*スタッフサムネイルボックス ---------------------------------------------------------------------------*/ /*ボックス１個あたりの設定*/ #main .list section{ width: 24%; /*ボックス幅*/ margin-left: 1%; /*ボックスの左右間の余白*/ box-sizing: border-box; } #main .list section a{ width: 100%; height : 300px; /*ボックスの高さ*/ box-sizing: border-box; } /*写真の設定*/ #main .list section figure img{ width: 100%; height: auto; } /*スタッフ詳細ページ　staff.html ---------------------------------------------------------------------------*/ /*左側ボックス*/ #main .staff .left{ float: none; width: auto; padding-bottom: 15px; text-align: center; } /*写真の設定*/ #main .staff .left figure img{ width: 80%; height: auto; } /*右側ボックス*/ #main .staff .right{ width: auto; float: none; padding-bottom: 15px; } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub{ display: none; } /*メニューアイコンの非表示設定*/ #menubar_hdr{ display: none; } /*テーブル２ ---------------------------------------------------------------------------*/ .ta2{ width: 100%; } .ta2, .ta2 td, .ta2 th{ border : 1px solid #cccccc; /*テーブルの枠線の幅、線種、色*/ } /*テーブル内の右側*/ .ta2 td{ background-color : white; text-align : center; font-size : 12px; padding-top : 2px; padding-left : 2px; padding-right : 2px; padding-bottom : 2px; } /*テーブル内の左側*/ .ta2 th{ font-weight : normal; font-size : 11px; padding-top : 2px; padding-left : 2px; padding-right : 2px; padding-bottom : 2px; } /*テーブル１行目に入った見出し部分*/ .ta2 th.tamidashi{ font-size : 14px; font-weight : bold; }