/************************************************************************* リスト設定 *************************************************************************/ ul, ol, dl { margin:0px; padding:0px } li, dt, dd { list-style: none;} /************************************************************************* 各設定 *************************************************************************/ a { color: #000000; text-decoration:none; font-size: 12px; } a:active, a:hover { text-decoration:underline; } /** 全体 **/ body { margin: 0px auto; text-align:center; font-family:"Meiryo";} #main { width:620px; margin:0 auto; text-align:left; } #head { width:600px; margin-left:10px; } #contents { width:600px; margin-left:10px; background:url(image/back.jpg) repeat-y top left; } #sem { clear:both; margin:20px 0px 20px 30px; padding:0; } /**パートナーリンク・セミナー回数**/ #main .seminor{ background:#90cde7; text-align:center; margin:3px auto 0px; padding:3px 0px; line-height:2;} /* _margin-left:160px; } IE6用 **/ #main .list { margin:0 auto; padding: 5px 5px 5px 15px; background:#f0f0f0; text-align:left; } /**リンクしていないグレー**/ #main .end , #main .end a , #main .end a:link , #main .end a:visited , #main .end a:hover{ color:#99CC00; } /**左余白**/ #sem #data { margin-left:130px; } /**横幅と並び**/ #sem #data { width:auto; clear:both; } #sem #data-h01 { width:230px; float:left; } #sem #data-h02 { width:150px; float:left; margin-left:10px; } /**dataもdata-hも両方**/ #sem { line-height:1.3; font-size:12px; } #sem p { margin:10px 0px 5px 0px; padding:0; } #sem dl, #sem ul { margin:10px 0px 5px; padding:0; } #sem dt { margin:5px 0px 10px; font-size:14px;} #sem dd, #sem li { margin-left:10px;} #sem span{ font-weight:bold; font-size:24px; text-align:center;} #contents .month/* #contents dt */{ vertical-align:top; line-height:2; font-size:14px; color:#999; padding-left:10px; /*border-left:5px solid #669900; */} #explain .pdf { text-indent:20px; height:18px; background:url(image/icon_pdf.gif) no-repeat left center; } #explain .xls { text-indent:20px; height:18px; background:url(image/icon_excel.gif) no-repeat left center; } #explain .ppt { text-indent:20px; height:18px; background:url(image/icon_pp.gif) no-repeat left center; } #explain .zip { text-indent:20px; height:18px; background:url(image/icon_zip.gif) no-repeat left center; } #explain .mp4 { text-indent:20px; height:18px; background:url(image/icon_movie.gif) no-repeat left center; } /*add 20241016 daiki*/ #explain .point { text-indent:20px; height:18px; background:url(image/icon_point.gif) no-repeat left center; } #explain .movie { margin-top:5px; background:none; } .go-top { clear:both; width:550px; text-align:right; } #explain { padding:10px; margin:15px auto; width:620px; font-size:12px; line-height:1.3; text-align:left; border:1px solid #008cc9; color:#008cc9; } #explain::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} #explain ul { margin:10px; padding:0; } #explain li { float:left; margin-right:10px; } /**btn**/ #main #btn { margin:10px auto ; width:520px; _width:530px; height:auto; padding:0px; _margin-left:30px; } #main #btn { color:#669900; font-size:12px; } #main #btn::after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} /**table用**/ /*#main #btn { margin:0 0 0 50px; width:auto; height:auto; padding-bottom:15px; color:#669900; }*/ /**#main #btn ul{ margin:0px auto; padding:0; }Firefox-IEのul余白トリ　ここのmarginに入れたらボタンの上余白可です。←最初にリセットした。**/ #main #btn li { width: 245px; _width: 248px; height:55px; margin: 0px 0px 0px 10px; float:left; text-align:right; }/**高さ55pxは下の文字も入れて。ボタンは41px**/ #main #btn .tokyo , #main #btn .osaka , #main #btn #sem-btn a { display: block; text-align:center; text-indent: -9999px; overflow:hidden; }/**text-alignは、#main #btn liのtext-align:right;の指示を無効化**/ #main #btn #sem-btn a { width:220px; height: 41px; } #main #btn #sem-btn .sem-btn00 a { text-align:left; text-indent:10px; line-height:2.5; letter-spacing:0.2em; font-size:16px; font-weight:bold; color:#8b0000; text-decoration: none; } #main #btn #sem-btn .sem-btn00 a:hover { color:#CC0000; } #main #btn .sem-btn00 a { background:url(image/btn-seminor-00.gif) right top no-repeat; } #main #btn .sem-btn00 a:hover { background:url(image/btn-seminor-00.gif) right -41px no-repeat; } #main #btn .sem-btn01 a { background:url(image/btn-seminor-01.gif) right top no-repeat; } #main #btn .sem-btn01 a:hover { background:url(image/btn-seminor-01.gif) right -41px no-repeat; } #main #btn .sem-btn02 a { background:url(image/btn-seminor-02.gif) right top no-repeat; } #main #btn .sem-btn02 a:hover { background:url(image/btn-seminor-02.gif) right -41px no-repeat; } #main #btn .sem-btn03 a { background:url(image/btn-seminor-03.gif) right top no-repeat; } #main #btn .sem-btn03 a:hover { background:url(image/btn-seminor-03.gif) right -41px no-repeat; } #main #btn .sem-btn04 a { background:url(image/btn-seminor-04.gif) right top no-repeat; } #main #btn .sem-btn04 a:hover { background:url(image/btn-seminor-04.gif) right -41px no-repeat; } #main #btn .sem-btn05 a { background:url(image/btn-seminor-05.gif) right top no-repeat; } #main #btn .sem-btn05 a:hover { background:url(image/btn-seminor-05.gif) right -41px no-repeat; } #main .tokyo , #main .osaka { display:block; width: 25px; height:41px; float:left; } #main .tokyo{ background:url(image/btn-seminor-p.gif) left 0px no-repeat;} #main .osaka{ background:url(image/btn-seminor-p.gif) left -41px no-repeat;} /*#main .mb{ width: 5px; float:left; padding-top:13px; }*/ #main #btn .attention { clear:both; width:520px; _width:530px; } #main #btn .attention { font-size:10px; color:#666600; text-align:right; } /**フッタ**/ .footer { padding:10px 0px; font-size: 10px; color: #FFFFFF; background:#333333; text-align:center; letter-spacing:1px; bottom:0; } .footer a { text-decoration:none; font-size: 12px; } .footer a:visited , .footer a:link { color: #FFFFFF; } .footer a:active , .footer a:hover { color: #999999; } span.red{ color:red }