* { margin: 0; padding: 0; } body { margin: 0; padding: 0; text-align:center; color: #5a5a5a; background:#fff; font: normal 12px "CI",Meiryo,"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif , Arial, Helvetica, Verdana; } /* Links */ a { text-decoration: none;} a:link { color: #81a2c3;} a:visited { color: #81a2c3; border-bottom-color: #81a2c3; } a:hover, a:active { color: #567ec4;} /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px 0 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; border-bottom-width: 0; } h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4, h5, h6 { font-size: 20px; } /* Lists */ ul, ol, dl { margin: 15px 25px; line-height: 1.4em; } ol { margin-left: 30px; } ul { list-style-type: square; } /* Header */ #header { display: flex; justify-content: center; width: 100%; text-align: left; background-color: #363633; background-image: url(images/header-bg.gif); border-bottom: 1px solid #000; } #header h1 { width: 910px; font-size: 13px; margin: 0; padding: 20px 25px; } #header a { border-bottom-width: 0; color: #fff; } /* Navigation */ #navigation { display: flex; justify-content: center; width: 100%; font-size: 13px; float: left; clear: both; background: #eee url(images/navi-bg.jpg); border-bottom: 1px solid #999; } #navigation ul { width: 917px; margin: 0; padding: 0; list-style-type: none; float: left; } #navigation li { float: left; } #navigation a { font-size: 13px; float: left; display: block; color: #567ec4; padding: 5px 8px 3px; border-bottom-width: 0; } #navigation a:hover, #navigation a:active { color: #567ec4; background: url(images/navi-pink.gif) top left repeat-x; } #navigation li.active a{ color: #567ec4; background: url(images/navi-pink.gif) top left repeat-x; } /* firefox */ #navigation a, x:-moz-any-link, x:default { font-size: 13px; float: left; display: block; color: #567ec4; padding: 4px 8px; border-bottom-width: 0; } #navigation a:hover, #navigation a:active { color: #567ec4; background: url(images/navi-pink.gif) top left repeat-x; } #navigation li.active a{ color: #567ec4; background: url(images/navi-pink.gif) top left repeat; } #navigation { width: 100%; font-size: 13px; float: left; clear: both; background: #eee url(images/navi-bg.jpg); border-bottom: 1px solid #999; } /* Footer */ #counter { clear: both; height:15px; text-align:left; } #footer { color: #81a2c3; border-bottom-color: #81a2c3; } #footer a { color: #81a2c3; border-bottom-color: #81a2c3; } #footer a:hover, #footer a:active { color: #9ebb33; border-bottom-color: #9ebb33; } #copyright { @@border-top: 1px solid #1c1c1c; background-color: #252522; background-image: url(images/header-bg.gif); padding: 10px; clear: both; } /* Content */ #content{ text-align: left; width: 100%; margin: 0px auto; padding: 20px 0px; background: #fff url(); } .totalbox{ width: 895px; margin:27px auto 0px; _margin:0px auto; padding:7px 12px 20px 10px; _padding:7px 12px 5px 10px; background:#fff; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; } *:first-child+html .totalbox{ width: 890px; margin:15px auto; padding:5px 5px 5px 5px; background:#fff; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;@@ } .sitebox{ width: 270px; font-size: 13px; float:left; display:inline; color:#5a5a5a; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; border-top:0px solid #C0C0C0; border-left:0px solid #C0C0C0; border-right:0px solid #C0C0C0; border-bottom:0px solid #C0C0C0;} .sitename{ width: 275px; height:19px; display: block; font-size: 12px; font-weight:bold; text-align:center; text-decoration: none; color:#567ec4; background: #eee url(images/title-bg10.jpg) repeat-x; margin:2px 0px 0px 3px; padding:3px 0px 0px 0px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; } /* firefox */ .sitename, x:-moz-any-link, x:default { width: 275px; height:19px; display: block; font-size: 12px; font-family:"CI",Meiryo,"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif , Arial, Helvetica, Verdana; text-align:center; text-decoration: none; color:#567ec4; background: #eee url(images/title-bg10.jpg) repeat-x; margin:2px 0px 0px 2px; padding:1px 0px 1px 0px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; } /* safari Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .sitename{ width: 275px; height:19px; display: block; font-size: 13px; font-weight:bold; text-align:center; text-decoration: none; color:#567ec4; background: #eee url(images/title-bg10.jpg) repeat-x; margin:2px 0px 0px 3px; padding:1px 0px 1px 0px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; } } /* safari */ html:\66irst-child .sitename{ width: 275px; height:19px; display: block; font-size: 13px; text-align:center; text-decoration: none; color:#567ec4; background: #eee url(images/title-bg01.gif) repeat-x; margin:2px 0px 0px 3px; padding:1px 0px 1px 0px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; } .sitename a{ display: block; font-size: 12px; text-align:center; font-weight:bold; text-decoration: none; color:#81a2c3; } /* firefox */ .sitename a, x:-moz-any-link, x:default { display: block; font-size: 12px; text-align:center; font-weight:bold; text-decoration: none; color:#81a2c3; } /* safari Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .sitename a{ display: block; font-size: 12px; text-align:center; font-weight:bold; text-decoration: none; color:#81a2c3; } } /* safari */ html:\66irst-child .sitename a{ display: block; font-size: 13px; text-align:center; text-decoration: none; color:#81a2c3; } .sitename a:hover{ width: 275px; height:19px; display: block; color:#81a2c3; background: #eee url(images/title-bg12.jpg) repeat-x; } .sitename a:active{ color:#81a2c3; background: #eee url(images/title-bg12.jpg) repeat-x; } .sitename a:visited{ color:#81a2c3; } .sum{ width: 260px; height:70px; text-align:center; margin:3px 0px 0px 10px; _margin:2px 0px 0px 10px; background: #fff; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } div img { vertical-align: text-bottom; } img { text-align:center; padding-top:3px; } .rssicon{ text-align:center; margin:0px 0px 2px 0px; padding:0px; background: #fff; } body:first-of-type .rssicon{ text-align:center; margin:0px; padding:0px; background: #fff; } /* safari */ html:\66irst-child .rssicon{ text-align:center; margin:0px; padding:0px; background: #fff; } .rssbox { width: 270px; font-size: 12px; text-align:left; color:#5a5a5a; margin:0px 0px 0px 7px; padding:0px 0px 5px 0px; border-top:0px solid #C0C0C0; border-left:0px solid #C0C0C0; border-right:0px solid #C0C0C0; border-bottom:0px solid #C0C0C0;} .rsstitle{ width: 268x; height:38px; display: block; font-size: 12px; line-height: 1.1em; text-align:left; color:#5a5a5a; background: #fff url() repeat-x; margin-bottom:5px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #999; } /* firefox */ .rsstitle, x:-moz-any-link, x:default { width: 268x; height:38px; display: block; font-size: 12px; font-family:"CI",Meiryo,"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif , Arial, Helvetica, Verdana; line-height: 1.1em; text-align:left; color:#5a5a5a; background: #fff url() repeat-x; margin-bottom:5px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #999; } /* safari */ html:\66irst-child .rsstitle{ width: 268x; height:37px; display: block; font-size:12px; line-height: 1.1em; text-align:left; color:#5a5a5a; background: #fff url() repeat-x; margin-bottom:5px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #999; } .rsstitle a{ width: 268x; height:31px; display: block; color:#5a5a5a; padding:3px 3px 3px 5px; _padding:4px 3px 3px 5px; text-decoration: none; } .rsstitle a:hover{ color:#5a5a5a; background:#F4F5F7; } .rsstitle a:visited{ color:#5a5a5a; } /* Other */ .space{ width: 870px; height:5px; clear:both; } .div-y{ width:1px; height: 290px; background: #fff url(images/div-y.gif) repeat-y; float:left; display:inline; margin:0px 3px 0px 22px; _margin:0px 5px 0px 13px; padding:0px 0px 0px 0px; } .div-x{ width:870px; height: 1px; overflow:hidden; background: #fff url(images/div-x.gif) repeat-x; float:left; display:inline; margin:0px 4px 8px 6px; _margin:0px 5px 5px 5px; padding:0px 0px 0px 0px; } /* page */ #page{ width:520px; margin:5px auto; } /* iPhone */ @media screen and (max-device-width: 480px) { #page{ width:650px; margin:5px auto; } } #page2{ width:380px; margin:5px auto; } html:\66irst-child #page2{ width:420px; margin:5px auto; } #page3{ width:130px; margin:5px auto; } #page4{ width:450px; margin:5px auto; } /* safari Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #page4{ width:480px; margin:5px auto; } } /* iPhone */ @media screen and (max-device-width: 480px) { #page4 { width:580px; margin:5px auto;} } /* firefox */ #page4, x:-moz-any-link, x:default { width:480px; margin:5px auto; } #page5{ width:160px; margin:5px auto; } .pagination{ text-align: center; padding: 2px; float:left; display:inline; } .pagination ul{ margin: 0; padding: 0; text-align: left; font-size: 13px; font-family:Arial,"CI",Meiryo,"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif; } /* safari Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .pagination ul{ margin: 0px 0px 0px 25px; padding: 0; text-align: left; font-size: 13px; font-family:Arial,"CI",Meiryo,"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif; } } /* iPhone */ @media screen and (max-device-width: 480px) { .pagination ul{ margin: 0px 0px 0px 0px; padding: 0; text-align: left; font-size: 10px; font-family:Arial,"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif; } } /* firefox */ .pagination ul, x:-moz-any-link, x:default { margin: 0px 0px 0px 10px; padding: 0; text-align: left; font-size: 13px; font-family:Arial,"CI",Meiryo,"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif; } .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; } .pagination a, .pagination a:visited{ padding: 0 3px; border: 1px solid #fff; text-decoration: none; color: #ccc; font-weight: bold; background:#FFFFFF url() top left ; } .pagination a:hover, .pagination a:active{ border-bottom: 1px solid #5a5a5a; color: #5a5a5a; background:#FFFFFF url() top left ; } .pagination a.currentpage{ background-color: #fff; color:#5a5a5a; border-color: 1px solid #5a5a5a; font-size: 15px; font-weight: bold; cursor: default; } .pagination a.disablelink, .pagination a.disablelink:hover{ background-color: #fff; cursor: default; color: #555; border-color:#fff; font-weight: normal ; } .pagination a.prevnext{ font-weight: bold; } /* tag */ .tag { width:320px; margin:0px auto; clear:both; } .tag a, .tag a:visited{ padding: 0 3px; color: #999; font-weight: bold; } .tag a:hover, .tag a:active{ border-bottom: 1px solid #5a5a5a; color: #999; background:#fff url() top left ; } .tag ul{ list-style: none; padding: 0; margin: 0; } .tag ul li{ display: inline; padding: 0; margin: 0 3px 0 0; } .tag2 { width:365px; margin:0px auto; clear:both; } /* iPhone */ @media screen and (max-device-width: 480px) { .tag2{ width:500px; margin:0px auto; clear:both; } } .tag2 a, .tag2 a:visited{ padding: 0 3px; color: #999; font-weight: bold; } .tag2 a:hover, .tag2 a:active{ border-bottom: 1px solid #5a5a5a; color: #999; background:#fff url() top left ; } .tag2 ul{ list-style: none; padding: 0; margin: 0; } /* iPhone */ @media screen and (max-device-width: 480px) { .tag2 ul{ margin: 0px 0px 0px 30px; padding: 0; text-align: left; font-size: 9px; font-family:"Hiragino Kaku Gothic ProN" ,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif,Arial; } } .tag2 ul li{ display: inline; padding: 0; margin: 0 3px 0 0; } /* table */ .tablebox{ background: #fff; } .listbox{ width:870px; height:30px; float:left; display: inline; font-size:14px; background: #fff; margin:0px; padding:3px; } .listtitle{ width:650px; font-size:14px; color:5a5a5a; background: #fff; margin:0px; padding:3px; } .listtitle a{ width:650px; font-size:14px; color:5a5a5a; background: #fff; margin:0px; padding:3px; } .listname{ width:200px; font-size:8px; color:5a5a5a; background: #fff; float:left; display: inline; margin:0px; padding:3px; } .listname a{ width:200px; font-size:8px; color:5a5a5a; background: #fff; float:left; display: inline; margin:0px; padding:3px; } .aboutbox { width: 600px; height: auto; margin: 30px auto; padding: 10px 15px 20px 10px; border: 1px solid #ccc; background: #fff; box-sizing: border-box; } .abouttitle { margin: 10px 0 5px 5px; padding-left: 7px; border-left: 3px solid #000; line-height: 1.2; font-weight: bold; font-size: 14px; } .abouttext { margin: 0 0 15px 5px; padding: 5px 5px 10px 5px; border-bottom: 1px dotted #c0c0c0; font-size: 13px; } .abouttext2 { margin: 0 0 0 5px; padding: 5px 5px 0px 5px; font-size: 13px; } #infomation{ width: 500px; margin:35px auto; _margin:0px auto 20px; padding:15px 15px 15px 15px; color:5a5a5a; font: "lr oSVbN"; background:#fff url() repeat-x fixed; border-top:10px solid #eee; border-left:10px solid #eee; border-right:10px solid #eee; border-bottom:10px solid #eee; } /* safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #infomation{ width: 600px; margin:35px auto; _margin:0px auto 20px; padding:15px 15px 15px 15px; color:5a5a5a; font: "lr oSVbN"; background:#fff url() repeat-x fixed; border-top:10px solid #eee; border-left:10px solid #eee; border-right:10px solid #eee; border-bottom:10px solid #eee; } } .infomation1{ font-size: 18px; font-weight: bold; color:5a5a5a; font-family: "lr oSVbN"; text-align: left; margin-top: 15px; margin-left: 20px; display:inline; padding:3px 7px 0px 15px; border-left: 15px #5a5a5a solid; border-bottom: 0px #ccc solid; } .infomation2{ font-size: 13px; font-weight: normal; font-family: "lr oSVbN", "qMmpS Pro W3","Hiragino Kaku Gothic Pro" ,"CI" ,"Osaka", Arial, Helvetica, sans-serif, Verdana; line-height:140%; text-align: left; margin-left: 15px; padding-left: 0px; } /* iPhone */ @media screen and (max-device-width: 480px) { .infomation2{ font-size: 8px; font-weight: normal; font-family: "lr oSVbN", "qMmpS Pro W3","Hiragino Kaku Gothic Pro" ,"CI" ,"Osaka", Arial, Helvetica, sans-serif, Verdana; line-height:140%; text-align: left; margin-top: 5px; margin-left: 10px; padding-left: 0px; } } .infomation3{ font-size: 16px; font-weight: normal; font-family: "lr oSVbN"; line-height:140%; text-align: left; margin-top: 10px; margin-left: 0px; padding: 10px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .infomation3 a{ color:#88b1c8; font-size: 16px; font-weight: normal; font-family: "lr oSVbN"; line-height:140%; text-align: left; text-decoration:underline; } .infomation3 a:visited{ color:#88b1c8; font-size: 16px; font-weight: normal; line-height:140%; text-align: left; text-decoration:underline; } /* safari*/ html:\66irst-child .infomation3{ font-size: 14px; font-weight: normal; font-family: "lr oSVbN"; } .infomation4{ font-size: 13px; font-weight: normal; font-family: "lr oSVbN"; line-height:140%; text-align: left; margin: 10px 0px 5px ; padding-top:10px; } .div-x2{ width:560px; height: 1px; overflow:hidden; background: #fff url(images/div-x.gif) repeat-x; float:left; display:inline; margin:0px auto; _margin:0px auto; padding:0px; } .sonota { font-size: 12px; color:#333333; text-align:left; border: 1px #FFFFFF solid; } .sonota a:link { color:#333;} .sonota a:hover{ color:#333; border-bottom:1px solid #333; } .sonota a:active { color:#333;} .sonota a:visited { color:#333;} .sonota li{ padding:4px 0px 4px 28px; background: url(images/bullet_toggle_plus.gif) no-repeat 10px 0.3em; list-style: none;} #sonotatitle { font-size: 16px; font-weight: bold; text-align: left; margin-top: 20px; margin-left: 5px; padding-left: 7px; border-left: 5px #999 solid; border-bottom: 1px #ccc solid;} table { border: 1px #C3C3C3 solid; } td, th { border: 1px #FFF solid; } #content-wrapper{ clear: both; width: 750px; margin: 0 auto; text-align: center; } #sonotabox { float: left; padding: 20px 0; } #header h5 { font-size: 13px; font-family:"CI" , "qMmpS Pro W3","Hiragino Kaku Gothic Pro" ,"lr oSVbN","Osaka", Arial, Helvetica, sans-serif, ; margin: 0; padding: 20px 25px; } #amazon{ width:550px; margin:5px auto; } .amazon2{ width:860px; margin:5px auto; clear:both; } .amazon3{ width:880px; margin:5px auto; clear:both; } .amazon4{ width:780px; margin:5px auto; clear:both; } .amazon5{ width:885px; margin:5px auto; clear:both; } .amazon6{ width:818px; margin:5px auto; clear:both; } .amazon10{ width:600px; margin:5px auto; clear:both; } #pickup{ margin:0px auto 0px 7px; float:left; } #pickup2{ margin:0px auto; } #pickup3{ width:535px; margin:0px 0px 0px 25px; float:left; } #space{ width:300px; height:10px; font-weight:bold; margin:5px auto; padding:5px; } #space a img{ border-style:none; } .figua{ margin:0px auto; padding:7px auto; float:left; } #figua{ border: 0px;} .comic{ margin:0px auto; padding:7px auto; float:left; } #comic{ margin:3px auto 7px; border: 0px;} .game{ margin:0px auto; padding:0px auto; float:left; } #game{ margin:0px auto 5px; border: 0px; } .hatubaibi{ margin:0px auto; padding:0px auto; float:left; } #hatubaibi{ margin:0px auto 5px; border: 0px; font: normal 9px "CI" ,"lr oSVbN", "qMmpS Pro W3","Hiragino Kaku Gothic Pro" ,"Osaka", Arial, Helvetica, sans-serif, Verdana; color: #5a5a5a; } .navbox{ width:500px; margin:0px; } #navbar{ margin-left:0px; padding-left:0px; list-style-type:none; border-top:1px solid #000000; width:200px; float:left; } #navbar a{ display:block; padding:10px; background-color:#ffffff; color:5a5a5a; text-ecoration:none; } #navbar li{ border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; } #globalmenu{ margin-top:0px; margin-bottom:0px; margin-left:0px; padding-left:0px; list-style-type:none; border-top:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:0px solid #C0C0C0; width:750px; float:left; } #globalmenu a{ display:block; padding-top:5px; padding-left:5px; padding-bottom:5px; background-color:#ffffff; border-left:1px solid #C0C0C0; color:#5a5a5a; text-ecoration:none; text-align:left; } #globalmenu li{ float:left; width:150px; font: normal 10px "CI" ,"lr oSVbN", "qMmpS Pro W3","Hiragino Kaku Gothic Pro" ,"Osaka", Arial, Helvetica, sans-serif, Verdana; } #kokuti2{ color: #81a2c3; font: normal 13px "lr oSVbN"; width:950px; float:left; margin:10px auto; _margin:10px auto 10px; padding:5px auto; _padding:0px auto; text-align:center; } /* safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #page { width:550px; margin:5px auto; } } /* safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #page4 { width:510px; margin:5px auto; } } .div-y2{ width:1px; height: 210px; background: #fff url(images/div-y.gif) repeat-y; float:left; display:inline; margin:0px 3px 0px 22px; _margin:0px 5px 0px 13px; padding:0px 0px 0px 0px; } .amazontotalbox{ width:880px; height:210px; margin:5px auto; clear:both; border:0px solid #C0C0C0; } #amazonbox{ width:140px; margin:0px auto 0px 0px; float:left; } #amazonsum{ width:140px; margin:0px 0px 0px 5px; float:left; text-align:center; } #amazonsum2{ width:140px; margin:50px 0px 0px 5px; float:left; text-align:left; } #amazontitle{ @@font-size:11px; width:140px; margin:0px 0px 0px 0px; float:left; display:inline; text-align:center; } #amazontitle a{ @@font-size:11px; color:#5a5a5a; width:140px; margin:0px 0px 0px 0px; float:left; display:inline; text-align:center; } /* test */ .amazontotalboxtest{ width:860px; height:210px; margin:0px auto; clear:both; border:0px solid #C0C0C0; } #amazonboxtest{ width:190px; margin:0px auto 0px 0px; float:left; } #amazonboxtest2{ width:220px; margin:0px auto 0px 0px; float:left; } #amazonsumtest{ width:190px; margin:0px 0px 0px 0px; float:left; text-align:center; } #amazonsumtest2{ width:190px; margin:0px 0px 0px 0px; padding:45px 0px 0px 0px; float:left; text-align:center; } #amazonsumtest3{ width:190px; margin:0px 0px 0px 0px; padding:60px 0px 0px 0px; float:left; text-align:center; } #amazonsumtest4{ width:190px; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; float:left; text-align:center; } #amazonsumtest5{ width:190px; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; float:left; text-align:center; } #amazonsumtest6{ width:190px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; float:left; text-align:center; } #amazonsumtest7{ width:190px; margin:0px 0px 0px 0px; padding:80px 0px 0px 0px; float:left; text-align:center; } #amazontitletest{ @@font-size:11px; width:190px; margin:0px 0px 0px 0px; float:left; display:inline; text-align:center; } #amazontitletest a{ @@font-size:11px; color:#5a5a5a; width:190px; margin:0px 0px 0px 0px; float:left; display:inline; text-align:center; } #amazontitletest2{ @@font-size:11px; width:220px; margin:0px 0px 0px 0px; float:left; display:inline; text-align:center; } #amazontitletest2 a{ @@font-size:11px; color:#5a5a5a; width:220px; margin:0px 0px 0px 0px; float:left; display:inline; text-align:center; } .amazonwrapper { width: 860px; height: 220px; margin: 0 auto; clear: both; } .amazonbox { width: 190px; float: left; } .amazonimage { width: 160px; height: 160px; margin: 5px auto 10px; } .amazonimage img { width: auto; height: 160px; margin: 0 auto; display: block; } .amazontext { width: 170px; margin: 0 auto; text-align: center; line-height: 1.3; } .amazontext a { font-size: 12px; color: #5a5a5a; } .div-y3{ width:1px; height: 210px; background: #fff url(images/div-y.gif) repeat-y; float:left; height: 210px; margin:0px 5px; padding:0px; } .div-x3{ width:870px; height: 1px; overflow:hidden; background: #fff url(images/div-x.gif) repeat-x; float:left; display:inline; margin:5px 4px 8px 6px; _margin:5px 5px 5px 5px; padding:0px 0px 0px 0px; } .div-x4{ width:870px; height: 1px; overflow:hidden; background: #fff url(images/div-x.gif) repeat-x; float:left; display:inline; margin:7px 4px 10px 6px; _margin:7px 5px 10px 5px; padding:0px 0px 0px 0px; }