@charset "utf-8"; /*ヘッダー（サイト名ロゴが入ったブロック） ---------------------------------------------------------------------------*/ /*ヘッダーブロック*/ header { background: #FFF; } header .inner { width: auto; height: auto; text-align: center; } /*h1ロゴの設定*/ header .inner h1 { position: static; padding-top: 20px; } /*電話番号ボックスの設定*/ header .inner address { display: none; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロック設定*/ nav#menu { height: auto; margin-right: 6px; margin-left: 6px; } nav#menu ul { width: auto; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; /*メニュー幅*/ border: none !important; background:#BD5BA3; /* background-image: -webkit-gradient(linear, left top, left bottom, from(#2257BB), to(#0081CC)); /*グラデーション*/ /* background-image: -webkit-linear-gradient(#2257BB, #0081CC); /*同上*/ /* background-image: linear-gradient(#2257BB, #0081CC); /*同上*/ margin-bottom: 1%; } /*奇数番目のメニューの設定*/ nav#menu ul li:nth-child(odd) { width: 49%; /*メニュー幅*/ margin-right: 1%; } /*最後のメニューの設定*/ nav#menu ul li:last-child { margin-bottom: 30px; } nav#menu ul li ul { position: absolute; top:60px; left:0px; width:100%; z-index: 100; visibility:hidden; } nav#menu ul li ul li { visibility: hidden; overflow: hidden; width: 100%;/*サブメニューの幅*/ margin:0; background: #BD5BA3;/*サブメニューの背景色*/ color:#FFF; font-size:80%; font-weight: normal; /*文字を太字でなく標準に戻す設定*/ line-height:2.2em; } nav#menu ul li ul li a { color:#FFF; opacity: 0.90; /*透明度90％*/ } nav#menu ul li ul li:hover, nav#menu ul li ul li a:hover { background: #FFF;/*ホバー時のサブメニューの背景色*/ color: #BD5BA3; } nav#menu ul li:hover ul li, nav#menu ul li a:hover ul li{ visibility: visible; overflow: visible; height:auto;/*サブメニューの高さ*/ width:100%; z-index: 10; } /*コンテンツ（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; /*表示させない設定*/ } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #mainimg { margin: 0px 6px 1%; } #mainimg aside { height: auto; width: 100%; } #mainimg aside img { vertical-align: bottom; } #mainimg .sub { height: auto; width: 100%; position: relative; } #slide_image { height: auto; width: 100%; position: relative; } #slide_image2 { height: auto; width: 100%; position: absolute; left:0px; top:0px; } /*その他 ---------------------------------------------------------------------------*/ /*指定の場合にsubブロックも表示させない設定*/ body.s-n #sub { display: none; } /*幅一杯に画像を表示させる*/ img.wa { height: auto; width: 100%; } /*メニューアイコンを非表示に*/ #menubar_hdr { display: none; } #new .box_new{ width:90%; float:right; background-color:#FFF; margin-top:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; padding:10px; } #new .box_new1{ width:90%; float:right; background-color:#FFF; margin-top:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; padding:10px; } /*ブロック全体の設定*/ #new dl { height: auto; padding-left: 0; height:250px; overflow:auto; } /*日付設定*/ #new dt { float: none; width: auto; } /*記事設定*/ #new dd { padding-left: 0; } /*物件ページ内ブロック　左半カラム表示 ---------------------------------------------------------------------------*/ /*ブロック全体の設定*/ #main .box_bukken_left{ width:95%; float:left; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; } /*トップページ内「イベント情報」ブロック　左半カラム表示 ---------------------------------------------------------------------------*/ /*ブロック全体の設定*/ #main .box_bukken_right{ width:95%; float:left; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; } /*物件ページ内　周辺情報BOX ---------------------------------------------------------------------------*/ #main .syuuhen_pink{ width:29%; } #main .syuuhen_blue{ width:29%; } #main .syuuhen_green{ width:29%; } #main .syuuhen_beige{ width:29%; } /*物件ページ内　周辺情報BOX ---------------------------------------------------------------------------*/ #main section.list2 article { width:40%; height:240px; margin: 0px 5px 10px; } /* 美味しい餃子の焼き方　内のフロー写真ブロック ---------------------------------------------------------------------------*/ #main section.list3 article { width:40%; height:auto; margin: 0px 5px 10px; } /* ギャラリー ---------------------------------------------------------------------------*/ /*各ボックスの設定*/ #main section.list4 article { height: auto; /*ボックスの高さ*/ width: 23%; /*ボックスの幅*/ border-radius: 10px; /*角丸のサイズ*/ background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/ padding: 15px; /*ボックス内の余白*/ float: left; margin: 0px 5px 20px; position: relative; } #main section.list5 article { height: auto; /*ボックスの高さ*/ width: 22%; /*ボックスの幅*/ border-radius: 10px; /*角丸のサイズ*/ background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/ padding: 5px; /*ボックス内の余白*/ float: left; margin: 0px 4px 15px; position: relative; } /* 1/2 ボックス ---------------------------------------------------------------------------*/ #main section.list6 article { width:43%; height:auto; margin: 0px 5px 10px; } /* 1/3 ボックス ---------------------------------------------------------------------------*/ #main section.list7 article { width:27%; height:auto; margin: 0px 5px 10px; } /*4列ブロック ---------------------------------------------------------------------------*/ /*ブロック全体の設定*/ #box_4{ width:23%; float:left; background-color:#FFF; margin:10px 5px; padding:0px; }