@charset "utf-8"; /* CSS Document */ html { margin: 0px; padding: 0px; } body { font-size: 83%; line-height: 147%; color: #212121; padding: 0px; margin: 0px; } img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } a:link { text-decoration: underline; color: #333333; } a:visited { text-decoration: underline; color: #666666;} a:hover { text-decoration: underline; color: #666666; } a:active { text-decoration: underline; color: #666666;} .box10 { display: block; margin: 0px; padding: 0px; height: 10px; width: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; } .box20 { display: block; margin: 0px; padding: 0px; height: 20px; width: 20px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; } .box45 { display: block; margin: 0px; padding: 0px; height: 45px; width: 45px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; } .margin_bottom10 { display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .margin_bottom20 { display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .red { color: #FF0600; } .border_bottom { display: block; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; margin-top: 10px; margin-bottom: 5px; } .bg01 { background-image: url(../img/bg01.jpg); background-repeat: no-repeat; } .bg02 { background-image: url(../img/bg02.jpg); background-repeat: no-repeat; } #wrapper { display: block; height: auto; width: 100%; position: relative; clear: both; text-align: center; } #wrapper #content { display: block; padding: 0px; width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; height: auto; clear: both; text-align: left; } #wrapper #content #hd { display: block; margin: 0px; padding: 0px; height: 360px; width: 1000px; position: relative; } #wrapper #content #nav { background-image: url(../img/nav_bg.gif); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px; height: 30px; width: 900px; margin-top: 0px; margin-right: 50px; margin-bottom: 20px; margin-left: 50px; clear: both; } #wrapper #content #nav em { position: absolute; top: -5000px; } #wrapper #content #nav li.nav01 { background-image: url(../img/nav01.gif); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 30px; width: 70px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav01 a { display: block; margin: 0px; padding: 0px; height: 30px; width: 70px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav02 { background-image: url(../img/nav02.gif); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav02 a { display: block; margin: 0px; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav03 { background-image: url(../img/nav03.gif); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; margin-top: 0px; margin-right: 28px; margin-bottom: 0px; margin-left: 0px; } #wrapper #content #nav li.nav03 a { display: block; margin: 0px; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav04 { background-image: url(../img/nav04.gif); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; margin: 0px; } #wrapper #content #nav li.nav04 a { display: block; margin: 0px; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav05 { background-image: url(../img/nav05.gif); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px; height: 30px; width: 70px; float: left; list-style-type: none; position: relative; margin: 0px; } #wrapper #content #nav li.nav05 a { display: block; margin: 0px; padding: 0px; height: 30px; width: 70px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav06 { background-image: url(../img/nav06.gif); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px; height: 30px; width: 90px; float: left; list-style-type: none; position: relative; margin: 0px; } #wrapper #content #nav li.nav06 a { display: block; margin: 0px; padding: 0px; height: 30px; width: 90px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav07 { background-image: url(../img/nav07.gif); background-repeat: no-repeat; background-position: left top; display: block; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; margin-top: 0px; margin-right: 28px; margin-bottom: 0px; margin-left: 0px; } #wrapper #content #nav li.nav07 a { display: block; margin: 0px; padding: 0px; height: 30px; width: 110px; float: left; list-style-type: none; position: relative; } #wrapper #content #nav li.nav08 { background-image: url(../img/ico01.gif); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; height: 30px; width: 90px; font-size: 83%; line-height: 130%; color: #2B1201; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 34px; float: left; text-align: left; vertical-align: middle; list-style-type: none; } #wrapper #content #nav li.nav09 { background-image: url(../img/btn01.gif); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; height: 20px; width: 50px; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; list-style-type: none; } #wrapper #content #nav li.nav09 a { display: block; margin: 0px; height: 20px; width: 50px; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; list-style-type: none; } #wrapper #content #main { display: block; height: auto; width: 900px; position: relative; padding: 0px; margin-top: 0px; margin-right: 50px; margin-bottom: 0px; margin-left: 50px; clear: both; } #wrapper #content #main #left { display: block; height: auto; width: 295px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #left #category { display: block; height: auto; width: 295px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; background-image: url(../img/md01.gif); background-repeat: no-repeat; background-position: left top; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #left #category li.left { display: block; height: 100px; width: 90px; position: relative; padding: 0px; margin-top: 0px; margin-right: 13px; margin-bottom: 10px; margin-left: 0px; float: left; list-style-type: none; } #wrapper #content #main #left #category li.mid { display: block; height: 100px; width: 90px; position: relative; padding: 0px; margin-top: 0px; margin-right: 12px; margin-bottom: 10px; margin-left: 0px; float: left; list-style-type: none; } #wrapper #content #main #left #category li.right { display: block; height: 100px; width: 90px; position: relative; padding: 0px; float: left; margin: 0px; list-style-type: none; } #wrapper #content #main #middle { display: block; height: auto; width: 290px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #middle strong { font-weight: bold; color: #666666; margin: 0px; padding: 0px; } #wrapper #content #main #middle #new { display: block; height: auto; width: 290px; position: relative; background-image: url(../img/md02.gif); background-repeat: no-repeat; background-position: left top; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #wrapper #content #main #middle #new img { display: block; height: 105px; width: 105px; position: relative; margin-top: 0px; margin-right: 20px; margin-bottom: 8px; margin-left: 0px; padding: 0px; float: left; } #wrapper #content #main #middle #new p { display: block; height: auto; width: 290px; position: relative; list-style-type: none; clear: both; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; } #wrapper #content #main #middle #rank { display: block; height: auto; width: 290px; position: relative; background-image: url(../img/md03.gif); background-repeat: no-repeat; background-position: left top; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; clear: both; } #wrapper #content #main #middle #rank img { display: block; height: 105px; width: 105px; position: relative; margin-top: 0px; margin-right: 20px; margin-bottom: 8px; margin-left: 0px; padding: 0px; float: left; } #wrapper #content #main #middle #rank p { display: block; height: auto; width: 290px; position: relative; list-style-type: none; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; } #wrapper #content #main #right { display: block; height: auto; width: 270px; position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; } #wrapper #content #main #right #search { display: block; height: 80px; width: 270px; position: relative; padding: 0px; background-image: url(../img/frame.gif); background-repeat: no-repeat; background-position: left center; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #wrapper #content #main #right #search p { display: block; height: 50px; width: 240px; position: relative; padding: 15px; background-image: url(../img/sch.gif); background-repeat: no-repeat; background-position: 15px 15px; margin: 0px; } #wrapper #content #main #right em { position: absolute; top: -5000px; } #wrapper #content #main #right p.bn01 { display: block; height: 70px; width: 270px; position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; float: left; } #wrapper #content #main #right p.bn01 a { display: block; height: auto; width: 270px; position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; list-style-type: none; } #wrapper #content #main #right p.bn02 { display: block; height: 70px; width: 270px; position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; background-image: url(../img/bn04.gif); background-repeat: no-repeat; background-position: left top; list-style-type: none; } #wrapper #content #main #right p.bn02 a { display: block; height: auto; width: 270px; position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; list-style-type: none; } #wrapper #content #main #right p.bn03 { display: block; height: 70px; width: 270px; position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; background-image: url(../img/bn05.gif); background-repeat: no-repeat; background-position: left top; list-style-type: none; } #wrapper #content #main #right p.bn03 a { display: block; height: 70px; width: 270px; position: relative; padding: 0px; list-style-type: none; margin: 0px; } #wrapper #content #main #right #latest { display: block; height: auto; width: 270px; position: relative; float: left; background-image: url(../img/md05.gif); background-repeat: no-repeat; background-position: left top; margin: 0px; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #right #latest li { display: block; height: auto; width: 260px; position: relative; float: left; background-image: url(../img/ico03.gif); background-repeat: no-repeat; background-position: left 6px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } #wrapper #content #footer { display: block; height: 70px; width: 900px; margin-top: 0px; margin-right: 50px; margin-bottom: 0px; margin-left: 50px; clear: both; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; background-position: right top; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: right; position: relative; } #wrapper #content #footer ul { display: block; padding: 0px; height: 15px; width: 700px; position: relative; margin: 0px; float: left; } #wrapper #content #footer li { display: block; height: 15px; width: auto; font-size: 80%; line-height: 120%; background-image: url(../img/ico04.gif); background-repeat: no-repeat; background-position: left center; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; list-style-type: none; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; position: relative; } #wrapper #content #footer em { position: absolute; top: -5000px; } #wrapper #content #footer #copy { display: block; height: 15px; width: 200px; font-size: 80%; line-height: 120%; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; text-align: right; } #wrapper #content #hd02 { display: block; margin: 0px; padding: 0px; height: 140px; width: 1000px; position: relative; background-image: url(../img/hd01.gif); background-repeat: no-repeat; background-position: left top; } #wrapper #content #hd02 em { position: absolute; top: -5000px; } #wrapper #content #hd02 a { display: block; height: 90px; width: 150px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #item { display: block; margin: 0px; float: left; width: 600px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; } #wrapper #content #main #item #i02 { display: block; width: 600px; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; background-image: url(../img/md07.gif); background-repeat: no-repeat; background-position: left top; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #wrapper #content #main #item #i02 .btn { display: block; width: 160px; position: relative; height: 40px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 440px; } #wrapper #content #main #item #i03 { display: block; margin: 0px; width: 600px; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; background-image: url(../img/md08.gif); background-repeat: no-repeat; background-position: left top; clear: both; } #wrapper #content #main #item #i03 img { display: block; height: 105px; width: 105px; position: relative; margin-top: 0px; margin-right: 20px; margin-bottom: 8px; margin-left: 0px; padding: 0px; float: left; } #wrapper #content #main #item #i03 p { display: block; height: auto; width: 300px; position: relative; list-style-type: none; padding: 0px; margin: 0px; float: left; } #wrapper #content #main #right #rank02 { display: block; height: auto; width: 270px; position: relative; background-image: url(../img/md09.gif); background-repeat: no-repeat; background-position: left top; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; clear: both; } #wrapper #content #main #right #rank02 img { display: block; height: 105px; width: 105px; position: relative; margin-top: 0px; margin-right: 20px; margin-bottom: 8px; margin-left: 0px; padding: 0px; float: left; } #wrapper #content #main #right #rank02 p { display: block; height: auto; width: 270px; position: relative; list-style-type: none; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; } #wrapper #content #main #item #c01 { display: block; width: 600px; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; background-image: url(../img/md10.gif); background-repeat: no-repeat; background-position: left top; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #wrapper #content #main #item #c01 #a { display: block; width: 190px; position: relative; height: auto; padding: 0px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; float: left; } #wrapper #content #main #item #c01 #b { display: block; width: 190px; position: relative; height: auto; padding: 0px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #wrapper #content #main #item #c01 p { display: block; width: 190px; position: relative; height: auto; margin: 0px; clear: both; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #item #c02 { display: block; width: 600px; position: relative; height: auto; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px; } #wrapper #content #main #item #c02 #a { display: block; width: 190px; position: relative; height: auto; padding: 0px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; float: left; } #wrapper #content #main #item #c02 #b { display: block; width: 190px; position: relative; height: auto; padding: 0px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #wrapper #content #main #item #c02 p { display: block; width: 190px; position: relative; height: auto; margin: 0px; clear: both; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #item #g01 { display: block; width: 600px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; background-image: url(../img/md13.gif); background-repeat: no-repeat; background-position: left top; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #wrapper #content #main #item #g01 p { padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; margin: 0px; clear: both; height: auto; width: 600px; } #wrapper #content #main #item #g02 { display: block; width: 600px; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; background-image: url(../img/md14.gif); background-repeat: no-repeat; background-position: left top; clear: both; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #wrapper #content #main #item #g02 #a { display: block; width: 190px; position: relative; height: auto; padding: 0px; margin-top: 0px; margin-right: 15px; margin-bottom: 20px; margin-left: 0px; float: left; } #wrapper #content #main #item #g02 #b { display: block; width: 190px; position: relative; height: auto; padding: 0px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #wrapper #content #main #item #g02 p { padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; margin: 0px; clear: both; height: auto; width: 190px; } #wrapper #content #main #item #g02 img { display: block; width: 30px; position: relative; height: 25px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #item #g02 strong { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 115%; line-height: 130%; color: #FF0600; text-decoration: none; } #wrapper #content #main #item #g02 a { text-decoration: none; color: #FF0600; } #wrapper #content #main #item #g03 { display: block; width: 600px; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; background-image: url(../img/md15.gif); background-repeat: no-repeat; background-position: left top; clear: both; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #wrapper #content #main #item #g03 #a { display: block; width: 190px; position: relative; height: auto; margin-top: 0px; margin-right: 15px; margin-bottom: 10px; margin-left: 0px; float: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #wrapper #content #main #item #g03 #b { display: block; width: 190px; position: relative; height: auto; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #wrapper #content #main #item #g03 img { display: block; width: 30px; position: relative; height: 25px; float: left; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #item #g03 p { padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; margin: 0px; clear: both; height: auto; width: 190px; } #wrapper #content #main #item #g03 strong { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 115%; line-height: 130%; color: #FF0600; text-decoration: none; } #wrapper #content #main #item #g03 a { color: #FF0600; text-decoration: none; } #wrapper #content #main #item #g04 { display: block; width: 600px; position: relative; height: auto; clear: both; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding: 0px; } #wrapper #content #main #item #g04 #a { display: block; width: 190px; position: relative; height: auto; padding: 0px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; float: left; } #wrapper #content #main #item #g04 #b { display: block; width: 190px; position: relative; height: auto; padding: 0px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #wrapper #content #main #item #g04 p { padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; margin: 0px; clear: both; height: auto; width: 190px; } #wrapper #content #main #item #g04 img { display: block; width: 30px; position: relative; height: 25px; float: left; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; } #wrapper #content #main #item #g04 strong { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 115%; line-height: 130%; color: #FF0600; text-decoration: none; } #wrapper #content #main #item #g04 a { color: #FF0600; text-decoration: none; } #wrapper #content #main #item #i01 { display: block; width: 600px; padding-top: 45px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: auto; background-image: url(../img/md06.gif); background-repeat: no-repeat; background-position: left top; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #wrapper #content #main #item #i01 #a { margin-top: -260px; } #wrapper #content #main #item #i01 #a strong { display: block; margin: 0px; position: relative; clear: both; font-size: 130%; line-height: 150%; font-weight: bold; color: #666666; padding: 0px; } #wrapper #content #main #item #i01 #a p { display: block; width: 270px; position: relative; height: auto; clear: both; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; left: 330px; } #wrapper #content #main #item #i01 #a .btn { display: block; width: 160px; position: relative; height: 40px; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 110px; } #wrapper #content #main #item #i01 .b { display: block; width: 200px; position: relative; height: 150px; padding: 0px; float: left; margin-top: 10px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } /*　　商品一覧表示指定［見出しほか］　　*/ #wrapper #content #main #page_title { text-align: left; display: block; padding: 0; clear: both; height: 70px; width: 900px; margin: 0 0 30px 0; border: 0; position: relative; } #wrapper #content #main #page_title ul { display: block; margin: 0; padding: 0; height: 20px; width: 900px; border: 0; list-style-type: none; position: relative; } #wrapper #content #main #page_title .list_attachment { } #wrapper #content #main #page_title .list_attachment li { display: block; float: left; list-style-type: none; position: relative; } #wrapper #content #main #page_title .list_attachment .item_count { font-size: 90%; text-align: left; width: 180px; height: 20px; padding: 0; margin: 0 20px 0 0; border: 0; position: relative; } #wrapper #content #main #page_title .list_attachment .item_count strong { color: #FF9900; } #wrapper #content #main #page_title .list_attachment .item_sort { font-size: 90%; text-align: left; padding: 0; height: 20px; width: 280px; margin: 0 20px 0 0; border: 0; position: relative; } #wrapper #content #main #page_title .list_attachment .item_sort a { color: #FF0600; text-decoration: none; } #wrapper #content #main #page_title .list_attachment .page_view { font-size: 90%; text-align: right; margin: 0; padding: 0; height: 20px; width: 400px; border: 0; position: relative; } #wrapper #content #main #page_title .list_attachment .page_view a { color: #FF0600; } /*　　商品一覧表示指定［商品一覧］　　*/ #wrapper #content #main #item_list { display: block; margin: 0; padding: 0; clear: both; height: auto; width: 900px; border: 0; position: relative; } #wrapper #content #main #item_list ul { display: block; clear: both; width: 900px; border: 0; list-style-type: none; position: relative; padding: 0; height: 170px; margin: 0 0 30px 0; } #wrapper #content #main #item_list li { font-size: 84%; line-height: 140%; color: #333333; text-align: left; display: block; padding: 0; float: left; height: auto; width: 150px; border: 0; position: relative; margin: 0 15px 30px 15px; } *html #wrapper #content #main #item_list li { font-size: 84%; line-height: 140%; color: #333333; text-align: left; display: block; padding: 0; float: left; height: auto; width: 150px; border: 0; position: relative; margin: 0 18px 30px 10px; }/*　　win ie表示用ハック　　*/ #wrapper #content #main #item_list .item_imgs { float: none; } #wrapper #content #main #item_list p { text-align: left; height: auto; width: 150px; margin: 0 auto 0 auto; padding: 20px 0 0 0; border: 0; position: relative; clear: both; } #wrapper #content #main #item_list a { text-decoration: none; } #wrapper #content #main #item_list a:hover { color: #FF0600; } #wrapper #content #main #item_list img { float: left; margin-right: 10px; } #wrapper #content #main #item_list strong { color: #FF0600; } #wrapper #content #main1 { display: block; height: auto; width: 900px; position: relative; padding: 0px; margin-top: 0px; margin-right: 50px; margin-bottom: 0px; margin-left: 50px; clear: both;} /*　　商品一覧表示指定［見出しほか］　　*/ #wrapper #content #main1 #page_title { text-align: left; display: block; padding: 0; clear: both; height: 70px; width: 900px; margin: 0 0 30px 0; border: 0; position: relative; } #wrapper #content #main1 #page_title ul { display: block; margin: 0; padding: 0; height: 20px; width: 900px; border: 0; list-style-type: none; position: relative; } #wrapper #content #main1 #page_title .list_attachment { } #wrapper #content #main1 #page_title .list_attachment li { display: block; float: left; list-style-type: none; position: relative; } #wrapper #content #main1 #page_title .list_attachment .item_count { font-size: 90%; text-align: left; width: 180px; height: 20px; padding: 0; margin: 0 20px 0 0; border: 0; position: relative; } #wrapper #content #main1 #page_title .list_attachment .item_count strong { color: #FF9900; } #wrapper #content #main1 #page_title .list_attachment .item_sort { font-size: 90%; text-align: left; padding: 0; height: 20px; width: 280px; margin: 0 20px 0 0; border: 0; position: relative; } #wrapper #content #main1 #page_title .list_attachment .item_sort a { color: #FF0600; text-decoration: none; } #wrapper #content #main1 #page_title .list_attachment .page_view { font-size: 90%; text-align: right; margin: 0; padding: 0; height: 20px; width: 400px; border: 0; position: relative; } #wrapper #content #main1 #page_title .list_attachment .page_view a { color: #FF0600; } /*　　商品一覧表示指定［商品一覧］　　*/ #wrapper #content #main1 #item_list { display: block; margin: 0; padding: 0; clear: both; height: auto; width: 900px; border: 0; position: relative; } #wrapper #content #main1 #item_list ul { display: block; clear: both; width: 900px; border: 0; list-style-type: none; position: relative; padding: 0; height: 170px; margin: 0 0 30px 0; } #wrapper #content #main1 #item_list li { font-size: 84%; line-height: 140%; color: #333333; text-align: left; display: block; padding: 0; float: left; height: auto; width: 240px; border: 0; position: relative; margin: 0 15px 30px 15px; } *html #wrapper #content #main1 #item_list li { font-size: 84%; line-height: 140%; color: #333333; text-align: left; display: block; padding: 0; float: left; height: auto; width: 150px; border: 0; position: relative; margin: 0 18px 30px 10px; }/*　　win ie表示用ハック　　*/ #wrapper #content #main1 #item_list .item_imgs { float: none; } #wrapper #content #main1 #item_list p { text-align: left; height: auto; width: 320px; margin: 0 auto 0 auto; padding: 20px 0 0 0; border: 0; position: relative; clear: both; } #wrapper #content #main1 #item_list a { text-decoration: none; } #wrapper #content #main1 #item_list a:hover { color: #FF0600; } #wrapper #content #main1 #item_list img { float: left; margin-right: 10px; } #wrapper #content #main1 #item_list strong { color: #FF0600; } /* ガイド表示指定 */ /* 商品について */ #wrapper #content #main #item { display: block; margin: 0px; float: left; width: 600px; padding: 0 30px 0 0; position: relative; height: auto; } #wrapper #content #main #item #guide { display: block; width: 600px; padding: 45px 0 0 0; position: relative; height: auto; background: url(../img/md13.gif) no-repeat; clear: both; margin: 0; } #wrapper #content #main #item #guide #items { display: block; width: 600px; position: relative; height: auto; clear: both; padding: 45px 0 0 0; margin: 0 0 20px 0; background: url(../img/md17.gif) no-repeat; clear: both; } #wrapper #content #main #item #guide #items p { display: block; width: 600px; position: relative; height: auto; clear: both; margin: 0; padding: 0 0 10px 0; } #wrapper #content #main #item #guide #items strong { font-weight: bold; color: #666666; } /* 登録について */ #wrapper #content #main #item #guide #resi { display: block; width: 600px; position: relative; height: auto; clear: both; padding: 45px 0 0 0; margin: 0 0 20px 0; background: url(../img/md18.gif) no-repeat; clear: both; } #wrapper #content #main #item #guide #resi ul { display: block; width: 600px; position: relative; height: 220px; clear: both; margin: 0; padding: 0 0 10px 0; list-style-type: none; } #wrapper #content #main #item #guide #resi li { text-align: center; } #wrapper #content #main #item #guide #resi li.step01 { display: block; width: 180px; position: relative; height: auto; float: left; margin: 0 20px 0 0; padding: 200px 0 0 0; background: url(../img/img08.jpg) no-repeat; } #wrapper #content #main #item #guide #resi li.step02 { display: block; width: 200px; position: relative; height: auto; float: left; margin: 0; padding: 200px 0 0 0; background: url(../img/img09.jpg) no-repeat center top; } #wrapper #content #main #item #guide #resi li.step03 { display: block; width: 180px; position: relative; height: auto; float: left; margin: 0 0 0 20px; padding: 200px 0 0 0; background: url(../img/img10.jpg) no-repeat; } #wrapper #content #main #item #guide #resi strong { font-weight: bold; color: #666666; } /* 退会について */ #wrapper #content #main #item #guide #secession { display: block; width: 600px; position: relative; height: auto; clear: both; padding: 45px 0 0 0; margin: 0 0 20px 0; background: url(../img/md19.gif) no-repeat; clear: both; } #wrapper #content #main #item #guide #secession p { display: block; width: 600px; position: relative; height: auto; clear: both; margin: 0; padding: 0 0 10px 0; } #wrapper #content #main #item #guide #secession strong { font-weight: bold; color: #666666; } /* 価格について */ #wrapper #content #main #item #guide #price { display: block; width: 600px; position: relative; height: auto; clear: both; padding: 45px 0 0 0; margin: 0 0 20px 0; background: url(../img/md20.gif) no-repeat; clear: both; } #wrapper #content #main #item #guide #price p { display: block; width: 600px; position: relative; height: auto; clear: both; margin: 0; padding: 0 0 10px 0; } #wrapper #content #main #item #guide #price strong { font-weight: bold; color: #666666; } /* キャンセルについて */ #wrapper #content #main #item #guide #cancel { display: block; width: 600px; position: relative; height: auto; clear: both; padding: 45px 0 0 0; margin: 0 0 20px 0; background: url(../img/md21.gif) no-repeat; clear: both; } #wrapper #content #main #item #guide #cancel p { display: block; width: 600px; position: relative; height: auto; clear: both; margin: 0; padding: 0 0 10px 0; } #wrapper #content #main #item #guide #cancel strong { font-weight: bold; color: #666666; } /* 納期について */ #wrapper #content #main #item #guide #deli { display: block; width: 600px; position: relative; height: auto; clear: both; padding: 45px 0 0 0; margin: 0 0 20px 0; background: url(../img/md22.gif) no-repeat; clear: both; } #wrapper #content #main #item #guide #deli p { display: block; width: 600px; position: relative; height: auto; clear: both; margin: 0; padding: 0 0 10px 0; } #wrapper #content #main #item #guide #deli strong { font-weight: bold; color: #666666; } /* その他 */ #wrapper #content #main #item #guide #other { display: block; width: 600px; position: relative; height: auto; clear: both; padding: 45px 0 0 0; margin: 0 0 20px 0; background: url(../img/md23.gif) no-repeat; clear: both; } #wrapper #content #main #item #guide #other p { display: block; width: 600px; position: relative; height: auto; clear: both; margin: 0; padding: 0 0 10px 0; } #wrapper #content #main #item #guide #other strong { font-weight: bold; color: #666666; } #wrapper #content #main #right p.bn04 { display: block; height: 70px; width: 270px; position: relative; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; background-image: url(../img/bn06.jpg); background-repeat: no-repeat; background-position: left top; list-style-type: none; } #wrapper #content #main #right p.bn04 a { display: block; height: 70px; width: 270px; position: relative; padding: 0px; list-style-type: none; margin: 0px; } .img-left{ float:left; padding:0px 10px 10px 0px; } .itiran li { width: 350px; float: left; margin-left: 10px; margin-bottom: 10px; padding: 8px; text-align: center; } .itiran { width: 800px; }