@charset "utf-8"; .list a:link{ text-align: center; float: left; width: 80px; height: 33px; display: table-cell; } .list a:hover{ text-align: center; width: 80px; height: 33px; display: table-cell; } .list_select{ text-align: center; width: 80px; height: 33px; display: table-cell; } #list .wrapper #main .hoge-R section.sectionhomelist .name img { display: inline-block; vertical-align: middle; margin-right: 5px; } /* section */ section.sectionhomelist{ height: 135px; padding-top: 10px; margin-top: 10px; display: block; } .cnt_section_list{ margin: 0; height: 120px; position: relative; padding-top: 10px; padding-bottom: 5px; } .cnt_section_list:hover{ } .cnt_section_list a.img{ display: block; width: 161px; height: 120px; float: left; margin-left: 10px; } .cnt_section_list a.img:hover{ } .cnt_section_list a.img canvas{ margin: 7px auto 0; } .cnt_section_list .text{ float: left; height: 120px; margin: 0 0 0 25px; /*----Edit for prevent break layout----*/ width:300px; } .cnt_section_list .text a.name{ } .cnt_section_list .text a.name:hover{ text-decoration:none;} .cnt_section_list .text ul.date{ /* [disabled]float: left; */ display: block; } .cnt_section_list .text ul.date li{ } /*---*/ .cnt_section_list .text .info{ /* [disabled]overflow: hidden; */ margin-top: 10px; } .cnt_section_list .text ul.pic{ position: relative; /* [disabled]overflow: hidden; */ display: block; } .cnt_section_list .text ul.pic li{ height: 68px; float: left; } .cnt_section_list .text ul.pic li img { position: absolute; top: 20px; left: 40px; } .cnt_section_list .text ul.pic li img.sticker { position: absolute; top: 20px; left: 0px; } .cnt_section_list .text ul.pic li img.pen { } .cnt_section_list .text ul.pic li a.read { display: inline-block; padding: 2px 26px; /* [disabled]text-shadow:1px 1px 0px #a2d613; */ margin-left: 5px; } .cnt_section_list .text ul.pic li a.read:hover { } .cnt_section_list .text ul.pic li a.read:active { position:relative; top:1px; } .cnt_section_list .text ul.pic li a.read:not(:target) { } .cnt_section_list .text ul.pic li a.read:hover:not(:target) { } .cnt_section_list .text ul.pic li a.read_hover { display: inline-block; padding: 2px 26px; /* [disabled]text-shadow:1px 1px 0px #686666; */ margin-left: 5px; line-height: 20px; } .cnt_section_list .text ul.pic li a.read_hover:hover { }.cnt_section_list .text ul.pic li a.read_hover:active { position:relative; top:1px; } .btn_bott{ display: block; width: 210px; height: 33px; line-height: 33px; margin: 37px auto 0 auto; } a:hover.btn_bott{ } #list .wrapper #main .hoge-R .tops .floatR { display: inline; } #list .wrapper #main .hoge-R section .cnt_section_list .img .band_horizontal { position: absolute; top: 7px; left: 12px; } #list .wrapper #main .hoge-R section .cnt_section_list .img .band_vertical { position: absolute; top: 7px; left: 50px; } /* #list .wrapper #main .hoge-R section .cnt_section_list .text .info .pic li .read { position: absolute; right: -145px; display: block; top: 15px; } */ #list .wrapper #main .hoge-R section .cnt_section_list .text .info .pic li .iconList { position: absolute; right: -145px; display: block; top: 15px; } #list .wrapper #main article section .cnt_section_list .text .name .listIcon { display: inline; vertical-align: middle; margin-right: 5px; }