@charset "shift_jis"; body { font-family: "???C???I", "?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3"; font-size: 75%; /*?S??????T?C?Y*/ line-height: 2; /*?S???s??/ color: #666666; /*?S??????F*/ background: #FFFFFF; /*?w?i?F*/ margin: 0px; padding: 0px; text-align: center; } h1,h2,h3,p,ul,li,dl,dt,dd{ margin: 0px; padding: 0px; } ul{ list-style-type: none; } img { border: none; } .look { background: #f5f5f5; } .color1 { color: #408200; } /*?S??I??????N?? ---------------------------------------------------------------------------*/ a { color: #333333; /*?????N????????F*/ } a:hover { color: #408200; /*?????N?????J?[?\???I?[?o?[??????F*/ } /*?R???e?i?[?i????X??K?v???j ---------------------------------------------------------------------------*/ #container { width: 799px; margin-right: auto; margin-left: auto; text-align: left; } /*?w?b?_?[ ---------------------------------------------------------------------------*/ #header { height: 400px; width: 799px; position: relative; margin-bottom: 1px; } #header h1 { font-size: 10px; /*h1?^?O?????T?C?Y*/ color: #FFFFFF; /*h1?^?O?????F*/ font-weight: normal; /*?????????B???????????P?s??O??B*/ width: 789px; line-height: 1.4; position: absolute; left: 5px; top: 5px; text-align: right; /*?E?????w??B????????????s??O??B*/ } /*???C?????j???[ ---------------------------------------------------------------------------*/ ul#topmenu li { float: left; } ul#topmenu img { vertical-align: bottom; } /*?R???e???c ---------------------------------------------------------------------------*/ #contents { clear: left; width: 800px; margin-right: auto; margin-left: auto; padding-top: 10px; } /*?T?C?h?R???e???c ---------------------------------------------------------------------------*/ #side { float: left; /*?T?C?h?R???e???c?????z?u?????/ width: 210px; /*?T?C?h?R???e???c???*/ padding-bottom: 100px; } #side h3 { font-size: 100%; line-height: 60px; background: url(images/midashi_bg1.gif) repeat-x; /*h3?^?O??w?i??????/ color: #FFFFFF; /*h3?^?O?????F*/ height: 70px; text-align: center; /*h3??o???e?L?X?g?????????????B?????????P?s??????B*/ overflow: hidden; } #side p { padding-top: 0.5em; padding-bottom: 1em; } /*?T?C?h???j???[ ---------------------------------------------------------------------------*/ ul.sidemenu a { color: #666666; /*????F*/ text-decoration: none; text-align: center; /*?e?L?X?g?????????????B?????????P?s??????B*/ border-bottom: 1px solid #aeaeae; /*?e???j???[???px?????????/ display: block; width: 210px; padding-top: 0.5em; padding-bottom: 0.5em; } ul.sidemenu a:hover { background: #f7f7f7; /*?J?[?\???I?[?o?[???w?i?F*/ color: #000000; /*?J?[?\???I?[?o?[??????F*/ } /*???C???R???e???c ---------------------------------------------------------------------------*/ #main { float: right; /*???C???R???e???c??E???z?u?????/ width: 570px; /*???C???R???e???c???*/ padding-bottom: 100px; } #main h2 { font-size: 100%; background: url(images/h2_bg.gif) no-repeat; /*h2?^?O??w?i??????/ color: #FFFFFF; /*h2?^?O?????F*/ line-height: 40px; height: 40px; overflow: hidden; padding-left: 10px; padding-right: 50px; } #main p { padding: 0.5em 10px 1em; } /*?i?{?b?N?X?? ---------------------------------------------------------------------------*/ .shoppingbox { /*1???????{?b?N?X???/ width: 570px; overflow: hidden; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #CCCCCC; /*1???{?b?N?X?????????E??/ } .shoppingbox .img { /*??????????/ float: left; /*????{?b?N?X???????/ font-size: 140%; /*??????????/ font-weight: bold; /*?????????B???????????s??O??B*/ color: #FF0000; /*????F?B*/ text-align: center; /*?Z???^?????O???/ width: 150px; /*��???z?u?????????????????B*/ } .shoppingbox h3 { /*?E???3?^?O????/ font-size: 100%; margin-left: 160px; /*???z?u????????????????????????B*/ color: #2D49D8; /*????F*/ } .shoppingbox p { /*???????/ margin-left: 160px; /*???z?u????????????????????????B*/ padding: 0px !important; } .shoppingbox a { /*?{?b?N?X???????N?F???/ color: #2D49D8; } .shoppingbox a:hover { /*?{?b?N?X???????N??J?[?\???I?[?o?[??????F???/ color: #333333; } /*?t?b?^?[ ---------------------------------------------------------------------------*/ #footer { clear: both; width: 100%; line-height: 1.4; text-align: center; } /*???C???R???e???c???uWhat's New?v??? ---------------------------------------------------------------------------*/ #main dl.new { width: 550px; /*What's New?{?b?N?X???*/ height: 100px; /*What's New?{?b?N?X?????/ overflow: auto; padding: 10px; } #main dl.new dt { font-weight: bold; /*??t??F????????/ } #main dl.new dd { border-bottom: 1px solid #cfcfcf; /*???????px??_??dotted)??cfcfcf??F?????B*/ }