@charset "utf-8"; /*ヘッダー（サイト名ロゴが入ったブロック） --------------------------------------------*/ /*ヘッダーブロック*/ header { background-image: none; } header .inner { width: auto; height: auto; text-align: center; } /*h1ロゴの設定*/ header .inner h1 { position: static; padding-top: 20px; } header h1 img { width: 70%; /*画面に対してロゴ画像を70％の幅に*/ height: auto; } /*コンテンツ（main,subを囲むブロック） --------------------------------------------*/ #contents { width: auto; margin-right: 6px; margin-left: 6px; } /*contents-in,main,subコンテンツ --------------------------------------------*/ #contents-in, #main, body.c2 #main, #sub { float: none; width: auto; } /*sideコンテンツ --------------------------------------------*/ #side { display: none; /*表示させない設定*/ } /*トップページのメイン画像。表示させたいなら、style-m.cssの同じ箇所のタグをコピペする。 --------------------------------------------*/ #mainimg { display: none; } /*テーブル１ --------------------------------------------*/ /*テーブル内の右側*/ .ta1 td{ width: auto; padding: 2px; } /*テーブル内の左側の見出し部分*/ .ta1 th{ width: 100px; padding: 2px; } /*service.html内の一覧の各ブロック --------------------------------------------*/ #main section.list article { 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 article a { padding: 6px; /*ボックス内の余白*/ } #main section.list article .price { margin-right: 0; } #main section.list article .price2 { margin-right: 0; } /*ボックス内の段落タグ設定*/ #main section.list article p { margin-left: 0; font-size:70%; } /*ボックス内の写真設定*/ #main section.list article figure { text-align:center; } #main section.list article figure.single img{ max-width:90px; max-height:90px; width: auto; height: auto; } #main section.list article.comp2 img{ max-width:120px; max-height:120px; width: auto; height: auto; } #main section.list article.comp3 img{ max-width:78px; max-height:78px; padding:2px; width: auto; height: auto; } #main section.list article.comp3e img{ max-width:78px; max-height:78px; padding:2px; width: auto; height: auto; } #main section.list article img.cm { float:right; background-color: none; padding: 0; border: none; } #main section.list article .price2 { color: #bf0000; font-weight: bold; text-align: right; margin-right: 0.5em; font-size: 110%; } /*その他 --------------------------------------------*/ /*指定の場合にsubブロックも表示させない設定*/ body.s-n #sub { display: none; } /*幅一杯に画像を表示させる*/ img.wa { height: auto; width: 100%; } /*メニュー折りたたみ設定*/ #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; } /* --------------------------------------------*/ #slide_image { height: auto; width: 100%; position: relative; } #slide_image2 { height: auto; width: 100%; position: absolute; left:0px; top:0px; } .rootsubtitle { padding-left:5px !important; } .rootnext { margin-right:5px; } .root-other { margin-left:2px; font-size:100%; } .root-other-item { margin-left:5px; font-size:80%; } .root-other-item li { float:left; margin:3px 6px 3px 6px; } /* --------------------------------------------*/ .s-hide { display: none; } .s-display { display: inline !important; }