@charset "shift_jis"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin-right: 6px; margin-left: 6px; } /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ header { text-align: center; height: auto; margin-bottom: 15px; } /*h1ロゴの設定*/ header p { position: static; } header p img { width: 50%; padding-top: 5px; padding-bottom: 5px; } /*電話番号ボックスの設定*/ header address { position: static; width: 300px; /*ボックス幅*/ margin: 0px auto; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニュー１個ごとの設定*/ nav#menu ul li { margin-left: 1%; /*メニューの左右間の余白*/ width: 49%; } nav#menu ul li a { margin: 0; } /*奇数番目のメニューの設定*/ nav#menu ul li:nth-child(odd) { margin-left: 0; width: 50%; } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 20px; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #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; } /*info.htmlやservice.htmlやplan.htmlで使っている紹介ボックスの設定 ---------------------------------------------------------------------------*/ /*各ボックスの設定*/ #main section.list section { border: 1px solid #CCC; /*枠線の幅、線種、色*/ border-radius: 6px; /*角丸のサイズ*/ padding: 10px; /*ボックス内の余白*/ margin-bottom: 15px; /*ボックス間（下側）のスペース*/ overflow: hidden; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3)); /*グラデーション*/ background-image: -webkit-linear-gradient(#FFF, #e3e3e3); /*同上*/ background-image: linear-gradient(#FFF, #e3e3e3); /*同上*/ -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; /*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/ box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; /*同上*/ } /*ボックス内の段落タグ設定*/ #main section.list section p { padding: 0px; /*左の写真とのバランスをとって設定*/ margin-left: 15px; } /*ボックス内の写真設定*/ #main section.list section figure img { float: left; /*画像を左へ回り込み*/ background-color: #FFF; /*画像の背景色。ここでは枠線と画像の間の色になります。*/ padding: 5px; /*余白。ここに上の行で設定した背景色が出ます。*/ border: 1px solid #CCC; /*枠線の幅、線種、色*/ } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } img.fa { width: 100%; height: auto; } /*フッター固定表示 ---------------------------------------------------------------------------*/ /*#footerFloatingMenu { display: block; width: 100%; position: fixed; left: 0px; bottom: 2px; z-index: 9999; text-align: center; padding: 0 auto; background-color: #336600; } #footerFloatingMenu img { max-width: 17%; width: 20%; } img:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } */