/* TOPページ用センターブロック */ #center-block { float: left; text-align: left; } /* トップバナー */ #top-center-banner { background-color: #00006A; width: 100%; } #top-center-banner img { padding: 2px 0px!important; margin: 2px!important; display: block; } /* 見出し */ #top-item h3 { margin-bottom: 10px; padding: 2px 8px; font-size: 14px; font-weight: bolder; height: 26px; line-height: 26px; vertical-align: middle; text-align:left; } #top-item h3 img { float: left; margin-right: 8px; } /* ボーダー */ #top-item hr { border-bottom: 1px dashed #888888; width: 442px; text-align:left; } /* 商品掲載部分 */ #top-item img { border: none; margin-right: 5px; } #top-item img.m_logo { margin-bottom: 2px; text-align:left; } #top-item a {/* テキストリンク */ font-weight: bold; margin: 0px 0px 5px 0px; text-align: left; line-height: 125%; } #top-item span.limit {/* 限定数表示 */ font-size: 10px; } #top-item span {/* 価格表示 */ color: FF0000; display: block; font-weight: bold; text-align: right; margin-top: 5px; font-size: 14px; } #top-item span del {/* 価格打ち消し */ font-size: 10px; margin-right: 8px; } #top-item ul { margin: 0px; padding: 0px; } #top-item ul b { font-size: 12px; margin-bottom: 8px; display: block; } #top-item li { list-style: none; margin: 0px 10px 0px 0px; width: 136px; float: left; margin-bottom: 5px; } /* 一押し1行ぶちぬきスタイル############################### */ #top-item div.box00 { /* 1行ぶちぬき */ width: 100%; } #top-item div.box00 img.logo{ /* 1行ぶちぬき左側画像部分 */ margin-bottom: 8px; } #top-item div.box00 img{ /* 1行ぶちぬき左側画像部分 */ float:left; margin-right: 10px; } #top-item div.box00 a { /* 1行ぶちぬき右側説明部分 */ font-size: 12px; } #top-item div.box00 span { /* 1行ぶちぬき右側説明部分 */ font-size:14px; display: block; margin-bottom: 10px; } /* 一押し1行ぶちぬきスタイル############################### */ /* 2分割スタイル########################################### */ #top-item div.box01 {/* 2分割左 */ float: left; width: 212px; border-right: 1px dashed #888888; margin-right: 9px; padding-right: 9px; font-size: 10px; } #top-item div.box02 {/* 2分割右 */ float: left; width: 212px; font-size: 10px; } #top-item div.box01 img,#top-item div.box02 img{ /* 1行ぶちぬき左側画像部分 */ float:left; margin-right: 7px; } #top-item div.box01 img.logo,#top-item div.box02 img.logo{ /* 1行ぶちぬき左側画像部分 */ margin-bottom:5px; } #top-item div.box01 a,#top-item div.box02 a{ font-size: 12px; } /* 2分割スタイル########################################### */ /* 3分割 */ #top-item div.box03 {/* 3分割左 */ float: left; width: 140px; border-right: 1px dashed #888888; margin-right: 4px; padding-right: 4px; font-size: 10px; } #top-item div.box04 {/* 3分割左 */ float: left; width: 140px; border-right: 1px dashed #888888; margin-right: 4px; padding-right: 4px; font-size: 10px; } #top-item div.box05 {/* 3分割右 */ float: left; width: 140px; font-size: 10px; } #top-item div.box03 img,#top-item div.box04 img,#top-item div.box05 img { float: none; margin-: 0px auto; } #top-item div.box03 a,#top-item div.box04 a,#top-item div.box05 a{ font-size: 12px; display: block; } #top-item div.box06 {/* 4分割左 */ float: left; border-right: 1px dashed #888888; margin-right: 4px; padding-right: 4px; font-size: 10px; font-size: 10px; } #top-item div.box07 {/* 4分割左 */ float: left; border-right: 1px dashed #888888; margin-right: 4px; padding-right: 4px; font-size: 10px; } #top-item div.box08 {/* 4分割左 */ float: left; border-right: 1px dashed #888888; margin-right: 4px; padding-right: 4px; font-size: 10px; } #top-item div.box09 {/* 4分割左 */ float: left; font-size: 10px; } #top-item div.box06,#top-item div.box07,#top-item div.box08,#top-item div.box09 { width: 104px; } #top-item div.box06 img,#top-item div.box07 img,#top-item div.box08 img,#top-item div.box09 img { float: none; margin-: 0px auto; } #top-item div.box06 a,#top-item div.box07 a,#top-item div.box08 a,#top-item div.box09 a{ display: block; font-size: 12px; } /* 見出しカラー */ #top-item h3.red { background-color: #FF0000; color: #FFFFFF; } #top-item h3.yellow { background-color: #FFFF00; color: #000000; } #top-item h3.green { background-color: #097C25; color: #FFFFFF; } #top-item h3.blue { background-color: #0072FF; color: #FFFFFF; } #top-item h3.gray { background-color: #D7D7D7; color: #000000; } #top-item h3.black { background-color: #000000; color: #FFFFFF!important; } #top-item h3.orange { background-color: #FF7B1F; color: #FFFFFF; } #top-item h3.pink { background-color: #FF5AA4; color: #FFFFFF; } #top-item h3.violet { background-color: #601986; color: #FFFFFF; } #top-item h3.lacie { background-color: #294785; color: #FFFFFF; } #top-item h3.akibakan { background-color: #00006A; color: #FFFFFF; } #top-item h3.century { background-color: #0B479D; color: #FFFFFF; }