*{ margin:0; padding:0;} a{ text-decoration:none;} body{ text-align:center; background-color: #fff; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} body.top-bg{ background:url(../image/top-bg.png) repeat top left;} img{ border:none;} #container{ width:100%; margin:0 auto; text-align:left; line-height:120%;} #wrapper{ text-align:center; margin: 0 auto;} /*====== header ========*/ #header{ margin: 30px auto; width:900px; text-align:left; } #header ul{ margin: 0; padding:0px; float:right;} #header li{ float:left; list-style:none; margin-right:20px; font-size:12px;} #header li a{ text-decoration:none;} /*====== メイン ========*/ #content{ width:100%; margin: 50px auto 10px auto; display:block;} #main{ width: 1050px; display:block; margin:0 auto;} /*====== コンテンツ ========*/ #top-r{ width:510px; float:right;} #top-r h1{ width:500px; height:325px;} #top-r h1 a{ width:500px; height:325px; background:url(../image/top/gachi-blog.png) no-repeat 0 0; display:block; text-indent:-9000px;} #top-r h1 a:hover{ width:500px; height:325px; background:url(../image/top/gachi-blog.png) no-repeat 0 -325px; display:block; text-indent:-9000px;} #blog-list{ margin-top:10px; height:205px;} #blog-list dl{ width:160px; height:205px; display:block; padding:0; margin:0; background:url(../image/top/blog-list.png) no-repeat 0 0 ; float:left; margin-right:10px;} #blog-list dt{ height:55px; font-size:12px; color:#FFF; font-weight:900; text-align:left; padding:5px 5px 5px 20px; margin-top:5px; line-height:120%; background:url(../image/top/blog-list-top.png) repeat-y center top ;} #blog-list dt a{ color:#FFF;} #blog-list dt a:hover{ color:#555;} #blog-list dd{ font-size:11px; color:#000; text-align:left; padding: 0 10px; line-height:150%;} #blog-list span.b-txt-s{ font-size:10px; color: #999; margin:5px 0; padding:0 5px; display:block;} #blog-list .modoru{ display:block; font-size:11px; text-align:right; margin-top:5px; padding-right:10px;} #blog-list .modoru a{ color: #fc5252; text-decoration:none;} #blog-list .modoru a:hover{ color: #CCC; text-decoration:none;} #gold-movie{ float:left; width:540px;} #gold-movie h2 { width:230px; height:540px; display:block; margin-right:10px; float:right;} #gold-movie h2 a{ width:230px; height:540px; display:block; background:url(../image/top/gold.png) no-repeat 0 0; text-indent:-9000px; } #gold-movie h2 a:hover{ width:230px; height:540px; display:block; background:url(../image/top/gold.png) no-repeat -230px 0; text-indent:-9000px; } #movie-bt{ float:left; width:290px; margin-right:10px;} #movie-bt h3{ width:290px; height:265px; display:block;} #movie-bt h3 a{ width:290px; height:265px; display:block; background:url(../image/top/movie.png) 0 0; text-indent:-9000px;} #movie-bt h3 a:hover{ width:290px; height:265px; display:block; background:url(../image/top/movie.png) 0 -265px; text-indent:-9000px;} #link-bt{ float:left; width:290px; margin-right:10px; margin-top:10px;} #link-bt h3{ width:290px; height:127px; display:block;} #link-bt h3 a{ width:290px; height:127px; display:block; background:url(../image/top/link.png) 0 0; text-indent:-9000px;} #link-bt h3 a:hover{ width:290px; height:127px; display:block; background:url(../image/top/link.png) 0 -127px; text-indent:-9000px;} #contact-bt{ float:left; width:290px; margin-right:10px; margin-top:10px;} #contact-bt h3{ width:290px; height:127px; display:block;} #contact-bt h3 a{ width:290px; height:127px; display:block; background:url(../image/top/contact.png) 0 0; text-indent:-9000px;} #contact-bt h3 a:hover{ width:290px; height:127px; display:block; background:url(../image/top/contact.png) 0 -127px; text-indent:-9000px;} #banner-list{ float:left; width:300px;} #banner-list ul{ margin:0; padding:0;} #banner-list li{ float:left; list-style:none; width:90px; height:130px; margin-right:10px; margin-top:10px;} #banner-list li.b-b-gachi a{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-blog-gachi.png) no-repeat 0 0;} #banner-list li.b-b-gachi a:hover{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-blog-gachi.png) no-repeat -90px 0;} #banner-list li.b-b-staff a{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-blog-staff.png) no-repeat 0 0;} #banner-list li.b-b-staff a:hover{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-blog-staff.png) no-repeat -90px 0;} #banner-list li.b-f-cl a{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-f-cl.png) no-repeat 0 0;} #banner-list li.b-f-cl a:hover{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-f-cl.png) no-repeat -90px 0;} #banner-list li.b-f-dr a{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-f-dr.png) no-repeat 0 0;} #banner-list li.b-f-dr a:hover{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-f-dr.png) no-repeat -90px 0;} #banner-list li.b-takanashi a{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-takanashi.png) no-repeat 0 0;} #banner-list li.b-takanashi a:hover{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-takanashi.png) no-repeat -90px 0;} #banner-list li.b-usagi a{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-usagi.png) no-repeat 0 0;} #banner-list li.b-usagi a:hover{ width:90px; height:130px; display:block; text-indent:-9000px; background:url(../image/top/banner-usagi.png) no-repeat -90px 0;} #book-list{ width:1050px; display:block; margin: 10px auto ;} #book-list ul{ margin:0; padding:0;} #book-list li{ float:left; list-style:none; width:140px; height:140px; margin:10px 10px 0 0;} #book-list li a{ width:140px; height:140px; display:block; text-indent:-9000px;} #book-list li a:hover{ width:140px; height:140px; display:block; text-indent:-9000px;} #book-list li.book-1 a{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_01.png) no-repeat 0 0;} #book-list li.book-1 a:hover{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_01.png) no-repeat 0 -140px;} #book-list li.book-2 a{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_02.png) no-repeat 0 0;} #book-list li.book-2 a:hover{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_02.png) no-repeat 0 -140px;} #book-list li.book-3 a{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_03.png) no-repeat 0 0;} #book-list li.book-3 a:hover{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_03.png) no-repeat 0 -140px;} #book-list li.book-4 a{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_04.png) no-repeat 0 0;} #book-list li.book-4 a:hover{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_04.png) no-repeat 0 -140px;} #book-list li.book-5 a{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_05.png) no-repeat 0 0;} #book-list li.book-5 a:hover{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_05.png) no-repeat 0 -140px;} #book-list li.book-6 a{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_06.png) no-repeat 0 0;} #book-list li.book-6 a:hover{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_06.png) no-repeat 0 -140px;} #book-list li.book-7 a{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_07.png) no-repeat 0 0;} #book-list li.book-7 a:hover{ width:140px; height:140px; display:block; text-indent:-9000px; background:url(../image/top/book_07.png) no-repeat 0 -140px;} /*====== サイドメニュー ========*/ #sidemenu{} /*====== フッター ========*/ #footer{ width:900px; margin:30px auto;} #footer ul{ margin: 0; padding:0px; float:left; display:none;} #footer li{ float:left; list-style:none; margin-right:20px; font-size:12px; display:none;} #footer li a{ text-decoration:none; display:none;} #footer p{ display:block; font-size:12px; color:#9E9E9F; margin-top:40px; text-align:right;} #footer p.top-manage{margin-top:5px; font-size:0.7em;} #footer p.top-manage a{color:#9E9E9F;} /*====== その他追加効果 ========*/ p.font-g{ color:#4F4F4F; font-size:16px; margin-top:10px;} .txt-r{ text-align:right;} .txt-l{ text-align:left;} .f-s{ font-size:11px;} .f-m{ font-size:16px;} .f-l{ font-size:20px;} .f-brn{ color:#6D5B35;} .f-brns{ color:#6D5B35; font-size:12px;} .f-red{ color:#F00;} .f-pn{ color:#FF3366;} .f-b{ font-weight:900; font-size:16px;} .f-bol{ font-weight:900;} .bo-d{ border-bottom:#630 1px solid;} /*====== float関連バグ対策 ========*/ .clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .clearfix{ display: inline-block; } /* Hides from IE Mac */ * html .clearfix{ height: 1%; } .clearfix{ display:block; } /* End Hack */ dl:after, #sidemenu:after, .toplink:after { content: ""; display: block; height: 1px; clear: both; visibility: hidden; } dl, #sidemenu { display:inline-block;　/* MAC IE用　*/ min-height:1%; /* IE 7用 */ } /*--MAC IEは非適用→ \*/ * html dl, * html #sidemenu {height: 1%;} dl, #sidemenu, {display: block;} /*--ここまでMAC IEは非適用 */