@charset "euc-jp";
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; color: #666666; line-height: 18px; background-color: #fff; /* no ie mac */ font-size: 12px !important;/* for modern */ /* */ font-size: 100%;/* for ie */ } body,td,th { font-family: ¥á¥¤¥ê¥ª,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif !important; font-size: 12px !important; color: #000000; } a:visited { color: #660099; text-decoration: none; } a:hover { color: #FF0000; text-decoration: underline } a:link { color: #0000FF; text-decoration: none; } #cts { width: 950px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } dl { display: block; margin-top: 20px; margin-bottom: 10px; padding: 0px; } dt { color: #FC0C60; text-indent: 10px; margin-top: 5px; display: block; font-size: 16px; margin-bottom: 5px; padding-left: 20px; background-color: #FFF4FA; width: 600px; padding-top: 10px; font-weight: normal; padding-bottom: 10px; } dt:first-letter{font-size: 150%;} dd { color: #333333; font-size: 12px; line-height: 20px; letter-spacing: 3px; margin-bottom: 20px; margin-top: 20px; } dd:first-letter{font-size: 150%;} #leftbox { display: block; padding: 0px; width: 700px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #rightbox { margin: 0px; padding: 0px; float: left; width: 235px; display: block; } #rightbox ul { display: block; margin: 0px; padding: 0px; width: 100%; clear: both; z-index: 1; } #rightbox li{ list-style-type: none; display: block; padding: 0px; width: 100%; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; z-index: 3; } #lfb1 a{ text-indent: -6000px; z-index: 22; text-decoration: none; display: block; padding: 0px; width: 100%; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; background-image: url(../image/page/bauty7.gif); background-repeat: no-repeat; } #lfb1 a:hover { position: relative; background-position: 0px -80px; } #lfb2 a{ text-indent: -6000px; z-index: 22; text-decoration: none; display: block; padding: 0px; width: 100%; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; background-image: url(../image/page/bauty5.gif); background-repeat: no-repeat; } #lfb2 a:hover { position: relative; background-position: 0px -80px; } #lfb3 a{ text-indent: -6000px; z-index: 22; text-decoration: none; display: block; padding: 0px; width: 100%; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; background-image: url(../image/page/bauty6.gif); background-repeat: no-repeat; } #lfb3 a:hover { position: relative; background-position: 0px -80px; } #lfb4 a{ text-indent: -6000px; z-index: 20; text-decoration: none; display: block; padding: 0px; width: 100%; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; background-image: url(../image/page/bauty3.gif); background-repeat: no-repeat; } #lfb4 a:hover { position: relative; background-position: 0px -80px; } #lfb5 a{ text-indent: -6000px; z-index: 20; text-decoration: none; display: block; padding: 0px; width: 100%; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; background-image: url(../image/page/bauty4.gif); background-repeat: no-repeat; } #lfb5 a:hover { position: relative; background-position: 0px -80px; } #lfb6 a{ text-indent: -6000px; z-index: 20; text-decoration: none; display: block; padding: 0px; width: 100%; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; background-image: url(../image/page/bauty8.gif); background-repeat: no-repeat; } #lfb6 a:hover { position: relative; background-position: 0px -80px; } h1 { height: 30px; width: 660px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 30px; color: #333333; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; font-size: 22px; } h3 { width: 600px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 25px; font-size: 15px; color: #FFFFFF; padding-right: 0px; padding-left: 20px; font-weight: normal; background-color: #7A8692; padding-top: 3px; padding-bottom: 3px; } b{ color: #FF0093; text-indent: 10px; margin-top: 10px; display: block; font-size: 16px; } b:first-letter{font-size: 150%;} p{ color: #333333; font-size: 14px; line-height: 20px; letter-spacing: 3px; margin-bottom: 20px; padding-left: 50px; } #comebox { display: block; padding: 10px; width: 680px; } p:first-letter{font-size: 150%;} hr { height: 1px;width: 620px; margin-left: 20px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } #topimg { margin: 0px; padding: 0px; height: 300px; width: 700px; float: left; } #topinfo { height: 100px; width: 690px; border: 1px solid #E3E3E3; background-image: url(../image/page/infobar.gif); background-repeat: repeat-x; padding-top: 40px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; color: #666666; float: right; } .rightinfo { padding: 3px; height: 150px; width: 220px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; border: 4px solid #66CCFF; } #rssbox { background-image: url(../image/page/bc.jpg); padding: 3px; width: 230px; height: 400px; float: right; } #secondinfo { display: block; padding: 0px; width: 100%; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; } #scleft { display: block; padding: 5px; float: left; width: 335px; border: 1px solid #E3E3E3; background-image: url(../image/page/infobar.gif); background-repeat: repeat-x; } #under { font-size: 12px; color: #FFFFFF; height: 15px; width: 100%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; text-align: center; line-height: 15px; float: right; background-color: #000000; margin: 0px; padding: 0px; } #scright { padding: 5px; float: right; width: 335px; display: block; border: 1px solid #E3E3E3; background-image: url(../image/page/infobar.gif); background-repeat: repeat-x; } a:focus{ outline:none; } #top { height: 60px; width: 100%; margin: 0px; padding: 0px; display: block; } #bar { height: 40px; width: 100%; display: block; margin: 0px; padding: 0px; float: right; background-image: url(../image/page/bar.gif); } #bar ul { clear: both; margin: 0px; padding: 0px; overflow: hidden; z-index: 0; display: block; } #bar li{ margin: 0px; padding: 0px; float: left; height: 40px; width: 130px; display: inline; text-align: left; background-repeat: no-repeat; overflow: hidden; z-index: 2; text-indent: -99999px; } #btna a { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt1.gif); overflow: hidden; } #btna a:hover { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt1.gif); z-index: 20; position: relative; background-position: 0px -40px; } #btnb a { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt2.gif); overflow: hidden; } #btnb a:hover { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt2.gif); z-index: 20; position: relative; background-position: 0px -40px; } #btnc a { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt3.gif); overflow: hidden; } #btnc a:hover { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt3.gif); z-index: 20; position: relative; background-position: 0px -40px; } #btnd a { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt6.gif); overflow: hidden; } #btnd a:hover { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt6.gif); z-index: 20; position: relative; background-position: 0px -40px; } #btne a { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt5.gif); overflow: hidden; } #btne a:hover { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt5.gif); z-index: 20; position: relative; background-position: 0px -40px; } #btnf a { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt4.gif); overflow: hidden; } #btnf a:hover { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt4.gif); z-index: 20; position: relative; background-position: 0px -40px; } #btng a { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt7.gif); overflow: hidden; } #btng a:hover { float: left; height: 40px; width: 130px; background-image: url(../image/page/bt7.gif); z-index: 20; position: relative; background-position: 0px -40px; } #back { margin: 0px; padding: 0px; width: 100%; display: block; float: left; } #smap { display: block; padding: 0px; float: right; height: 20px; width: 450px; margin-top: 10px; margin-right: 10px; position: absolute; top: 10px; right: 20px; text-align: right; } .adv { display: block; margin: 0px; padding: 0px; height: 200px; width: 700px; } .adleft { display: block; margin: 0px; padding: 10px; float: left; height: 150px; width: 100px; } .adright { display: block; height: 150px; width: 580px; color: #333333; font-size: 12px; line-height: 20px; letter-spacing: 3px; padding: 10px; } #sugg { display: block; height: 800px; width: 230px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px; } #leftbtn { display: block; padding: 0px; height: 20px; width: 230px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; float: left; } #rightbtn { display: block; padding: 0px; height: 20px; width: 230px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; text-align: center; float: left; } #goodsbox { display: block; padding: 10px; width: 210px; float: right; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .goods { display: block; margin: 0px; padding: 5px; height: 130px; width: 200px; font-size: 12px; line-height: 20px; text-align: center; } .sbox { display: block; width: 680px; margin: 0px; padding: 0px; height: 200px; } .sbox:after{content:".";height:0px;display:block;clear:both; visibility:hidden} .sleft { display: block; margin: 0px; padding: 10px; float: left; width: 280px; text-align: center; } .sright { display: block; margin: 0px; padding: 10px; float: right; width: 350px; text-align: center; }