/* clearFix: Hack */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom:1; } body { background: #ffc /* url(/user_file/s118806662-sh/etc/body_bg.gif) left top repeat-x fixed */!important; padding-top: 14px; } #main_container { width: 812px !important; background: #fff url(/user_file/s118806662-sh/etc/bg_middle_y.gif) center top repeat-y; margin-bottom: 14px; color: #333; } #main_container td { color: #333; } #main_container th { color: #333; font-size: 13px; font-weight: normal; vertical-align: top; } #main_container a { color: #39F; text-decoration:none; } #main_container a:visited { color: #06c; } #main_container a:hover { color: #06c; text-decoration:underline; } #main_container a img { border: none; } #main_container address { text-decoration: none; font-style: normal; font-size: 100%; } /* if[^ */ .g_price { font-size: 120%; color: #c00; } #c-content strong { font-weight: bold; } strong.c-item-name { font-size: 120%; } /* header */ #c-header { background: url(/user_file/s118806662-sh/etc/bg_top_y.gif) center top no-repeat; height: 80px; overflow: hidden; position: relative; } #c-header-logo { position: absolute; left:16px; top:14px; } #c-header-tel { position: absolute; left:439px; top:22px; } #c-header-btn1 { position: absolute; left:682px; top:22px; } #c-header-btn2 { position: absolute; left:682px; top:49px; } #c-gnavi { width: 800px; margin: 0 auto; background: url(/user_file/s118806662-sh/etc/bg_gnavi.gif) left top repeat-x; height: 36px; overflow: hidden; } #c-gnavi ul, #c-gnavi li { list-style-type: none; margin: 0; padding: 0; } #c-gnavi li { display: inline; } #c-mainimage { } /* sidebar */ #c-sidebar { width: 180px; background: #fff; margin-top: 12px; } #c-content .c-section { padding-bottom: 20px; clear: both; } #c-sidebar h3 { margin: 0 0 10px 0; padding: 0; line-height: 1; } #c-sidebar .c-sidebar-module { width: 176px; border: 1px solid #ccc; padding: 1px; margin-bottom: 10px; } #c-sidebar ul { list-style-type: none; margin: 0; padding: 0; } #c-sidebar ul li { font-size: 13px; line-height: 1; margin: 0 0 8px 8px; padding: 0 0 0 1em; background: url(/user_file/s118806662-sh/etc/marker_right_tri.gif) left top no-repeat; } #c-sidebar ul.c-sidebar-banner li { margin: 0 0 10px 0; padding: 0; background: none; } #c-sidebar ul.c-sidebar-banner li p { font-size: 11px; line-height: 1.25; color: #666; margin: 0 5px; } #c-sidebar ul.c-sidebar-banner li img { display: block; margin: 0 auto; } /* Content */ #c-content { width: 580px; margin: 10px 0 0 20px; } #c-content .ph-l { float: left; padding: 0 10px 10px 0; background: #fff; } #c-content .ph-r { float: right; padding: 0 0 10px 10px; background: #fff; } #c-content h1 { padding: 0 0 0 86px; margin: 0 0 15px 0; font-size: 18px; line-height: 1.2; } #c-content h2 { margin: 0 0 0.5em 0; padding: 0 0 0.4em 30px; border-bottom: 1px solid #ccc; background: url(/user_file/s118806662-sh/etc/marker_cont_h2.gif) left top no-repeat; font-size: 18px; line-height: 1.2; font-weight: bold; } #c-content h3 { font-size: 15px; font-weight: bold; line-height: 1.1; color: #900; margin: 1em 0; padding: 0; } #c-content p { margin: 0; padding: 0; font-size: 13px; line-height: 1.5; } #c-content .c-lead p { color: #fff; font-size: 15px; line-height: 1.5; background:#39F; padding: 0.5em; margin-left: 86px; } #c-content .c-column p { color: #000; font-size: 14px; line-height: 1.5; background:#FF9; padding: 0.5em; } #c-content #c-main-s1 { width: 100%; } #c-content #c-main-s1 p, #c-content #c-main-s1-about { margin: 0; padding: 0; float: left; } #c-content #c-main-s1 p { width: 190px; } #c-content #c-main-s1 p { / width: 138px; } #c-content #c-main-s1-about { background: url(/user_file/s118806662-sh/etc/main_content_s1_bg.jpg) left top no-repeat; width: 373px; } #c-content #c-main-s1-about dl { font-size: 14px; line-height: 1.25; margin: 52px 0 0 109px; } #c-content #c-main-s1-about p { margin-left: 109px; } #c-content #c-main-s1-about dl dt { display: none; } #c-content #c-main-s1-about dl dd { margin: 0; padding: 0 0 0.5em 24px; background: url(/user_file/s118806662-sh/etc/marker_checkbox.gif) left top no-repeat; } #c-content #c-main-s3 { width: 585px; } #c-content #c-main-s3 ul { background: none; list-style-type: none; margin: 0; padding: 0; } #c-content #c-main-s3 ul li { margin: 0; padding: 0; width: 195px; float: left; } #c-content table.c-datasheet { border:1px solid #ccc; table-layout: auto; border-spacing: 0; border-collapse: collapse; } #c-content table.c-datasheet td, #c-content table.c-datasheet th { padding: 3px 6px; border: 1px solid #ccc; font-size: 13px; line-height: 1.2; } #c-content table.c-datasheet th { text-align: left; background: #ededed; white-space: nowrap; } #c-content table.c-datasheet td.label-row { white-space: nowrap; } #c-content .c-btn-buy { text-align: center; padding: 0 0 20px 0; clear: both; } /* 2nd page */ #c-content h2.tatoeba { padding-left: 0; background: none; } #c-content h2.tatoeba img { vertical-align:middle; padding-right: 5px; } /* footer */ #c-footer { width: 800px; margin: 0 auto; border-top: 1px solid #ccc; padding: 20px 0; background: #fff url(/user_file/s118806662-sh/etc/bg_bottom_y.gif) center bottom no-repeat; text-align:center; } #c-footer address { font-size: 11px; } #c-footer ul, #c-footer li { list-style-type: none; margin: 0; padding: 0; font-size: 12px; line-height: 1.4; } #c-footer li { display: inline; border-right: 1px solid #ccc; padding: 0 0.25em; } #c-footer li.last { border-right: none; padding-right: 0; }