@charaset "Shift_JIS"; /* ------------------------------------------------------------------------------------------------------------------------- header_area ------------------------------------------------------------------------------------------------------------------------- */ #contact{background:url(../../images/index/i_index_02.jpg) 100% 0 no-repeat;text-align:left;} #contact ul { width: 880px; height: 69px; text-align:left; margin-left:20px;} #contact li { height:69px; float:left; text-indent:-9999px; line-height:0;list-style:none;} #contact li a { height:69px; display:block; text-indent:-9999px; line-height:normal; } #contact #bt_contact { width:239px; background:url(../../images/index/bt_contact_off.jpg) 0 0 no-repeat; } #contact #bt_contact a { width:239px; background: url(../../images/index/bt_contact_off.jpg) 0 0 no-repeat; } #contact #bt_contact a:hover { background:url(../../images/index/bt_contact_on.jpg) 0 0 no-repeat; } #header{background:url(../../images/index/i_index_03.jpg) 0 0 no-repeat; text-align:left; height:365px;} /* ------------------------------------------------------------------------------------------------------------------------- bt-area ------------------------------------------------------------------------------------------------------------------------- */ #navi ul { width: 900px; text-align:left;} #navi li { height:98px; float:left; text-indent:-9999px; line-height:0; list-style:none;} #navi li a { height:98px; display:block; text-indent:-9999px; line-height:normal; } #navi #navi_bt01 { width:98px; background:url(../../images/index/bt_01_off.jpg) 0 0 no-repeat; } #navi #navi_bt01 a { width:98px; background: url(../../images/index/bt_01_off.jpg) 0 0 no-repeat; } #navi #navi_bt01 a:hover { background:url(../../images/index/bt_01_on.jpg) 0 0 no-repeat; } #navi #navi_bt02 { width:98px; background:url(../../images/index/bt_02_off.jpg) 0 0 no-repeat; } #navi #navi_bt02 a { width:98px; background: url(../../images/index/bt_02_off.jpg) 0 0 no-repeat; } #navi #navi_bt02 a:hover { background:url(../../images/index/bt_02_on.jpg) 0 0 no-repeat; } #navi #navi_bt03 { width:98px; background:url(../../images/index/bt_03_off.jpg) 0 0 no-repeat; } #navi #navi_bt03 a { width:98px; background: url(../../images/index/bt_03_off.jpg) 0 0 no-repeat; } #navi #navi_bt03 a:hover { background:url(../../images/index/bt_03_on.jpg) 0 0 no-repeat; } #navi #navi_bt04 { width:98px; background:url(../../images/index/bt_04_off.jpg) 0 0 no-repeat; } #navi #navi_bt04 a { width:98px; background: url(../../images/index/bt_04_off.jpg) 0 0 no-repeat; } #navi #navi_bt04 a:hover { background:url(../../images/index/bt_04_on.jpg) 0 0 no-repeat; } #navi #navi_bt05 { width:98px; background:url(../../images/index/bt_05_off.jpg) 0 0 no-repeat; } #navi #navi_bt05 a { width:98px; background: url(../../images/index/bt_05_off.jpg) 0 0 no-repeat; } #navi #navi_bt05 a:hover { background:url(../../images/index/bt_05_on.jpg) 0 0 no-repeat; } #navi #navi_bt06 { width:98px; background:url(../../images/index/bt_06_off.jpg) 0 0 no-repeat; } #navi #navi_bt06 a { width:98px; background: url(../../images/index/bt_06_off.jpg) 0 0 no-repeat; } #navi #navi_bt06 a:hover { background:url(../../images/index/bt_06_on.jpg) 0 0 no-repeat; } #navi-02, #navi-03, #navi-04, #navi-05, #navi-06{ text-align:left; width:26px; height:98px;} #navi-01{background:url(../../images/index/i_bt01.jpg) 0 0 no-repeat; text-align:left; width:77px; height:98px;} #navi-02{background:url(../../images/index/i_bt02.jpg) 0 0 no-repeat;} #navi-03{background:url(../../images/index/i_bt03.jpg) 0 0 no-repeat;} #navi-04{background:url(../../images/index/i_bt04.jpg) 0 0 no-repeat;} #navi-05{background:url(../../images/index/i_bt05.jpg) 0 0 no-repeat;} #navi-06{background:url(../../images/index/i_bt06.jpg) 0 0 no-repeat;} #navi-07{background:url(../../images/index/i_bt07.jpg) 0 0 no-repeat; text-align:left; width:105px; height:98px;} #navi-bottom{background:url(../../images/index/i_bt08.jpg) 0 0 no-repeat; text-align:left; width:900px; height:38px;} /* ------------------------------------------------------------------------------------------------------------------------- news-area ------------------------------------------------------------------------------------------------------------------------- */ #news{ background: url(../../images/index/bg_news.gif) repeat-y; width: 230px; float:left; margin-right:15px;line-height:1.5; margin-bottom: 30px; } #news h3{ background:url(../../images/index/t_news.gif) 0 0 no-repeat; width: 230px; height: 58px; } .articles{width:230px; text-align:left; font-size:12px; letter-spacing:1px; text-align:left; border-bottom: dotted #CCC 1px; margin-bottom: 5px;} .articles dl{ width:210px; margin:0 0 5px 3px;} .articles dt{ background: url(../../images/index/i_icon.gif) 0 0 no-repeat; line-height:1.5; text-align:left; padding-left:18px; } dl.articles dd{ text-align:left; line-height: 1.5em; letter-spacing: 1px; } /* ------------------------------------------------------------------------------------------------------------------------- bnr-area ------------------------------------------------------------------------------------------------------------------------- */ #bnr{ background:url(../../images/index/bg_bnr.gif) 0 0 repeat-y; width: 230px; } #bnr h3{ background:url(../../images/index/t_bnr.gif) 0 0 no-repeat; width: 230px; height: 58px; } #bnr-area{text-align:center; } .bnr_txt{ font-size:10px; padding-left:15px; padding-bottom:15px; line-height:1.5;} /*#bnr-area{ background:url(../../images/index/bg_bnr.gif) repeat-y; padding: 0 15px 0 15px; text-align:center; }*/ #i-bnr-f{ background:url(../../images/index/i_bnr_01.gif) 0 0 no-repeat; width: 230px; height: 16px; vertical-align:bottom;} /* ------------------------------------------------------------------------------------------------------------------------- about-area ------------------------------------------------------------------------------------------------------------------------- */ #about{ background:url(../../images/index/bg_about.jpg) repeat-y; width: 645px; float:right; padding-right: 10px; } #ti-about{ background:url(../../images/index/t_about.jpg) 0 0 no-repeat; width: 645px; height: 62px; } #i-about01{ background:url(../../images/index/i_about_01.jpg) 0 0 no-repeat; width: 645px; height: 134px; } #mt-about{ background:url(../../images/index/mt_about.gif) 0 0 no-repeat; width: 645px; height: 49px; } #txt-about{ background:url(../../images/index/bg_about_txt.gif) 0 0 no-repeat; height: 131px; font-size:12px; color:#666666; line-height:1.5; padding-left:16px; padding-right:48px; text-align:left; } #i-about-f{ background:url(../../images/index/i_about_02.gif) 0 0 no-repeat; width: 645px; height: 20px; margin-bottom: 15px; } .about-bnr{ background-image:url(../../images/index/bg_about.gif); background-repeat:repeat-y; width: 645px; padding-bottom: 25px;} #bnr_vote{ background:url(../../images/index/bnr_vote.jpg) 0 0 no-repeat; text-align:left; width: 445px; height: 90px; } /* ------------------------------------------------------------------------------------------------------------------------- END OF CSS ------------------------------------------------------------------------------------------------------------------------- */