body{ background-color:black; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', sans-serif; } #wrapper{ box-sizing:border-box; width:1010px; height:auto; margin:10px auto; padding:5px; border:1px solid #fff; border-radius:5px; background-color:black; } #container{ box-sizing:inherit; width:1000px; height:auto; margin:0; padding:0; } #description{ box-sizing:inherit; width:1000px; height:auto; padding:20px; font-size:1.2em; color:white; font-weight:bold; } #main_photo{ box-sizing:inherit; width:1000px; height:auto; margin:0 0 10px; padding:0; } #main_photo img{ box-sizing:inherit; width:1000px; auto; object-fit:cover; border-bottom:1px solid #fff; } UL#thumb_photo{ box-sizing:inherit; width:1000px; height:auto; margin:0; padding:0; list-style-type:none; letter-spacing: -.4em; } UL#thumb_photo LI{ box-sizing:inherit; width:100px; height:75px; padding:1px; display:inline-block; letter-spacing: normal; margin-top:0px; } UL#thumb_photo LI img{ box-sizing:inherit; width:98px; height:73px; object-fit:cover; border:0; } .box_content_base{ box-sizing:border-box; width:1000px; height:auto; margin:10px 0 0 0; padding:0; } .box_content_table{ box-sizing:inherit; width:1000px; height:auto; display:table; } .box_content{ box-sizing:inherit; width:496px; height:auto; display:table-cell; vertical-align:top; } table.box_content_main{ margin:0; padding:0; width:496px; height:auto; table-layout:fixed; border-spacing:0; border-collapse:separate; } td.title_inner{ box-sizing:inherit; padding:14px 8px 14px; font-size:14px; color:#fff; text-align:left; border-width:1px 0 1px 1px; border-style:solid; border-color:#000; border-collapse:collapse; background-color:#114375; } td.body_inner, td.body_inner2{ box-sizing:inherit; padding:14px 8px 14px; font-size:14px; color:#fff; text-align:left; vertical-align:top; border-width:1px 1px 1px 0; border-style:solid; border-color:#000; border-collapse:collapse; background-color:#454545; } .box_content_space{ box-sizing:inherit; width:10px; height:auto; display:table-cell; } .box_content_contact{ box-sizing:inherit; width:494px; height:auto; display:table-cell; vertical-align:top; } .sale_price_base{ box-sizing:inherit; width:494px; height:85px; padding:1px; } .sale_price{ box-sizing:inherit; width:492px; height:83px; border:1px solid #aaa; border-radius:3px; position:relative; } .sale{ box-sizing:inherit; width:62px; height:83px; padding:10px; text-align:left; position:absolute; top:10px; left:10px; } .sale img{ width:42px; } .price{ box-sizing:inherit; width:400px; height:83px; text-align:left; line-height:83px; font-size:22px; color:#fff; position:absolute; top:0; left:70px; } .mail_contact_base{ clear:both; position:static; box-sizing:inherit; width:494px; height:85px; padding:1px; } .mail_contact{ box-sizing:inherit; width:492px; height:83px; background: -webkit-linear-gradient(0deg, rgb(237, 131, 22), rgb(215, 176, 10)); background: linear-gradient(0deg, rgb(237, 131, 22), rgb(215, 176, 10)); border-radius:3px; text-align:center; font-size:28px; color:#fff; font-weight:bold; line-height:83px; position:relative; } .mail_contact a{ text-decoration:none; } .mail_contact a:link, .mail_contact a:visited{ color:#fff; } .mail_contact a:hover{ color:yellowgreen; } .mail_logo{ position:absolute; top:30px; left:30px; } .telphone_contact{ box-sizing:inherit; width:492px; height:83px; margin-top:3px; background: -webkit-linear-gradient(0deg, rgb(248, 7, 18), rgb(241, 82, 89)); background: linear-gradient(0deg, rgb(248, 7, 18), rgb(241, 82, 89)); border-radius:3px; text-align:center; font-size:28px; color:#fff; font-weight:bold; line-height:83px; position:relative; } .telphone_contact a{ text-decoration:none; } .telphone_contact a:link, .telphone_contact a:visited{ color:#fff; } .telphone_contact a:hover{ color:lightblue; } .telp_logo{ position:absolute; top:30px; left:30px; } UL.equipment{ box-sizing:inherit; width:494px; height:auto; list-style-type:none; padding:0; letter-spacing: -.4em; } UL.equipment LI{ box-sizing:inherit; width:38px; height:38px; display:inline-block; letter-spacing:normal; } .detail_base{ box-sizing:inherit; position:static; width:1000px; height:auto; padding:20px; } .detail{ box-sizing:inherit; margin:0; paddign:20px; text-align:left; font-size:1.0em; line-height:1.4em; color:white; } a[href^="tel:"] { cursor: default; } .return-base{ box-sizing:border-box; width:100%; height:auto; text-align:center; margin:40px 0 0; padding:20px; position:static; } .return-inner{ box-sizing:border-box; width:100px; height:36px; margin:0 auto; font-size:20px; font-weight:bold; color:white; text-align:center; line-height:36px; border:1px solid #aaa; border-radius:5px; } .return-inner a{ text-decoration:none; display:block; } .return-inner a:link, .return-inner a:visited{ color:white; } .return-inner a:hover{ color:lightgreen; }