body { color: #333; font-size: 15px; line-height: 1.5; background-color: white; text-align: center; }
* { margin: 0; padding: 0; list-style-type: none; }
#container { background-image: url(../img/leftside_bg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; width: 720px; float: left; border-right-color: #ccc;b;border-left-color: #ccc; order-right-style: solid; }
#wrapper { background-image: url(../img/leftside_bg.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 { width: 535px; float: right; }
#secondary { text-align: left; width: 175px; float: left; }
#advertisement { text-align: left; width: 175px; 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; }
/*各パーツスタイル*/
#header img { float: left; }
#header p { color: white; font-size: 12px; font-weight: 500; line-height: 1.2; }
#header h1 { color: #fff; font-size: 14px; width: 700px; float: left; }
#secondary list, #advertisement list { margin-bottom: 20px; margin-left: 0; }
#primary p { font-size: 13px; line-height: 1.5; text-align: left; margin: 5px; }
#primary h2 { color: white; font-size: 15px; background-image: url(../img/h2haikei.jpg); background-repeat: repeat-y; background-position: left top; text-align: left; width: 500px; clear: both; margin-top: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 18px; border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; }
#secondary p { color: gray; font-size: 12px; line-height: 1.2; padding: 2px; }
#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-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; }
#advertisement .list dl { margin: 0 0 0 10px; }
#advertisement .list dt { background-color: white; background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
#advertisement .list dd { font-size: 14px; margin-bottom: 10px; margin-left: 15px; }
#secondary img, #advertisement img { margin-left: 3px; }
.infolist { clear: both; margin: 37% 0 0; }
.map { float: right; }
/*リストナビゲーションスタイル*/
#globalNav { background-image: url(../img/global_nav_bg.gif); background-repeat: repeat-x; background-position: left top; width: 100%; height: 30px; float: left; margin: 0; padding: 0; border-bottom: 3px solid #ccc; list-style-type: none; }
#globalNav li { font-size: 15px; text-align: center; width: 9em; float: left; margin: 0; padding: 0; border-right: 1px solid #ccc; }
#globalNav a { color: white; background-image: none; text-decoration: none; width: 100%; padding: 4px 0; display: block; }
#globalNav a:hover { background-image: url(../img/global_nav_bg_a.gif); background-repeat: repeat-x; background-position: 0 0; }
#makerNav { margin: 0; padding: 0; list-style-type: none; }
#makerNav li { font-size: 14px; text-align: center; width: 104px; height: 27px; float: left; margin: 0; padding: 0; border-right: 1px solid #ccc; }
#makerNav a { color: navy; background-image: url(../img/maker_navbg_104-25.jpg); text-decoration: none; padding-top: 3px; padding-right: 0; padding-left: 0; border-bottom: 1px solid silver; display: block; }
#makerNav a:hover { color: orange; background-image: url(../img/maker_navbg_hover_104-25.jpg); background-repeat: repeat-x; background-position: left top; text-decoration: underline; border-top: 1px solid #e0ffff; }
#secondary .list li a, #advertisement .list li a { color: #333; background-color: #fff; background-image: url(../img/list_001_f-trans.png); 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: url(../img/list_001_c-trans.png); background-repeat: no-repeat; background-position: left center; text-decoration: underline; }
#advertisement .list dt a { color: #333; text-decoration: none; }
#advertisement .list dt a:hover { color: orange; text-decoration: underline; }
.productList { clear: both; }
.productList ul { margin: 0; padding: 0; list-style-type: none; }
.productList li { text-align: center; width: 164px; float: left; margin: 10px 10px 0 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.productList h3 span { color: #fff; font-size: 16px; font-weight: normal; background-color: #161616; padding: 3px 0; display: block; }
.productList dl { font-size: 12px; margin: 1px 0; border-bottom: 1px solid #ccc; }
.productList dt { background-color: #e5daca; text-align: center; padding: 2px 0; border-top: 1px solid #dabf9a; }