@charset "utf-8"; /****************************************************************************** [全体の設定] ******************************************************************************/ * { margin: 0; padding: 0; text-align: center;/*ie6 centering*/ font-family: 'メイリオ',Meiryo,'ＭＳＰゴシック',"MS P Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif; } /****************************************************************************** [タグの設定] ******************************************************************************/ body{ font-size: 14px; color: #666666; /* フォントの色にカラーコード：#666666を指定します */ line-height: 1.5; /* 行間を1.5に指定します */ /* background: url(../images/b4-44.gif) #f4f2eb center top repeat; */ } img { border:none; } /****************************************************************************** [clearfixの設定] ******************************************************************************/ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { display: inline-block; } /* exlude MacIE5 \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* end MacIE5 */ /****************************************************************************** [全体枠の設定] ******************************************************************************/ #top_body { background-color: #000; } #outline1 { margin: 0 auto; /* ブロックを中央寄せにします */ /* padding-bottom: 15px; */ background-color: #000; } #outline { width: 950px; /* ブロックの横幅を950pxに固定します */ margin: 0 auto; /* ブロックを中央寄せにします */ /* padding-bottom: 15px;*/ } #outline3 { margin: 0 auto; /* ブロックを中央寄せにします */ /* padding-bottom: 15px; */ background-color: #000; } p { text-align: left;/*ie6 centering*/ } .container { width: 950px; /* ブロックの横幅を950pxに固定します */ margin: 0 auto; /* ブロックを中央寄せにします */ } /****************************************************************************** [ヘッダーの設定] ヘッダー部ブロックに対してスタイルを指定します。 ******************************************************************************/ #header { background-color: #000; width: 950px; /* ブロックの横幅を950pxに固定します */ color: #fff; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ margin: 0 auto 0 auto; /* ブロックを中央寄せにし、ブロック外の上に15pxの余白を入れます */ } h1 { background-color: #000; font-size: 26px; display: inline; float: left; } h1 a { color: #fff; text-decoration:none; } #head1 p a{ background-color: #000; color: #fff; padding-top: 14px; float: right; } #navi { clear: both; margin: 5px auto 0 auto; padding: 0; height: 50px; text-align: center; } #navi div { display: inline; float: left; } #navi div .navi_1, #navi div .navi_2, #navi div .navi_3, #navi div .navi_4 { width: 140px; } #navi div .navi_5 { width: 385px; } /****************************************************************************** [コンテンツの設定] コンテンツ部ブロックに対してスタイルを指定します。 ******************************************************************************/ #content { width: 950px; /* ブロックの横幅を950pxに固定します */ clear: both; /* floatによる回り込みを解除します（clearfixで解除しているが、DW上の表示のために指定） */ margin: 15px auto 15px auto; /* ブロックを中央寄せにし、ブロック外の上下に20pxの余白を入れます */ } #main { width: 950px; /* ブロックの横幅を950pxに固定します */ float: right; /* ブロックを右端側に回り込ませます */ margin: 0 auto 0 auto; /* ブロックを中央寄せにし、ブロック外の上下に0pxの余白を入れます */ } #center { color: #666; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ width: 645px; /* ブロックの横幅を645pxに固定します */ float: left; /* ブロックを左端側に回り込ませます */ } #right { color: #666; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ width: 290px; /* ブロックの横幅を290pxに固定します */ float: right; /* ブロックを右端側に回り込ませます */ } #menu { margin: 0 auto 0 auto; padding: 0; text-align: center; } #menu div { width: 205px; display: inline; float: left; } #menu div.menu_1, #menu div.menu_2 { margin-right: 15px; margin-bottom: 20px; } #menu div.menu_3 { margin-bottom: 20px; } #menu2 { clear: both; width: 645px; height: 205px; display: inline; float: left; /* margin-top: 15px;*/ margin-bottom: 15px; } #link { text-align: left; clear: both; margin-top:10px; } #link p { color: #999; } #link a { color: #999; } #link div.bar_1 img { margin: 0 auto 8px auto; } #link div.bar_2 img { margin: 8px auto; } #w3c { clear: both; text-align: left; } #w3c p { clear: both; color: #999; text-align: left; } .none { display: none; } #blog { width: 290px; /* ブロックの横幅を290pxに固定します */ } #blog_title { height: 30px; background: url(../images/topics_title.gif) top no-repeat; } #info { margin-top:10px; width: 645px; /* ブロックの横幅を645pxに固定します */ text-align: left; clear: both; } #info_title { height: 30px; background: url(../images/info_title.gif) top no-repeat; } .box_text { background-color: #000; color: #fff; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ margin-top:5px; padding: 10px; border: 1px solid #a49090; } p.entry { text-indent: 1em; line-height: 1.8; } .r_bana { margin-top: 15px; width: 290px; /* ブロックの横幅を290pxに固定します */ } .r_bana2 { margin-top: 11px; width: 290px; /* ブロックの横幅を290pxに固定します */ } /****************************************************************************** [下位画面の設定] ******************************************************************************/ #sub { width: 950px; /* ブロックの横幅を950pxに固定します */ float: right; /* ブロックを右端側に回り込ませます */ margin: 0 auto 15px auto; /* ブロックを中央寄せにし、ブロック外の上下に20pxの余白を入れます */ } #sub_left { color: #666; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ width: 235px; /* ブロックの横幅を220pxに固定します */ float: left; /* ブロックを左端側に回り込ませます */ } #sub_right { color: #666; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ width: 700px; /* ブロックの横幅を300pxに固定します */ float: right; /* ブロックを右端側に回り込ませます */ background: url(../images/a42.png) #f4f2eb center top repeat; } #sub_right h3 { margin: 20px; color: #666; font-weight:900; padding-top: 4px; padding-left: 30px; text-align: left; height: 31px; background: url(../images/title_660.gif) left top no-repeat; } .m_10 { margin-top: 10px; } .m_20 { margin-top: 20px; } #sub_right .list { margin-left:60px; margin-right:30px; } #sub_right .list2 { margin-left:35px; margin-right:30px; } .c1 { font-weight: bold; margin-top: 10px; padding-left: 35px; background: url(../images/acc_21.gif) 30px 6px no-repeat; } .c2 { font-weight: bold; margin-top: 10px; padding-left: 35px; background: url(../images/acc_22.gif) 30px 6px no-repeat; } .c3 { margin-top: 10px; padding-left: 35px; background: url(../images/acc_23.gif) 30px 6px no-repeat; } .c31 { margin-top: 3px; padding-left: 35px; background: url(../images/acc_23.gif) 30px 6px no-repeat; } .c3 a, .c31 a { padding-left: 10px; font-weight: bold; } #sub_right ol li { padding:4px 0; text-align: left; } table { margin: 0 auto; width: 90%; line-height: 1.5; font-family: 'メイリオ',Meiryo,'ＭＳＰゴシック',"MS P Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif; border-collapse: collapse; background-color: #fff; } th, td { text-align: left; padding: 3px 15px; border: 1px dotted #ccc; } th { width: 20%; text-align: left; background-color: #eee; } table.magezine { margin: 0 auto; width: 600px; line-height: 1.5; font-family: 'メイリオ',Meiryo,'ＭＳＰゴシック',"MS P Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif; border-collapse: collapse; } table.magezine td { padding: 0 0; border: none; background: url(../images/a42.png) #f4f2eb center top repeat; } table.magezine td.tdb { width: 20px; } .org { color:#ff6600; } /****************************************************************************** [フッターの設定] フッター部ブロックに対してスタイルを指定します。 ******************************************************************************/ #footer { font-size: 12px; color: #fff; clear: both; /* floatによる回り込みを解除します（clearfixで解除しているが、DW上の表示のために指定） */ /* background: url(../images/foot_kari.jpg) bottom no-repeat;*/ height: 70px; margin: 0 auto 0 auto; /* ブロックを中央寄せにし、ブロック外の上下に20pxの余白を入れます */ } #footer p.f_entry { text-indent: 1em; padding: 4px 0 0 0; text-align: center; } .copyright { text-align: right; padding: 1px 10px 0 0; margin: 0px; } /*--- <ページの先頭へ戻る> ---*/ #pagetop { text-align: right; padding-top: 5px; } #pagetop p a { text-align: right; margin-right: 10px; } .pagetop p { text-align: right; padding-bottom: 5px; } .pagetop p a { margin-right: 10px; }