body { color: #333; font-size: 15px; line-height: 1.5; background-color: white; text-align: center; }
* { margin: 0; padding: 0; list-style-type: none; }
#wrapper { background-image: url(../img/leftside_bg_2steps.gif); width: 900px; margin-right: auto; margin-left: auto; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#header { background-image: url(../img/New2_Topbanar900_80.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; height: 80px; }
#primary { text-align: justify; width: 695px; float: right; margin-top: 10px; padding-right: 7px; padding-left: 8px; }
#secondary { text-align: left; width: 175px; float: left; }
#advertisement { text-align: left; width: 180px; float: right; }
#footer { background-color: white; text-align: center; height: 20px; clear: both; padding: 10px 0; border-top: 3px solid #ccc; order-top-style: solid; }
.pankuzu { color: gray; font-size: 13px; margin-top: -15px; margin-bottom: 10px; }
/*共通スタイル*/
#header img { float: left; margin-right: 5px; }
#header h1 { color: #fff; font-size: 15px; }
#header p { color: black; font-size: 13px; font-weight: bold; line-height: 1.2; margin-left: 600px; }
#primary h3 { color: gray; font-size: 16px; background-color: #dce6fa; background-repeat: repeat-x; margin-top: 25px; margin-bottom: 5px; padding-top: 4px; padding-bottom: 4px; padding-left: 25px; border-bottom: 2px solid blue; border-left: 10px solid blue; }
#primary h2 { color: #fff; font-size: 17px; background-color: green; background-position: 0 0; padding: 3px 0 3px 20px; border-left: 10px solid blue; display: block; }
#primary p { font-size: 14px; line-height: 1.7; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
#secondary p { font-size: 14px; padding-right: 2px; padding-left: 2px; }
#secondary list, #advertisement list { margin-bottom: 20px; }
#secondary .list h2, #advertisement .list h2 { color: #646464; font-size: 15px; background-color: #dce6fa; padding: 3px 15px; }
#secondary .list li, #advertisement .list li { font-size: 14px; background-color: #0032ff; background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: left center; text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
#secondary .list ul, #advertisement .list ul { margin: 0 7px 7px; padding: 0; }
#secondary .list li a, #advertisement .list li a { color: #333; background-color: #fff; background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding: 4px 0 4px 15px; display: block; }
#secondary .list li a:hover, #advertisement .list li a:hover { color: orange; background-color: transparent; background-image: none; }
#secondary img { margin-left: 3px; }
#advertisement .list dt a { color: #333; text-decoration: none; }
#advertisement .list dt a:hover { color: orange; text-decoration: underline; }
#globalNav { background-image: url(../img/global_nav_bg.gif); background-repeat: repeat-x; background-position: left top; list-style-type: none; margin: 0; padding: 0; width: 100%; height: 30px; float: left; border-bottom: 3px solid #ccc; }
#globalNav li { font-size: 15px; text-align: center; margin: 0; padding: 0; width: 9em; float: left; border-right: 1px solid #ccc; }
#globalNav a { color: white; text-decoration: none; background-image: none; display: block; padding: 4px 0; width: 100%; }
#globalNav a:hover { background-image: url(../img/global_nav_bg_a.gif); background-repeat: repeat-x; background-position: 0 0; }
#makerNav { background-image: url(../img/maker_nav_bg.gif); background-repeat: repeat; background-position: left top; list-style-type: none; margin: 0 0 0 3px; padding: 0; width: 690px; height: 102px; clear: both; }
#makerNav li { text-align: center; margin: 0; padding: 0; width: 137px; height: 34px; float: left; border-right: 1px solid #ccc; }
#makerNav a { color: white; text-decoration: none; display: block; padding: 6px 0 8px; border-top: 1px solid white; }
#makerNav a:hover { text-decoration: underline; background-image: url(../img/global_nav_bg_a.gif); background-position: left top; border-top: 1px solid white; }
#productlist ul { margin: 0; padding: 0; list-style-type: none; }
#productlist li { text-align: center; width: 160px; float: left; margin: 10px 10px 0 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#productlist h4 span { color: #fff; font-size: 15px; font-weight: normal; background-color: #161616; padding: 3px 0; display: block; }
#productlist dl { font-size: 14px; margin: 1px 0; border-bottom: 1px solid #ccc; }
#productlist dt { background-color: #e5daca; text-align: center; padding: 2px 0; border-top: 1px solid #dabf9a; }
#productlist { margin: 20px 0 0; padding: 0; }
#tonerList { margin-top: 20px; margin-left: 20px; }
#tonerList li { width: 660px; }
#tonerList ul { margin-top: 20px; }
#tonerList dl { margin: 1px 0 1px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#tonerList dt { background-color: white; padding: 5px 0 5px 20px; border-top: 1px solid #dabf9a; }
#tonerList dd span { color: red; font-size: 18px; font-family: Arial, "Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }
#tonerList dd { background-color: #dcdcdc; padding: 5px 0 5px 20px; }
#tonerList img { float: left; margin-right: 15px; }
#InfoList3steps { width: 660px; margin-top: 20px; margin-bottom: 25px; margin-left: 20px; }
#InfoList3steps li { width: 220px; float: left; }
#InfoList3steps ul {  }
#InfoList3steps span { font-size: 15px; font-weight: 600; background-color: silver; }
#InfoList3steps dl { }
#InfoList3steps dt { color: black; background-color: #dce6fa; text-align: center; border-right: 1px solid white; }
#InfoList3steps dd { color: #000; font-size: 14px; padding-right: 10px; padding-left: 10px; }
#InfoList3steps dd b { color: red; }
#Img450 { width: 670px; margin-left: 20px; }
#Img450 img { border: solid 1px blue; }
#Img450 dl { margin-top: 30px; margin-right: 25px; margin-left: 50px; }
.InfoList { width: 670px; margin-left: 20px; }
.InfoList h4 { font-size: 15px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin-top: 30px; margin-bottom: -10px; padding-top: 4px; padding-left: 20px; border-bottom: 2px solid silver; border-left: 15px solid #dce6fa; }
.InfoList dt { font-weight: 600; margin-top: 15px; }
.InfoList dd { font-size: 14px; margin-top: 5px; margin-left: 20px; }