body { font-size : 10pt ; color : 666666 ; margin:10px ;} h1 { font-size: 140%; color: #cc0000; line-height: 1.2em; } h2 { font-size: 120%; color: #cc0000; line-height: 0.8em; } td {font-size:10pt ; color: #000000 ;} A:link { color : #999999 ;} A:visited { color : #999999 ;} A:hover { color : #999999 ;} A.sp1:link { color : #CC0000 ;} A.sp1:visited { color : #CC0000 ;} A.sp1:hover { color : #CC0000 ;} A.sp2:link { color : #0000CC ;} A.sp2:visited { color : #0000CC ;} A.sp2:hover { color : #0000CC ;} A.sp3:link { color : #CC0000 ;} A.sp3:visited { color : #CC0000 ;} A.sp3:hover { color : #CC0000 ;} A.sp4:link { color : #FFFFFF ;} A.sp4:visited { color : #FFFFFF ;} A.sp4:hover { color : #FFFFFF ;} .tb1 { border: solid; border-width: 1px; border-color:#CC0000; } .td_red { font-size : 10pt ; color : #CC0000 ; } .td_red2 { font-size : 10pt ; color : #FFFFFF ; background-color:#CC0000;} .td_gray { font-size : 10pt ; color : #666666 ; background-color:#FAFAFA;} .td_gray2 { font-size : 10pt ; color : #666666 ; background-color:#FAFAFA; padding:8px;} .td_gray3 { font-size : 8pt ; color : #666666 ; background-color:#FAFAFA;} .td_gray4{ font-size : 10pt ; color : #999999 ; background-color:#FAFAFA;} .td_line115 {font-size : 9pt ; line-height: 115%; padding-top:10px; padding-bottom:10px; } .td_line125 {line-height: 125%; } .td_line150 {line-height: 150%; } .td_pad4 {padding:4px; } .td_pad16 {padding-top:4px; padding-left:20px; padding-right:20px; padding-bottom:4px; } .td_pad20 {padding-top:10px; padding-left:4px; padding-right:4px; padding-bottom:10px; line-height: 110%;} .td_8040 {font-size : 12pt ; color : #FFFFFF; background-color:#FF8040 ;} .td_red12 {font-size : 12pt ; color : #CC0000 ;} .td_1 {color : #000099; background-color:#F6F6F6; width:760px ;} .td_2 {color : #666666; background-color:#E8E8FF; width:760px ;} .td_3 {color : #000000; background-color:#D7FFD7; width:760px ;} .td_4 {color : #000000; background-color:#E8E8FF; width:760px ;} .td_5 {color : #FFFFFF; background-color:#8080FF; width:760px ;} .td_6 {font-size:14pt; color : #000099; background-color:#E8E8FF; width:760px ;} .td_7 {color : #666666; background-color:#D7FFD7; width:760px ;} .td_8 {background-color:#F2F2E6; text-align:center;} .td_9 {color : #FFFFFF; background-color:#009900; text-align:center;} .td_10 {color : #666666; background-color:#FFFFFF; text-align:center;} .td_11 {color : #666666; background-color:#FFFFFF;} .8040 {color : #FF8040 ;} .td_form {color : #FFFFFF; background-color:#82C1C1; text-align:center;} /*------------------------------------------------------------ ●４、margin・・・周りのブロックからの距離 10、15、20・・・という数字は「px（ピクセル）」を表します -------------------------------------------------------------*/ .m0{ margin: 0!important; }/*周りからのmarginを0にする*/ .m0-t{ margin-top: 0!important; }/*上からのmarginが0px*/ .m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/ .m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/ .m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/ .m10{ margin: 10px!important; }/*周りからのmarginが10px*/ .m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/ .m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/ .m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/ .m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/ .m15{ margin: 15px!important; } .m15-t{ margin-top: 15px!important; } .m15-r{ margin-right: 15px!important; } .m15-b{ margin-bottom: 15px!important; } .m15-l{ margin-left: 15px!important; } .m20{ margin: 20px!important; } .m20-t{ margin-top: 20px!important; } .m20-r{ margin-right: 20px!important; } .m20-b{ margin-bottom: 20px!important; } .m20-l{ margin-left: 20px!important; } .m30{ margin: 30px!important; } .m30-t{ margin-top: 30px!important; } .m30-r{ margin-right: 30px!important; } .m30-b{ margin-bottom: 30px!important; } .m30-l{ margin-left: 30px!important; } .m40{ margin: 40px!important; } .m40-t{ margin-top: 40px!important; } .m40-r{ margin-right: 40px!important; } .m40-b{ margin-bottom: 40px!important; } .m40-l{ margin-left: 40px!important; } .m50{ margin: 50px!important; } .m50-t{ margin-top: 50px!important; } .m50-r{ margin-right: 50px!important; } .m50-b{ margin-bottom: 50px!important; } .m50-l{ margin-left: 50px!important; } .m60{ margin: 60px!important; } .m60-t{ margin-top: 60px!important; } .m60-r{ margin-right: 60px!important; } .m60-b{ margin-bottom: 60px!important; } .m60-l{ margin-left: 60px!important; } .m70{ margin: 70px!important; } .m70-t{ margin-top: 70px!important; } .m70-r{ margin-right: 70px!important; } .m70-b{ margin-bottom: 70px!important; } .m70-l{ margin-left: 70px!important; } .m80-b{ margin-bottom: 80px!important; } .m90-b{ margin-bottom: 90px!important; } .m100-b{ margin-bottom: 100px!important; } /*------------------------------------------------------------ ●６、font-size・・・フォントサイズの設定 ※「em」と「pt」の違い 　IEで、ブロウザの文字サイズ変更が反映されるのが「em」です 　「pt」は文字サイズ変更が効きません。 -------------------------------------------------------------*/ .f8pt{ font-size: 8.5pt!important; } .f9pt{ font-size: 9.0pt!important; } .f10pt{ font-size: 10pt!important; } .f11pt{ font-size: 11pt!important; } .f12pt{ font-size: 12pt!important; } .f13pt{ font-size: 13pt!important; } .f14pt{ font-size: 14pt!important; } .f16pt{ font-size: 16pt!important; } .f18pt{ font-size: 18pt!important; } .f20pt{ font-size: 20pt!important; } .f22pt{ font-size: 22pt!important; } .f24pt{ font-size: 24pt!important; } /*------------------------------------------------------------ ●７、color・・・フォントカラーの設定 -------------------------------------------------------------*/ .black{ color: #000!important; }/*黒色*/ .red{ color: #ff0000!important; }/*赤色*/ .blue{ color: #0000dd!important; }/*青色*/ .green{ color: #008000!important; }/*緑色*/ .yellow{ color: #ffff00!important; }/*黄色*/ .navy{ color: #1F26A9!important; }/*紺色*/ .gray{ color: #ccc!important; }/*灰色*/ .orange{ color: #ff6600!important; }/*橙色*/ .pink{ color: #ff0080!important; }/*ピンク色*/ .purple{ color: #660099!important; }/*紫色*/ .olive{ color: #808000!important; }/*黄土色*/ .lime{ color: #00ff00!important; }/*黄緑*/ .aqua{ color: #167FA6!important; }/*水色*/ .win{ color: #cc0000!important; }/*ワイン色*/ /*------------------------------------------------------------ ■拡張設定 t＝上（top） r＝右（right） b＝下（bottom） l＝左（left） c＝左右の中央（center） m＝上下の中央（middle） ※「!important」という設定は、 　どんなclassより、そのclassを優先するという設定です。 -------------------------------------------------------------*/ /*------------------------------------------------------------ ●１、align・・・文字の横位置 -------------------------------------------------------------*/ .al-c{ text-align: center; }/*中央寄せ*/ .al-r{ text-align: right; }/*右寄せ*/ .al-l{ text-align: left; }/*左寄せ*/ /*------------------------------------------------------------ ●１３、hr・・・線の基本設定 -------------------------------------------------------------*/ hr{ clear: both; margin: 0; padding: 0; border-width: 1px 0 0 0; height: 1px; border-style: solid none none none; color: #ccc; width: 600px } /*------------------------------------------------------------ ●１４、left、right・・・画像の横位置設定 -------------------------------------------------------------*/ /*--------------------▽左に画像、右に文章*/ .left{ float: left; margin: 0 30px 20px 0!important; } /*--------------------▽右に画像、左に画像*/ .right{ float: right; margin: 0 0 20px 30px!important; }