body { text-align: center; } table { margin: auto; font-family: Osaka ; font-size: 12px; } /* ヘッダー */ #header { width: 790px; background-color: #00006C; } #header img { margin: 4px 0px 4px 4px; } #header form { color: #FFFFFF; margin: 4px 0px 4px 4px; padding: 0px; } /* */ #head_tab td{ background-color: #000000; } #head_tab td img{ margin: 1px 0px 1px 1px; } #head_tab td img.end{ margin-right: 1px; } /* カテゴリーメニュー */ #left_menu ul { margin: 0px 0px 20px 0px; padding: 0px; } #left_menu li { text-align: left; margin: 0px; padding: 4px; list-style: none; border: 1px solid; border-bottom: none; } #left_menu li.end { border-bottom: 1px solid; } #left_menu ul b { font-size: 13px; color: #FFFFFF; display: block; padding: 4px 5px; text-align: center; } /* Intel Core用カラー */ #left_menu #intel li { border-color: #000000; } #left_menu #intel b { background-color: #000000; } /* PowerPC用カラー */ #left_menu #powerpc li { border-color: #CCCCCC; } #left_menu #powerpc b { background-color: #CCCCCC; color: #000000; } /* Parts用カラー */ #left_menu #parts li { border-color: #FF0000; } #left_menu #parts b { background-color: #FF0000; } /* 秋葉館カラー */ #left_menu #akibakan li { border-color: #00006C; } #left_menu #akibakan b { background-color: #00006C; color: #FFFFFF; } /* 秋葉館カラー */ #left_menu #kobutu li { border-color: #000; font-size: 10px; } #left_menu #kobutu b { background-color: #000; color: #FFFFFF; font-size: 10px; } /* センターブロック #################################################################### */ #center_block { padding: 0px; line-height: 110%; padding-left: 15px; } #center_block strong { display: block; color: #FFFFFF; font-size: 14px; background-color: #00378B; padding: 5px; margin-bottom: 20px; width: 430px; } #center_block #topics img { float: left; } #center_block #topics b { display: block; font-size: 14px; font-weight: bolder; margin: 0px 0px 5px 0px; padding: 0px; } #center_block #topics b a { display: block; font-size: 14px; font-weight: bolder; margin: 0px 0px 5px 0px; padding: 0px; } #center_block #topics div { margin: 0px 0px 0px 75px; font-weight: normal; } #center_block #topics p { font-weight: bold; margin: 8px 0px 5px 0px; padding: 0px; line-height: 125%; } #center_block #topics p a { margin: 0px 0px 5px 0px; padding: 0px; line-height: 125%; } #center_block #topics div span{ color: #FF0000; font-weight: bold; } #center_block #topics hr { border-top: 1px dashed #000000; margin: 10px 0px; } /* リストブロック ####################################################### */ #list_block { padding-left: 15px; } #list_block table.spec { width: 100%!important; } /* ディテイルブロック ####################################################### */ #detail_block { padding-left: 15px; } #detail_block table.spec { width: 100%!important; } #detail_block table.cart { margin-bottom: 15px; } #detail_block .main_img { display: block; text-align: center; height: 350px; } #detail_block div.detail_img { margin-bottom: 10px; } #detail_block .detail_img img { border: 1px solid #000000; padding:3px; margin-right:5px; height: 60px; } /* リスト/ディテイル共通 ####################################################### */ #list_block b.title,#detail_block b.title { font-size: 14px; background-color: #ff9900; margin-bottom: 15px; padding: 4px 5px; } #list_block b.title span,#detail_block b.title span { font-weight: normal; font-size: 12px; } #list_block table.spec,#detail_block table.spec { border-top: 1px solid #000000; border-left: 1px solid #000000; margin-bottom: 10px; font-size: 10px; } #list_block table.spec th,#list_block table.spec td,#detail_block table.spec th,#detail_block table.spec td { border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 1px 3px; } .spec th { font-weight: normal; width: 17%; } .spec td { width:32%; } .red { color: #FF0000; } .spec td.y,.spec th.y{ background-color: #ffffdd; } #list_block table.cart { margin-bottom:10px; } #list_block table.cart td.price,#detail_block table.cart td.price { color: #FF0000; font-size: 16px; font-weight: bold; padding-right: 3px; } #list_block table.cart td.price span,#detail_block table.cart td.price span { color: #000000; font-size: 10px; font-weight: normal; } #list_block div.button,#detail_block div.button { text-align: right; margin: 10px 0px 15px 0px; } /* INFOMATION ################################################# */ #information { width: 150px; text-align: center; float: right; margin: 0px 0px 15px 15px; background-color: #FFFFFF; } #information div#info_red p { background-image: url('index_files/info_red.gif') no-repeat; background-color: FF0000; color: #FFFFFF; font-weight: bolder; font-size: 12px; height: 25px; line-height: 25px; vertical-align: middle; margin: 0px; } #information div#info_red div { border: 1px solid #FF0000; padding: 10px 5px; } #information div#info_black p { background-image: url('index_files/info_red.gif') no-repeat; background-color: #000000; color: #FFFFFF; font-weight: bolder; font-size: 12px; height: 25px; line-height: 25px; vertical-align: middle; margin: 0px; } #information div#info_black div { border: 1px solid #000000; padding: 10px 5px; } #information b { font-size: 16px; display: block; margin: 5px 0px; } #information span.px9 { text-align: center; font-size: 9px; display: block; } #information span { display: block; text-align: left; } #information div#info_red hr{ border-bottom: 1px solid #FF0000; } #information div#info_black hr{ border-bottom: 1px solid #000000; } /* インフォメーション */ div#attention th, div#attention td { padding: 5px; } div#attention th { background-color: #CCFF99; } div#attention b { display: block; font-size: 14px; text-align: center; } /*******************************************************************************************************************************/ /* リストブロック ####################################################### */ #top_list_block { padding-left: 0px; } #top_list_block table.spec { width: 100%!important; } /* ディテイルブロック ####################################################### */ #detail_block { padding-left: 15px; } #detail_block table.spec { width: 100%!important; } #detail_block table.cart { margin-bottom: 15px; } #detail_block .main_img { display: block; text-align: center; height: 350px; } #detail_block div.detail_img { margin-bottom: 10px; } #detail_block .detail_img img { border: 1px solid #000000; padding:3px; margin-right:5px; height: 60px; } /* リスト/ディテイル共通 ####################################################### */ #top_list_block b.title,#detail_block b.title { font-size: 14px; background-color: #ff9900; margin-bottom: 15px; padding: 4px 5px; } #top_list_block b.title span,#detail_block b.title span { font-weight: normal; font-size: 12px; } #top_list_block table.spec,#detail_block table.spec { border-top: 1px solid #000000; border-left: 1px solid #000000; margin-bottom: 10px; font-size: 10px; } #top_list_block table.spec th,#top_list_block table.spec td,#detail_block table.spec th,#detail_block table.spec td { border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 1px 3px; } .spec th { font-weight: normal; width: 17%; } .spec td { width:32%; } .red { color: #FF0000; } .spec td.y,.spec th.y{ background-color: #ffffdd; } #top_list_block table.cart { margin-bottom:10px; } #top_list_block table.cart td.price,#detail_block table.cart td.price { color: #FF0000; font-size: 16px; font-weight: bold; padding-right: 3px; } #top_list_block table.cart td.price span,#detail_block table.cart td.price span { color: #000000; font-size: 10px; font-weight: normal; } #top_list_block div.button,#detail_block div.button { text-align: right; margin: 10px 0px 15px 0px; }