@charset "euc-jp";
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } body,td,th { font-family: メイリオ,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif; font-size: 12px !important; color: #666666; } /*　リンク訪問後　*/ a:visited { color: #660099; text-decoration: none; } /*　リンクオーバー　*/ a:hover { color: #FF0000; text-decoration: underline } /*　リンク　*/ a:link { color: #0000FF; text-decoration: none; } #back { margin: 0px; padding: 0px; width: 100%; display: block; } #cts { width: 960px; margin-top: 10px; margin-right: auto; margin-bottom: 20px; margin-left: auto; display: block; } #leftbox { display: block; margin: 0px; padding: 0px; width: 700px; float: left; } #rightbox { margin: 0px; padding: 0px; float: right; width: 235px; display: block; } #topimg { margin: 0px; padding: 0px; height: 300px; width: 700px; float: left; } #topinfo { width: 700px; border: 1px solid #E3E3E3; float: right; font-size: 17px; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } p:first-letter{font-size: 150%;} .smpimg { display: block; padding: 0px; float: left; height: 250px; width: 300px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; } #smpcome { display: block; height: 250px; width: 380px; float: right; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #top { height: 60px; width: 100%; margin: 0px; padding: 0px; display: block; } #bar { background-image: url(../new/img/bar.gif); height: 40px; width: 100%; background-color: #F0F0F0; display: block; margin: 0px; padding: 0px; } #bar ul{ clear: both; margin: 0px; padding: 0px; overflow: hidden; position: relative; z-index: 0; left: 0px; 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; } #smap { display: block; padding: 0px; float: right; height: 30px; width: 450px; margin-top: 5px; margin-right: 10px; position: absolute; top: 10px; right: 20px; text-align: right; } ul{ display: block; margin: 0px; padding: 0px; width: 100%; clear: both; } #secondinfo li{ font-size: 12px; line-height: 15px; list-style-type: none; padding-top: 5px; padding-bottom: 10px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 5px; padding-left: 5px; letter-spacing: 1px; overflow: hidden; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ECCDC6; } /*#secondinfo li:after{content:"　. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";height:0px;display:block;clear:both;}*/ #secondinfo b{ color: #C2285D; display: block; margin-bottom: 7px; } h3 { color: #000000; } .rightinfo { padding: 3px; height: 150px; width: 220px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; border: 4px solid #66CCFF; display: block; } #rssbox { background-image: url(../new/img/bc.jpg); padding: 3px; width: 230px; margin-bottom: 20px; background-repeat: repeat-x; } .rss { display: block; padding: 3px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ECCDC6; font-size: 11px; } #secondinfo { display: block; padding: 0px; width: 100%; margin-top: 10px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; letter-spacing: 1px; height: 570px; } #scleft { display: block; float: left; width: 345px; height: 500px; overflow: hidden; padding: 0px; } #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 { float: right; width: 340px; display: block; background-image: url(../new/img/infobar.gif); background-repeat: repeat-x; height: 500px; overflow: hidden; padding: 0px; } .appsub { background-color: #FBF2F0; margin: 0px; padding: 10px; height: 24px; width: 180px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; color: #000000; float: left; } .appsub2 { background-color: #FBF2F0; margin: 0px; padding: 10px; width: 180px; color: #000000; float: left; } .line { display: block; margin: 0px; padding: 0px; height: 45px; width: 600px; } .line2 { display: block; margin: 0px; padding: 0px; width: 600px; float: right; background-color: #FBF2F0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .qessub { font-size: 15px; line-height: 25px; background-color: #ECDED5; margin: 0px; padding: 10px; height: 25px; width: 580px; } .mailsub { font-size: 13px; line-height: 15px; text-align: center; margin: 0px; height: 90px; width: 600px; padding-top: 5px; padding-right: 0px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .app { background-color: #FFFFFF; margin: 0px; padding: 10px; width: 378px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; color: #000000; float: right; display: block; height: 24px; } .app2 { background-color: #FFFFFF; margin: 0px; padding: 10px; width: 378px; color: #000000; float: right; display: block; } .mailbox { display: block; padding: 0px; width: 600px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } .appinp { font-size: 15px; line-height: 20px; height: 20px; width: 200px; padding: 0px; } .appun { font-size: 15px; height: 50px; width: 600px; text-align: center; padding-top: 10px; padding-bottom: 10px; display: block; float: left; } .submit { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/app.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .remake { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/remake.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .lose { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/loss.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .reser { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/rev.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .login { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/login.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .next { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/next.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .before { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/before.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: 30px; margin-bottom: 0px; margin-left: 60px; float: left; } .masub { cursor:pointer; font-size: 15px; height: 42px; width: 202px; text-align: center; background-image: url(../new/img/mail_sub.gif); padding: 0px; display: block; border: 1px solid #FFFFFF; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .box{ padding: 0px; border: 1px solid #CCCCCC; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #rule { display: block; margin: 0px; padding: 10px; height: 80px; width: 600px; overflow: auto; } #login { padding: 0px; float: left; width: 100%; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; display: block; text-align: center; } #fmbox{ display: block; padding: 0px; float: right; width: 100%; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } fieldset{ border: 1px solid #FFFFFF; } #qestbox { font-size: 15px; line-height: 20px; padding: 0px; width: 600px; margin: 0px; float: right; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .mbtn { display: block; margin: 10px; padding: 0px; float: left; height: 60px; width: 200px; } #mem a{ background-image: url(../image/page/mem.gif); display: block; padding: 0px; height: 43px; width: 164px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #mem a:hover { background-image: url(../image/page/mem2.gif); display: block; padding: 0px; height: 43px; width: 164px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #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; }